w8-n

GTK3 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
Score 65.6%
Description:

Will be soon on noobslab.

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

19 comments
 Comments

Please login or register to add a comment

commandercommando

5 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

5 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

5 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

idontkn0w123

5 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

5 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

idontkn0w123

5 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

5 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

idontkn0w123

5 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

5 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

idontkn0w123

5 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

idontkn0w123

5 years ago

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

Report

idontkn0w123

5 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

5 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

5 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

idontkn0w123

5 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

5 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

idontkn0w123

5 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

idontkn0w123

5 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

5 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
product-maker Count: 4 Rating: 5.0
File (click to download) Version Description Downloads Date Filesize DL OCS-Install
product-maker
blue-dxca93
Pling
*Needs ocs-url or ocs-store to install things
More GTK3 Themes from blue-dxca93:
product
product
product
product
product
product
Other GTK3 Themes:
product
product
product
product
product
product
Details
license
version
0.8
updated Apr 17 2014
added Apr 17 2014
downloads 24h
0
page views 24h 2
Report Misuse Report SPAM
System Tags gnome gtk3 linux theme unix