w8-n

GTK3/4 Themes

Source (link to git-repo or to original if based on someone elses unmodified work): Add the source-code for this project on opencode.net

2
6.4
Available as/for: -
Description:

Will be soon on noobslab.

Donations are welcome, however the theme is opensource and free.!!!

19 comments
Comments/Ratings

Please login or register to add a comment or rating

3

commandercommando

7 years ago

"GTK 3" is now 3.12. If your theme doesn't support the current version of GTK (integrated window borders, drop shadows, etc.) please at least mention that in the description...

Report

C

blue-dxca93

7 years ago

i did Implement unity. Implemented window borders and drop shadows are not that importiert. think i don't Use gnome i Use cinnamon and unity

Report

C

blue-dxca93

7 years ago

please stop insulting me. i declared it as packaged for ubuntu. ubuntu has Gtk 3.10.8 as newest Version.
Gtk 3.12 is Too new for ubuntu.

however are the changes that Big?? send a Screenshot. even if it look garbage.

Report

9

idontkn0w123

7 years ago

theme works very well with cinnamon (2.2.1)

Some minor problems:

http://postimg.org/image/ss80utkej/

# in menu:
* searchbox only expands when typing
* partly white background (firefox and icons below)
# 1px white ligne on top of the menubar

Report

C

blue-dxca93

7 years ago

hi,
use an text editor and change the following classes with an text editor:
#menu-search-entry
.menu-favorites-box

>>> #menu-search-entry {
font-size: 9pt;
font-weight: normal;
min-width: 211px;
max-width: 212px;
selection-background-color: white;
selected-color: black;
border-radius: 2px;
padding: 4px;
color: black;
border: 9px solid rgba(165,185,200,0.4);
background-gradient-direction: vertical;
background-gradient-start: rgba(255,255,255,1.0);
background-gradient-end: rgba(255,255,255,1.0);
box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.5);

} <<<

>>>
.menu-favorites-box {
margin: auto;
padding: 0.5em;
border: 1px solid rgba(20,20,20,0.2);
background-gradient-direction: vertical;
background-gradient-start: rgba(255,255,255,0.0);
background-gradient-end: rgba(255,255,255,0.0);
border-radius: 4px;

}
<<<

The 0.0 instead of 1.0 is really important!

That schould fix two of your bugs. One Bug 1s not really one. The other Bug will be fixed automaticaly in newer versions.

regards bluedxca93

Report

9

idontkn0w123

7 years ago

ty worked so far.

i also added "border: 1px solid rgba(70,130,200);"
in the following class, because when hover over the log, logout or shutdown-button, the menu entries moved 1px up or down.

.menu-favorites-button {
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
border: 1px solid rgba(70,130,200);
border-radius: 2px;
}

the white line over the menubar is still there, no way to remove that one?

Report

C

blue-dxca93

7 years ago

could you mean by and chance the panel?.
no problem. will add an readme writing how to "fix"this white line.however i liked This Line.
some other people might hate it. solution :light blue border as default + readme how to delete this line. sometimes bugs are in Reality Präferences. thx for solving the 1px displacement Bug i didnt even notice.

Report

9

idontkn0w123

7 years ago

da du Deutsch zu sein scheinst, ich habe die Linie über der cinnamonleiste gemeint. Wenn den ersten Link ankuckst:

http://postimg.org/image/ss80utkej/


und mit dem aktuellen vergleichtst, siehst du was ich meinte.
Die searchbox hat jetzt eine feste Breite, sowie die Hintergrundfarbe der Favoriten/logout/shutdown usw. ist nicht mehr weiß

http://postimg.org/image/3neiop21l/

Was ich für mich persönlich noch ändern würde, aber nicht weiss wie, ist zum einen die Searchbox würde ich gerne ohne den dicken blauen Rand haben, und von der Größe und dem Platz her so angeordnet wie wenn du mit der Maus über einen Link fährst (hover Effekt).
Zum anderen würde ich den wiessen Strich über der cinnamonleiste gerne dunkler machen :)
Um die Textfarbe vom cinnamon startmenuknopf, den Einträgen selbst und die rechte Seite mit Uhr usw. auf weiss umzustellen, müsste ich da viel ändern?

Grüße

Report

C

blue-dxca93

7 years ago

http://pastebin.com/GwUVf08N
is your patched theme.

#menu-search-entry {
..
border-top: 1px;
border-left: 5px;
border-right: 0px;
border-bottom: 2px;
border-style: solid;
border-color: rgba(165,185,200,0.0);
..}

and

.applet-label {
color: white;
text-align: center;
}
and
#panelLeft/Right etc {
..
border: 1px solid rgba(255,255,255,0.4);
..
}
did the trick
If the value is 1.0 white border will have 100% opacity and so on. 0.4 means 40%

Also i suggest you to read https://developer.gnome.org/gtk3/3.7/GtkCssProvider.html

the supported properites table Cinnamon has not all options but the most importnat of them are supported.

regards bluedxca93


Report

9

idontkn0w123

7 years ago

okay found the problem

replacing

border-width: 0px 0px 1px 0px;
border-color: #a0afc3;
border-style: solid;

with

border: 0px solid;

removes the spaces. (setting border-with to 0px 0px 0px 0px does not work.)

Report

9

idontkn0w123

7 years ago

forgot to attach image link ...
http://postimg.org/image/xg6qqgdg9/

Report

9

idontkn0w123

7 years ago

added that to gtk-widgets.css, looks much better now

but still, if changing bg to black, there are 1-2 px borders everywhere, synaptic menu design sucks :P
(synaptic itself, not theme)

Report

C

blue-dxca93

7 years ago

hi,
you usally have something like that in gtk-widgets.css :
.primary-toolbar,
.primary-toolbar .toolbar,
.primary-toolbar.toolbar,
.menubar.toolbar,
.header-bar,


after that append with right syntax:

GtkWindow > GtkVBox > .dock,
GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar

and synaptic would be working better

in our case here

/* primary-toolbar */
.primary-toolbar,
.primary-toolbar .toolbar,
.primary-toolbar.toolbar,
.menubar.toolbar,
.header-bar,
GtkWindow > GtkVBox > .dock,
GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar {
-GtkWidget-window-dragging: true;
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (#fafafa, 1.05)),
color-stop (0.89, shade (#f1f8fe, 1.00)),
to (shade (#cddaea, 1.05)));

border-width: 0px 0px 1px 0px;
border-color: #a0afc3;
border-style: solid;
color: @dark_fg_color;
text-shadow: none;

box-shadow: none;
}

Report

C

blue-dxca93

7 years ago

hi,
did notify that myself. few moments ago.
that is a problem inside synaptic gtk3.
I will read the synaptic source code and search why and its not working. The bug is not inside the theme but in synaptic. Ubuntu devellopers didn fix it. However there theme is really dark.

regards bluedxca93

Report

9

idontkn0w123

7 years ago

ok ty. did some more changes :)
.applet-label {
color: white;
text-align: center;
padding-left: 6px;
padding-right: 6px;
}

#panel {
color: black;
background-color: rgb(70,130,200);
/*box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2); */
height: 32px;
font-weight: normal;
}

.system-status-icon {
color: white;
icon-size: 1.09em;
}


now its perfect for my needs :)
now I only have to find out, how to change the synaptic menubar, because its not fully working.. :/

http://postimg.org/image/ajrqs3jbx/

Report

C

blue-dxca93

7 years ago

yes im German. Do you Know how to fetch color values with gimp? you could Use then p.ex , rgb(r,g,b) as color value. (1-255) you can also simply write p.ex white.
how many Pixel is the hover displacement?
Do you know meld? its like windiff.
your changes are easily to Do. tommorow i'll send you an modified css with your wanted changes.
also i'll send you some instructions how to modify gtk3 /cinnamon themes.

Report

9

idontkn0w123

7 years ago

short video of Button movement on hover

https://www.youtube.com/watch?v=fNpKd9GCCrA

fixed with post above:
adding border: 1px solid rgba(70,130,200);

to the following class, with same color as background (from class .menu-background)

.menu-favorites-button {
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
border: 1px solid rgba(70,130,200);
border-radius: 2px;
}

Report

9

idontkn0w123

7 years ago

short video of Button movement on hover

https://www.youtube.com/watch?v=fNpKd9GCCrA

fixed with post above:
adding border: 1px solid rgba(70,130,200);

to the following class, with same color as background (from class .menu-background)

.menu-favorites-button {
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
border: 1px solid rgba(70,130,200);
border-radius: 2px;
}

Report

C

blue-dxca93

7 years ago

you mean in gtk3 right? or are you talking about cinnamon. i Know how to fix it, but need an Screenshot discribing the Problem. english is only my third language and my vocabulary is weak. there was some tolbarmenubar Bug that i fixed a Bit unclean. nicer solution is no problem.send me a Screenshot and i'll fix it.

Report

12345678910
14
product-maker hiroshi Sep 08 2016 9 excellent
product-maker robotkoer Jan 04 2015 9 excellent
product-maker Andrija Apr 21 2014 9 excellent
product-maker idontkn0w123 Apr 21 2014 9 excellent
product-maker commandercommando Apr 18 2014 3 bad

0 comments
Comments

Please login or register to add a comment

Be the first to comment
robotkoer
Jan 02 2015
idontkn0w123
Apr 20 2014
File (click to download) Version Description GTK VersionsGTK Desktops Downloads Date Filesize DL OCS-Install MD5SUM
*Needs pling-store or ocs-url to install things
product-maker
blue-dxca93
Pling
0 Affiliates

Support-Box

Become a Supporter of "w8-n" and similar GTK3/4 Themes via a monthly donation of
  • $0.99
  • $2
  • $5
  • $10
  • $
    Enter a free Amount
w8-n is part of GTK Themes and Add-ons, which is supported by the following people:
More GTK3/4 Themes from blue-dxca93:
product
product
product
product
product
product
Other GTK3/4 Themes:
product
product
product
product
product
product
Details
license
version
0.8
updated Apr 17 2014
added Apr 17 2014
downloads 24h
0
mediaviews 24h 0
pageviews 24h 2
Report Misuse Report SPAM
System Tags gnome linux theme unix