w8-n
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
Base: 4 x 5.0 Ratings
robotkoer
Jan 02 2015
idontkn0w123
Apr 20 2014
Support-Box
w8-n is part of GTK Themes and Content, which is supported by the following people:
More GTK3 Themes from blue-dxca93:
Other GTK3 Themes:
commandercommando
5 years ago
Report
blue-dxca93
5 years ago
Report
blue-dxca93
5 years ago
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
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
blue-dxca93
5 years ago
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
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
blue-dxca93
5 years ago
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
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
blue-dxca93
5 years ago
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
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
http://postimg.org/image/xg6qqgdg9/
Report
idontkn0w123
5 years ago
but still, if changing bg to black, there are 1-2 px borders everywhere, synaptic menu design sucks :P
(synaptic itself, not theme)
Report
blue-dxca93
5 years ago
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
blue-dxca93
5 years ago
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
.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
blue-dxca93
5 years ago
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
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
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
blue-dxca93
5 years ago
Report