Closed SebastJava closed 6 years ago
ghost
commented
6 years ago @Sebastien-Bouchard
So I - a user - can just cut and paste your text in order to solve these problems? EDIT: not that cutting and pasting is easy on this page . .
EDIT: I'm not sure about these tooltips in the hacked theme . .
SebastJava
commented
6 years ago @CottonEaster
So I - a user - can just cut and paste your text in order to solve these problems?
Sorry, i went through a procedure that was more complicated than just "copy and paste". You should read all of this letter before starting anything. I had to compile my various notes to resume them here. I hope i did not forget anything. I am not a professional. Also, please be aware that English is not my native language and i'm trying my best but there could be language mistakes. And please be aware that all of this is very unofficial and at your own risk. ...But i can say i am using this "Mint-Y2" right now and it looks good. Better than the official one. On Linux Mint MATE 18.2. (Soon on LM Mate 18.3)
Please note that the original intend was to transmit this as information only for someone qualified to do it the right, official way: using the SASS. Please don't try it if your career and family depends on your computer system or if you are not qualified to re-install your system in case of trouble. Always make sure you have backups of everything before attempting anything.
I only did all this on Mint-Y, leaving the dark versions untouched. I was concentrated on my MATE version and did not care about Cinnamon or Xfce versions. Here it is:
MY UNOFFICIAL (UNSAFE?) PROCEDURE:
index.theme :
[Desktop Entry]
Type=X-GNOME-Metatheme
Name=Mint-Y2
Comment=A flat theme with transparent elements
Encoding=UTF-8
[X-GNOME-Metatheme]
GtkTheme=Mint-Y2
MetacityTheme=Mint-Y2
IconTheme=Mint-Y
CursorTheme=DMZ-White
ButtonLayout=menu:minimize,maximize,closeI did just one edit in GTK-2.0 about "tooltips". I guess we can forget that.
All theses codes are edited in a simple text format, using Xed text editor. Do not use a big word processor.
Go to Start Menu > Preferences > Appearance to switch from Mint-Y to Mint-Y2. Look at it!
NEVER make any edits into the currently active theme. To be sure you make no mistake, switch your desktop Appearance to Mint-X or another undoubtedly different theme while editing "Mint-Y2".
NOW MAKE IT LOOK RIGHT EVERYWHERE: at root level, at login screen, and for every user...
What we did so far was just a local /home/user/ test. Things will not look right when you work at root level and other places. Mint-Y2 is not yet available there so the system makes a fallback to some other theme. It makes a weird mix. Now, if you are confident enough, you can make this Mint-Y2 available everywhere:
P.S.: "tooltips", here, is the codename for this "floating info" that appears when you mouse over something. Ex.: mouse over the start menu icon to get "Linux Mint 18.x..." displayed. It is not related to your above mentioned "customize toolbar".
ghost
commented
6 years ago @Sebastien-Bouchard
Thank you ever so much. I've followed your (new) instructions. I can assure you that my cat hasn't died nor my trousers caught fire (though, yes, those warnings have their point). However, some tooltips - floaty things - are ,still, weirdly red (as in the image I posted). This is the case on my system, using 'Mint-Y2', for, at least, (i) Firefox tabs, (ii) the panel icon for Mint's Update Manager.
ghost
commented
6 years ago Sebastien, I reverted the tooltip changes you made (lines 2419-2438 in Y2's gtk.css) and my tooltips are back to normal.
Sadly, there seems to be another problem also with 'Y2'. Here is Sublime Text, running as root, using Y2 as the 'windows control theme'. (Please ignore the red. It is where I have redacted my username.) Note the thin white line under the titlebar. (You may have to zoom in.)
Here is how it should look, using the original Mint-Y.
No white line.
I wondered whether my 'windows border theme', which is a third-party theme I modified myself, was causing the problem - but, no, with the original Mint-Y theme for windows borders, Sublime Text (when running as root) still shows that strangeness at the top of the screen.
SebastJava
commented
6 years ago @CottonEaster I confirm it was not easy to copy this file from the web page, as you experienced. I ended up making a "select all" and then pasting and trimming it in the Xed text editor. I should put this file somewhere else with a link to it, eventually, maybe. Anyway, i saved it with these default values:
This was already a long text so there are a few things i omitted. I did not mention that i was not using the exact same "Mint-Y2" on my machine, but the other stuff is only about design colour, as far as i remember. Not essential and it would add a lot in complexity. But, suddenly in doubt, i did follow the exact procedure described here before. I temporarily created a "Mint-12" for testing.
Tooltips are OK here. I did radically change the colour, but it was supposed to be beige letters on black background. So i don't understand. Are you on Mate or on the others: Cinnamon, Xfce or KDE? I focused only on Mate and i can't test it on the 3 other "flavors". There is a lot of extra CSS in the Cinnamon distribution that i did not look at, so that could explain. Anyway, tooltips were modified to successfully remove a weird 1/4 second "flash". Maybe this flash is caused by my hardware: Integrated Graphics Processor on a little Intel Atom CPU with no available driver! So, you would not be concerned with these tooltips anyway. Just keep the original tooltip version if it looks fine.
I did see that tiny white line. Yes, it should be removed. But i can't reproduce that little error here: everything looks fine on my computer. But i don't have this Sublime Text software to make the exact same test. I can't see how the 5 or 6 little edits i made could have caused this.
LAST MINUTE: it's getting late and i want to go away BUT, reading your post again, things got obvious: "Sublime Text (when running as root) still shows that strangeness at the top of the screen." When running as root. Only when running as root, right? Then it's obvious. I did not insist on getting serious and copying the Mint-Y2 folder in /usr/share/themes, but i did it on my side, long ago. Don't forget to delete the ~/.theme/Mint-Y2 original BEFORE opening Appearances... REMEMBER: I don't want to be held responsible in case of trouble. This is purely experimental and at your own risk. I did this months ago, so i did not instantly remember you had to put Mint-Y2 folder in /usr/share/themes if you are really serious about this and you want things to look right everywhere: in root access, at login screen, and for every user.
I forgot to mention i just had a bit of practice with the CSS before, working on a web site. I found trying to modify CSS for a Linux theme was a different story. I just quickly searched some keywords through tons of documentation and made a lot of guessing and testing...
No white line, nice tooltips, custom colors, no bugs here on LM MATE 18.2:
SebastJava
commented
6 years ago @CottonEaster Original instructions (above) are updated to include this section:
NOW MAKE IT LOOK RIGHT EVERYWHERE: at root level, at login screen, and for every user...
ghost
commented
6 years ago @Sebastien-Bouchard
Tooltips are OK here. I did radically change the colour, but it was supposed to be beige letters on black background. So i don't understand. Are you on Mate or on the others: Cinnamon, Xfce or KDE?
I'm on Cinnamon - and, yes, I didn't have the tooltip 'flash' that you described, so I don't need your code to get rid of that.
You say you don't have Sublime-text: well, it comes with a long free trial, so you could try it (and it's a great editior). On Sublime having a visual artefact when run as root: ah, yes, there's a system-wide location for themes and a per-user location. When I first tried your theme, I put it in the former location, but later I moved it to the latter. Perhaps I've something in the wrong place.
Anyhow: while I appreciate your efforts, and I'm sure they will help others (those on Mate, at any rate, and hopefully's Mint's developers - so that they can see where the problems are), the main problems that I myself had with Mint-Y have been solved another way. Those problems had to do with how Mint-Y bugs affected a Thunderbird theme that I use. However, the developer of that theme has since supplied his own fixes (in the form of workarounds, to go in Thunderbird files, for problems with Mint-Y). So I am happy enough.
But, Mint devs (for instance, @mtwebster), is there any chance of progress with the Mint-Y problems at your end, please? For, after all, it is, I believe, Mint's flagship theme.
JosephMcc
commented
6 years ago @SebastJava Thanks for taking the time to investigate and post these. The theme needs a heavy revamp for the upcoming MInt19 and the newer Gtk3.22. I'll keep these in mind while doing that work.
I am on Linux Mint 18.2 MATE. Using MInt-Y light version. Sorry, i was not able to work on the SASS. I made 6 little changes directly on the /gtk-3.0/gtk.css file. I guess that maybe you could figure out how to use this in the SASS. Thank You ! Mint-Y is appreciated.
5 Bugs Descriptions
5 Bugs Corrected in the gtk.css file
Just search for "BUG" and you will find short descriptions and how the bugs could be solved in this re-edited gtk.css file.
.background { color: #4a4a4a; background-color: rgba(240, 240, 240, 0.999); }
*:insensitive { -gtk-image-effect: dim; }
.gtkstyle-fallback { background-color: #F0F0F0; color: #4a4a4a; } .gtkstyle-fallback:prelight { background-color: white; color: #4a4a4a; } .gtkstyle-fallback:active { background-color: #d7d7d7; color: #4a4a4a; } .gtkstyle-fallback:insensitive { background-color: #f9f9f9; color: rgba(74, 74, 74, 0.55); } .gtkstyle-fallback:selected { background-color: #9ab87c; color: #ffffff; }
.view { color: #4a4a4a; background-color: #ffffff; } .view.dim-label, .view.label.separator, .header-bar .view.subtitle { color: rgba(74, 74, 74, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; }
.rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { border: 1px solid #81a65b; background-color: rgba(129, 166, 91, 0.2); }
.label.separator, .popover .label.separator, .sidebar .label.view.separator { color: #4a4a4a; } .label:insensitive { color: rgba(74, 74, 74, 0.55); }
.dim-label, .label.separator, .popover .label.separator, .sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; }
GtkAssistant .sidebar { background-color: #ffffff; border-top: 1px solid #d9d9d9; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #d9d9d9; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #d9d9d9; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar .label { padding: 6px 12px; } GtkAssistant .sidebar .label.highlight { background-color: #9ab87c; color: #ffffff; }
GtkTextView { background-color: #f8f8f8; color: #4a4a4a; }
.grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; }
.popover.osd, .osd { color: #C3C3C3; border: none; background-color: #454545; background-clip: padding-box; outline-color: rgba(195, 195, 195, 0.3); box-shadow: none; }
@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; }
.entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #4a4a4a; border-color: #cfcfcf; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #4a4a4a; border-color: #cfcfcf; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #4a4a4a; border-color: #9ab87c; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry:insensitive { color: rgba(74, 74, 74, 0.55); border-color: rgba(207, 207, 207, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #9ab87c; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #9ab87c; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .entry.warning { color: #ffffff; border-color: #F57900; background-image: linear-gradient(to bottom, #f7ae86); } .entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F57900); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: #ffffff; color: #F57900; } .entry.error { color: #ffffff; border-color: #FF3939; background-image: linear-gradient(to bottom, #fd8d88); } .entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FF3939); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: #ffffff; color: #FF3939; } .entry.image { color: #6e6e6e; } .osd .entry { color: #C3C3C3; border-color: rgba(38, 38, 38, 0.4); background-image: linear-gradient(to bottom, rgba(125, 125, 125, 0.4)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(38, 38, 38, 0.4); background-image: linear-gradient(to bottom, #9ab87c); } .osd .entry:insensitive { color: rgba(195, 195, 195, 0.55); background-image: linear-gradient(to bottom, rgba(125, 125, 125, 0.25)); }
GtkSearchEntry.entry { border-radius: 4px; }
@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9ab87c), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9ab87c), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #4a4a4a; outline-color: rgba(74, 74, 74, 0.3); border-color: #cfcfcf; background-color: whitesmoke; } .button.flat, .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(245, 245, 245, 0); border-color: rgba(207, 207, 207, 0); transition: none; } .button.flat:hover, .sidebar-button.button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active, .sidebar-button.button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #4a4a4a; outline-color: rgba(74, 74, 74, 0.3); border-color: #cfcfcf; background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #cfcfcf; background-color: #9ab87c; transition-duration: 50ms; } .button:active { color: #4a4a4a; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive, .sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(74, 74, 74, 0.55); border-color: rgba(207, 207, 207, 0.55); background-color: rgba(245, 245, 245, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(154, 184, 124, 0.75); background-color: rgba(154, 184, 124, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #C3C3C3; outline-color: rgba(195, 195, 195, 0.3); background-color: #454545; border-color: #313131; } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #9ab87c; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: #9ab87c; } .button.osd:insensitive { color: #6b6b6b; border-color: rgba(38, 38, 38, 0.4); background-color: rgba(125, 125, 125, 0.25); } .osd .button { color: #C3C3C3; outline-color: rgba(195, 195, 195, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: rgba(125, 125, 125, 0.4); border-radius: 0; border-left-style: none; border-right-style: none; } .osd .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none; } .osd .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:dir(rtl) { border-left-style: solid; } .osd .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:hover { color: #C3C3C3; outline-color: rgba(195, 195, 195, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: rgba(143, 143, 143, 0.5); } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: #9ab87c; } .osd .button:insensitive { color: #6b6b6b; border-color: rgba(38, 38, 38, 0.4); background-color: rgba(125, 125, 125, 0.25); } .osd .button.flat, .osd .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover, .osd .sidebar-button.button:hover { color: #C3C3C3; outline-color: rgba(195, 195, 195, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: rgba(143, 143, 143, 0.5); } .osd .button.flat:insensitive, .osd .sidebar-button.button:insensitive { color: #6b6b6b; border-color: rgba(38, 38, 38, 0.4); background-color: rgba(125, 125, 125, 0.25); background-image: none; } .osd .button.flat:active, .osd .sidebar-button.button:active, .osd .button.flat:checked, .osd .sidebar-button.button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: #9ab87c; } .button.suggested-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #6db442; border-color: #6db442; } .button.suggested-action.flat, .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #6db442; outline-color: rgba(109, 180, 66, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #88c663; border-color: #88c663; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #568f34; border-color: #568f34; } .button.suggested-action.flat:insensitive, .suggested-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(74, 74, 74, 0.55); } .button.suggested-action:insensitive { color: rgba(74, 74, 74, 0.55); border-color: rgba(207, 207, 207, 0.55); background-color: rgba(245, 245, 245, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; }
/ BUG corrected by direct CSS edit (by Sébastien Bouchard) BUG description: no visual hint on default button / .button.default { border-color: #9ab87c; box-shadow: inset 0 1px #9ab87c, inset 1px 0 #9ab87c, inset -1px 0 #9ab87c, inset 0 -1px #9ab87c; } / END of this direct CSS edit /
.button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat, .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive, .destructive-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(74, 74, 74, 0.55); } .button.destructive-action:insensitive { color: rgba(74, 74, 74, 0.55); border-color: rgba(207, 207, 207, 0.55); background-color: rgba(245, 245, 245, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9ab87c), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; }
.inline-toolbar GtkToolButton > .button { color: #4a4a4a; outline-color: rgba(74, 74, 74, 0.3); border-color: #cfcfcf; background-color: whitesmoke; } .inline-toolbar GtkToolButton > .button:hover { color: #4a4a4a; outline-color: rgba(74, 74, 74, 0.3); border-color: #cfcfcf; background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #cfcfcf; background-color: #9ab87c; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(74, 74, 74, 0.55); border-color: rgba(207, 207, 207, 0.55); background-color: rgba(245, 245, 245, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(154, 184, 124, 0.75); background-color: rgba(154, 184, 124, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; }
.linked:not(.vertical):not(.pathbar) > .entry + .entry { border-left-color: rgba(207, 207, 207, 0.3); } .linked:not(.vertical):not(.pathbar) > .entry.error + .entry, .linked:not(.vertical):not(.pathbar) > .entry + .entry.error { border-left-color: #FF3939; } .linked:not(.vertical):not(.pathbar) > .entry.warning + .entry, .linked:not(.vertical):not(.pathbar) > .entry + .entry.warning { border-left-color: #F57900; } .linked:not(.vertical):not(.pathbar) > .entry.error + .entry.warning { border-left-color: #FF3939; } .linked:not(.vertical):not(.pathbar) > .entry + .entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > .entry + .entry:focus:last-child { border-left-color: #9ab87c; } .linked:not(.vertical):not(.pathbar) > .entry + .entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > .entry + .entry.warning:focus:last-child { border-left-color: #F57900; } .linked:not(.vertical):not(.pathbar) > .entry + .entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > .entry + .entry.error:focus:last-child { border-left-color: #FF3939; } .linked:not(.vertical):not(.pathbar) > .entry + .button, .linked:not(.vertical):not(.pathbar) > .entry + .button:hover, .linked:not(.vertical):not(.pathbar) > .entry + .button:active, .linked:not(.vertical):not(.pathbar) > .entry + .button:checked, .linked:not(.vertical):not(.pathbar) > .entry + .button:insensitive { border-left-style: solid; } .linked:not(.vertical):not(.pathbar) > .entry:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.pathbar) > .entry:focus:not(:only-child) + .button, .linked:not(.vertical):not(.pathbar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.pathbar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #9ab87c; } .linked:not(.vertical):not(.pathbar) > .entry.warning:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.pathbar) > .entry.warning:focus:not(:only-child) + .button, .linked:not(.vertical):not(.pathbar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.pathbar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #F57900; } .linked:not(.vertical):not(.pathbar) > .entry.error:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.pathbar) > .entry.error:focus:not(:only-child) + .button, .linked:not(.vertical):not(.pathbar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.pathbar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #FF3939; } .linked:not(.vertical):not(.pathbar) > .button:first-child:hover:not(:checked):not(:active) { box-shadow: none; } .linked:not(.vertical):not(.pathbar) > .button:checked + .button:not(:checked):not(:active):hover { box-shadow: none; } .linked:not(.vertical):not(.pathbar) > .button:checked + .entry { border-left-color: #9ab87c; } .linked:not(.vertical):not(.pathbar) > .entry + .button:not(:checked):not(:active):hover { box-shadow: none; }
.linked:not(.vertical).path-bar > .button:not(:first-child):not(:only-child) { border-left-color: rgba(207, 207, 207, 0.4); } .linked:not(.vertical).path-bar > .button:not(:first-child):not(:only-child):last-child { border-left-color: rgba(207, 207, 207, 0.4); }
.linked.vertical > .entry + .entry { border-top-color: rgba(207, 207, 207, 0.3); } .linked.vertical > .entry.error + .entry, .linked.vertical > .entry + .entry.error { border-top-color: #FF3939; } .linked.vertical > .entry.warning + .entry, .linked.vertical > .entry + .entry.warning { border-top-color: #F57900; } .linked.vertical > .entry.error + .entry.warning { border-top-color: #FF3939; } .linked.vertical > .entry + .entry:focus:not(:last-child), .linked.vertical > .entry + .entry:focus:last-child { border-top-color: #9ab87c; } .linked.vertical > .entry + .entry.warning:focus:not(:last-child), .linked.vertical > .entry + .entry.warning:focus:last-child { border-top-color: #F57900; } .linked.vertical > .entry + .entry.error:focus:not(:last-child), .linked.vertical > .entry + .entry.error:focus:last-child { border-top-color: #FF3939; } .linked.vertical > .entry + .button, .linked.vertical > .entry + .button:hover, .linked.vertical > .entry + .button:active, .linked.vertical > .entry + .button:checked, .linked.vertical > .entry + .button:insensitive { border-top-style: solid; } .linked.vertical > .entry:focus:not(:only-child) + .entry, .linked.vertical > .entry:focus:not(:only-child) + .button, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #9ab87c; } .linked.vertical > .entry.warning:focus:not(:only-child) + .entry, .linked.vertical > .entry.warning:focus:not(:only-child) + .button, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #F57900; } .linked.vertical > .entry.error:focus:not(:only-child) + .entry, .linked.vertical > .entry.error:focus:not(:only-child) + .button, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #FF3939; } .linked.vertical > .button:hover:not(:checked):not(:active):not(:only-child), .linked.vertical > .button:hover:not(:checked):not(:active) + .button:not(:checked):not(:active) { box-shadow: 0 -1px #cfcfcf; } .linked.vertical > .button:first-child:hover:not(:checked):not(:active) { box-shadow: none; } .linked.vertical > .button:checked + .button:not(:checked):not(:active):hover { box-shadow: none; } .linked.vertical > .button:checked + .entry { border-top-color: #9ab87c; } .linked.vertical > .entry + .button:not(:checked):not(:active):hover { box-shadow: none; }
.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .inline-toolbar.toolbar GtkToolButton > .sidebar-button.button, .inline-toolbar GtkToolButton > .sidebar-button.button, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked:not(.vertical) > .button, .linked:not(.vertical) > .button:hover, .linked:not(.vertical) > .button:active, .linked:not(.vertical) > .button:checked, .linked:not(.vertical):not(.pathbar) > .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button, .primary-toolbar .toolbar .linked:not(.vertical).path-bar > .button, .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { border-radius: 0; border-right-style: none; }
.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked:not(.vertical) > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .linked:not(.vertical):not(.pathbar) > .entry:first-child, .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:first-child, .primary-toolbar .toolbar .linked:not(.vertical).path-bar > .button:first-child, .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > .button:first-child, .header-bar .linked:not(.vertical).path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked:not(.vertical) > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .linked:not(.vertical):not(.pathbar) > .entry:last-child, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:last-child, .primary-toolbar .toolbar .linked:not(.vertical).path-bar > .button:last-child, .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > .button:last-child, .header-bar .linked:not(.vertical).path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked:not(.vertical) > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .linked:not(.vertical):not(.pathbar) > .entry:only-child, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:only-child, .primary-toolbar .toolbar .linked:not(.vertical).path-bar > .button:only-child, .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > .button:only-child, .header-bar .linked:not(.vertical).path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:only-child { border-radius: 3px; border-style: solid; }
.linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .entry, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { border-radius: 0; border-bottom-style: none; }
.linked.vertical > .button:first-child, .linked.vertical > .entry:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > .button:last-child, .linked.vertical > .entry:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } .linked.vertical > .button:only-child, .linked.vertical > .entry:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 3px; border-style: solid; }
.linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked { border-top-style: none; } .linked.vertical > .button:first-child { border-top-style: solid; }
.menuitem.button.flat, .menuitem.sidebar-button.button, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button, .app-notification .button.flat:insensitive, .app-notification .sidebar-button.button:insensitive, .app-notification.frame .button.flat:insensitive, .app-notification.frame .sidebar-button.button:insensitive, TerminalWindow .notebook .active-page .button, TerminalWindow .notebook .prelight-page .button, TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover, TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
.menuitem.button.flat, .menuitem.sidebar-button.button { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover, .menuitem.sidebar-button.button:hover { background-color: #e8e8e8; } .menuitem.button.flat:checked, .menuitem.sidebar-button.button:checked { color: #4a4a4a; }
:link, .button:link, .button:visited { color: #81a65b; } :link:visited, .button:visited { color: #678648; } :selected :link:visited, :selected .button:visited { color: #d7e3cb; } :link:hover, .button:hover:link, .button:hover:visited { color: #9ab87c; } :selected :link:hover, :selected .button:hover:link, :selected .button:hover:visited { color: #f5f8f2; } :link:active, .button:active:link, .button:active:visited { color: #81a65b; } :selected :link:active, :selected .button:active:link, :selected .button:active:visited { color: #ebf1e5; } :link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, :selected :link, :selected .button:link, :selected .button:visited { color: #ebf1e5; }
.button:link > .label, .button:visited > .label { text-decoration-line: underline; }
.spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(217, 217, 217, 0.6); border-style: none none none solid; color: #535353; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(74, 74, 74, 0.55); } .spinbutton .button:active { background-color: #9ab87c; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #4a4a4a; outline-color: rgba(74, 74, 74, 0.3); border-color: #cfcfcf; background-color: whitesmoke; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #cfcfcf; background-color: #9ab87c; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #4a4a4a; outline-color: rgba(74, 74, 74, 0.3); border-color: #cfcfcf; background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(74, 74, 74, 0.55); border-color: rgba(207, 207, 207, 0.55); background-color: rgba(245, 245, 245, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #4a4a4a; outline-color: rgba(74, 74, 74, 0.3); border-color: #cfcfcf; background-color: whitesmoke; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #cfcfcf; background-color: #9ab87c; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #4a4a4a; outline-color: rgba(74, 74, 74, 0.3); border-color: #cfcfcf; background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(74, 74, 74, 0.55); border-color: rgba(207, 207, 207, 0.55); background-color: rgba(245, 245, 245, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #9ab87c; border-radius: 0; box-shadow: none; }
GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(74, 74, 74, 0.55); } GtkComboBox .separator.vertical, GtkComboBox .sidebar .vertical.view.separator, .sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #9ab87c; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #9ab87c; } GtkComboBox.combobox-entry .button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F0F0F0; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(69, 69, 69, 0.9); }
.primary-toolbar, .primary-toolbar .toolbar, .primary-toolbar .inline-toolbar { color: rgba(81, 67, 67, 0.9); background-color: #d9d9d9; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #d9d9d9, #c7c7c7) 1 0 1 0; } .primary-toolbar .label:insensitive, .primary-toolbar .toolbar .label:insensitive, .primary-toolbar .inline-toolbar .label:insensitive { color: rgba(74, 74, 74, 0.55); }
.inline-toolbar { background-color: #e8e8e8; border-style: solid; border-color: #d9d9d9; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; }
.search-bar { background-color: #F0F0F0; border-style: solid; border-color: #d9d9d9; border-width: 0 0 1px; padding: 3px; }
.action-bar { background-color: #e8e8e8; }
.header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #c7c7c7; color: rgba(81, 67, 67, 0.9); background-color: #d9d9d9; } .csd .header-bar { background-color: #d9d9d9; border-color: #c7c7c7; } .header-bar:backdrop { color: rgba(81, 67, 67, 0.6); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #9ab87c; border-color: #90b16f; box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: #9ab87c; color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.selection-mode .sidebar-button.button, .header-bar.titlebar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #9ab87c; outline-color: rgba(154, 184, 124, 0.3); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(154, 184, 124, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #9ab87c; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #d9d9d9; border-color: #c7c7c7; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #d9d9d9; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #d9d9d9; }
.titlebar { padding-left: 7px; padding-right: 7px; border-radius: 4px 4px 0 0; color: rgba(81, 67, 67, 0.9); background-color: #d9d9d9; box-shadow: inset 0 1px #e1e1e1; } .csd .titlebar { background-color: #d9d9d9; } .titlebar:backdrop { color: rgba(81, 67, 67, 0.6); background-color: #e1e1e1; } .csd .titlebar:backdrop { background-color: #e1e1e1; } .maximized .titlebar { background-color: #d9d9d9; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #e1e1e1; }
.titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; }
.primary-toolbar .separator, .primary-toolbar .sidebar .view.separator, .sidebar .primary-toolbar .view.separator, .primary-toolbar .toolbar .separator, .primary-toolbar .inline-toolbar .separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(81, 67, 67, 0) 25%, rgba(81, 67, 67, 0.25) 25%, rgba(81, 67, 67, 0.25) 75%, rgba(81, 67, 67, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { opacity: 0.6; }
.primary-toolbar .entry, .header-bar .entry { color: rgba(81, 67, 67, 0.9); border-color: rgba(81, 67, 67, 0.2); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: rgba(81, 67, 67, 0.9); border-color: #9ab87c; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-clip: border-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: rgba(81, 67, 67, 0.75); } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(81, 67, 67, 0.45); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #9ab87c; color: #ffffff; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #9ab87c; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: #ffffff; border-color: #F57900; background-image: linear-gradient(to bottom, #e89f77); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F57900); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: #ffffff; color: #F57900; } .primary-toolbar .entry.error, .header-bar .entry.error { color: #ffffff; border-color: #FF3939; background-image: linear-gradient(to bottom, #ee7e78); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FF3939); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: #ffffff; color: #FF3939; } .primary-toolbar .button, .header-bar .button { color: rgba(81, 67, 67, 0.9); outline-color: rgba(81, 67, 67, 0.2); outline-offset: -3px; background-color: rgba(217, 217, 217, 0); border-color: rgba(217, 217, 217, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(81, 67, 67, 0.9); outline-color: rgba(81, 67, 67, 0.2); border-color: rgba(81, 67, 67, 0.2); background-color: rgba(245, 245, 245, 0.9); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(81, 67, 67, 0.2); background-color: #9ab87c; background-clip: border-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(81, 67, 67, 0.45); background-color: rgba(217, 217, 217, 0); border-color: rgba(217, 217, 217, 0); } .primary-toolbar .button:insensitive > GtkLabel, .primary-toolbar .toolbar .button:insensitive > GtkLabel, .primary-toolbar .inline-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(154, 184, 124, 0.65); background-color: rgba(154, 184, 124, 0.65); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar) > .button, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar) > .button, .header-bar .linked:not(.vertical):not(.path-bar) > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:hover, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar) > .button:hover, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar) > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar) > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:active, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar) > .button:active, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar) > .button:active, .header-bar .linked:not(.vertical):not(.path-bar) > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar) > .button:checked, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar) > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:insensitive, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar) > .button:insensitive, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar) > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar) > .button:insensitive { border-radius: 3px; border-style: solid; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child), .header-bar .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active) + .button:not(:checked):not(:active), .header-bar .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active) + .button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child), .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active) + .button:not(:checked):not(:active), .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active) + .button:not(:checked):not(:active) { box-shadow: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button, .primary-toolbar .toolbar .linked:not(.vertical).path-bar > .button, .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button { color: rgba(81, 67, 67, 0.9); outline-color: rgba(81, 67, 67, 0.2); border-color: rgba(81, 67, 67, 0.2); background-color: rgba(245, 245, 245, 0.9); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .primary-toolbar .toolbar .linked:not(.vertical).path-bar > .button:hover, .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover { background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .toolbar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .primary-toolbar .toolbar .linked:not(.vertical).path-bar > .button:checked, .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(81, 67, 67, 0.2); background-color: #9ab87c; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .primary-toolbar .toolbar .linked:not(.vertical).path-bar > .button:insensitive, .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive { color: rgba(81, 67, 67, 0.5); } .primary-toolbar .linked:not(.vertical).path-bar > .button:not(:first-child):not(:only-child), .primary-toolbar .toolbar .linked:not(.vertical).path-bar > .button:not(:first-child):not(:only-child), .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > .button:not(:first-child):not(:only-child), .header-bar .linked:not(.vertical).path-bar > .button:not(:first-child):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:not(:first-child):not(:only-child), .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:not(:first-child):not(:only-child), .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:not(:first-child):not(:only-child), .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:not(:first-child):not(:only-child) { border-left-color: rgba(81, 67, 67, 0); } .primary-toolbar .linked:not(.vertical).path-bar > .button:not(:first-child):not(:only-child):last-child, .primary-toolbar .toolbar .linked:not(.vertical).path-bar > .button:not(:first-child):not(:only-child):last-child, .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > .button:not(:first-child):not(:only-child):last-child, .header-bar .linked:not(.vertical).path-bar > .button:not(:first-child):not(:only-child):last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:not(:first-child):not(:only-child):last-child, .primary-toolbar .toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:not(:first-child):not(:only-child):last-child, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:not(:first-child):not(:only-child):last-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:not(:first-child):not(:only-child):last-child { border-left-color: rgba(81, 67, 67, 0); } .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry + .entry, .header-bar .linked:not(.vertical):not(.pathbar) > .entry + .entry { border-left-color: rgba(81, 67, 67, 0); } .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry.error + .entry, .header-bar .linked:not(.vertical):not(.pathbar) > .entry.error + .entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry + .entry.error, .header-bar .linked:not(.vertical):not(.pathbar) > .entry + .entry.error { border-left-color: #FF3939; } .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry.warning + .entry, .header-bar .linked:not(.vertical):not(.pathbar) > .entry.warning + .entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry + .entry.warning, .header-bar .linked:not(.vertical):not(.pathbar) > .entry + .entry.warning { border-left-color: #F57900; } .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry.error + .entry.warning, .header-bar .linked:not(.vertical):not(.pathbar) > .entry.error + .entry.warning { border-left-color: #FF3939; } .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry + .entry:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.pathbar) > .entry + .entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry + .entry:focus:last-child, .header-bar .linked:not(.vertical):not(.pathbar) > .entry + .entry:focus:last-child { border-left-color: #9ab87c; } .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry + .entry.warning:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.pathbar) > .entry + .entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry + .entry.warning:focus:last-child, .header-bar .linked:not(.vertical):not(.pathbar) > .entry + .entry.warning:focus:last-child { border-left-color: #F57900; } .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry + .entry.error:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.pathbar) > .entry + .entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry + .entry.error:focus:last-child, .header-bar .linked:not(.vertical):not(.pathbar) > .entry + .entry.error:focus:last-child { border-left-color: #FF3939; } .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.pathbar) > .entry:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.pathbar) > .entry:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.pathbar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.pathbar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #9ab87c; } .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry.warning:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.pathbar) > .entry.warning:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry.warning:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.pathbar) > .entry.warning:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.pathbar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.pathbar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #F57900; } .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry.error:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.pathbar) > .entry.error:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry.error:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.pathbar) > .entry.error:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.pathbar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.pathbar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.pathbar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #FF3939; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #6db442; border-color: #6db442; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat, .primary-toolbar .suggested-action.sidebar-button.button, .header-bar .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #6db442; outline-color: rgba(109, 180, 66, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #88c663; border-color: #88c663; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #568f34; border-color: #568f34; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .suggested-action.sidebar-button.button:insensitive, .header-bar .suggested-action.sidebar-button.button:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(81, 67, 67, 0.45); background-color: rgba(217, 217, 217, 0); border-color: rgba(217, 217, 217, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .toolbar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .inline-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .toolbar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .inline-toolbar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .primary-toolbar .toolbar .button.suggested-action:insensitive > GtkLabel, .primary-toolbar .inline-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat, .primary-toolbar .destructive-action.sidebar-button.button, .header-bar .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .destructive-action.sidebar-button.button:insensitive, .header-bar .destructive-action.sidebar-button.button:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(81, 67, 67, 0.45); background-color: rgba(217, 217, 217, 0); border-color: rgba(217, 217, 217, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .toolbar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .inline-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .toolbar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .inline-toolbar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .primary-toolbar .toolbar .button.destructive-action:insensitive > GtkLabel, .primary-toolbar .inline-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(81, 67, 67, 0.9); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(81, 67, 67, 0.15); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(81, 67, 67, 0.6); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(81, 67, 67, 0.3); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(81, 67, 67, 0.9); border-color: rgba(81, 67, 67, 0.2); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: rgba(81, 67, 67, 0.9); border-color: #9ab87c; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(81, 67, 67, 0.45); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr), .header-bar GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #9ab87c; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl), .header-bar GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #9ab87c; } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(81, 67, 67, 0.25); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(81, 67, 67, 0.25)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(81, 67, 67, 0.2)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, whitesmoke); border-color: rgba(81, 67, 67, 0.4); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(81, 67, 67, 0.4); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #9ab87c); border-color: #9ab87c; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #ededed); border-color: rgba(81, 67, 67, 0.4); }
.path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; }
GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: rgba(74, 74, 74, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; border-left-color: #cddcbe; border-top-color: rgba(74, 74, 74, 0.1); } GtkTreeView.view:insensitive { color: rgba(74, 74, 74, 0.55); } GtkTreeView.view:insensitive:selected { color: #c2d4b0; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #728163; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #a5a5a5; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #4a4a4a; } GtkTreeView.view.expander:selected { color: #e1ead8; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #9ab87c); } GtkTreeView.view.progressbar:selected { color: #9ab87c; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough, GtkTreeView.view.trough:selected { color: #4a4a4a; background-image: linear-gradient(to bottom, #cfcfcf); border-radius: 3px; border-width: 0; }
column-header .button { color: #6e6e6e; background-color: #ededed; } column-header .button:hover { color: #9ab87c; box-shadow: none; transition: none; } column-header .button:active { color: #4a4a4a; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; }
column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #9ab87c; box-shadow: inset 1px 1px 0 1px #9ab87c, inset -1px 0 0 1px #9ab87c, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
column-header .button, column-header .button:hover, column-header .button:active { font-weight: bold; padding: 3px 6px; background-image: none; border-style: none solid solid none; border-radius: 0; border-color: #d9d9d9; /border-image: linear-gradient(to bottom, transparentize(if($variant == 'light', black, white), 1) 20%, transparentize(if($variant == 'light', black, white), 0.89) 20%, transparentize(if($variant == 'light', black, white), 0.89) 80%, transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch;/ } column-header .button:active, column-header .button:hover { background-color: whitesmoke; } column-header .button:active:hover { color: #4a4a4a; } column-header .button:insensitive { border-color: #F0F0F0; background-image: none; }
.menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #d9d9d9; color: rgba(81, 67, 67, 0.9); } .menubar:backdrop { color: rgba(81, 67, 67, 0.6); } .menubar > .menuitem { padding: 6px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #9ab87c; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(81, 67, 67, 0.3); border-color: transparent; }
.menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #d9d9d9; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #4a4a4a; background-color: rgba(0, 0, 0, 0.05); border: solid rgba(0, 0, 0, 0.12); border-width: 1px 0 1px 0; } .menu .menuitem:insensitive { color: rgba(74, 74, 74, 0.55); } .menu .menuitem.separator { color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #ededed; } .menu.button.bottom { border-top: 1px solid #ededed; } .menu.button:hover { background-color: #ededed; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; }
.csd .popup { border-radius: 2px; }
.menuitem .accelerator { color: alpha(currentColor,0.55); }
.popover { padding: 2px; border: 1px solid #cccccc; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover .sidebar .view.separator, .sidebar .popover .view.separator { color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; }
.entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
.notebook { padding: 0; background-color: #ffffff; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #d9d9d9; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #F0F0F0; } .notebook.header.frame { border: 0px solid #d9d9d9; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #d9d9d9; } .notebook.header.bottom { box-shadow: inset 0 1px #d9d9d9; } .notebook.header.right { box-shadow: inset 1px 0 #d9d9d9; } .notebook.header.left { box-shadow: inset -1px 0 #d9d9d9; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #d9d9d9, inset 0 -1px #d9d9d9, inset 1px 0 #d9d9d9, inset -1px 0 #d9d9d9; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #d9d9d9, inset 0 -1px #ffffff, inset 1px 0 #d9d9d9, inset -1px 0 #d9d9d9; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #d9d9d9, inset 0 -1px #d9d9d9, inset 1px 0 #d9d9d9, inset -1px 0 #d9d9d9; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; box-shadow: inset 0 -1px #ffffff, inset 0 -1px #d9d9d9, inset 1px 0 #d9d9d9, inset -1px 0 #d9d9d9; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #d9d9d9, inset 0 -1px #d9d9d9, inset 1px 0 #d9d9d9, inset -1px 0 #d9d9d9; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #d9d9d9, inset 0 -1px #d9d9d9, inset 1px 0 #ffffff, inset -1px 0 #d9d9d9; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #d9d9d9, inset 0 -1px #d9d9d9, inset 1px 0 #d9d9d9, inset -1px 0 #d9d9d9; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #d9d9d9, inset 0 -1px #d9d9d9, inset 1px 0 #d9d9d9, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(74, 74, 74, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(74, 74, 74, 0.775); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #4a4a4a; } .notebook tab .button { padding: 0; color: #848484; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #9ab87c; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(74, 74, 74, 0.55); } .notebook.arrow:hover { color: rgba(74, 74, 74, 0.775); } .notebook.arrow:active { color: #4a4a4a; } .notebook.arrow:insensitive { color: rgba(74, 74, 74, 0.25); }
.scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #7c7c7c; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; border: 1px none #d9d9d9; } .scrollbar .slider { background-color: #aeaeae; } .scrollbar .slider:hover { background-color: #bebebe; } .scrollbar .slider:prelight:active { background-color: #9ab87c; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; }
/ BUG corrected by direct CSS edit (by Sébastien Bouchard) BUG description: It looked like the slider stopped before reaching the end... / .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #d9d9d9 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #d9d9d9; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } / END of this direct CSS edit /
GtkSwitch { font: 1; -GtkSwitch-slider-width: 52; -GtkSwitch-slider-height: 24; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; }
GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); }
.list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); }
.header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough, .primary-toolbar .toolbar GtkSwitch.trough, .primary-toolbar .inline-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); }
GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); }
.list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); }
.header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active, .primary-toolbar .toolbar GtkSwitch.trough:active, .primary-toolbar .inline-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); }
GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); }
.list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); }
.header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive, .primary-toolbar .toolbar GtkSwitch.trough:insensitive, .primary-toolbar .inline-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); }
GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); }
.list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); }
.header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive, .primary-toolbar .toolbar GtkSwitch.trough:active:insensitive, .primary-toolbar .inline-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); }
.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); }
GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); }
.check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); }
GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); }
.check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); }
GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); }
.check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); }
GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); }
.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); }
GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); }
.check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); }
GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); }
.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); }
GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); }
.radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); }
GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); }
.radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); }
GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); }
.radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); }
GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); }
.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); }
GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); }
.radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); }
GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
.view.content-view.check:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; }
.view.content-view.check:checked:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; }
GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(74, 74, 74, 0.55); }
.scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; color: alpha(currentColor,0.7); } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, whitesmoke); border: 1px solid rgba(143, 143, 143, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #f8f8f8); border-color: rgba(143, 143, 143, 0.3); } .scale.slider:active { background-image: linear-gradient(to bottom, #9ab87c); border-color: #9ab87c; } .osd .scale.slider { background-image: linear-gradient(to bottom, #454545); border-color: #9ab87c; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #9ab87c); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #81a65b); border-color: #81a65b; } .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #f0f4eb); border-color: #f0f4eb; } .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #cddcbe); border-color: #cddcbe; } .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #d2dfc4); border-color: #d2dfc4; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #cfcfcf); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #9ab87c); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(154, 184, 124, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 207, 207, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, #575757); outline-color: rgba(195, 195, 195, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #9ab87c); } .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #d2dfc4); } .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); }
GtkProgressBar { padding: 0; font-size: smaller; color: rgba(74, 74, 74, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; }
/ BUG corrected by direct CSS edit (by Sébastien Bouchard) BUG description: progressbar-osd had half-rounded corners. / .progressbar { background-color: #9ab87c; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { border-radius:3px; background-color: #9ab87c; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; }
.osd.trough { border-radius: 3px; } / END of this direct CSS edit /
.osd .scale.progressbar { background-color: #9ab87c; }
GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #cfcfcf; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); }
GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; }
.level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #9ab87c; background-color: #9ab87c; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #65CC00; background-color: #65CC00; } .level-bar.fill-block.level-low { border-color: #F57900; background-color: #F57900; } .level-bar.fill-block.empty-fill-block { background-color: rgba(74, 74, 74, 0.2); border-color: rgba(74, 74, 74, 0.2); }
.frame { border: 1px solid #d9d9d9; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; }
GtkScrolledWindow GtkViewport.frame { border-style: none; }
.separator, .sidebar.separator, .sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton .sidebar.separator, GtkFileChooserButton .sidebar .view.separator, .sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton .sidebar.separator, GtkFontButton .sidebar .view.separator, .sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton .sidebar .vertical.view.separator, .sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton .sidebar .vertical.view.separator, .sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; }
.list { background-color: #ffffff; border-color: #d9d9d9; }
.list-row, .grid-child { padding: 2px; }
.list-row.activatable:hover, GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(0, 0, 0, 0.03); } .list-row.activatable:active { color: #4a4a4a; } .list-row.activatable:selected:active { color: #ffffff; } .list-row.activatable:selected:hover, GtkPlacesSidebar.sidebar .has-open-popup:selected { background-color: #8ba670; } .list-row.activatable:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(154, 184, 124, 0.7); } .list-row.activatable:selected:insensitive .label { color: inherit; }
.list-row, list-row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.activatable:hover { transition: none; }
.app-notification, .app-notification.frame { padding: 10px; color: #C3C3C3; background-color: #454545; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #2c2c2c; } .app-notification .button, .app-notification.frame .button { color: #C3C3C3; outline-color: rgba(195, 195, 195, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: rgba(125, 125, 125, 0.4); } .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button { border-color: rgba(154, 184, 124, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #C3C3C3; outline-color: rgba(195, 195, 195, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: rgba(143, 143, 143, 0.5); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: #9ab87c; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #6b6b6b; border-color: rgba(38, 38, 38, 0.4); background-color: rgba(125, 125, 125, 0.25); }
.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: #979797; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
GtkCalendar { color: #4a4a4a; border: 1px solid #d9d9d9; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #9ab87c; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #4a4a4a; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(74, 74, 74, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #4a4a4a; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(74, 74, 74, 0.55); background-color: transparent; background-image: none; } GtkCalendar:inconsistent { color: alpha(currentColor,0.55); } GtkCalendar.highlight { color: #4a4a4a; }
.dialog-action-area .button.text-button { padding: 6px 16px; }
.message-dialog .dialog-action-area .button { padding: 8px; }
.message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: #d9d9d9; border-bottom: 1px solid #c7c7c7; } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; }
GtkFileChooserDialog .search-bar { background-color: #F0F0F0; border-color: #d9d9d9; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #d9d9d9; }
.sidebar, .sidebar .view { border: none; background-color: #F0F0F0; }
GtkSidebarRow.list-row { padding: 0px; } GtkSidebarRow .sidebar-revealer { padding: 3px 14px 3px 12px; } GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; }
GtkPlacesSidebar.sidebar .sidebar-placeholder-row { border: solid 1px #9ab87c; } GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: #d7d7d7; } GtkPlacesSidebar.sidebar .list-row.activatable { color: rgba(74, 74, 74, 0.8); border-width: 0; border-style: solid; } .sidebar-button.button { outline-radius: 50%; border-radius: 50%; } .sidebar-button.button.image-button, .header-bar .sidebar-button.button.titlebutton, .titlebar .sidebar-button.button.titlebutton { padding: 3px; } .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; }
.sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; }
GtkPlacesView .server-list-button > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } GtkPlacesView .server-list-button:checked > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } GtkPlacesView .list-row.activatable:hover, GtkPlacesView GtkPlacesSidebar.sidebar .has-open-popup, GtkPlacesSidebar.sidebar GtkPlacesView .has-open-popup { background-color: transparent; }
GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #d9d9d9; }
GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none; background-image: -gtk-scaled(url("assets/pane-separator-vertical.png"), url("assets/pane-separator-vertical@2.png")); background-repeat: no-repeat; background-position: center; } GtkPaned.wide.vertical .pane-separator { color: #4a4a4a; background-color: transparent; border-style: none; background-image: -gtk-scaled(url("assets/pane-separator.png"), url("assets/pane-separator@2.png")); background-repeat: no-repeat; background-position: center; }
GtkInfoBar { border-style: none; }
.info, .question, .warning, .error { background-color: #9ab87c; color: #ffffff; }
.warning { background-color: #F57900; }
.error { background-color: #F04A50; }
.question { background-color: #55c1ec; }
.list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, .list-row:selected .sidebar-button.button, GtkInfoBar .flat.button, GtkInfoBar .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #9ab87c; outline-color: rgba(154, 184, 124, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(154, 184, 124, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); }
/ BUG corrected by direct CSS edit (by Sébastien Bouchard) BUG description: There was a weird and ugly 1/4 second flash around tooltips. Making it simpler (no shadow?) solved this issue. There is another related modification after this one. / .tooltip { border: 1px solid #ffdf80; border-radius: 2px; background-color: #212121; background-image: none; color: #ffdf80; } .tooltip.background { background-color: #212121; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip { background-color: transparent; color: inherit; } / END of this direct CSS edit (first part) */
:selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #4a4a4a; outline-color: rgba(74, 74, 74, 0.3); border-color: #cfcfcf; background-color: whitesmoke; } GtkColorSwatch#add-color-button:hover { color: #4a4a4a; outline-color: rgba(74, 74, 74, 0.3); border-color: #cfcfcf; background-color: white; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; }
GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; }
.content-view { background-color: #ffffff; } .content-view:hover { -gtk-image-effect: highlight; }
.scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #4a4a4a; outline-color: rgba(74, 74, 74, 0.3); border-color: #cfcfcf; background-color: white; }
GtkVolumeButton.button { padding: 8px; }
.touch-selection, .context-menu { font: initial; }
.monospace { font: Monospace; }
.overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(154, 184, 124, 0.2)), to(rgba(154, 184, 124, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(154, 184, 124, 0.2)), to(rgba(154, 184, 124, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(154, 184, 124, 0.2)), to(rgba(154, 184, 124, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(154, 184, 124, 0.2)), to(rgba(154, 184, 124, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
.undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; }
.window-frame { border-radius: 4px 4px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.ssd { border-radius: 4px 4px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); }
/ BUG corrected by direct CSS edit (by Sébastien Bouchard) BUG description: There was a weird and ugly 1/4 second flash around tooltips. Making it simpler (no shadow?) solved this issue. There is another related modification before this one. / .window-frame.csd.tooltip { border-radius: 2px; box-shadow: none; } / END of this direct CSS edit /
.window-frame.csd.message-dialog { border-radius: 3px; } .window-frame.solid-csd { border-radius: 0; margin: 1px; background-color: #d9d9d9; box-shadow: none; }
.header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(217, 217, 217, 0); } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: rgba(81, 67, 67, 0.9); outline-color: rgba(81, 67, 67, 0.2); border-color: rgba(81, 67, 67, 0.2); background-color: rgba(245, 245, 245, 0.9); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(81, 67, 67, 0.2); background-color: #9ab87c; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-max-active.png"), url("assets/titlebutton-max-active@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); }
.view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.sidebar-button.button:active, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .list-row:selected, .sidebar:selected, .sidebar .view:selected, GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active { background-image: none; background-color: #9ab87c; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); }
GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #d9d9d9, inset 0 -1px #d9d9d9, inset 1px 0 #d9d9d9, inset -1px 0 #d9d9d9; }
TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #c7c7c7, inset 0 -1px #d9d9d9; }
GtkHTML { background-color: #ffffff; color: #4a4a4a; } GtkHTML:active { color: #ffffff; background-color: #9ab87c; }
SushiFontWidget { padding: 6px 12px; }
TerminalScreen { -TerminalScreen-background-darkness: 0.9; background-color: #3f3f3f; color: #fff; }
TerminalScreenContainer .scrollbar:not(.slider) { border-color: transparent; background-color: transparent; }
TerminalWindow .notebook tab .button { color: #848484; } TerminalWindow .notebook tab .button:hover { color: #4a4a4a; border-color: #cfcfcf; background-color: whitesmoke; } TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover { color: #ff4d4d; } TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { color: #9ab87c; }
.nautilus-canvas-item { border-radius: 2px; }
.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: #ffffff; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #4a4a4a; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; }
.nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #9d9d9d; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #ebf1e5; }
NautilusNotebook.notebook { background-color: #ffffff; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; }
NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #ffffff; }
.nautilus-circular-button.image-button.button, .header-bar .nautilus-circular-button.button.titlebutton, .titlebar .nautilus-circular-button.button.titlebutton { border-radius: 50%; outline-radius: 50%; padding: 8px; }
.disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(74, 74, 74, 0.5); border-color: rgba(49, 49, 49, 0.5); } .disk-space-display.used { background-color: rgba(154, 184, 124, 0.8); border-color: rgba(129, 166, 91, 0.8); } .disk-space-display.free { background-color: #e8e8e8; border-color: #cfcfcf; }
NautilusListView .view { border-bottom: 1px solid #d9d9d9; }
NemoPlacesTreeView { -NemoPlacesTreeView-disk-full-bg-color: #C3C3C3; -NemoPlacesTreeView-disk-full-fg-color: #81a65b; }
NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow .sidebar .cell { padding: 0 2px; } NemoWindow .sidebar .scrollbar.vertical .trough { background-color: transparent; } NemoWindow .sidebar .scrollbar.vertical .slider { background-color: #aeaeae; } NemoWindow .sidebar .scrollbar.vertical .slider:hover { background-color: #cfcfcf; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow .sidebar GtkSeparator.horizontal.view.separator, .sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #d9d9d9; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button { color: rgba(81, 67, 67, 0.9); outline-color: rgba(81, 67, 67, 0.2); border-color: rgba(81, 67, 67, 0.2); background-color: rgba(245, 245, 245, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover { background-color: rgba(255, 255, 255, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(81, 67, 67, 0.2); background-color: #9ab87c; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive { color: rgba(81, 67, 67, 0.5); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:not(:first-child):not(:only-child) { border-left-color: rgba(81, 67, 67, 0); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:not(:first-child):not(:only-child):last-child { border-left-color: rgba(81, 67, 67, 0); } NemoWindow .nemo-inactive-pane .view { background-color: #f2f2f2; } NemoWindow .nemo-inactive-pane .view:selected { background-color: #9ab87c; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); }
CajaWindow EelEditableLabel.entry { transition: none; } CajaWindow FMTreeView .view, CajaWindow CajaNotesViewer .view, CajaWindow CajaPlacesSidebar .view, CajaWindow CajaHistorySidebar .view, CajaWindow CajaInformationPanel GtkBox, CajaWindow CajaEmblemSidebar GtkViewport { background-color: #454545; color: #C3C3C3; border-width: 0px; }
.gedit-headerbar-paned { color: #c7c7c7; }
.open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } .open-document-selector-treeview.view:prelight { background-color: rgba(0, 0, 0, 0.05); } .open-document-selector-treeview.view:prelight:selected { color: #ffffff; background-color: #9ab87c; }
.open-document-selector-name-label { color: #4a4a4a; }
.open-document-selector-path-label { color: #a5a5a5; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); }
.gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #848484; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #4a4a4a; }
.gedit-document-panel-dragged-row { border: 1px solid #d9d9d9; background-color: #d7d7d7; color: #4a4a4a; }
GeditStatusbar { border-top: 1px solid #d9d9d9; background-color: #F0F0F0; }
GeditStatusMenuButton.button.flat, GeditStatusMenuButton.sidebar-button.button, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton.sidebar-button.button:prelight, GeditStatusMenuButton:checked.button.flat, GeditStatusMenuButton.sidebar-button.button:checked { border-bottom-style: none; border-radius: 0; }
GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #d9d9d9; }
.gedit-search-entry-occurrences-tag { color: rgba(74, 74, 74, 0.6); border: none; margin: 2px; padding: 2px; }
GeditViewFrame .gedit-search-slider, .xed-window .xed-goto-line-box { background-color: whitesmoke; padding: 6px; border-color: #d9d9d9; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; }
GbWorkbench .floating-bar { color: #4a4a4a; }
GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(81, 67, 67, 0.9); border-color: rgba(81, 67, 67, 0.2); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):hover { color: rgba(81, 67, 67, 0.9); border-color: #9ab87c; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):checked { color: rgba(81, 67, 67, 0.9); border-color: #9ab87c; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(81, 67, 67, 0.45); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):checked { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; }
GbPreferencesPageLanguage .entry { border-radius: 3px 3px 0 0; } GbPreferencesPageLanguage .frame { border-top-width: 0; }
GbEditorTweakWidget .linked.vertical > .entry { border-bottom-style: solid; } GbEditorTweakWidget GtkScrolledWindow { border-top: none; }
GbViewStack GtkBox.header.notebook { border-bottom: 1px solid #d9d9d9; }
GbViewStack.focused GtkBox.header.notebook,
project_sidebar_header.focused {
background-color: #ffffff; }
GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #d9d9d9; }
GbNewProjectDialog GtkFileChooserButton.linked-on-right .button { border-radius: 3px 0 0 3px; }
GbWorkspacePane GtkBox.header.notebook { border-bottom: 1px solid #d9d9d9; }
GbWorkspacePane:not(.focused) GtkBox.header.notebook { background-color: #F0F0F0; }
DhSidebar GtkSearchEntry.entry, SymbolTree GtkSearchEntry.entry { border-left: none; border-right: none; border-top: none; border-radius: 0px; }
GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #C3C3C3; background-image: none; background-color: #454545; padding: 6px 6px 6px 6px; border: none; }
GbTerminalView { background-color: #ffffff; color: #4a4a4a; }
GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; }
GtkScrolledWindow.gb-linked-scroller { border-top: none; }
GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; }
GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #d9d9d9; }
GbViewStack.focused GtkBox.header.notebook { background-color: #ffffff; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; }
EphyWindow .floating-bar { color: #4a4a4a; }
.xreader-window .primary-toolbar .button.the-button-in-the-combobox { color: rgba(81, 67, 67, 0.9); outline-color: rgba(81, 67, 67, 0.2); border-color: rgba(81, 67, 67, 0.2); background-color: rgba(245, 245, 245, 0.9); } .xreader-window .primary-toolbar .button.the-button-in-the-combobox:hover { background-color: rgba(255, 255, 255, 0.9); } .xreader-window .primary-toolbar .button.the-button-in-the-combobox:insensitive { color: rgba(81, 67, 67, 0.5); }
.documents-load-more.button { border-width: 1px 0 0; border-radius: 0; }
.documents-icon-bg { background-color: #9ab87c; color: #ffffff; border-radius: 2px; }
.documents-collection-icon { background-color: rgba(74, 74, 74, 0.3); border-radius: 2px; }
.documents-favorite.button:active, .documents-favorite.button:active:hover { color: #cddcbe; }
.documents-entry-tag { background-color: #9ab87c; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #a4bf89; } .documents-entry-tag:active { color: #ffffff; background-color: #90b16f; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); }
.content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; }
TotemGrilo.vertical GdMainView.frame { border-width: 0; }
SynapseGuiSelectionContainer :selected, SynapseGuiViewVirgilio :selected { background-color: #9ab87c; }
.tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; }
.gnome-panel-menu-bar, .mate-panel-menu-bar { color: #DADADA; background-color: #393939; } .gnome-panel-menu-bar, .gnome-panel-menu-bar .menubar, .mate-panel-menu-bar, .mate-panel-menu-bar .menubar { background-color: #393939; } .gnome-panel-menu-bar .menubar > .menuitem, .mate-panel-menu-bar .menubar > .menuitem { padding-top: 0; padding-bottom: 0; } .gnome-panel-menu-bar GtkMenu .label, .mate-panel-menu-bar GtkMenu .label { color: #4a4a4a; font: regular; } .gnome-panel-menu-bar GtkMenu .label:insensitive, .mate-panel-menu-bar GtkMenu .label:insensitive { color: rgba(74, 74, 74, 0.55); } .gnome-panel-menu-bar #tasklist-button, .mate-panel-menu-bar #tasklist-button { color: #DADADA; background-color: #393939; border-radius: 0; border: none; } .gnome-panel-menu-bar #tasklist-button:hover, .mate-panel-menu-bar #tasklist-button:hover { background-color: #464646; } .gnome-panel-menu-bar #tasklist-button:checked, .gnome-panel-menu-bar #tasklist-button:active, .mate-panel-menu-bar #tasklist-button:checked, .mate-panel-menu-bar #tasklist-button:active { color: #ffffff; background-color: #9ab87c; } .gnome-panel-menu-bar PanelSeparator, .mate-panel-menu-bar PanelSeparator { color: rgba(6, 6, 6, 0.2); padding-top: 4px; padding-bottom: 4px; } .gnome-panel-menu-bar NaTrayApplet, .mate-panel-menu-bar NaTrayApplet { -NaTrayApplet-icon-padding: 2; }
.mintmenu:hover { background-color: #464646; }
.mintmenu:selected { color: #ffffff; background-color: #9ab87c; }
.wnck-pager { background-color: #343434; } .wnck-pager:selected { background-color: rgba(154, 184, 124, 0.6); } .wnck-pager:hover { background-color: rgba(154, 184, 124, 0.2); }
.xfce4-panel.panel { background-color: #393939; } .xfce4-panel.panel .button.flat, .xfce4-panel.panel .sidebar-button.button { color: #DADADA; background-color: rgba(57, 57, 57, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover, .xfce4-panel.panel .sidebar-button.button:hover { border: none; background-color: #535353; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .sidebar-button.button:active, .xfce4-panel.panel .button.flat:checked, .xfce4-panel.panel .sidebar-button.button:checked { color: #9ab87c; border: none; background-color: #272727; }
.gnome-panel-menu-bar .button:not(#tasklist-button), .mate-panel-menu-bar .button:not(#tasklist-button) { color: #DADADA; border-radius: 0; border: none; background-color: rgba(57, 57, 57, 0); } .gnome-panel-menu-bar .button:hover:not(#tasklist-button), .mate-panel-menu-bar .button:hover:not(#tasklist-button) { border: none; background-color: #535353; } .gnome-panel-menu-bar .button:active:not(#tasklist-button), .mate-panel-menu-bar .button:active:not(#tasklist-button), .gnome-panel-menu-bar .button:checked:not(#tasklist-button), .mate-panel-menu-bar .button:checked:not(#tasklist-button) { color: #ffffff; border: none; background-color: #9ab87c; }
.floating-bar { background-color: #9ab87c; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; }
BirdieWidgetsTweetList * { background-image: none; background-color: transparent; }
MarlinViewWindow :selected, MarlinViewWindow :selected:focus { color: #ffffff; background-color: #9ab87c; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; }
.marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(81, 67, 67, 0.9); border-color: rgba(81, 67, 67, 0.2); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: rgba(81, 67, 67, 0.9); border-color: #9ab87c; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); } .marlin-pathbar.pathbar:insensitive { color: rgba(81, 67, 67, 0.45); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #9ab87c; }
.gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; }
.panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; }
.composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; }
.panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; }
.panel .menu .spinner, .menu .spinner { opacity: 1; }
WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { background-color: rgba(0, 0, 0, 0.04); border: solid rgba(0, 0, 0, 0.08); border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(74, 74, 74, 0.55); }
PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; }
SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #4a4a4a; }
.cs-header { padding: 6px; background-color: #ededed; }
.xed-window .xed-panel.side .notebook tab.top { padding: 8px 12px; } .xed-window .xed-panel.bottom .notebook.frame { border: none; } .xed-window XedFileBrowserWidget .small-button { padding: 2px 4px; } .xed-window .xed-statusbar, .xed-window .xed-searchbar { border: 0px solid #d9d9d9; border-top-width: 1px; }
panel_window {
background-color: #393939; color: #DADADA; font: bold; box-shadow: inset 0 -1px #272727; }
panel_window .menubar,
panel_window .menubar > .menuitem {
panel_window .menubar .menuitem:insensitive {
panel_window .menubar .menu .menuitem {
login_window,
shutdown_dialog,
restart_dialog {
font: normal; border-style: none; background-color: transparent; color: #4a4a4a; }
content_frame {
padding-bottom: 14px; background-color: #F0F0F0; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; }
content_frame .button {
color: #4a4a4a; outline-color: rgba(74, 74, 74, 0.3); border-color: #cfcfcf; background-color: whitesmoke; }
content_frame .button:hover {
content_frame .button:active, #content_frame .button:checked {
content_frame .button:insensitive {
buttonbox_frame {
padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #454545; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px #454545; }
buttonbox_frame .button {
color: #C3C3C3; outline-color: rgba(195, 195, 195, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: rgba(125, 125, 125, 0.4); }
buttonbox_frame .button:hover {
buttonbox_frame .button:active, #buttonbox_frame .button:checked {
buttonbox_frame .button:insensitive {
login_window #user_combobox {
color: #4a4a4a; font: 13px; }
login_window #user_combobox .menu {
user_image {
padding: 3px; border-radius: 2px; }
shutdown_button.button {
background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; }
shutdown_button.button:hover {
shutdown_button.button:active, #shutdown_button.button:checked {
restart_button.button {
background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #6db442; border-color: #6db442; }
restart_button.button:hover {
restart_button.button:active, #restart_button.button:checked {
greeter_infobar {
border-bottom-width: 0; font: bold; }
.lightdm.menubar { padding: 0; } .lightdm.menubar > .menuitem { padding: 0 5px 0 5px; }
.lightdm.button, .lightdm.option-button, .lightdm.toggle-button { border: 1px solid transparent; background-color: transparent; color: #dadada; } .lightdm.button:hover, .lightdm.option-button:hover, .lightdm.toggle-button:hover { border-color: rgba(154, 184, 124, 0.4); background-color: rgba(0, 0, 0, 0.3); color: #ffffff; }
.lightdm.entry { background: rgba(0, 0, 0, 0.5); color: white; }
.titlebar .separator, .titlebar .sidebar .view.separator, .sidebar .titlebar .view.separator { color: #c7c7c7; }
NemoWindow GtkEventBox { background-color: #F0F0F0; }
GtkFileChooserDialog , NautilusWindow , NemoWindow { -GtkPaned-handle-size: 0; }
GtkFileChooserDialog GtkPlacesSidebar.sidebar { -gtk-icon-style: regular; }
GtkFileChooserDialog.csd.background, GtkFileChooserDialog .list.sidebar, NautilusWindow.csd.background, NautilusWindow .list.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPlacesSidebar.sidebar, NautilusWindow GtkPlacesSidebar.sidebar { background-color: #454545; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable { border: 1px solid #9ab87c; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: #5f5f5f; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable { border: none; color: #C3C3C3; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon { color: rgba(195, 195, 195, 0.6); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(195, 195, 195, 0.15); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon { color: inherit; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, NautilusWindow GtkPlacesSidebar.sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator { color: transparent; } GtkFileChooserDialog.maximized GtkPlacesSidebar.sidebar, NautilusWindow.maximized GtkPlacesSidebar.sidebar { background-color: #454545; } GtkFileChooserDialog .sidebar-button.button, NautilusWindow .sidebar-button.button { color: #C3C3C3; } GtkFileChooserDialog .sidebar-button.button:hover, NautilusWindow .sidebar-button.button:hover { color: #C3C3C3; outline-color: rgba(195, 195, 195, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: rgba(143, 143, 143, 0.5); } GtkFileChooserDialog .sidebar-button.button:active, NautilusWindow .sidebar-button.button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: #9ab87c; } GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > GtkImage, NautilusWindow .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; }
/ BUG corrected by direct CSS edit (by Sébastien Bouchard) BUG description: In Caja file manager: View: Second panel ON and both Views in List mode: Select one file in the first List and then another file in the second List: the first selected file "disappeared!" (white text on white background!) / .cell:selected, .cell:selected:focus, .cell:selected:hover { background-color: #9ab87c; background-image: linear-gradient(to bottom, #9ab87c); color: #ffffff; } / END of this direct CSS edit /
NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: #454545; } NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #C3C3C3; } NemoWindow .sidebar .view.image, NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(195, 195, 195, 0.7); } NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #9ab87c; color: #ffffff; } NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #C3C3C3; } NemoWindow .sidebar .separator, NemoWindow .sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow .sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #454545; }
NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: #454545; }
NautilusWindow NautilusWindowSlot { background-color: #ffffff; }
NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; }
GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: #454545; } GtkFileChooserDialog GtkPlacesSidebar.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F0F0F0; } GtkFileChooserDialog .dialog-action-box { background-color: #F0F0F0; } GtkFileChooserDialog .dialog-vbox > .frame { color: #C3C3C3; border-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame { background-color: transparent; border-color: #333333; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkLabel, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #C3C3C3; }
FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: #c7c7c7; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #d9d9d9; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #e1e1e1; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #d9d9d9; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #e1e1e1; }
FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; }
GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: #454545; } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #d9d9d9; }
.gedit-bottom-panel-paned { background-color: #ffffff; }
.gedit-document-panel { background-color: #454545; } .maximized .gedit-document-panel { background-color: #454545; } .gedit-document-panel .list-row { color: #C3C3C3; } .gedit-document-panel .list-row { background-color: rgba(195, 195, 195, 0); border: solid rgba(195, 195, 195, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(195, 195, 195, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(195, 195, 195, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #9ab87c; border: solid #9ab87c; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #9ab87c; border: solid #9ab87c; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #C3C3C3; }
GeditFileBrowserWidget { background-color: #454545; } .maximized GeditFileBrowserWidget { background-color: #454545; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: #333333; } GeditFileBrowserWidget .horizontal GtkComboBox { color: #C3C3C3; }
GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #C3C3C3; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #C3C3C3; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #9ab87c; }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #C3C3C3; outline-color: rgba(195, 195, 195, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: rgba(125, 125, 125, 0.4); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #C3C3C3; outline-color: rgba(195, 195, 195, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: rgba(143, 143, 143, 0.5); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(38, 38, 38, 0.4); background-color: #9ab87c; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #6b6b6b; border-color: rgba(38, 38, 38, 0.4); background-color: rgba(125, 125, 125, 0.25); }
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #C3C3C3; border-color: rgba(38, 38, 38, 0.4); background-image: linear-gradient(to bottom, rgba(125, 125, 125, 0.4)); background-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(38, 38, 38, 0.4); background-image: linear-gradient(to bottom, #9ab87c); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(195, 195, 195, 0.55); background-image: linear-gradient(to bottom, rgba(125, 125, 125, 0.25)); }
GtkFileChooserDialog GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NautilusWindow GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, GeditFileBrowserWidget .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider { background-color: #e9e9e9; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .trough, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough, GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserWidget .scrollbar .slider { background-color: rgba(233, 233, 233, 0.7); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, GeditFileBrowserWidget .scrollbar .slider:hover { background-color: #f6f6f6; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #9ab87c; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; }
@define-color theme_fg_color #4a4a4a; @define-color theme_text_color #4a4a4a; @define-color theme_bg_color #F0F0F0; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #9ab87c; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #4a4a4a; @define-color text_color #4a4a4a; @define-color bg_color #F0F0F0; @define-color base_color #ffffff; @define-color selected_bg_color #9ab87c; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #f9f9f9; @define-color insensitive_fg_color alpha(#4a4a4a, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #4a4a4a; @define-color theme_unfocused_text_color #4a4a4a; @define-color theme_unfocused_bg_color #F0F0F0; @define-color theme_unfocused_base_color #ffffff; @define-color borders #d9d9d9; @define-color unfocused_borders #d9d9d9; @define-color warning_color #F57900; @define-color error_color #FF3939; @define-color success_color #65CC00; @define-color placeholder_text_color #A8A8A8; @define-color content_view_bg #ffffff; @define-color wm_title alpha(#514343, 0.8); @define-color wm_unfocused_title alpha(#514343, 0.5); @define-color wm_bg #d9d9d9; @define-color wm_bg_unfocused #e1e1e1; @define-color wm_highlight #e1e1e1; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #FF0000; @define-color wm_button_close_hover_bg #FF8000; @define-color wm_button_close_active_bg #000000; @define-color wm_icon_close_bg #F8F8F9; @define-color wm_button_hover_bg #fdfdfd; @define-color wm_button_active_bg #9ab87c; @define-color wm_button_hover_border #D1D3DA; @define-color wm_icon_bg #90949E; @define-color wm_icon_unfocused_bg #B6B8C0; @define-color wm_icon_hover_bg #7A7F8B; @define-color wm_icon_active_bg #ffffff;