diff --git a/Elementary-openbox/openbox-3/max.xbm b/Elementary-openbox/openbox-3/max.xbm deleted file mode 100644 index f063de3..0000000 --- a/Elementary-openbox/openbox-3/max.xbm +++ /dev/null @@ -1,4 +0,0 @@ -#define max_width 8 -#define max_height 8 -static unsigned char max_bits[] = { - 0xf0, 0xe0, 0xf0, 0xa0, 0x05, 0x0f, 0x07, 0x0f }; diff --git a/Elementary-openbox/openbox-3/max_toggled.xbm b/Elementary-openbox/openbox-3/max_toggled.xbm deleted file mode 100644 index 4acf306..0000000 --- a/Elementary-openbox/openbox-3/max_toggled.xbm +++ /dev/null @@ -1,4 +0,0 @@ -#define max_toggled_width 8 -#define max_toggled_height 8 -static unsigned char max_toggled_bits[] = { - 0xd0, 0xf0, 0x70, 0xf0, 0x0f, 0x0e, 0x0f, 0x0b }; diff --git a/Elementary-openbox/openbox-3/themerc b/Elementary-openbox/openbox-3/themerc deleted file mode 100644 index ed4fde2..0000000 --- a/Elementary-openbox/openbox-3/themerc +++ /dev/null @@ -1,97 +0,0 @@ -!# Elementary-mod by orschiro -!# Based on the Adwaita-mod by Larsson -!# Openbox theme designed to match Elementary OS -!# License: Creative Commons Attribution-ShareAlike 3.0 Unported (http://creativecommons.org/licenses/by-sa/3.0/) -!# No attribution needed for non-commercial use. Attribution goes to the theme page on http://box-look.org/ -!# Buttons from Siva Flat: http://na12.deviantart.com dunno about the license here. -!# Changed the the background to gradient like in http://box-look.org/content/show.php/Zukitwo+Box?content=154216 - -border.width: 1 -padding.width: 3 -padding.height: 3 -window.handle.width: 0 -window.client.padding.width: 0 -window.client.padding.height: 0 -menu.overlap: -4 -*.justify: center - - -!# Menu settings -!!------------------------------------------------------------------------ -menu.title.bg: Flat Solid -menu.title.bg.color: #ffffff -menu.title.text.color: #656565 -menu.title.text.justify: Left - -menu.border.width: 10 -menu.border.color: #ffffff -menu.overlap.x: -14 -menu.overlap.y: 0 -menu.items.bg: Flat Solid -menu.items.bg.color: #ffffff -menu.items.text.color: #656565 -menu.items.justify: left -menu.items.disabled.text.color: #ffffff -menu.items.active.bg: Flat Vertical -menu.items.active.bg.color: #ffffff -menu.items.active.text.color: #000000 -menu.separator.width: 1 -menu.separator.padding.width: 4 -menu.separator.padding.height: 4 -menu.separator.color: #959595 - - -!# Windows -window.*.label.bg: Parentrelative -window.*.border.color: #aaaaaa -window.*.handle.bg: Raised solid -window.*.handle.bg.color: #dadada -window.*.grip.bg: Raised solid -window.*.grip.bg.color: #dadada -!# customised -window.*.title.separator.color: #dedede - -*.title.bg: gradient vertical flat -!# customised -*.title.bg.color: #dedede -*.title.bg.colorTo: #dedede - -window.*.button.*.bg: Parentrelative -window.*.button.*.image.color: #8d8d8d -window.*.button.hover.image.color: #000 -window.*.button.pressed.image.color: #000 - - -!# Active -window.active.label.text.color: #3c3c3c - -!# inactive -window.inactive.label.text.color: #999999 - - -!# osd - -osd.border.width: 1 -osd.border.color: #aaaaaa -osd.bg.border.color: #ffffff - -osd.bg: flat border gradient splitvertical -osd.bg.color: #f8f8f8 -osd.bg.color.splitto: #f8f8f8 -osd.bg.colorTo: #f8f8f8 -osd.bg.colorTo.splitto: #f8f8f8 - -osd.active.label.bg: solid -osd.active.label.bg.color: #4fa8e3 -osd.active.label.bg.border.color: #88A1B6 -osd.active.label.text.color: #3c3c3c - -osd.inactive.label.bg: parentrelative -osd.inactive.label.text.color: #999999 - -osd.hilight.bg: flat vertical gradient -osd.hilight.bg.color: #8ba4b8 -osd.hilight.bg.colorTo: #7a94a9 -osd.unhilight.bg: flat vertical gradient -osd.unhilight.bg.color: #babdb6 -osd.unhilight.bg.colorTo: #efefef diff --git a/Nordic/openbox-3/close.xbm b/Nordic/openbox-3/close.xbm index 2980025..1dd1c61 100644 --- a/Nordic/openbox-3/close.xbm +++ b/Nordic/openbox-3/close.xbm @@ -1,5 +1,4 @@ -#define image_width 10 -#define image_height 10 -static unsigned char image_bits[] = { - 0x03,0xff,0x87,0xff,0xce,0xfd,0xfc,0xfc,0x78,0xfc,0x78,0xfc, - 0xfc,0xfc,0xce,0xfd,0x87,0xff,0x03,0xff}; +#define close_width 10 +#define close_height 10 +static unsigned char close_bits[] = { + 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff }; diff --git a/Nordic/openbox-3/close_hover.xbm b/Nordic/openbox-3/close_hover.xbm new file mode 100644 index 0000000..1dd1c61 --- /dev/null +++ b/Nordic/openbox-3/close_hover.xbm @@ -0,0 +1,4 @@ +#define close_width 10 +#define close_height 10 +static unsigned char close_bits[] = { + 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff }; diff --git a/dt-dark-theme/openbox-3/desk.xbm b/Nordic/openbox-3/desk.xbm similarity index 61% rename from dt-dark-theme/openbox-3/desk.xbm rename to Nordic/openbox-3/desk.xbm index abca780..3a55fa0 100644 --- a/dt-dark-theme/openbox-3/desk.xbm +++ b/Nordic/openbox-3/desk.xbm @@ -1,4 +1,4 @@ -#define desk_toggled_width 8 -#define desk_toggled_height 8 +#define desk_toggled_width 10 +#define desk_toggled_height 10 static unsigned char desk_toggled_bits[] = { 0xe7, 0xe7, 0xe7, 0x00, 0x00, 0xe7, 0xe7, 0xe7 }; diff --git a/dt-dark-theme/openbox-3/desk_toggled.xbm b/Nordic/openbox-3/desk_toggled.xbm similarity index 66% rename from dt-dark-theme/openbox-3/desk_toggled.xbm rename to Nordic/openbox-3/desk_toggled.xbm index b4b5330..37fa13c 100644 --- a/dt-dark-theme/openbox-3/desk_toggled.xbm +++ b/Nordic/openbox-3/desk_toggled.xbm @@ -1,4 +1,4 @@ -#define desk_width 8 -#define desk_height 8 +#define desk_width 10 +#define desk_height 10 static unsigned char desk_bits[] = { 0x04, 0x0e, 0x3f, 0x1e, 0x1c, 0x24, 0x40, 0x80 }; diff --git a/Nordic/openbox-3/iconify.xbm b/Nordic/openbox-3/iconify.xbm index d24b097..5e59038 100644 --- a/Nordic/openbox-3/iconify.xbm +++ b/Nordic/openbox-3/iconify.xbm @@ -1,5 +1,4 @@ -#define image_width 10 -#define image_height 10 -static unsigned char image_bits[] = { - 0x00,0xfc,0x00,0xfc,0x00,0xfc,0x00,0xfc,0x00,0xfc,0x00,0xfc, - 0x00,0xfc,0x00,0xfc,0xff,0xff,0xff,0xff}; +#define iconify_width 10 +#define iconify_height 10 +static unsigned char close_bits[] = { + 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff }; diff --git a/Nordic/openbox-3/iconify_hover.xbm b/Nordic/openbox-3/iconify_hover.xbm new file mode 100644 index 0000000..5e59038 --- /dev/null +++ b/Nordic/openbox-3/iconify_hover.xbm @@ -0,0 +1,4 @@ +#define iconify_width 10 +#define iconify_height 10 +static unsigned char close_bits[] = { + 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff }; diff --git a/Nordic/openbox-3/max.xbm b/Nordic/openbox-3/max.xbm index b619881..9a1f40d 100644 --- a/Nordic/openbox-3/max.xbm +++ b/Nordic/openbox-3/max.xbm @@ -1,5 +1,5 @@ -#define image_width 10 -#define image_height 10 -static unsigned char image_bits[] = { - 0xff,0xff,0xff,0xff,0x03,0xff,0x03,0xff,0x03,0xff,0x03,0xff, - 0x03,0xff,0x03,0xff,0xff,0xff,0xff,0xff}; +#define max_width 10 +#define max_height 10 +static unsigned char close_bits[] = { + 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff }; + diff --git a/Nordic/openbox-3/max_toggled.xbm b/Nordic/openbox-3/max_toggled.xbm new file mode 100644 index 0000000..4ab9b70 --- /dev/null +++ b/Nordic/openbox-3/max_toggled.xbm @@ -0,0 +1,4 @@ +#define max_toggled_width 10 +#define max_toggled_height 10 +static unsigned char close_bits[] = { + 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff }; diff --git a/dt-dark-theme/openbox-3/shade.xbm b/Nordic/openbox-3/shade.xbm similarity index 100% rename from dt-dark-theme/openbox-3/shade.xbm rename to Nordic/openbox-3/shade.xbm diff --git a/dt-dark-theme/openbox-3/shade_toggled.xbm b/Nordic/openbox-3/shade_toggled.xbm similarity index 100% rename from dt-dark-theme/openbox-3/shade_toggled.xbm rename to Nordic/openbox-3/shade_toggled.xbm diff --git a/Nordic/openbox-3/themerc b/Nordic/openbox-3/themerc old mode 100755 new mode 100644 index 50f4919..0dfcf1f --- a/Nordic/openbox-3/themerc +++ b/Nordic/openbox-3/themerc @@ -1,146 +1,183 @@ -# Arc Openbox theme -# Copyright (C) 2015 Dino Duratović -# -# Inspired by and made for horst3180's Arc GTK theme -# https://github.com/horst3180/Arc-theme -# -# This program is free software: you can redistribute it and/or modify -# it under the terms of the GNU General Public License as published by -# the Free Software Foundation, either version 3 of the License, or -# (at your option) any later version. -# -# This program is distributed in the hope that it will be useful, -# but WITHOUT ANY WARRANTY; without even the implied warranty of -# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -# GNU General Public License for more details. -# -# You should have received a copy of the GNU General Public License -# along with this program. If not, see . +# Name: Oomox (Numix fork) Openbox theme +# Author: Satyajit Sahoo +# License: GPL-3.0+ -### WINDOW -border.width: 1 +# @TODO: finish replacing the colors here -window.client.padding.width: 0 -window.client.padding.height: 0 -window.handle.width: 0 -padding.width: 16 -padding.height: 12 +# Menu +menu.border.color: #e5e9f0 +menu.border.width: 0 -window.active.border.color: #2e3440 -window.inactive.border.color: #2e3440 -window.active.title.separator.color: #2e3440 -window.inactive.title.separator.color: #2e3440 -window.active.client.color: #2e3440 -window.inactive.client.color: #2e3440 +menu.title.bg: flat +menu.title.bg.color: #3B4252 +menu.title.bg.shadow: 10 +menu.title.text.color: #e5e9f0 +menu.title.text.justify: Center -window.active.label.text.color: #D3DAE3 -window.inactive.label.text.color: #7F8388 +menu.items.bg: Solid Flat +menu.items.bg.color: #282e3a +menu.items.text.color: #e5e9f0 +menu.items.disabled.text.color: #989da6 -window.active.button.shade.unpressed.image.color: #4db6ac -window.active.button.desk.unpressed.image.color: #ffb74d -window.active.button.iconify.unpressed.image.color: #ebcb8b -window.active.button.max.unpressed.image.color: #a3be8c -window.active.button.close.unpressed.image.color: #bf616a +menu.items.active.bg: Solid Flat +menu.items.active.bg.color: #88C0D0 +menu.items.active.text.color: #282828 -window.inactive.button.shade.hover.image.color: #4db6ac -window.inactive.button.desk.hover.image.color: #ffb74d -window.inactive.button.iconify.hover.image.color: #ebcb8b -window.inactive.button.max.hover.image.color: #a3be8c -window.inactive.button.close.hover.image.color: #bf616a +menu.separator.color: #989da6 +menu.separator.width: 0 +menu.separator.padding.width: 2 +menu.separator.padding.height: 4 -window.active.button.unpressed.image.color: #a3be8c -window.active.button.pressed.image.color: #40e0d0 -window.active.button.disabled.image.color: #a3be8c -window.active.button.hover.image.color: #afb8c5 -window.active.button.toggled.unpressed.image.color: #D3DAE3 -window.active.button.toggled.pressed.image.color: #40e0d0 -window.active.button.toggled.hover.image.color: #afb8c5 -window.inactive.button.unpressed.image.color: #8f8f8e -window.inactive.button.pressed.image.color: #40e0d0 -window.inactive.button.disabled.image.color: #2f343f -window.inactive.button.hover.image.color: #afb8c5 -window.inactive.button.toggled.unpressed.image.color: #1F2328 -window.inactive.button.toggled.pressed.image.color: #40e0d0 -window.inactive.button.toggled.hover.image.color: #afb8c5 +# Window focused +window.active.title.separator.color: #282e3a + +# Active window +window.active.border.color: #282e3a +window.active.border.width: 0 window.active.title.bg: flat solid -window.active.title.bg.color: #2f343f -window.active.label.bg: flat solid -window.active.label.bg.color: #2f343f -#window.active.handle.bg: texture -#window.active.grip.bg: texture +window.active.title.bg.color: #282e3a +window.active.title.separator.color: #282e3a +window.active.text.justify: center + +window.active.label.bg: parentrelative +window.active.label.text.color: #e5e9f0 + +window.active.handle.bg: flat solid +window.active.handle.bg.color: #282e3a + +window.active.grip.bg: flat solid +window.active.grip.bg.color: #282e3a + +window.active.button.unpressed.bg: flat solid +window.active.button.unpressed.bg.color: #282e3a + +window.active.button.hover.bg: flat solid +window.active.button.hover.bg.color: #282e3a +window.active.button.hover.image.color: #D8DEE9 + +window.active.button.pressed.bg: flat solid +window.active.button.pressed.bg.color: #282e3a +window.active.button.pressed.image.color: #EBCB8B + +window.active.button.toggled.bg: flat solid +window.active.button.toggled.bg.color: #282e3a +window.active.button.toggled.image.color: #EBCB8B +window.active.button.toggled.hover.image.color: #D8DEE9 + +window.active.button.disabled.bg: flat solid +window.active.button.disabled.bg.color: #282e3a +window.active.button.disabled.image.color: #434C5E + +# Inactive window +window.inactive.border.color: #282e3a + window.inactive.title.bg: flat solid -window.inactive.title.bg.color: #2f343f -window.inactive.label.bg: flat solid -window.inactive.label.bg.color: #2f343f -#window.inactive.handle.bg: texture -#window.inactive.grip.bg: texture +window.inactive.title.bg.color: #282e3a +window.inactive.title.separator.color: #282e3a +window.inactive.text.justify: center -window.active.button.unpressed.bg: parentrelative -window.active.button.pressed.bg: parentrelative -window.active.button.hover.bg: parentrelative -window.active.button.disabled.bg: parentrelative -window.active.button.toggled.unpressed.bg: parentrelative -window.active.button.toggled.pressed.bg: parentrelative -window.active.button.toggled.hover.bg: parentrelative -window.inactive.button.unpressed.bg: parentrelative -window.inactive.button.pressed.bg: parentrelative -window.inactive.button.hover.bg: parentrelative -window.inactive.button.disabled.bg: parentrelative -window.inactive.button.toggled.unpressed.bg: parentrelative -window.inactive.button.toggled.pressed.bg: parentrelative -window.inactive.button.toggled.hover.bg: parentrelative +window.inactive.label.bg: parentrelative +window.inactive.label.text.color: #989da6 -window.label.text.justify: center +window.inactive.handle.bg: flat solid +window.inactive.handle.bg.color: #282e3a -#window.active.label.text.font: text shadow -#window.inactive.label.text.font: text shadow +window.inactive.grip.bg: flat solid +window.inactive.grip.bg.color: #282e3a -### MENU -menu.border.width: 4 -menu.separator.width: 1 -menu.separator.padding.width: 10 -menu.separator.padding.height: 2 +window.inactive.button.unpressed.bg: flat solid +window.inactive.button.unpressed.bg.color: #282e3a +window.inactive.button.unpressed.image.color: #989da6 -menu.overlap.x: 0 -menu.overlap.y: 0 +window.inactive.button.pressed.bg: flat solid +window.inactive.button.pressed.bg.color: #282e3a +window.inactive.button.pressed.image.color: #434C5E -menu.border.color: #2f343f -menu.separator.color: #2f343f +window.inactive.button.disabled.bg: flat solid +window.inactive.button.disabled.bg.color: #989da6 +window.inactive.button.disabled.image.color: #282e3a -menu.title.text.color: #ffffff -menu.items.text.color: #a8adb5 -menu.items.disabled.text.color: #76797F -menu.items.active.text.color: #2f343f -menu.items.active.disabled.text.color: #aeb0b6 +window.inactive.button.hover.bg: flat solid +window.inactive.button.hover.bg.color: #282e3a +window.inactive.button.hover.image.color: #D8DEE9 -menu.items.bg: flat solid -menu.items.bg.color: #2f343f -menu.items.active.bg: flat solid -menu.items.active.bg.color: #40e0d0 -menu.title.bg: flat solid -menu.title.bg.color: #2f343f +## Buttons -menu.title.text.justify: center +window.active.button.close.unpressed.image.color: #BF616A +window.active.button.close.pressed.image.color: #BF616A +window.inactive.button.close.unpressed.image.color: #434C5E +window.inactive.button.close.pressed.image.color: #BF616A -#menu.items.font: text shadow -#menu.title.text.font: text shadow +window.active.button.max.unpressed.image.color: #EBCB8B +window.active.button.max.pressed.image.color: #EBCB8B +window.inactive.button.max.unpressed.image.color: #434C5E +window.inactive.button.max.pressed.image.color: #EBCB8B -### OSD +window.active.button.iconify.unpressed.image.color: #A3BE8C +window.active.button.iconify.pressed.image.color: #A3BE8C +window.inactive.button.iconify.unpressed.image.color: #434C5E +window.inactive.button.iconify.pressed.image.color: #A3BE8C + +window.active.button.shade.unpressed.image.color: #BD99FF +window.active.button.shade.pressed.image.color: #BD99FF +window.inactive.button.shade.unpressed.image.color: #434C5E +window.inactive.button.shade.pressed.image.color: #BD99FF + +window.active.button.desk.unpressed.image.color: #87DFEB +window.active.button.desk.pressed.image.color: #87DFEB +window.inactive.button.desk.unpressed.image.color: #434C5E +window.inactive.button.desk.pressed.image.color: #87DFEB + +# OSD osd.border.width: 1 - -osd.border.color: #2f343f - -osd.label.text.color: #D3DAE3 +osd.border.color: #88C0D0 osd.bg: flat solid -osd.bg.color: #2f343f +osd.bg.color: #282e3a osd.label.bg: flat solid -osd.label.bg.color: #2f343f -osd.hilight.bg: flat solid -osd.hilight.bg.color: #40e0d0 -osd.unhilight.bg: flat solid -osd.unhilight.bg.color: #000000 +osd.label.bg.color: #282e3a +osd.label.text.color: #e5e9f0 -#osd.label.text.font: text shadow +# OSD +osd.bg: Solid Flat +osd.bg.color: #282e3a +osd.bg.shadow: 0 + +osd.border.width: 2 +osd.hilight.bg: Solid Flat +osd.hilight.bg.color: #88C0D0 +osd.unhilight.bg: flat solid +osd.unhilight.bg.color: #282e3a + +osd.button.unpressed.bg: flat border +osd.button.unpressed.bg.color: #282e3a +#osd.button.unpressed.*.border.color: #e5e9f0 + +osd.button.pressed.bg: flat border +osd.button.pressed.bg.color: #88C0D0 +#osd.button.pressed.*.border.color: #fbf1c7 + +osd.button.focused.bg: flat solid border +osd.button.focused.bg.color: #e5e9f0 +#osd.button.focused.*.border.color: #282e3a + +osd.button.focused.box.color: #88C0D0 + + +# Fonts +window.active.label.text.font:shadow=n +window.inactive.label.text.font:shadow=n +menu.items.font:shadow=n +menu.title.text.font:shadow=n + + +# Everything else +border.width: 0 +padding.width: 8 +padding.height: 4 +window.handle.width: 0 +window.client.padding.width: 0 +window.label.text.justify: center +#menu.overlap: 0 diff --git a/Nordic/openbox-3/wave/COPYING b/Nordic/openbox-3/wave/COPYING new file mode 100644 index 0000000..d159169 --- /dev/null +++ b/Nordic/openbox-3/wave/COPYING @@ -0,0 +1,339 @@ + GNU GENERAL PUBLIC LICENSE + Version 2, June 1991 + + Copyright (C) 1989, 1991 Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The licenses for most software are designed to take away your +freedom to share and change it. By contrast, the GNU General Public +License is intended to guarantee your freedom to share and change free +software--to make sure the software is free for all its users. This +General Public License applies to most of the Free Software +Foundation's software and to any other program whose authors commit to +using it. (Some other Free Software Foundation software is covered by +the GNU Lesser General Public License instead.) You can apply it to +your programs, too. + + When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +this service if you wish), that you receive source code or can get it +if you want it, that you can change the software or use pieces of it +in new free programs; and that you know you can do these things. + + To protect your rights, we need to make restrictions that forbid +anyone to deny you these rights or to ask you to surrender the rights. +These restrictions translate to certain responsibilities for you if you +distribute copies of the software, or if you modify it. + + For example, if you distribute copies of such a program, whether +gratis or for a fee, you must give the recipients all the rights that +you have. You must make sure that they, too, receive or can get the +source code. And you must show them these terms so they know their +rights. + + We protect your rights with two steps: (1) copyright the software, and +(2) offer you this license which gives you legal permission to copy, +distribute and/or modify the software. + + Also, for each author's protection and ours, we want to make certain +that everyone understands that there is no warranty for this free +software. If the software is modified by someone else and passed on, we +want its recipients to know that what they have is not the original, so +that any problems introduced by others will not reflect on the original +authors' reputations. + + Finally, any free program is threatened constantly by software +patents. We wish to avoid the danger that redistributors of a free +program will individually obtain patent licenses, in effect making the +program proprietary. To prevent this, we have made it clear that any +patent must be licensed for everyone's free use or not licensed at all. + + The precise terms and conditions for copying, distribution and +modification follow. + + GNU GENERAL PUBLIC LICENSE + TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION + + 0. This License applies to any program or other work which contains +a notice placed by the copyright holder saying it may be distributed +under the terms of this General Public License. The "Program", below, +refers to any such program or work, and a "work based on the Program" +means either the Program or any derivative work under copyright law: +that is to say, a work containing the Program or a portion of it, +either verbatim or with modifications and/or translated into another +language. (Hereinafter, translation is included without limitation in +the term "modification".) Each licensee is addressed as "you". + +Activities other than copying, distribution and modification are not +covered by this License; they are outside its scope. The act of +running the Program is not restricted, and the output from the Program +is covered only if its contents constitute a work based on the +Program (independent of having been made by running the Program). +Whether that is true depends on what the Program does. + + 1. You may copy and distribute verbatim copies of the Program's +source code as you receive it, in any medium, provided that you +conspicuously and appropriately publish on each copy an appropriate +copyright notice and disclaimer of warranty; keep intact all the +notices that refer to this License and to the absence of any warranty; +and give any other recipients of the Program a copy of this License +along with the Program. + +You may charge a fee for the physical act of transferring a copy, and +you may at your option offer warranty protection in exchange for a fee. + + 2. You may modify your copy or copies of the Program or any portion +of it, thus forming a work based on the Program, and copy and +distribute such modifications or work under the terms of Section 1 +above, provided that you also meet all of these conditions: + + a) You must cause the modified files to carry prominent notices + stating that you changed the files and the date of any change. + + b) You must cause any work that you distribute or publish, that in + whole or in part contains or is derived from the Program or any + part thereof, to be licensed as a whole at no charge to all third + parties under the terms of this License. + + c) If the modified program normally reads commands interactively + when run, you must cause it, when started running for such + interactive use in the most ordinary way, to print or display an + announcement including an appropriate copyright notice and a + notice that there is no warranty (or else, saying that you provide + a warranty) and that users may redistribute the program under + these conditions, and telling the user how to view a copy of this + License. (Exception: if the Program itself is interactive but + does not normally print such an announcement, your work based on + the Program is not required to print an announcement.) + +These requirements apply to the modified work as a whole. If +identifiable sections of that work are not derived from the Program, +and can be reasonably considered independent and separate works in +themselves, then this License, and its terms, do not apply to those +sections when you distribute them as separate works. But when you +distribute the same sections as part of a whole which is a work based +on the Program, the distribution of the whole must be on the terms of +this License, whose permissions for other licensees extend to the +entire whole, and thus to each and every part regardless of who wrote it. + +Thus, it is not the intent of this section to claim rights or contest +your rights to work written entirely by you; rather, the intent is to +exercise the right to control the distribution of derivative or +collective works based on the Program. + +In addition, mere aggregation of another work not based on the Program +with the Program (or with a work based on the Program) on a volume of +a storage or distribution medium does not bring the other work under +the scope of this License. + + 3. You may copy and distribute the Program (or a work based on it, +under Section 2) in object code or executable form under the terms of +Sections 1 and 2 above provided that you also do one of the following: + + a) Accompany it with the complete corresponding machine-readable + source code, which must be distributed under the terms of Sections + 1 and 2 above on a medium customarily used for software interchange; or, + + b) Accompany it with a written offer, valid for at least three + years, to give any third party, for a charge no more than your + cost of physically performing source distribution, a complete + machine-readable copy of the corresponding source code, to be + distributed under the terms of Sections 1 and 2 above on a medium + customarily used for software interchange; or, + + c) Accompany it with the information you received as to the offer + to distribute corresponding source code. (This alternative is + allowed only for noncommercial distribution and only if you + received the program in object code or executable form with such + an offer, in accord with Subsection b above.) + +The source code for a work means the preferred form of the work for +making modifications to it. For an executable work, complete source +code means all the source code for all modules it contains, plus any +associated interface definition files, plus the scripts used to +control compilation and installation of the executable. However, as a +special exception, the source code distributed need not include +anything that is normally distributed (in either source or binary +form) with the major components (compiler, kernel, and so on) of the +operating system on which the executable runs, unless that component +itself accompanies the executable. + +If distribution of executable or object code is made by offering +access to copy from a designated place, then offering equivalent +access to copy the source code from the same place counts as +distribution of the source code, even though third parties are not +compelled to copy the source along with the object code. + + 4. You may not copy, modify, sublicense, or distribute the Program +except as expressly provided under this License. Any attempt +otherwise to copy, modify, sublicense or distribute the Program is +void, and will automatically terminate your rights under this License. +However, parties who have received copies, or rights, from you under +this License will not have their licenses terminated so long as such +parties remain in full compliance. + + 5. You are not required to accept this License, since you have not +signed it. However, nothing else grants you permission to modify or +distribute the Program or its derivative works. These actions are +prohibited by law if you do not accept this License. Therefore, by +modifying or distributing the Program (or any work based on the +Program), you indicate your acceptance of this License to do so, and +all its terms and conditions for copying, distributing or modifying +the Program or works based on it. + + 6. Each time you redistribute the Program (or any work based on the +Program), the recipient automatically receives a license from the +original licensor to copy, distribute or modify the Program subject to +these terms and conditions. You may not impose any further +restrictions on the recipients' exercise of the rights granted herein. +You are not responsible for enforcing compliance by third parties to +this License. + + 7. If, as a consequence of a court judgment or allegation of patent +infringement or for any other reason (not limited to patent issues), +conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot +distribute so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you +may not distribute the Program at all. For example, if a patent +license would not permit royalty-free redistribution of the Program by +all those who receive copies directly or indirectly through you, then +the only way you could satisfy both it and this License would be to +refrain entirely from distribution of the Program. + +If any portion of this section is held invalid or unenforceable under +any particular circumstance, the balance of the section is intended to +apply and the section as a whole is intended to apply in other +circumstances. + +It is not the purpose of this section to induce you to infringe any +patents or other property right claims or to contest validity of any +such claims; this section has the sole purpose of protecting the +integrity of the free software distribution system, which is +implemented by public license practices. Many people have made +generous contributions to the wide range of software distributed +through that system in reliance on consistent application of that +system; it is up to the author/donor to decide if he or she is willing +to distribute software through any other system and a licensee cannot +impose that choice. + +This section is intended to make thoroughly clear what is believed to +be a consequence of the rest of this License. + + 8. If the distribution and/or use of the Program is restricted in +certain countries either by patents or by copyrighted interfaces, the +original copyright holder who places the Program under this License +may add an explicit geographical distribution limitation excluding +those countries, so that distribution is permitted only in or among +countries not thus excluded. In such case, this License incorporates +the limitation as if written in the body of this License. + + 9. The Free Software Foundation may publish revised and/or new versions +of the General Public License from time to time. Such new versions will +be similar in spirit to the present version, but may differ in detail to +address new problems or concerns. + +Each version is given a distinguishing version number. If the Program +specifies a version number of this License which applies to it and "any +later version", you have the option of following the terms and conditions +either of that version or of any later version published by the Free +Software Foundation. If the Program does not specify a version number of +this License, you may choose any version ever published by the Free Software +Foundation. + + 10. If you wish to incorporate parts of the Program into other free +programs whose distribution conditions are different, write to the author +to ask for permission. For software which is copyrighted by the Free +Software Foundation, write to the Free Software Foundation; we sometimes +make exceptions for this. Our decision will be guided by the two goals +of preserving the free status of all derivatives of our free software and +of promoting the sharing and reuse of software generally. + + NO WARRANTY + + 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY +FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN +OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES +PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED +OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF +MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS +TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE +PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, +REPAIR OR CORRECTION. + + 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR +REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, +INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING +OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED +TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY +YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER +PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE +POSSIBILITY OF SUCH DAMAGES. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +convey the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + + Copyright (C) + + This program is free software; you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation; either version 2 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along + with this program; if not, write to the Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + +Also add information on how to contact you by electronic and paper mail. + +If the program is interactive, make it output a short notice like this +when it starts in an interactive mode: + + Gnomovision version 69, Copyright (C) year name of author + Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. + This is free software, and you are welcome to redistribute it + under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate +parts of the General Public License. Of course, the commands you use may +be called something other than `show w' and `show c'; they could even be +mouse-clicks or menu items--whatever suits your program. + +You should also get your employer (if you work as a programmer) or your +school, if any, to sign a "copyright disclaimer" for the program, if +necessary. Here is a sample; alter the names: + + Yoyodyne, Inc., hereby disclaims all copyright interest in the program + `Gnomovision' (which makes passes at compilers) written by James Hacker. + + , 1 April 1989 + Ty Coon, President of Vice + +This General Public License does not permit incorporating your program into +proprietary programs. If your program is a subroutine library, you may +consider it more useful to permit linking proprietary applications with the +library. If this is what you want to do, use the GNU Lesser General +Public License instead of this License. diff --git a/Nordic/openbox-3/wave/index.theme b/Nordic/openbox-3/wave/index.theme new file mode 100755 index 0000000..b8e0c04 --- /dev/null +++ b/Nordic/openbox-3/wave/index.theme @@ -0,0 +1,12 @@ +[Desktop Entry] +Type=X-GNOME-Metatheme +Name=Materia-dark-compact +Comment=A Material Design theme +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=Materia-dark-compact +MetacityTheme=Materia-dark-compact +IconTheme=Adwaita +CursorTheme=Adwaita +CursorSize=24 diff --git a/dt-dark-theme/LICENSE b/dt-dark-theme/LICENSE deleted file mode 100644 index e1c9e41..0000000 --- a/dt-dark-theme/LICENSE +++ /dev/null @@ -1,23 +0,0 @@ -MIT License - -Copyright (c) 2019 Derek Taylor -https://www.youtube.com/c/DistroTube -https://gitlab.com/dwt1/ - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. diff --git a/dt-dark-theme/README.md b/dt-dark-theme/README.md deleted file mode 100644 index 8c3dc68..0000000 --- a/dt-dark-theme/README.md +++ /dev/null @@ -1 +0,0 @@ - A dark (very dark) theme for GTK2, GTK3, Openbox, JWM and more. \ No newline at end of file diff --git a/dt-dark-theme/assets/all-assets.svg b/dt-dark-theme/assets/all-assets.svg deleted file mode 100644 index 6b2b9d7..0000000 --- a/dt-dark-theme/assets/all-assets.svg +++ /dev/null @@ -1,4456 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/dt-dark-theme/assets/all-assets.txt b/dt-dark-theme/assets/all-assets.txt deleted file mode 100644 index 6e738e3..0000000 --- a/dt-dark-theme/assets/all-assets.txt +++ /dev/null @@ -1,38 +0,0 @@ -checkbox-checked-dark -checkbox-checked-insensitive-dark -checkbox-checked-insensitive -checkbox-checked -checkbox-mixed-dark -checkbox-mixed-insensitive-dark -checkbox-mixed-insensitive -checkbox-mixed -checkbox-unchecked-dark -checkbox-unchecked-insensitive-dark -checkbox-unchecked-insensitive -checkbox-unchecked -grid-selection-checked-dark -grid-selection-checked -grid-selection-unchecked-dark -grid-selection-unchecked -menuitem-checkbox-checked-hover -menuitem-checkbox-checked-insensitive -menuitem-checkbox-checked -menuitem-checkbox-mixed-hover -menuitem-checkbox-mixed-insensitive -menuitem-checkbox-mixed -menuitem-radio-checked-hover -menuitem-radio-checked-insensitive -menuitem-radio-checked -pane-handle -radio-checked-dark -radio-checked-insensitive-dark -radio-checked-insensitive -radio-checked -radio-mixed-dark -radio-mixed-insensitive-dark -radio-mixed-insensitive -radio-mixed -radio-unchecked-dark -radio-unchecked-insensitive-dark -radio-unchecked-insensitive -radio-unchecked diff --git a/dt-dark-theme/assets/change_dpi.fish b/dt-dark-theme/assets/change_dpi.fish deleted file mode 100644 index 1757710..0000000 --- a/dt-dark-theme/assets/change_dpi.fish +++ /dev/null @@ -1,2 +0,0 @@ -#!/usr/bin/fish -for f in *.svg; rsvg-convert -d 300 -p 300 -f svg $f -o $f.bak ; mv $f.bak $f ; end diff --git a/dt-dark-theme/assets/checkbox-checked-dark.svg b/dt-dark-theme/assets/checkbox-checked-dark.svg deleted file mode 100644 index 872c040..0000000 --- a/dt-dark-theme/assets/checkbox-checked-dark.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/dt-dark-theme/assets/checkbox-checked-insensitive-dark.svg b/dt-dark-theme/assets/checkbox-checked-insensitive-dark.svg deleted file mode 100644 index bbfe3e8..0000000 --- a/dt-dark-theme/assets/checkbox-checked-insensitive-dark.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/checkbox-checked-insensitive.svg b/dt-dark-theme/assets/checkbox-checked-insensitive.svg deleted file mode 100644 index bbfe3e8..0000000 --- a/dt-dark-theme/assets/checkbox-checked-insensitive.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/checkbox-checked.svg b/dt-dark-theme/assets/checkbox-checked.svg deleted file mode 100644 index f012fd2..0000000 --- a/dt-dark-theme/assets/checkbox-checked.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/checkbox-mixed-dark.svg b/dt-dark-theme/assets/checkbox-mixed-dark.svg deleted file mode 100644 index 84b1514..0000000 --- a/dt-dark-theme/assets/checkbox-mixed-dark.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/checkbox-mixed-insensitive-dark.svg b/dt-dark-theme/assets/checkbox-mixed-insensitive-dark.svg deleted file mode 100644 index 20cda9c..0000000 --- a/dt-dark-theme/assets/checkbox-mixed-insensitive-dark.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/checkbox-mixed-insensitive.svg b/dt-dark-theme/assets/checkbox-mixed-insensitive.svg deleted file mode 100644 index 20cda9c..0000000 --- a/dt-dark-theme/assets/checkbox-mixed-insensitive.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/checkbox-mixed.svg b/dt-dark-theme/assets/checkbox-mixed.svg deleted file mode 100644 index 84b1514..0000000 --- a/dt-dark-theme/assets/checkbox-mixed.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/checkbox-unchecked-dark.svg b/dt-dark-theme/assets/checkbox-unchecked-dark.svg deleted file mode 100644 index a5153f5..0000000 --- a/dt-dark-theme/assets/checkbox-unchecked-dark.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/dt-dark-theme/assets/checkbox-unchecked-insensitive-dark.svg b/dt-dark-theme/assets/checkbox-unchecked-insensitive-dark.svg deleted file mode 100644 index c3554ab..0000000 --- a/dt-dark-theme/assets/checkbox-unchecked-insensitive-dark.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/dt-dark-theme/assets/checkbox-unchecked-insensitive.svg b/dt-dark-theme/assets/checkbox-unchecked-insensitive.svg deleted file mode 100644 index c3554ab..0000000 --- a/dt-dark-theme/assets/checkbox-unchecked-insensitive.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/dt-dark-theme/assets/checkbox-unchecked.svg b/dt-dark-theme/assets/checkbox-unchecked.svg deleted file mode 100644 index a5153f5..0000000 --- a/dt-dark-theme/assets/checkbox-unchecked.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/dt-dark-theme/assets/grid-selection-checked-dark.svg b/dt-dark-theme/assets/grid-selection-checked-dark.svg deleted file mode 100644 index bafa530..0000000 --- a/dt-dark-theme/assets/grid-selection-checked-dark.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/grid-selection-checked.svg b/dt-dark-theme/assets/grid-selection-checked.svg deleted file mode 100644 index bafa530..0000000 --- a/dt-dark-theme/assets/grid-selection-checked.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/grid-selection-unchecked-dark.svg b/dt-dark-theme/assets/grid-selection-unchecked-dark.svg deleted file mode 100644 index ba76d4e..0000000 --- a/dt-dark-theme/assets/grid-selection-unchecked-dark.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/dt-dark-theme/assets/grid-selection-unchecked.svg b/dt-dark-theme/assets/grid-selection-unchecked.svg deleted file mode 100644 index ba76d4e..0000000 --- a/dt-dark-theme/assets/grid-selection-unchecked.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/dt-dark-theme/assets/menuitem-checkbox-checked-hover.svg b/dt-dark-theme/assets/menuitem-checkbox-checked-hover.svg deleted file mode 100644 index 19665cc..0000000 --- a/dt-dark-theme/assets/menuitem-checkbox-checked-hover.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dt-dark-theme/assets/menuitem-checkbox-checked-insensitive.svg b/dt-dark-theme/assets/menuitem-checkbox-checked-insensitive.svg deleted file mode 100644 index 013ca78..0000000 --- a/dt-dark-theme/assets/menuitem-checkbox-checked-insensitive.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dt-dark-theme/assets/menuitem-checkbox-checked.svg b/dt-dark-theme/assets/menuitem-checkbox-checked.svg deleted file mode 100644 index ae806e6..0000000 --- a/dt-dark-theme/assets/menuitem-checkbox-checked.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dt-dark-theme/assets/menuitem-checkbox-mixed-hover.svg b/dt-dark-theme/assets/menuitem-checkbox-mixed-hover.svg deleted file mode 100644 index 573e9e1..0000000 --- a/dt-dark-theme/assets/menuitem-checkbox-mixed-hover.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dt-dark-theme/assets/menuitem-checkbox-mixed-insensitive.svg b/dt-dark-theme/assets/menuitem-checkbox-mixed-insensitive.svg deleted file mode 100644 index 6ec2719..0000000 --- a/dt-dark-theme/assets/menuitem-checkbox-mixed-insensitive.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dt-dark-theme/assets/menuitem-checkbox-mixed-selected.svg b/dt-dark-theme/assets/menuitem-checkbox-mixed-selected.svg deleted file mode 100644 index 573e9e1..0000000 --- a/dt-dark-theme/assets/menuitem-checkbox-mixed-selected.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dt-dark-theme/assets/menuitem-checkbox-mixed.svg b/dt-dark-theme/assets/menuitem-checkbox-mixed.svg deleted file mode 100644 index e6fda9b..0000000 --- a/dt-dark-theme/assets/menuitem-checkbox-mixed.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/dt-dark-theme/assets/menuitem-checkbox-unchecked.svg b/dt-dark-theme/assets/menuitem-checkbox-unchecked.svg deleted file mode 100644 index 1e86ae0..0000000 --- a/dt-dark-theme/assets/menuitem-checkbox-unchecked.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dt-dark-theme/assets/menuitem-radio-checked-hover.svg b/dt-dark-theme/assets/menuitem-radio-checked-hover.svg deleted file mode 100644 index dba7a4c..0000000 --- a/dt-dark-theme/assets/menuitem-radio-checked-hover.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dt-dark-theme/assets/menuitem-radio-checked-insensitive.svg b/dt-dark-theme/assets/menuitem-radio-checked-insensitive.svg deleted file mode 100644 index 924b13c..0000000 --- a/dt-dark-theme/assets/menuitem-radio-checked-insensitive.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dt-dark-theme/assets/menuitem-radio-checked.svg b/dt-dark-theme/assets/menuitem-radio-checked.svg deleted file mode 100644 index 5385d10..0000000 --- a/dt-dark-theme/assets/menuitem-radio-checked.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dt-dark-theme/assets/menuitem-radio-unchecked.svg b/dt-dark-theme/assets/menuitem-radio-unchecked.svg deleted file mode 100644 index 41cd943..0000000 --- a/dt-dark-theme/assets/menuitem-radio-unchecked.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dt-dark-theme/assets/pane-handle-vertical.svg b/dt-dark-theme/assets/pane-handle-vertical.svg deleted file mode 100644 index 7687658..0000000 --- a/dt-dark-theme/assets/pane-handle-vertical.svg +++ /dev/null @@ -1,49 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/dt-dark-theme/assets/pane-handle.png b/dt-dark-theme/assets/pane-handle.png deleted file mode 100644 index e67a9dc..0000000 Binary files a/dt-dark-theme/assets/pane-handle.png and /dev/null differ diff --git a/dt-dark-theme/assets/pane-handle.svg b/dt-dark-theme/assets/pane-handle.svg deleted file mode 100644 index 7bb6cf1..0000000 --- a/dt-dark-theme/assets/pane-handle.svg +++ /dev/null @@ -1,49 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/dt-dark-theme/assets/pane-handle@2.png b/dt-dark-theme/assets/pane-handle@2.png deleted file mode 100644 index 8a2cd07..0000000 Binary files a/dt-dark-theme/assets/pane-handle@2.png and /dev/null differ diff --git a/dt-dark-theme/assets/radio-checked-dark.svg b/dt-dark-theme/assets/radio-checked-dark.svg deleted file mode 100644 index 2e3d0fa..0000000 --- a/dt-dark-theme/assets/radio-checked-dark.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/radio-checked-insensitive-dark.svg b/dt-dark-theme/assets/radio-checked-insensitive-dark.svg deleted file mode 100644 index 6872344..0000000 --- a/dt-dark-theme/assets/radio-checked-insensitive-dark.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/radio-checked-insensitive.svg b/dt-dark-theme/assets/radio-checked-insensitive.svg deleted file mode 100644 index 6872344..0000000 --- a/dt-dark-theme/assets/radio-checked-insensitive.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/radio-checked.svg b/dt-dark-theme/assets/radio-checked.svg deleted file mode 100644 index 2e3d0fa..0000000 --- a/dt-dark-theme/assets/radio-checked.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/radio-mixed-dark.svg b/dt-dark-theme/assets/radio-mixed-dark.svg deleted file mode 100644 index fbe7aa3..0000000 --- a/dt-dark-theme/assets/radio-mixed-dark.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/radio-mixed-insensitive-dark.svg b/dt-dark-theme/assets/radio-mixed-insensitive-dark.svg deleted file mode 100644 index 9944826..0000000 --- a/dt-dark-theme/assets/radio-mixed-insensitive-dark.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/radio-mixed-insensitive.svg b/dt-dark-theme/assets/radio-mixed-insensitive.svg deleted file mode 100644 index 9944826..0000000 --- a/dt-dark-theme/assets/radio-mixed-insensitive.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/radio-mixed.svg b/dt-dark-theme/assets/radio-mixed.svg deleted file mode 100644 index fbe7aa3..0000000 --- a/dt-dark-theme/assets/radio-mixed.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/radio-selected-insensitive.svg b/dt-dark-theme/assets/radio-selected-insensitive.svg deleted file mode 100644 index 6872344..0000000 --- a/dt-dark-theme/assets/radio-selected-insensitive.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/radio-selected.svg b/dt-dark-theme/assets/radio-selected.svg deleted file mode 100644 index 2e3d0fa..0000000 --- a/dt-dark-theme/assets/radio-selected.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dt-dark-theme/assets/radio-unchecked-dark.svg b/dt-dark-theme/assets/radio-unchecked-dark.svg deleted file mode 100644 index 6de8378..0000000 --- a/dt-dark-theme/assets/radio-unchecked-dark.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/dt-dark-theme/assets/radio-unchecked-insensitive-dark.svg b/dt-dark-theme/assets/radio-unchecked-insensitive-dark.svg deleted file mode 100644 index 356f40b..0000000 --- a/dt-dark-theme/assets/radio-unchecked-insensitive-dark.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/dt-dark-theme/assets/radio-unchecked-insensitive.svg b/dt-dark-theme/assets/radio-unchecked-insensitive.svg deleted file mode 100644 index 356f40b..0000000 --- a/dt-dark-theme/assets/radio-unchecked-insensitive.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/dt-dark-theme/assets/radio-unchecked.svg b/dt-dark-theme/assets/radio-unchecked.svg deleted file mode 100644 index 6de8378..0000000 --- a/dt-dark-theme/assets/radio-unchecked.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/dt-dark-theme/assets/radio-unselected-dark.svg b/dt-dark-theme/assets/radio-unselected-dark.svg deleted file mode 100644 index 214ed94..0000000 --- a/dt-dark-theme/assets/radio-unselected-dark.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dt-dark-theme/assets/radio-unselected-insensitive-dark.svg b/dt-dark-theme/assets/radio-unselected-insensitive-dark.svg deleted file mode 100644 index 0fdfaf4..0000000 --- a/dt-dark-theme/assets/radio-unselected-insensitive-dark.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dt-dark-theme/assets/radio-unselected-insensitive.svg b/dt-dark-theme/assets/radio-unselected-insensitive.svg deleted file mode 100644 index 356f40b..0000000 --- a/dt-dark-theme/assets/radio-unselected-insensitive.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/dt-dark-theme/assets/radio-unselected.svg b/dt-dark-theme/assets/radio-unselected.svg deleted file mode 100644 index 6de8378..0000000 --- a/dt-dark-theme/assets/radio-unselected.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/dt-dark-theme/assets/sed.sh b/dt-dark-theme/assets/sed.sh deleted file mode 100755 index 550e08a..0000000 --- a/dt-dark-theme/assets/sed.sh +++ /dev/null @@ -1,9 +0,0 @@ -#!/bin/sh -sed -i \ - -e 's/#dedede/rgb(0%,0%,0%)/g' \ - -e 's/#333333/rgb(100%,100%,100%)/g' \ - -e 's/#2c2c2c/rgb(50%,0%,0%)/g' \ - -e 's/#169f6f/rgb(0%,50%,0%)/g' \ - -e 's/#ffffff/rgb(50%,0%,50%)/g' \ - -e 's/#2c2c2c/rgb(0%,0%,50%)/g' \ - *.svg diff --git a/dt-dark-theme/assets/unsed.sh b/dt-dark-theme/assets/unsed.sh deleted file mode 100755 index be645e8..0000000 --- a/dt-dark-theme/assets/unsed.sh +++ /dev/null @@ -1,11 +0,0 @@ -#!/bin/sh -sed -i \ - -e 's/rgb(0%,0%,0%)/#dedede/g' \ - -e 's/rgb(100%,100%,100%)/#333333/g' \ - -e 's/rgb(50%,0%,0%)/#2c2c2c/g' \ - -e 's/rgb(0%,50%,0%)/#169f6f/g' \ - -e 's/rgb(0%,50.196078%,0%)/#169f6f/g' \ - -e 's/rgb(50%,0%,50%)/#ffffff/g' \ - -e 's/rgb(50.196078%,0%,50.196078%)/#ffffff/g' \ - -e 's/rgb(0%,0%,50%)/#2c2c2c/g' \ - *.svg diff --git a/dt-dark-theme/gtk-2.0/gtkrc b/dt-dark-theme/gtk-2.0/gtkrc deleted file mode 100644 index 5cb0551..0000000 --- a/dt-dark-theme/gtk-2.0/gtkrc +++ /dev/null @@ -1,851 +0,0 @@ -# Oomox GTK Theme (Numix Fork) - -gtk-color-scheme = -"base_color:#1e1e1e\nbg_color:#1e1e1e\ntooltip_bg_color:#1e1e1e\nselected_bg_color:#169f6f\ntext_color:#C6CBC9\nfg_color:#C6CBC9\ntooltip_fg_color:#C6CBC9\nselected_fg_color:#1e1e1e\nmenubar_bg_color:#1e1e1e\nmenubar_fg_color:#C6CBC9\ntoolbar_bg_color:#1e1e1e\ntoolbar_fg_color:#C6CBC9\nmenu_bg_color:#1e1e1e\nmenu_fg_color:#e9e9e9\npanel_bg_color:#1e1e1e\npanel_fg_color:#C6CBC9\nlink_color:#169f6f\nbtn_bg_color:#1e1e1e\nbtn_fg_color:#C6CBC9\ntitlebar_bg_color:#1e1e1e\ntitlebar_fg_color:#C6CBC9\n" -# Default Style - -style "murrine-default" { - GtkArrow::arrow-scaling= 0.6 - - GtkButton::child-displacement-x = 0 - GtkButton::child-displacement-y = 0 - - GtkButton::default-border = { 0, 0, 0, 0 } - - GtkButtonBox::child-min-height = 26 - - GtkCheckButton::indicator-size = 16 - - # The following line hints to gecko (and possibly other appliations) - # that the entry should be drawn transparently on the canvas. - # Without this, gecko will fill in the background of the entry. - GtkEntry::honors-transparent-bg-hint = 1 - GtkEntry::state-hint = 0 - - GtkExpander::expander-size = 16 - - GtkImage::x-ayatana-indicator-dynamic = 1 - - GtkMenu::horizontal-padding = 0 - GtkMenu::vertical-padding = 0 - - GtkMenuBar::internal-padding = 0 - GtkMenuBar::window-dragging = 1 - - GtkMenuItem::arrow-scaling= 0.5 - - GtkPaned::handle-size = 1 - - GtkProgressBar::min-horizontal-bar-height = 12 - GtkProgressBar::min-vertical-bar-width = 12 - - GtkRange::trough-border = 0 - GtkRange::slider-width = 12 - GtkRange::stepper-size = 12 - GtkRange::stepper_spacing = 0 - GtkRange::trough-under-steppers = 1 - - GtkScale::slider-length = 16 - GtkScale::slider-width = 16 - GtkScale::trough-side-details = 1 - - GtkScrollbar::activate-slider = 1 - GtkScrollbar::has-backward-stepper = 0 - GtkScrollbar::has-forward-stepper = 0 - GtkScrollbar::has-secondary-backward-stepper = 0 - GtkScrollbar::has-secondary-forward-stepper = 0 - GtkScrollbar::min-slider-length = 80 - GtkScrollbar::slider-width = 12 - GtkScrollbar::trough-border = 0 - - GtkScrolledWindow::scrollbar-spacing = 0 - GtkScrolledWindow::scrollbars-within-bevel = 1 - - GtkSeparatorMenuItem::horizontal-padding = 0 - - GtkToolbar::internal-padding = 0 - - GtkTreeView::expander-size = 11 - GtkTreeView::vertical-separator = 0 - - GtkWidget::focus-line-width = 1 - # The following line prevents the Firefox tabs - # from jumping a few pixels when you create a new tab - GtkWidget::focus-padding = 0 - - GtkWidget::wide-separators = 1 - GtkWidget::separator-width = 1 - GtkWidget::separator-height = 1 - - GtkWindow::resize-grip-height = 0 - GtkWindow::resize-grip-width = 0 - - WnckTasklist::fade-overlay-rect = 0 - - GnomeHRef::link_color = @link_color - GtkHTML::link-color = @link_color - GtkIMHtmlr::hyperlink-color = @link_color - GtkIMHtml::hyperlink-color = @link_color - GtkWidget::link-color = @link_color - GtkWidget::visited-link-color = @text_color - - GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified - GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified - - xthickness = 1 - ythickness = 1 - - fg[NORMAL] = @fg_color - fg[PRELIGHT] = @fg_color - fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @fg_color - fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) - - bg[NORMAL] = @bg_color - bg[PRELIGHT] = shade (1.02, @bg_color) - bg[SELECTED] = @selected_bg_color - bg[ACTIVE] = shade (0.9, @bg_color) - bg[INSENSITIVE] = @bg_color - - base[NORMAL] = @base_color - base[PRELIGHT] = shade (0.95, @base_color) - base[SELECTED] = @selected_bg_color - base[ACTIVE] = @selected_bg_color - base[INSENSITIVE] = shade (0.85, @base_color) - - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[SELECTED] = @selected_fg_color - text[ACTIVE] = @selected_fg_color - text[INSENSITIVE] = mix (0.5, @base_color, @text_color) - - engine "murrine" { - animation = FALSE - arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows - border_shades = { 1.0, 1.0 } # gradient to draw on border - border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) } - colorize_scrollbar = FALSE - comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow - contrast = 0.8 # overal contrast with borders - focusstyle = 1 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow - glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight - glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides - glow_shade = 1.0 # amount of glow - gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets - highlight_shade = 1.0 # amount of highlight - lightborder_shade = 1.0 # amount of inset light border - lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides - listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised - listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line - menubaritemstyle = 0 # 0 = menuitem look, 1 = button look - menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped - menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped - menustyle = 0 # 0 = none, 1 = vertical striped - progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped - reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient - roundness = 2 # roundness of widgets - scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles - sliderstyle = 0 # 0 = none, 1 = handles - stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles - toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient - } -} - -style "murrine-wide" { - xthickness = 2 - ythickness = 2 -} - -style "murrine-wider" { - xthickness = 3 - ythickness = 3 -} - -style "murrine-thin" { - xthickness = 0 - ythickness = 0 -} - -# Notebook - -style "clearlooks-notebook-bg" { - bg[NORMAL] = @bg_color - bg[ACTIVE] = shade (0.80, @bg_color) -} - -style "clearlooks-notebook" = "clearlooks-notebook-bg" { - xthickness = 2 - ythickness = 2 - - engine "clearlooks" { - radius = 0.1 - } -} - -# Various Standard Widgets - -style "murrine-button" = "murrine-wider" { - bg[NORMAL] = @btn_bg_color - bg[PRELIGHT] = shade (1.10, @btn_bg_color) - bg[SELECTED] = shade (0.7, @btn_bg_color) - bg[ACTIVE] = shade (0.95, @btn_bg_color) - bg[INSENSITIVE] = shade (0.75, @btn_bg_color) - - engine "murrine" { - border_colors = { mix(0.2, @btn_fg_color, @btn_bg_color), mix(0.2, @btn_fg_color, @btn_bg_color) } - roundness = 2 - } -} - -style "murrine-buttonlabel" { - fg[NORMAL] = @btn_fg_color - fg[PRELIGHT] = @btn_fg_color - fg[SELECTED] = @btn_fg_color - fg[ACTIVE] = @btn_fg_color - fg[INSENSITIVE] = @btn_fg_color - - engine "murrine" { - } -} - -style "murrine-scrollbar" { - bg[NORMAL] = mix (0.21, @fg_color, @bg_color) - bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color) - bg[ACTIVE] = @selected_bg_color - - engine "murrine" { - roundness = 0 - contrast = 0.0 - border_shades = { 0.9, 0.9 } - trough_shades = { 0.97, 0.97 } - trough_border_shades = { 1.0, 1.0 } - } -} - -style "murrine-overlay-scrollbar" { - bg[ACTIVE] = shade (0.8, @bg_color) - bg[INSENSITIVE] = shade (0.97, @bg_color) - - base[SELECTED] = shade (0.6, @bg_color) - base[INSENSITIVE] = shade (0.85, @bg_color) -} - -style "murrine-scale" = "murrine-thin" { - bg[NORMAL] = @bg_color - bg[ACTIVE] = @bg_color - bg[SELECTED] = @selected_bg_color - bg[INSENSITIVE] = shade (0.95, @bg_color) - - engine "murrine" { - roundness = 8 - gradient_shades = { 1.08, 1.08, 1.08, 1.08 } - border_shades = { 1.0, 1.0 } - trough_shades = { 1.08, 1.08 } - trough_border_shades = { 0.8, 0.8 } - } -} - -style "murrine-progressbar" = "murrine-thin" { - bg[NORMAL] = @bg_color - bg[ACTIVE] = shade (1.08, @bg_color) - - fg[PRELIGHT] = @selected_fg_color - - engine "murrine" { - roundness = 2 - border_shades = { 1.2, 1.2 } - trough_border_shades = { 0.8, 0.8 } - } -} - -style "murrine-treeview-header" = "murrine-button" { - #bg[NORMAL] = @base_color - bg[NORMAL] = mix(0.12, @bg_color, @base_color) - bg[PRELIGHT] = shade (1.04, @base_color) - bg[SELECTED] = shade (0.7, @base_color) - bg[ACTIVE] = shade (0.95, @base_color) - fg[INSENSITIVE] = mix(0.20, @bg_color, @base_color) - fg[NORMAL] = @text_color - fg[PRELIGHT] = @text_color - fg[SELECTED] = @text_color - fg[ACTIVE] = @text_color - fg[INSENSITIVE] = mix(0.20, @bg_color, @text_color) - engine "murrine" { - roundness = 0 - } -} - -style "murrine-treeview" { - engine "murrine" { - roundness = 0 - } -} - -style "murrine-frame" = "murrine-wide" { - bg[NORMAL] = mix(0.08, @fg_color, @bg_color) -} - -style "murrine-frame-title" { - fg[NORMAL] = lighter (@fg_color) -} - -style "murrine-tooltips" { - xthickness = 5 - ythickness = 5 - - bg[NORMAL] = @tooltip_bg_color - bg[SELECTED] = @tooltip_bg_color - - fg[NORMAL] = @tooltip_fg_color - - engine "murrine" { - textstyle = 0 - roundness = 2 - rgba = FALSE - } -} - -style "murrine-spinbutton" = "murrine-button" { - engine "murrine" { - } -} - -style "clearlooks-radiocheck" = "murrine-default" { - bg[SELECTED] = @base_color - bg[PRELIGHT] = @bg_color - - text[NORMAL] = @selected_bg_color - text[PRELIGHT] = @selected_bg_color - - engine "clearlooks" { - radius = 4.0 - } -} - -style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" { - bg[PRELIGHT] = @base_color -} - -style "murrine-entry" = "murrine-wider" { - engine "murrine" { - border_shades = { 1.15, 1.15 } - roundness = 2 - } -} - -style "metacity-frame" = "murrine-default" { - bg[SELECTED] = @selected_bg_color -} - -style "murrine-statusbar" { } -style "murrine-comboboxentry" = "murrine-entry" { } -style "murrine-hscale" = "murrine-scale" { } -style "murrine-vscale" = "murrine-scale" { } -style "murrine-hscrollbar" = "murrine-scrollbar" { } -style "murrine-vscrollbar" = "murrine-scrollbar" { } - -# Menus - -style "murrine-menu" = "murrine-thin" { - bg[NORMAL] = @menu_bg_color - bg[PRELIGHT] = @selected_bg_color - bg[SELECTED] = @selected_bg_color - bg[ACTIVE] = @menu_bg_color - bg[INSENSITIVE] = @menu_bg_color - - fg[NORMAL] = @menu_fg_color - fg[PRELIGHT] = @selected_fg_color - fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @selected_fg_color - fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) - - text[NORMAL] = @menu_fg_color - text[PRELIGHT] = @selected_fg_color - text[SELECTED] = @selected_fg_color - text[ACTIVE] = @selected_fg_color - text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) - - engine "murrine" { - roundness = 0 - } -} - -style "murrine-menu-item" = "murrine-wider" { - bg[PRELIGHT] = @selected_bg_color - bg[SELECTED] = @selected_bg_color - bg[ACTIVE] = @selected_bg_color - - fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text - fg[PRELIGHT] = @selected_fg_color - fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @selected_fg_color - fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) - - engine "murrine" { - textstyle = 0 - border_shades = { 1.2, 1.2 } - } -} - -style "murrine-separator-menu-item" = "murrine-thin" { } - -style "murrine-menubar" { - bg[NORMAL] = @menubar_bg_color - bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color) - bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color) - bg[ACTIVE] = shade (0.9, @menubar_bg_color) - bg[INSENSITIVE] = @menubar_bg_color - - fg[NORMAL] = @menubar_fg_color - fg[PRELIGHT] = shade (1.08, @menubar_fg_color) - fg[SELECTED] = shade (1.08, @menubar_fg_color) - fg[ACTIVE] = @menubar_fg_color - fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color) - - engine "murrine" { - roundness = 0 - } -} - -style "murrine-menubaritem" { - bg[NORMAL] = @menubar_bg_color - bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color) - bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color) - bg[ACTIVE] = shade (0.9, @menubar_bg_color) - bg[INSENSITIVE] = @menubar_bg_color - - fg[NORMAL] = @menubar_fg_color - fg[PRELIGHT] = shade (1.08, @menubar_fg_color) - fg[SELECTED] = shade (1.08, @menubar_fg_color) - fg[ACTIVE] = @menubar_fg_color - fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color) - - engine "murrine" { - roundness = 0 - } -} - -# Toolbars - -style "murrine-toolbar" = "murrine-thin" { - bg[NORMAL] = @toolbar_bg_color - bg[PRELIGHT] = shade (1.02, @toolbar_bg_color) - bg[SELECTED] = @selected_bg_color - bg[ACTIVE] = shade (0.9, @toolbar_bg_color) - bg[INSENSITIVE] = @toolbar_bg_color - - fg[NORMAL] = @toolbar_fg_color - fg[PRELIGHT] = @toolbar_fg_color - fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @toolbar_fg_color - fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) - - engine "murrine" { - } -} - -style "murrine-toolbutton" = "murrine-button" { - bg[NORMAL] = shade (1.08, @toolbar_bg_color) - bg[PRELIGHT] = shade (1.10, @toolbar_bg_color) - bg[SELECTED] = @selected_bg_color - bg[ACTIVE] = shade (0.95, @toolbar_bg_color) - bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color) - - fg[NORMAL] = @toolbar_fg_color - fg[PRELIGHT] = @toolbar_fg_color - fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @toolbar_fg_color - fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) - - engine "murrine" { - } -} - -class "GtkToolbar" style "murrine-toolbar" -class "GtkHandleBox" style "murrine-toolbar" -widget_class "*Toolbar*.*Separator*" style "murrine-toolbar" - -# Panels - -style "murrine-panel" = "murrine-thin" { - xthickness = 2 - - bg[NORMAL] = @panel_bg_color - bg[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color) - bg[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color) - bg[ACTIVE] = shade (0.8, @panel_bg_color) - bg[INSENSITIVE] = @panel_bg_color - - fg[NORMAL] = @panel_fg_color - fg[PRELIGHT] = shade (1.08, @panel_fg_color) - fg[SELECTED] = shade (1.08, @panel_fg_color) - fg[ACTIVE] = @panel_fg_color - fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color) - - base[NORMAL] = @panel_bg_color - base[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color) - base[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color) - base[ACTIVE] = shade (0.9, @panel_bg_color) - base[INSENSITIVE] = @panel_bg_color - - text[NORMAL] = @panel_fg_color - text[PRELIGHT] = shade (1.08, @panel_fg_color) - text[SELECTED] = shade (1.08, @panel_fg_color) - text[ACTIVE] = @panel_fg_color - text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color) - - engine "murrine" { - roundness = 0 - contrast = 0.0 - } -} - -widget "*PanelWidget*" style "murrine-panel" -widget "*PanelApplet*" style "murrine-panel" -widget "*fast-user-switch*" style "murrine-panel" -widget "*CPUFreq*Applet*" style "murrine-panel" -widget "*indicator-applet*" style "murrine-panel" -class "PanelApp*" style "murrine-panel" -class "PanelToplevel*" style "murrine-panel" -widget_class "*PanelToplevel*" style "murrine-panel" -widget_class "*notif*" style "murrine-panel" -widget_class "*Notif*" style "murrine-panel" -widget_class "*Tray*" style "murrine-panel" -widget_class "*tray*" style "murrine-panel" -widget_class "*computertemp*" style "murrine-panel" -widget_class "*Applet*Tomboy*" style "murrine-panel" -widget_class "*Applet*Netstatus*" style "murrine-panel" -widget "*gdm-user-switch-menubar*" style "murrine-panel" - -# LXPanel (code based on Lubuntu-default theme's gtkrc file) -widget "*.tclock.*" style "murrine-panel" -widget "*.taskbar.*" style "murrine-panel" -widget_class "*GtkBgbox*" style "murrine-panel" - -style "bold-panel-item" { - font_name = "Bold" - - engine "murrine" { - roundness = 0 - } -} - -widget "*Panel*MenuBar*" style "bold-panel-item" -widget "*gimmie*" style "bold-panel-item" - -# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug -# class "*Panel*" style "murrine-panel" # Disabled to fix bug - -# XFCE Styles - -style "workspace-switcher" = "murrine-panel" { - bg[ACTIVE] = @selected_bg_color - bg[SELECTED] = @selected_bg_color -} - -style "xfce-header" { - bg[NORMAL] = shade (0.9, @bg_color) - base[NORMAL] = shade (1.18, @bg_color) -} - -style "xfdesktop-windowlist" { - bg[NORMAL] = @base_color - fg[INSENSITIVE] = shade (0.95, @base_color) - text[INSENSITIVE] = shade (0.95, @base_color) -} - -style "xfdesktop-icon-view" { - XfdesktopIconView::label-alpha = 0 - XfdesktopIconView::selected-label-alpha = 60 - XfdesktopIconView::shadow-x-offset = 0 - XfdesktopIconView::shadow-y-offset = 1 - XfdesktopIconView::selected-shadow-x-offset = 0 - XfdesktopIconView::selected-shadow-y-offset = 1 - XfdesktopIconView::shadow-color = "#000000" - XfdesktopIconView::selected-shadow-color = "#000000" - XfdesktopIconView::shadow-blur-radius = 2 - XfdesktopIconView::cell-spacing = 2 - XfdesktopIconView::cell-padding = 6 - XfdesktopIconView::cell-text-width-proportion = 1.9 - - fg[NORMAL] = @selected_fg_color - fg[ACTIVE] = @selected_fg_color - -} - -style "xfwm-tabwin" { - Xfwm4TabwinWidget::border-width = 1 - Xfwm4TabwinWidget::border-alpha = 1.0 - Xfwm4TabwinWidget::icon-size = 64 - Xfwm4TabwinWidget::alpha = 1.0 - Xfwm4TabwinWidget::border-radius = 2 - - bg[NORMAL] = @menu_bg_color - bg[SELECTED] = @menu_bg_color - - fg[NORMAL] = @menu_fg_color - - engine "murrine" { - contrast = 0.0 - border_shades = { 0.9, 0.9 } - } -} - -style "xfwm-tabwin-button" { - font_name = "bold" - - bg[SELECTED] = @selected_bg_color -} - -style "xfsm-logout" { - bg[NORMAL] = @menu_bg_color - bg[ACTIVE] = @menu_bg_color - bg[PRELIGHT] = shade (1.1, @menu_bg_color) - bg[SELECTED] = shade (0.5, @menu_bg_color) - bg[INSENSITIVE] = shade (1.3, @menu_bg_color) - - fg[NORMAL] = @menu_fg_color - fg[PRELIGHT] = @menu_fg_color - - text[NORMAL] = @menu_fg_color - - engine "murrine" { - } -} - -style "xfsm-logout-button" { - bg[NORMAL] = shade (1.2, @menu_bg_color) - bg[PRELIGHT] = shade (1.4, @menu_bg_color) - - engine "murrine" { - } -} - -widget "*Pager*" style "workspace-switcher" - -widget "*Xfce*Panel*" style "murrine-panel" -class "*Xfce*Panel*" style "murrine-panel" - -# Thunar Styles - -style "sidepane" { - base[NORMAL] = @bg_color - base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color)) - bg[NORMAL] = @bg_color - text[NORMAL] = mix (0.9, @fg_color, @bg_color) -} - -widget_class "*ThunarShortcutsView*" style "sidepane" -widget_class "*ThunarTreeView*" style "sidepane" -widget_class "*ThunarLocationEntry*" style "murrine-entry" - -style "whiskermenu" { - bg[NORMAL] = @menu_bg_color - bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color) - bg[PRELIGHT] = @selected_bg_color - - fg[NORMAL] = @menu_fg_color - fg[ACTIVE] = @menu_fg_color - fg[PRELIGHT] = @menu_fg_color -} - -style "whiskermenu-scrollbar" = "murrine-scrollbar" { - bg[NORMAL] = mix (0.21, @fg_color, @bg_color) - bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color) - bg[ACTIVE] = @selected_bg_color - - engine "murrine" { - trough_shades = { 4.97, 4.97 } - trough_border_shades = { 5.0, 5.0 } - } -} - -widget "whiskermenu-window*" style "whiskermenu" -widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar" - -# Gtk2 Open-File Dialog - -widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane" -widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.." style "murrine-treeview-header" - -# Google Chrome/Chromium Styles (requires 9.0.597 or newer) - -style "chromium-toolbar-button" { - engine "murrine" { - roundness = 2 - textstyle = 0 - } -} - -style "chrome-gtk-frame" { - ChromeGtkFrame::frame-color = @titlebar_bg_color - ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color - - ChromeGtkFrame::frame-gradient-size = 0 - ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color - - ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color - ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color - - ChromeGtkFrame::incognito-frame-gradient-size = 0 - ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color - - ChromeGtkFrame::scrollbar-trough-color = @bg_color - ChromeGtkFrame::scrollbar-slider-normal-color = mix (0.21, @fg_color, @bg_color) - ChromeGtkFrame::scrollbar-slider-prelight-color = mix (0.31, @fg_color, @bg_color) -} - -class "ChromeGtkFrame" style "chrome-gtk-frame" - -widget_class "*Chrom*Button*" style "chromium-toolbar-button" - -# General Styles - -class "GtkWidget" style "murrine-default" - -class "GtkFrame" style "murrine-frame" -class "MetaFrames" style "metacity-frame" -class "GtkWindow" style "metacity-frame" - -class "GtkSeparator" style "murrine-wide" -class "GtkCalendar" style "murrine-wide" - -class "GtkSpinButton" style "murrine-spinbutton" - -class "GtkScale" style "murrine-scale" -class "GtkVScale" style "murrine-vscale" -class "GtkHScale" style "murrine-hscale" -class "GtkScrollbar" style "murrine-scrollbar" -class "GtkVScrollbar" style "murrine-vscrollbar" -class "GtkHScrollbar" style "murrine-hscrollbar" - -class "GtkEntry" style "murrine-entry" - -widget_class "*" style "clearlooks-notebook" -widget_class "**" style "clearlooks-notebook-bg" -widget_class "**" style "clearlooks-notebook-bg" -widget_class "**" style "clearlooks-notebook-bg" -widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook" - -widget_class "*" style "murrine-button" -widget_class "**" style "murrine-statusbar" -widget_class "*" style "murrine-progressbar" -widget_class "*" style "murrine-progressbar" - -widget_class "**" style "murrine-comboboxentry" -widget_class "**" style "murrine-comboboxentry" - -widget_class "**" style "murrine-menu" -widget_class "**" style "murrine-menu-item" -widget_class "**" style "murrine-separator-menu-item" -widget_class "*Menu*.*Sepa*" style "murrine-separator-menu-item" -widget_class "**" style "murrine-menubar" -widget_class "***" style "murrine-menubaritem" - -widget_class "*GtkToolButton*" style "murrine-toolbutton" -widget_class "*GtkToggleToolButton*" style "murrine-toolbutton" -widget_class "*GtkMenuToolButton*" style "murrine-toolbutton" -widget_class "*GtkToolbar*Button" style "murrine-toolbutton" - -widget_class "*.." style "murrine-frame-title" - -widget_class "*.*" style "murrine-treeview" -widget_class "*.." style "murrine-treeview-header" -widget_class "*.." style "murrine-treeview-header" -widget_class "*.." style "murrine-treeview-header" -widget_class "*.." style "murrine-treeview-header" - -widget_class "*." style "clearlooks-radiocheck" -widget_class "*.*." style "clearlooks-base-radiocheck" -widget_class "*" style "clearlooks-base-radiocheck" - -widget "gtk-tooltip*" style "murrine-tooltips" - -widget_class "**" style "murrine-overlay-scrollbar" - -# Workarounds and Non-Standard Styling - -style "text-is-fg-color-workaround" { - text[NORMAL] = @text_color - text[PRELIGHT] = @fg_color - text[SELECTED] = @selected_fg_color - text[ACTIVE] = @fg_color - text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) -} - -widget_class "*.." style "text-is-fg-color-workaround" - -style "fg-is-text-color-workaround" { - fg[NORMAL] = @text_color - fg[PRELIGHT] = @text_color - fg[ACTIVE] = @selected_fg_color - fg[SELECTED] = @selected_fg_color - fg[INSENSITIVE] = darker (@fg_color) -} - -widget_class "**" style "fg-is-text-color-workaround" -widget_class "*" style "fg-is-text-color-workaround" -widget_class "*" style "fg-is-text-color-workaround" - -style "murrine-evo-new-button-workaround" { - engine "murrine" { - toolbarstyle = 0 - } -} - -widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround" - -style "inkscape-toolbar-fix" { - engine "murrine" { - gradient_shades = { 1.0, 1.0, 1.0, 1.0 } - highlight_shade = 1.0 - } -} - -#widget "*GtkHandleBox*" style "inkscape-toolbar-fix" -#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix" -#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix" - -# Performance Fixes - -style "performance-fix" { - engine "murrine" { - textstyle = 0 - } -} - -widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape -widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp -widget_class "*GimpToolbox*" style "performance-fix" -widget_class "*GimpMenuDock*" style "performance-fix" -widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice -widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.) - -widget_class "*XfceHeading*" style "xfce-header" -widget_class "*XfceDesktop*" style "xfdesktop-windowlist" -widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view" -widget "xfwm4-tabwin*" style "xfwm-tabwin" -widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button" -widget_class "*XfsmLogoutDialog*" style "xfsm-logout" -widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button" - -# button fg workaround: -widget_class "*.." style "murrine-buttonlabel" -widget_class "***" style:highest "murrine-buttonlabel" diff --git a/dt-dark-theme/gtk-2.0/gtkrc.hidpi b/dt-dark-theme/gtk-2.0/gtkrc.hidpi deleted file mode 100644 index ac047ed..0000000 --- a/dt-dark-theme/gtk-2.0/gtkrc.hidpi +++ /dev/null @@ -1,927 +0,0 @@ -# Oomox GTK Theme (Numix Fork) - -gtk-color-scheme = -"base_color:#ffffff\nbg_color:#dedede\ntooltip_bg_color:#dedede\nselected_bg_color:#169f6f\ntext_color:#2c2c2c\nfg_color:#333333\ntooltip_fg_color:#333333\nselected_fg_color:#ffffff\nmenubar_bg_color:#2c2c2c\nmenubar_fg_color:#e9e9e9\ntoolbar_bg_color:#dedede\ntoolbar_fg_color:#333333\nmenu_bg_color:#2c2c2c\nmenu_fg_color:#e9e9e9\npanel_bg_color:#dedede\npanel_fg_color:#333333\nlink_color:#169f6f\nbtn_bg_color:#bdbdbd\nbtn_fg_color:#333333\ntitlebar_bg_color:#2c2c2c\ntitlebar_fg_color:#e9e9e9\n" -# Default Style - -style "murrine-default" { - GtkArrow::arrow-scaling= 0.6 - - GtkButton::child-displacement-x = 0 - GtkButton::child-displacement-y = 0 - - GtkButton::default-border = { 0, 0, 0, 0 } - - GtkButtonBox::child-min-height = 52 - - GtkCheckButton::indicator-size = 30 - - # The following line hints to gecko (and possibly other appliations) - # that the entry should be drawn transparently on the canvas. - # Without this, gecko will fill in the background of the entry. - GtkEntry::honors-transparent-bg-hint = 1 - GtkEntry::state-hint = 0 - - GtkExpander::expander-size = 30 - - GtkImage::x-ayatana-indicator-dynamic = 1 - - GtkMenu::horizontal-padding = 2 - GtkMenu::vertical-padding = 2 - - GtkMenuBar::internal-padding = 1 - GtkMenuBar::window-dragging = 1 - - GtkMenuItem::arrow-scaling= 0.5 - - GtkPaned::handle-size = 1 - - GtkProgressBar::min-horizontal-bar-height = 14 - GtkProgressBar::min-vertical-bar-width = 14 - - GtkRange::trough-border = 0 - GtkRange::slider-width = 24 - GtkRange::stepper-size = 24 - GtkRange::stepper_spacing = 0 - GtkRange::trough-under-steppers = 1 - - GtkScale::slider-length = 30 - GtkScale::slider-width = 30 - GtkScale::trough-side-details = 1 - - GtkScrollbar::activate-slider = 1 - GtkScrollbar::has-backward-stepper = 0 - GtkScrollbar::has-forward-stepper = 0 - GtkScrollbar::has-secondary-backward-stepper = 0 - GtkScrollbar::has-secondary-forward-stepper = 0 - GtkScrollbar::min-slider-length = 160 - GtkScrollbar::slider-width = 24 - GtkScrollbar::trough-border = 0 - - GtkScrolledWindow::scrollbar-spacing = 0 - GtkScrolledWindow::scrollbars-within-bevel = 1 - - GtkSeparatorMenuItem::horizontal-padding = 0 - - GtkToolbar::internal-padding = 0 - - GtkTreeView::expander-size = 22 - GtkTreeView::vertical-separator = 0 - - GtkWidget::focus-line-width = 2 - # The following line prevents the Firefox tabs - # from jumping a few pixels when you create a new tab - GtkWidget::focus-padding = 0 - - GtkWidget::wide-separators = 1 - GtkWidget::separator-width = 2 - GtkWidget::separator-height = 2 - - GtkWindow::resize-grip-height = 2 - GtkWindow::resize-grip-width = 2 - - WnckTasklist::fade-overlay-rect = 0 - - GnomeHRef::link_color = @link_color - GtkHTML::link-color = @link_color - GtkIMHtmlr::hyperlink-color = @link_color - GtkIMHtml::hyperlink-color = @link_color - GtkWidget::link-color = @link_color - GtkWidget::visited-link-color = @text_color - - GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified - GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified - - xthickness = 2 - ythickness = 2 - - fg[NORMAL] = @fg_color - fg[PRELIGHT] = @fg_color - fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @fg_color - fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) - - bg[NORMAL] = @bg_color - bg[PRELIGHT] = shade (1.02, @bg_color) - bg[SELECTED] = @selected_bg_color - bg[ACTIVE] = shade (0.9, @bg_color) - bg[INSENSITIVE] = @bg_color - - base[NORMAL] = @base_color - base[PRELIGHT] = shade (0.95, @base_color) - base[SELECTED] = @selected_bg_color - base[ACTIVE] = @selected_bg_color - base[INSENSITIVE] = shade (0.85, @base_color) - - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[SELECTED] = @selected_fg_color - text[ACTIVE] = @selected_fg_color - text[INSENSITIVE] = mix (0.5, @base_color, @text_color) - - engine "murrine" { - animation = FALSE - arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows - border_shades = { 1.0, 1.0 } # gradient to draw on border - border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) } - colorize_scrollbar = FALSE - comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow - contrast = 0.8 # overal contrast with borders - focusstyle = 1 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow - glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight - glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides - glow_shade = 1.0 # amount of glow - gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets - highlight_shade = 1.0 # amount of highlight - lightborder_shade = 1.0 # amount of inset light border - lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides - listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised - listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line - menubaritemstyle = 0 # 0 = menuitem look, 1 = button look - menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped - menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped - menustyle = 0 # 0 = none, 1 = vertical striped - progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped - reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient - roundness = 4# roundness of widgets - scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles - sliderstyle = 0 # 0 = none, 1 = handles - stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles - toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient - } -} - -style "murrine-wide" { - xthickness = 6 - ythickness = 6 -} - -style "murrine-wider" { - xthickness = 4 - ythickness = 8 -} - -style "murrine-thin" { - xthickness = 1 - ythickness = 1 -} - -# Notebook - -style "clearlooks-notebook-bg" { - bg[NORMAL] = @bg_color - bg[ACTIVE] = shade (0.80, @bg_color) -} - -style "clearlooks-notebook" = "clearlooks-notebook-bg" { - xthickness = 8 - ythickness = 4 - - engine "clearlooks" { - radius = 0.1 - } -} - -# Various Standard Widgets - -style "murrine-button" = "murrine-wider" { - bg[NORMAL] = @btn_bg_color - bg[PRELIGHT] = shade (1.04, @btn_bg_color) - bg[SELECTED] = shade (0.7, @btn_bg_color) - bg[ACTIVE] = shade (0.95, @btn_bg_color) - bg[INSENSITIVE] = shade (0.75, @btn_bg_color) - - engine "murrine" { - border_colors = { mix(0.4, @btn_fg_color, @btn_bg_color), mix(0.4, @btn_fg_color, @btn_bg_color) } - roundness = 4 - } -} - -style "murrine-buttonlabel" { - fg[NORMAL] = @btn_fg_color - fg[PRELIGHT] = @btn_fg_color - fg[SELECTED] = @btn_fg_color - fg[ACTIVE] = @btn_fg_color - fg[INSENSITIVE] = @btn_fg_color - - engine "murrine" { - } -} - -style "murrine-scrollbar" { - bg[NORMAL] = mix (0.21, @fg_color, @bg_color) - bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color) - bg[ACTIVE] = @selected_bg_color - - engine "murrine" { - roundness = 4 - contrast = 0.0 - border_shades = { 0.9, 0.9 } - trough_shades = { 0.97, 0.97 } - trough_border_shades = { 1.0, 1.0 } - } -} - -style "murrine-overlay-scrollbar" { - bg[ACTIVE] = shade (0.8, @bg_color) - bg[INSENSITIVE] = shade (0.97, @bg_color) - - base[SELECTED] = shade (0.6, @bg_color) - base[INSENSITIVE] = shade (0.85, @bg_color) -} - -style "murrine-scale" = "murrine-thin" { - bg[NORMAL] = @btn_bg_color - bg[ACTIVE] = @bg_color - bg[SELECTED] = @selected_bg_color - bg[INSENSITIVE] = shade (0.95, @btn_bg_color) - - engine "murrine" { - roundness = 25 - gradient_shades = { 1.08, 1.08, 1.08, 1.08 } - border_shades = { 0.5, 0.5 } - trough_shades = { 1.08, 1.08 } - trough_border_shades = { 0.8, 0.8 } - } -} - -style "murrine-progressbar" = "murrine-thin" { - bg[NORMAL] = @bg_color - bg[ACTIVE] = shade (1.08, @bg_color) - - fg[PRELIGHT] = @selected_fg_color - - engine "murrine" { - roundness = 4 - border_shades = { 1.2, 1.2 } - trough_border_shades = { 0.8, 0.8 } - } -} - -style "murrine-treeview-header" = "murrine-button" { - #bg[NORMAL] = @base_color - bg[NORMAL] = mix(0.12, @bg_color, @base_color) - bg[PRELIGHT] = shade (1.04, @base_color) - bg[SELECTED] = shade (0.7, @base_color) - bg[ACTIVE] = shade (0.95, @base_color) - fg[INSENSITIVE] = mix(0.20, @bg_color, @base_color) - fg[NORMAL] = @text_color - fg[PRELIGHT] = @text_color - fg[SELECTED] = @text_color - fg[ACTIVE] = @text_color - fg[INSENSITIVE] = mix(0.20, @bg_color, @text_color) - engine "murrine" { - roundness = 0 - } -} - -style "murrine-treeview" { - engine "murrine" { - roundness = 0 - } -} - -style "murrine-frame" = "murrine-wide" { - bg[NORMAL] = mix(0.08, @fg_color, @bg_color) -} - -style "murrine-frame-title" { - fg[NORMAL] = lighter (@fg_color) -} - -style "murrine-tooltips" { - xthickness = 10 - ythickness = 10 - - bg[NORMAL] = @tooltip_bg_color - bg[SELECTED] = @tooltip_bg_color - - fg[NORMAL] = @tooltip_fg_color - - engine "murrine" { - textstyle = 0 - roundness = 4 - rgba = FALSE - } -} - -style "murrine-spinbutton" = "murrine-button" { - engine "murrine" { - } -} - -style "clearlooks-radiocheck" = "murrine-default" { - bg[SELECTED] = @base_color - bg[PRELIGHT] = @bg_color - - text[NORMAL] = @selected_bg_color - text[PRELIGHT] = @selected_bg_color - - engine "clearlooks" { - radius = 4.0 - } -} - -style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" { - bg[PRELIGHT] = @base_color -} - -style "murrine-entry" = "murrine-wider" { - engine "murrine" { - #border_shades = { 1.15, 1.15 } - border_colors = { mix(0.4, @text_color, @base_color), mix(0.4, @text_color, @base_color) } - roundness = 4 - } -} - -style "metacity-frame" = "murrine-default" { - bg[SELECTED] = @selected_bg_color -} - -style "murrine-statusbar" { } -style "murrine-comboboxentry" = "murrine-entry" { } -style "murrine-hscale" = "murrine-scale" { } -style "murrine-vscale" = "murrine-scale" { } -style "murrine-hscrollbar" = "murrine-scrollbar" { } -style "murrine-vscrollbar" = "murrine-scrollbar" { } - -# Menus - -style "murrine-menu" = "murrine-thin" { - bg[NORMAL] = @menu_bg_color - bg[PRELIGHT] = @selected_bg_color - bg[SELECTED] = @selected_bg_color - bg[ACTIVE] = @menu_bg_color - bg[INSENSITIVE] = @menu_bg_color - - fg[NORMAL] = @menu_fg_color - fg[PRELIGHT] = @selected_fg_color - fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @selected_fg_color - fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) - - text[NORMAL] = @menu_fg_color - text[PRELIGHT] = @selected_fg_color - text[SELECTED] = @selected_fg_color - text[ACTIVE] = @selected_fg_color - text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) - - engine "murrine" { - roundness = 0 - } -} - -style "murrine-menu-item" = "murrine-wider" { - bg[PRELIGHT] = @selected_bg_color - bg[SELECTED] = @selected_bg_color - bg[ACTIVE] = @selected_bg_color - - fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text - fg[PRELIGHT] = @selected_fg_color - fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @selected_fg_color - fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) - - engine "murrine" { - textstyle = 0 - border_shades = { 1.2, 1.2 } - } -} - -style "murrine-separator-menu-item" = "murrine-thin" { } - -style "murrine-menubar" { - bg[NORMAL] = @menubar_bg_color - bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color) - bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color) - bg[ACTIVE] = shade (0.9, @menubar_bg_color) - bg[INSENSITIVE] = @menubar_bg_color - - fg[NORMAL] = @menubar_fg_color - fg[PRELIGHT] = shade (1.08, @menubar_fg_color) - fg[SELECTED] = shade (1.08, @menubar_fg_color) - fg[ACTIVE] = @menubar_fg_color - fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color) - - engine "murrine" { - roundness = 0 - } -} - -style "murrine-menubaritem" { - bg[NORMAL] = @menubar_bg_color - bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color) - bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color) - bg[ACTIVE] = shade (0.9, @menubar_bg_color) - bg[INSENSITIVE] = @menubar_bg_color - - fg[NORMAL] = @menubar_fg_color - fg[PRELIGHT] = shade (1.08, @menubar_fg_color) - fg[SELECTED] = shade (1.08, @menubar_fg_color) - fg[ACTIVE] = @menubar_fg_color - fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color) - - engine "murrine" { - roundness = 0 - } -} - -# Toolbars - -style "murrine-toolbar" = "murrine-thin" { - bg[NORMAL] = @toolbar_bg_color - bg[PRELIGHT] = shade (1.02, @toolbar_bg_color) - bg[SELECTED] = @selected_bg_color - bg[ACTIVE] = shade (0.9, @toolbar_bg_color) - bg[INSENSITIVE] = @toolbar_bg_color - - fg[NORMAL] = @toolbar_fg_color - fg[PRELIGHT] = @toolbar_fg_color - fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @toolbar_fg_color - fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) - - engine "murrine" { - } -} - -style "murrine-toolbutton" = "murrine-button" { - bg[NORMAL] = shade (1.08, @toolbar_bg_color) - bg[PRELIGHT] = shade (1.10, @toolbar_bg_color) - bg[SELECTED] = @selected_bg_color - bg[ACTIVE] = shade (0.95, @toolbar_bg_color) - bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color) - - fg[NORMAL] = @toolbar_fg_color - fg[PRELIGHT] = @toolbar_fg_color - fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @toolbar_fg_color - fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) - - engine "murrine" { - } -} - -class "GtkToolbar" style "murrine-toolbar" -class "GtkHandleBox" style "murrine-toolbar" -widget_class "*Toolbar*.*Separator*" style "murrine-toolbar" - -# Panels - -style "murrine-panel" = "murrine-thin" { - xthickness = 2 - - bg[NORMAL] = @panel_bg_color - bg[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color) - bg[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color) - bg[ACTIVE] = shade (0.8, @panel_bg_color) - bg[INSENSITIVE] = @panel_bg_color - - fg[NORMAL] = @panel_fg_color - fg[PRELIGHT] = shade (1.08, @panel_fg_color) - fg[SELECTED] = shade (1.08, @panel_fg_color) - fg[ACTIVE] = @panel_fg_color - fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color) - - base[NORMAL] = @panel_bg_color - base[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color) - base[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color) - base[ACTIVE] = shade (0.9, @panel_bg_color) - base[INSENSITIVE] = @panel_bg_color - - text[NORMAL] = @panel_fg_color - text[PRELIGHT] = shade (1.08, @panel_fg_color) - text[SELECTED] = shade (1.08, @panel_fg_color) - text[ACTIVE] = @panel_fg_color - text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color) - - engine "murrine" { - roundness = 0 - contrast = 0.0 - } -} - -widget "*PanelWidget*" style "murrine-panel" -widget "*PanelApplet*" style "murrine-panel" -widget "*fast-user-switch*" style "murrine-panel" -widget "*CPUFreq*Applet*" style "murrine-panel" -widget "*indicator-applet*" style "murrine-panel" -class "PanelApp*" style "murrine-panel" -class "PanelToplevel*" style "murrine-panel" -widget_class "*PanelToplevel*" style "murrine-panel" -widget_class "*notif*" style "murrine-panel" -widget_class "*Notif*" style "murrine-panel" -widget_class "*Tray*" style "murrine-panel" -widget_class "*tray*" style "murrine-panel" -widget_class "*computertemp*" style "murrine-panel" -widget_class "*Applet*Tomboy*" style "murrine-panel" -widget_class "*Applet*Netstatus*" style "murrine-panel" -widget "*gdm-user-switch-menubar*" style "murrine-panel" - -# LXPanel (code based on Lubuntu-default theme's gtkrc file) -widget "*.tclock.*" style "murrine-panel" -widget "*.taskbar.*" style "murrine-panel" -widget_class "*GtkBgbox*" style "murrine-panel" - -style "bold-panel-item" { - font_name = "Bold" - - engine "murrine" { - roundness = 0 - } -} - -widget "*Panel*MenuBar*" style "bold-panel-item" -widget "*gimmie*" style "bold-panel-item" - -# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug -# class "*Panel*" style "murrine-panel" # Disabled to fix bug - -# XFCE Styles - -style "workspace-switcher" = "murrine-panel" { - bg[ACTIVE] = @selected_bg_color - bg[SELECTED] = @selected_bg_color -} - -style "xfce-header" { - bg[NORMAL] = shade (0.9, @bg_color) - base[NORMAL] = shade (1.18, @bg_color) -} - -style "xfdesktop-windowlist" { - bg[NORMAL] = @base_color - fg[INSENSITIVE] = shade (0.95, @base_color) - text[INSENSITIVE] = shade (0.95, @base_color) -} - -style "xfdesktop-icon-view" { - XfdesktopIconView::label-alpha = 0 - XfdesktopIconView::selected-label-alpha = 60 - XfdesktopIconView::shadow-x-offset = 0 - XfdesktopIconView::shadow-y-offset = 1 - XfdesktopIconView::selected-shadow-x-offset = 0 - XfdesktopIconView::selected-shadow-y-offset = 1 - XfdesktopIconView::shadow-color = "#000000" - XfdesktopIconView::selected-shadow-color = "#000000" - XfdesktopIconView::shadow-blur-radius = 2 - XfdesktopIconView::cell-spacing = 2 - XfdesktopIconView::cell-padding = 6 - XfdesktopIconView::cell-text-width-proportion = 1.9 - - fg[NORMAL] = @selected_fg_color - fg[ACTIVE] = @selected_fg_color - -} - -style "xfwm-tabwin" { - Xfwm4TabwinWidget::border-width = 1 - Xfwm4TabwinWidget::border-alpha = 1.0 - Xfwm4TabwinWidget::icon-size = 64 - Xfwm4TabwinWidget::alpha = 1.0 - Xfwm4TabwinWidget::border-radius = 2 - - bg[NORMAL] = @menu_bg_color - bg[SELECTED] = @menu_bg_color - - fg[NORMAL] = @menu_fg_color - - engine "murrine" { - contrast = 0.0 - border_shades = { 0.9, 0.9 } - } -} - -style "xfwm-tabwin-button" { - font_name = "bold" - - bg[SELECTED] = @selected_bg_color -} - -style "xfsm-logout" { - bg[NORMAL] = @menu_bg_color - bg[ACTIVE] = @menu_bg_color - bg[PRELIGHT] = shade (1.1, @menu_bg_color) - bg[SELECTED] = shade (0.5, @menu_bg_color) - bg[INSENSITIVE] = shade (1.3, @menu_bg_color) - - fg[NORMAL] = @menu_fg_color - fg[PRELIGHT] = @menu_fg_color - - text[NORMAL] = @menu_fg_color - - engine "murrine" { - } -} - -style "xfsm-logout-button" { - bg[NORMAL] = shade (1.2, @menu_bg_color) - bg[PRELIGHT] = shade (1.4, @menu_bg_color) - - engine "murrine" { - } -} - -widget "*Pager*" style "workspace-switcher" - -widget "*Xfce*Panel*" style "murrine-panel" -class "*Xfce*Panel*" style "murrine-panel" - -# Thunar Styles - -style "sidepane" { - base[NORMAL] = @bg_color - base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color)) - bg[NORMAL] = @bg_color - text[NORMAL] = mix (0.9, @fg_color, @bg_color) -} - -widget_class "*ThunarShortcutsView*" style "sidepane" -widget_class "*ThunarTreeView*" style "sidepane" -widget_class "*ThunarLocationEntry*" style "murrine-entry" - -style "whiskermenu" { - bg[NORMAL] = @menu_bg_color - bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color) - bg[PRELIGHT] = @selected_bg_color - - fg[NORMAL] = @menu_fg_color - fg[ACTIVE] = @menu_fg_color - fg[PRELIGHT] = @menu_fg_color -} - -style "whiskermenu-scrollbar" = "murrine-scrollbar" { - bg[NORMAL] = mix (0.21, @fg_color, @bg_color) - bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color) - bg[ACTIVE] = @selected_bg_color - - engine "murrine" { - trough_shades = { 4.97, 4.97 } - trough_border_shades = { 5.0, 5.0 } - } -} - -widget "whiskermenu-window*" style "whiskermenu" -widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar" - -# Gtk2 Open-File Dialog - -widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane" -widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.." style "murrine-treeview-header" - -# Google Chrome/Chromium Styles (requires 9.0.597 or newer) - -style "chromium-toolbar-button" { - engine "murrine" { - roundness = 4 - textstyle = 0 - } -} - -style "chrome-gtk-frame" { - ChromeGtkFrame::frame-color = @titlebar_bg_color - ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color - - ChromeGtkFrame::frame-gradient-size = 0 - ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color - - ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color - ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color - - ChromeGtkFrame::incognito-frame-gradient-size = 0 - ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color - - ChromeGtkFrame::scrollbar-trough-color = @bg_color - ChromeGtkFrame::scrollbar-slider-normal-color = mix (0.21, @fg_color, @bg_color) - ChromeGtkFrame::scrollbar-slider-prelight-color = mix (0.31, @fg_color, @bg_color) -} - -class "ChromeGtkFrame" style "chrome-gtk-frame" - -widget_class "*Chrom*Button*" style "chromium-toolbar-button" - -# General Styles - -class "GtkWidget" style "murrine-default" - -class "GtkFrame" style "murrine-frame" -class "MetaFrames" style "metacity-frame" -class "GtkWindow" style "metacity-frame" - -class "GtkSeparator" style "murrine-wide" -class "GtkCalendar" style "murrine-wide" - -class "GtkSpinButton" style "murrine-spinbutton" - -class "GtkScale" style "murrine-scale" -class "GtkVScale" style "murrine-vscale" -class "GtkHScale" style "murrine-hscale" -class "GtkScrollbar" style "murrine-scrollbar" -class "GtkVScrollbar" style "murrine-vscrollbar" -class "GtkHScrollbar" style "murrine-hscrollbar" - -class "GtkEntry" style "murrine-entry" - -widget_class "*" style "clearlooks-notebook" -widget_class "**" style "clearlooks-notebook-bg" -widget_class "**" style "clearlooks-notebook-bg" -widget_class "**" style "clearlooks-notebook-bg" -widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook" - -widget_class "*" style "murrine-button" -widget_class "**" style "murrine-statusbar" -widget_class "*" style "murrine-progressbar" -widget_class "*" style "murrine-progressbar" - -widget_class "**" style "murrine-comboboxentry" -widget_class "**" style "murrine-comboboxentry" - -widget_class "**" style "murrine-menu" -widget_class "**" style "murrine-menu-item" -widget_class "**" style "murrine-separator-menu-item" -widget_class "*Menu*.*Sepa*" style "murrine-separator-menu-item" -widget_class "**" style "murrine-menubar" -widget_class "***" style "murrine-menubaritem" - -widget_class "*GtkToolButton*" style "murrine-toolbutton" -widget_class "*GtkToggleToolButton*" style "murrine-toolbutton" -widget_class "*GtkMenuToolButton*" style "murrine-toolbutton" -widget_class "*GtkToolbar*Button" style "murrine-toolbutton" - -widget_class "*.." style "murrine-frame-title" - -widget_class "*.*" style "murrine-treeview" -widget_class "*.." style "murrine-treeview-header" -widget_class "*.." style "murrine-treeview-header" -widget_class "*.." style "murrine-treeview-header" -widget_class "*.." style "murrine-treeview-header" - -widget_class "*." style "clearlooks-radiocheck" -widget_class "*.*." style "clearlooks-base-radiocheck" -widget_class "*" style "clearlooks-base-radiocheck" - -widget "gtk-tooltip*" style "murrine-tooltips" - -widget_class "**" style "murrine-overlay-scrollbar" - -# Workarounds and Non-Standard Styling - -style "text-is-fg-color-workaround" { - text[NORMAL] = @text_color - text[PRELIGHT] = @fg_color - text[SELECTED] = @selected_fg_color - text[ACTIVE] = @fg_color - text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) -} - -widget_class "*.." style "text-is-fg-color-workaround" - -style "fg-is-text-color-workaround" { - fg[NORMAL] = @text_color - fg[PRELIGHT] = @text_color - fg[ACTIVE] = @selected_fg_color - fg[SELECTED] = @selected_fg_color - fg[INSENSITIVE] = darker (@fg_color) -} - -widget_class "**" style "fg-is-text-color-workaround" -widget_class "*" style "fg-is-text-color-workaround" -widget_class "*" style "fg-is-text-color-workaround" - -style "murrine-evo-new-button-workaround" { - engine "murrine" { - toolbarstyle = 0 - } -} - -widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround" - -style "inkscape-toolbar-fix" { - engine "murrine" { - gradient_shades = { 1.0, 1.0, 1.0, 1.0 } - highlight_shade = 1.0 - } -} - -#widget "*GtkHandleBox*" style "inkscape-toolbar-fix" -#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix" -#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix" -widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix" - - - - -style "gimp-default-style" { -# Uncommenting this line allows to set a different (smaller) font for GIMP. -# -# font_name = "sans 8" -# Enabling the following line for some reason breaks toolbox resize -# increment calculation. You can enable it to get an even smaller GUI -# but need to restart GIMP after the theme change. -# -# GtkWidget::focus-padding = 0 - GtkOptionMenu::indicator-size = { 15, 25 } - GtkOptionMenu::indicator-spacing = { 10, 8, 4, 4 } - GtkPaned::handle-size = 5 - GimpDockWindow::default-height = 600 - GimpDock::font-scale = 1.0 - GimpMenuDock::minimal-width = 400 - GimpToolPalette::tool-icon-size = large-toolbar - GimpToolPalette::button-relief = none - GimpDockbook::tab-border = 0 - GimpDockbook::tab-icon-size = button - GimpColorNotebook::tab-border = 0 - GimpColorNotebook::tab-icon-size = button - GimpDeviceEditor::handle-size = 30 - GimpDockable::content-border = 1 - GimpEditor::content-spacing = 1 - GimpEditor::button-spacing = 1 - GimpEditor::button-icon-size = button - GimpDataEditor::minimal-height = 150 - GimpFrame::label-spacing = 5 - GtkDialog::content-area-border = 2 - GtkDialog::button-spacing = 20 - GtkDialog::action-area-border = 25 - GimpUnitComboBox::appears-as-list = 0 -} - -class "GtkWidget" style "gimp-default-style" -style "gimp-tool-dialog-style" = "gimp-default-style" -{ - GtkDialog::action-area-border = 6 -} -class "GimpToolDialog" style "gimp-tool-dialog-style" -style "gimp-grid-view-style" = "gimp-default-style" -{ - bg[NORMAL] = { 1.0, 1.0, 1.0 } -} -widget "*GimpContainerGridView*GtkViewport*" style "gimp-grid-view-style" -style "gimp-dockable-style" = "gimp-default-style" -{ - GimpFrame::label-bold = 0 - GtkButton::focus-line_width = 1 - GtkButton::focus-padding = 0 -} -widget "*GimpDockable.*" style "gimp-dockable-style" -style "gimp-display-style" = "gimp-default-style" -{ - GimpRuler::font-scale = 1.0 - GimpUnitComboBox::label-scale = 1.0 - GimpScaleComboBox::label-scale = 1.0 - GtkComboBox::arrow-size = 20 - GtkButton::inner-border = { 0, 0, 0, 0 } - GtkButton::focus-line-width = 0 - GtkButton::focus-padding = 0 -} -widget "*GimpDisplayShell.*" style "gimp-display-style" -style "gimp-overlay-style" = "gimp-display-style" -{ - GtkButton::focus-line_width = 2 -} -widget_class "**" style "gimp-overlay-style" - - - - -# Performance Fixes - -style "performance-fix" { - engine "murrine" { - textstyle = 0 - } -} - -widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape -widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp -widget_class "*GimpToolbox*" style "performance-fix" -widget_class "*GimpMenuDock*" style "performance-fix" -widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice -widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.) - -widget_class "*XfceHeading*" style "xfce-header" -widget_class "*XfceDesktop*" style "xfdesktop-windowlist" -widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view" -widget "xfwm4-tabwin*" style "xfwm-tabwin" -widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button" -widget_class "*XfsmLogoutDialog*" style "xfsm-logout" -widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button" - -# button fg workaround: -widget_class "*.." style "murrine-buttonlabel" -widget_class "***" style:highest "murrine-buttonlabel" diff --git a/dt-dark-theme/gtk-3.0/assets b/dt-dark-theme/gtk-3.0/assets deleted file mode 100755 index ec2e4be..0000000 --- a/dt-dark-theme/gtk-3.0/assets +++ /dev/null @@ -1 +0,0 @@ -../assets \ No newline at end of file diff --git a/dt-dark-theme/gtk-3.0/gtk-dark.css b/dt-dark-theme/gtk-3.0/gtk-dark.css deleted file mode 100644 index b00626d..0000000 --- a/dt-dark-theme/gtk-3.0/gtk-dark.css +++ /dev/null @@ -1 +0,0 @@ -@import url("resource:///org/numixproject/gtk/dist/gtk-dark.css"); diff --git a/dt-dark-theme/gtk-3.0/gtk.css b/dt-dark-theme/gtk-3.0/gtk.css deleted file mode 100644 index c6eab95..0000000 --- a/dt-dark-theme/gtk-3.0/gtk.css +++ /dev/null @@ -1 +0,0 @@ -@import url("resource:///org/numixproject/gtk/dist/gtk.css"); diff --git a/dt-dark-theme/gtk-3.0/gtk.gresource.xml b/dt-dark-theme/gtk-3.0/gtk.gresource.xml deleted file mode 100644 index 8281d70..0000000 --- a/dt-dark-theme/gtk-3.0/gtk.gresource.xml +++ /dev/null @@ -1,48 +0,0 @@ - - - - assets/checkbox-checked-dark.svg - assets/checkbox-checked-insensitive-dark.svg - assets/checkbox-checked-insensitive.svg - assets/checkbox-checked.svg - assets/checkbox-mixed-dark.svg - assets/checkbox-mixed-insensitive-dark.svg - assets/checkbox-mixed-insensitive.svg - assets/checkbox-mixed.svg - assets/checkbox-unchecked-dark.svg - assets/checkbox-unchecked-insensitive-dark.svg - assets/checkbox-unchecked-insensitive.svg - assets/checkbox-unchecked.svg - assets/grid-selection-checked-dark.svg - assets/grid-selection-checked.svg - assets/grid-selection-unchecked-dark.svg - assets/grid-selection-unchecked.svg - assets/menuitem-checkbox-checked-hover.svg - assets/menuitem-checkbox-checked-insensitive.svg - assets/menuitem-checkbox-checked.svg - assets/menuitem-checkbox-unchecked.svg - assets/menuitem-checkbox-mixed-hover.svg - assets/menuitem-checkbox-mixed-insensitive.svg - assets/menuitem-checkbox-mixed.svg - assets/menuitem-radio-checked-hover.svg - assets/menuitem-radio-checked-insensitive.svg - assets/menuitem-radio-checked.svg - assets/menuitem-radio-unchecked.svg - assets/radio-checked-dark.svg - assets/radio-checked-insensitive-dark.svg - assets/radio-checked-insensitive.svg - assets/radio-checked.svg - assets/radio-mixed-dark.svg - assets/radio-mixed-insensitive-dark.svg - assets/radio-mixed-insensitive.svg - assets/radio-mixed.svg - assets/radio-unchecked-dark.svg - assets/radio-unchecked-insensitive-dark.svg - assets/radio-unchecked-insensitive.svg - assets/radio-unchecked.svg - assets/pane-handle.png - assets/pane-handle@2.png - dist/gtk.css - dist/gtk-dark.css - - diff --git a/dt-dark-theme/gtk-3.0/scss/_colors.scss b/dt-dark-theme/gtk-3.0/scss/_colors.scss deleted file mode 100644 index cdd7499..0000000 --- a/dt-dark-theme/gtk-3.0/scss/_colors.scss +++ /dev/null @@ -1,67 +0,0 @@ -@import "global"; - -/* dark color scheme */ -@define-color dark_bg_color #{"" + $dark_bg_color}; -@define-color dark_fg_color #{"" + $dark_fg_color}; - -/* colormap actually used by the theme, to be overridden in other css files */ -@define-color theme_bg_color #{"" + $bg_color}; -@define-color theme_fg_color #{"" + $fg_color}; -@define-color theme_base_color #{"" + $base_color}; -@define-color theme_text_color #{"" + $text_color}; -@define-color theme_selected_bg_color #{"" + $selected_bg_color}; -@define-color theme_selected_fg_color #{"" + $selected_fg_color}; -@define-color theme_tooltip_bg_color #{"" + $tooltip_bg_color}; -@define-color theme_tooltip_fg_color #{"" + $tooltip_fg_color}; - -/* shadow effects */ -@define-color light_shadow #{"" + $light_shadow}; -@define-color dark_shadow #{"" + $dark_shadow}; - -/* misc colors used by gtk+ */ -@define-color info_fg_color #{"" + $info_fg_color}; -@define-color info_bg_color #{"" + $info_bg_color}; -@define-color warning_fg_color #{"" + $warning_fg_color}; -@define-color warning_bg_color #{"" + $warning_bg_color}; -@define-color question_fg_color #{"" + $question_fg_color}; -@define-color question_bg_color #{"" + $question_bg_color}; -@define-color error_fg_color #{"" + $error_fg_color}; -@define-color error_bg_color #{"" + $error_bg_color}; -@define-color link_color #{"" + $link_color}; -@define-color success_color #{"" + $success_color}; -@define-color warning_color #{"" + $warning_color}; -@define-color error_color #{"" + $error_color}; - -/* widget colors */ -@define-color titlebar_bg_color @dark_bg_color; -@define-color titlebar_fg_color @dark_fg_color; -@define-color menubar_bg_color @dark_bg_color; -@define-color menubar_fg_color @dark_fg_color; -@define-color toolbar_bg_color @theme_bg_color; -@define-color toolbar_fg_color @theme_fg_color; -@define-color menu_bg_color @dark_bg_color; -@define-color menu_fg_color @dark_fg_color; -@define-color panel_bg_color @dark_bg_color; -@define-color panel_fg_color @dark_fg_color; - -/* osd */ -@define-color osd_base #{"" + $osd_base}; -@define-color osd_bg #{"" + $osd_bg}; -@define-color osd_fg #{"" + $osd_fg}; - -/* lightdm greeter colors */ -@define-color lightdm_bg_color #{"" + $lightdm_bg_color}; -@define-color lightdm_fg_color #{"" + $lightdm_fg_color}; - -/* window manager colors */ -@define-color wm_bg #{"" + $wm_bg}; -@define-color wm_border_focused #{"" + $wm_border_focused}; -@define-color wm_border_unfocused #{"" + $wm_border_unfocused}; -@define-color wm_title_focused #{"" + $wm_title_focused}; -@define-color wm_title_unfocused #{"" + $wm_title_unfocused}; -@define-color wm_icons_focused #{"" + $wm_icons_focused}; -@define-color wm_icons_focused_prelight #{"" + $wm_icons_focused_prelight}; -@define-color wm_icons_focused_pressed #{"" + $wm_icons_unfocused_pressed}; -@define-color wm_icons_unfocused #{"" + $wm_icons_unfocused}; -@define-color wm_icons_unfocused_prelight #{"" + $wm_icons_unfocused_prelight}; -@define-color wm_icons_unfocused_pressed #{"" + $wm_icons_unfocused_pressed}; diff --git a/dt-dark-theme/gtk-3.0/scss/_functions.scss b/dt-dark-theme/gtk-3.0/scss/_functions.scss deleted file mode 100644 index 0de71b6..0000000 --- a/dt-dark-theme/gtk-3.0/scss/_functions.scss +++ /dev/null @@ -1,79 +0,0 @@ -$modules: () !default; - -@mixin exports($name) { - @if (not index($modules, $name)) { - $modules: append($modules, $name) !global; - - @content; - } -} - -@function alpha($color, $amount) { - @if type-of($color) == "color" { - @return fade-out($color, (1 - $amount)); - } @else { - @return unquote("alpha(#{$color},#{$amount})"); - } -} - -@function shade($color, $amount) { - @if type-of($color) == "color" { - @if ($amount > 1) { - @return lighten($color, ($amount - 1) * lightness($color)) - } @else { - @return darken($color, (1 - $amount) * lightness($color)) - } - } @else { - @return unquote("shade(#{$color},#{$amount})"); - } -} - -@function mix($color1, $color2, $amount) { - @return unquote("mix(#{$color1},#{$color2},#{$amount})"); -} - -@function border_normal($color) { - @return shade($color, $contrast); -} - -@function border_focus($color) { - @return shade($color, ($contrast - .05)); -} - -@function border_active($color) { - @return shade($color, ($contrast - .1)); -} - -@function border_insensitive($color) { - @return shade($color, ($contrast + .05)); -} - -@mixin linear-gradient($color, $direction: to bottom) { - @if $gradient == 0 { - background-color: $color; - background-image: none; - } @else { - $amount: $gradient / 2; - - background-color: $color; - background-image: linear-gradient($direction, - shade($color, (1 + $amount)), - shade($color, (1 - $amount)) - ); - } -} - -@mixin border($color) { - border-color: border_normal($color); - - &:focus, &:hover { border-color: border_focus($color); } - - &:active, &:active:hover, - &:active:focus, &:active:hover:focus, - &:checked, &:checked:hover, - &:checked:focus, &:checked:hover:focus { border-color: border_active($color); } - - &:insensitive { border-color: border_insensitive($color); } - - &:active:insensitive, &:checked:insensitive { border-color: border_normal($color); } -} diff --git a/dt-dark-theme/gtk-3.0/scss/_global.scss b/dt-dark-theme/gtk-3.0/scss/_global.scss deleted file mode 100644 index 7e164bf..0000000 --- a/dt-dark-theme/gtk-3.0/scss/_global.scss +++ /dev/null @@ -1,84 +0,0 @@ -// scss-lint:disable ColorVariable - -@import "functions"; - -// default color scheme -$bg_color: if($variant == "dark", #333333, #dedede); -$fg_color: if($variant == "dark", #dedede, #333333); -$base_color: if($variant == "dark", #2c2c2c, #ffffff); -$text_color: if($variant == "dark", #ffffff, #2c2c2c); -$button_bg_color: if($variant == "dark", #333333, #bdbdbd); -$button_fg_color: if($variant == "dark", #bdbdbd, #333333); -$header_button_bg_color: #169f6f; -$header_button_fg_color: #ffffff; -$selected_bg_color: #169f6f; -$selected_fg_color: #ffffff; -$tooltip_bg_color: #dedede; -$tooltip_fg_color: #333333; - -// dark colors -$dark_bg_color: #2c2c2c; -$dark_fg_color: #e9e9e9; - -// shadows -$dark_shadow: #000; -$light_shadow: #fff; - -// white and black -$black: #000; -$white: #fff; - -// misc colors used by gtk+ -$info_fg_color: #fff; -$info_bg_color: #03a9f4; -$warning_fg_color: #fff; -$warning_bg_color: #ef6c00; -$question_fg_color: #fff; -$question_bg_color: #673ab7; -$error_fg_color: #fff; -$error_bg_color: #f44336; -$link_color: #169f6f; -$success_color: #4caf50; -$warning_color: #ef6c00; -$error_color: #f44336; - -$toolbar_bg_color: $bg_color; -$toolbar_fg_color: $fg_color; - -$titlebar_bg_color: $dark_bg_color; -$titlebar_fg_color: $dark_fg_color; - -$menu_bg_color: $dark_bg_color; -$menu_fg_color: $dark_fg_color; - -$menubar_bg_color: $dark_bg_color; -$menubar_fg_color: $dark_fg_color; - -$panel_bg_color: $dark_bg_color; -$panel_fg_color: $dark_fg_color; - -$osd_base: $dark_bg_color; -$osd_fg: $dark_fg_color; -$osd_bg: alpha($osd_base, 0.8); - -$lightdm_bg_color: $dark_bg_color; -$lightdm_fg_color: $dark_fg_color; - -$wm_bg: $titlebar_bg_color; -$wm_border_focused: transparent; -$wm_border_unfocused: transparent; -$wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); -$wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); -$wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); -$wm_icons_focused_prelight: $selected_bg_color; -$wm_icons_focused_pressed: shade($selected_bg_color, .8); -$wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); -$wm_icons_unfocused_prelight: $selected_bg_color; -$wm_icons_unfocused_pressed: shade($selected_bg_color, .8); - -// widget styles -$roundness: 2px; -$spacing: 3px; -$gradient: 0.0; - -$contrast: .8; diff --git a/dt-dark-theme/gtk-3.0/scss/_widgets.scss b/dt-dark-theme/gtk-3.0/scss/_widgets.scss deleted file mode 100644 index db51b05..0000000 --- a/dt-dark-theme/gtk-3.0/scss/_widgets.scss +++ /dev/null @@ -1,37 +0,0 @@ -@import "functions"; -@import "global"; -@import "colors"; - - -@import "widgets/base"; -@import "widgets/button"; -@import "widgets/entry"; -@import "widgets/actionbar"; -@import "widgets/calendar"; -@import "widgets/choosers"; -@import "widgets/grid"; -@import "widgets/infobar"; -@import "widgets/menu"; -@import "widgets/misc"; -@import "widgets/notebook"; -@import "widgets/osd"; -@import "widgets/overshoot"; -@import "widgets/progress"; -@import "widgets/scrollbar"; -@import "widgets/sidebar"; -@import "widgets/spinner"; -@import "widgets/toggle"; -@import "widgets/toolbar"; -@import "widgets/view"; -@import "widgets/window"; - -@import "apps/unity-greeter"; -@import "apps/gedit"; -@import "apps/nautilus"; -@import "apps/nemo"; -@import "apps/panel"; -@import "apps/synaptic"; -@import "apps/xfce"; -@import "apps/unity"; -@import "apps/lightdm"; -@import "apps/gnome-terminal"; diff --git a/dt-dark-theme/gtk-3.0/scss/apps/_gedit.scss b/dt-dark-theme/gtk-3.0/scss/apps/_gedit.scss deleted file mode 100644 index f1614a6..0000000 --- a/dt-dark-theme/gtk-3.0/scss/apps/_gedit.scss +++ /dev/null @@ -1,132 +0,0 @@ -/********* - ! Gedit * -**********/ - -@include exports("gedit") { - GeditWindow .pane-separator { - border-width: 0 1px 0 0; - border-style: solid; - - &, &:hover { - border-color: shade($bg_color, ($contrast + .1)); - background-color: $bg_color; - } - } - - .gedit-document-panel { - background-color: $bg_color; - color: mix($fg_color, $bg_color, .1); - - .list-row { - padding: $spacing; - - .button { - padding: 1px; - border-radius: $roundness; - border-style: solid; - border-color: transparent; - border-width: 1px; - background-color: transparent; - background-image: none; - color: transparent; - icon-shadow: none; - } - } - - .prelight-row .button { - border-color: alpha($black, .1); - color: alpha($white, .8); - - &:active { - border-color: alpha($black, .2); - background-color: alpha($black, .08); - color: $white; - } - } - - list-row, .prelight-row { - .button:hover { - border-color: alpha($black, .1); - color: $white; - } - } - } - - .gedit-document-panel-group-row { - &, &:hover { - border-top: 1px solid shade($bg_color, ($contrast + .1)); - background-color: $bg_color; - } - } - - .gedit-document-panel-document-row { - &:hover { background-color: shade($bg_color, 1.05); } - - &:selected { - &, &:hover { @extend %selected; } - } - } - - .gedit-document-panel-dragged-row { - border: 1px solid alpha($black, .1); - background-color: alpha($black, .5); - color: $white; - } - - .gedit-document-panel-placeholder-row { - border: 0; - background-color: alpha($black, .08); - transition: all 200ms ease-in; - } - - GeditStatusbar { border-top: 1px solid border_normal($bg_color); } - - GeditStatusbar GeditSmallButton, GeditStatusMenuButton { - text-shadow: none; - - .button { - border-style: solid; - border-width: 0 1px; - border-color: transparent; - border-radius: 0; - padding: 1px 6px 2px 4px; - - &:hover, &:active, &:active:hover { border-color: border_normal($bg_color); } - - &:active { - background-color: shade($bg_color, .95); - color: $fg_color; - } - } - } - - GeditViewFrame .gedit-search-slider { - padding: $spacing; - border-radius: 0 0 $roundness $roundness; - border-width: 0 1px 1px; - border-style: solid; - border-color: border_normal($base_color); - background-color: $base_color; - - .not-found { - background-color: $error_bg_color; - background-image: none; - color: $error_fg_color; - - &:selected { @extend %selected; } - } - } - - GeditFileBrowserWidget .toolbar { - padding: $spacing / 2; - border-top: 0; - background-color: $bg_color; - background-image: none; - } - - .gedit-search-entry-occurrences-tag { - margin: $spacing / 2; - padding: $spacing / 2; - color: mix($text_color, $base_color, .5); - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/apps/_gnome-terminal.scss b/dt-dark-theme/gtk-3.0/scss/apps/_gnome-terminal.scss deleted file mode 100644 index 178f741..0000000 --- a/dt-dark-theme/gtk-3.0/scss/apps/_gnome-terminal.scss +++ /dev/null @@ -1,219 +0,0 @@ -/********************** - ! Genome Terminal * -***********************/ - -@include exports("gnome-terminal") { - VteTerminal { - background-color: $osd_base; - color: $osd_fg; - } - TerminalWindow { - .scrollbars-junction { - background-color: $osd_base; - } - .scrollbar { - &.trough { - background-color: $osd_base; - } - &.button { - color: shade($osd_base, 0.6); - &:active { - color: shade($osd_base, 0.6); - &:hover { - color: shade($osd_base, 0.6); - } - } - } - &.slider { - border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.21); - background-color: mix($osd_base, $osd_fg, 0.21); - &:hover { - border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31); - background-color: mix($osd_base, $osd_fg, 0.31); - } - &.vertical { - &:hover { - border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31); - background-color: mix($osd_base, $osd_fg, 0.31); - } - &:active { - border-color: shade($selected_bg_color, 0.9); - background-color: $selected_bg_color; - } - } - &:active { - border-color: shade($selected_bg_color, 0.9); - background-color: $selected_bg_color; - } - } - } - GtkNotebook.notebook { - border-right-width: 0; - border-bottom-width: 0; - border-left-width: 0; - } - } - - TerminalNotebook.notebook { //use dark variant by default - padding: 0; - border-width: 1px 0 0; - border-style: solid; - border-color: border_active($osd_base); - border-radius: 0; - @include linear-gradient($osd_base); - background-clip: border-box; - color: $osd_fg; - - -GtkNotebook-initial-gap: 0; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; - - &.frame { border-width: 1px; } - - &.header { - border-width: 0; - background-color: shade($osd_base, .85); - - &.frame { - border-color: border_focus($osd_base); - - &.top { border-width: 1px 1px 0 1px; } - - &.right { border-width: 1px 1px 1px 0; } - - &.bottom { border-width: 0 1px 1px 1px; } - - &.left { border-width: 1px 0 1px 1px; } - } - } - - GtkViewport { - border-width: 0; - background-color: $osd_base; - color: $osd_fg; - } - - tab { - padding: ($spacing + 1px) $spacing * 2; - border: 1px solid transparent; - background-color: transparent; - background-image: none; - - &:active { - background-color: transparent; - background-image: none; - } - - &.top { - border-bottom-width: 2px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - - &:hover { - border-bottom-color: alpha($selected_bg_color, 0.3); - } - - &:active { - border-bottom-color: $selected_bg_color; - } - } - - &.right { - border-left-width: 2px; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - - &:hover { - border-left-color: alpha($selected_bg_color, 0.3); - } - - &:active { - border-left-color: $selected_bg_color; - } - } - - &.bottom { - border-top-width: 2px; - border-top-right-radius: 0; - border-top-left-radius: 0; - - &:hover { - border-top-color: alpha($selected_bg_color, 0.3); - } - - &:active { - border-top-color: $selected_bg_color; - } - } - - &.left { - border-right-width: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - - &:hover { - border-right-color: alpha($selected_bg_color, 0.3); - } - - &:active { - border-right-color: $selected_bg_color; - } - } - - GtkLabel { color: mix($osd_fg, $osd_base, .3); } - - &.reorderable-page { - &:hover { - background-color: shade($osd_base, .85); - border-left: 0; - border-right: 0; - /* using box shadows instead of borders due to slanted edges */ - box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($osd_base, .7), inset -1px 0 shade($osd_base, .7); - } - - &:active { - background-color: shade($osd_base, .9); - border-left: 0; - border-right: 0; - box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($osd_base, .75), inset -1px 0 shade($osd_base, .75); - } - } - - /* close button styling */ - .button { - &, &:active, &:checked, &:hover { - padding: 1px; - border-width: 1px; - border-radius: 2px; - border-style: solid; - border-color: transparent; - background-image: none; - background-color: transparent; - color: mix($osd_fg, $osd_base, 0.5); - } - - &:hover { - color: $osd_fg; - border-color: shade($osd_base, 0.8); - } - - &:active, &:checked, &:active:hover, &:checked:hover { - border-color: shade($osd_base, 0.7); - background-color: shade($osd_base, 0.95); - } - } - - } - - .prelight-page { - &, GtkLabel { color: mix($osd_fg, $osd_base, .15); } - } - - .active-page { - &, GtkLabel { color: $osd_fg; } - } - - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/apps/_lightdm.scss b/dt-dark-theme/gtk-3.0/scss/apps/_lightdm.scss deleted file mode 100644 index 52eda61..0000000 --- a/dt-dark-theme/gtk-3.0/scss/apps/_lightdm.scss +++ /dev/null @@ -1,193 +0,0 @@ -/*********************** - ! LightDM GTK Greeter * - ***********************/ - -@include exports("lightdm") { - #panel_window { - background-color: transparent; - background-image: none; - color: $white; - font: bold; - text-shadow: 0 1px alpha($black, .5); - icon-shadow: 0 1px alpha($black, .5); - - .menubar { - &, > .menuitem { - background-color: transparent; - background-image: none; - color: $white; - font: bold; - text-shadow: 0 1px alpha($black, .5); - icon-shadow: 0 1px alpha($black, .5); - - *:hover { color: $white; } - - &:hover { - border-style: none; - background-color: alpha($white, .2); - background-image: none; - color: $white; - } - - &:insensitive { color: alpha($white, .7); } - - .menu { - border-radius: 1px; - - .menuitem { - font: normal; - text-shadow: none; - } - } - } - } - } - - #content_frame { padding-bottom: 14px; } - - #login_window, #shutdown_dialog, #restart_dialog { - border-style: none; - border-radius: $roundness; - background-color: $lightdm_bg_color; - color: $lightdm_fg_color; - - /* draw border using box-shadow */ - box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), - inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), - inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), - inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21); - - .button { - padding: 3px 15px; - border-width: 1px; - border-radius: $roundness; - border-style: solid; - border-color: shade($lightdm_bg_color, .8); - background-color: shade($lightdm_bg_color, 1.08); - background-image: none; - color: $lightdm_fg_color; - transition: all 150ms ease-out; - - &.default, &:focus, &:active:focus { - border-color: shade($selected_bg_color, .8); - background-color: shade($selected_bg_color, 1.08); - background-image: none; - color: $selected_fg_color; - - &:hover { - border-color: shade($selected_bg_color, .7); - background-color: $selected_bg_color; - } - } - } - } - - - #login_window { - .menu { border-radius: 1px; } - - GtkComboBox .button { - &, &:hover, &:active, &:active:hover, - &:focus, &:hover:focus, &:active:focus, &:active:hover:focus { - padding: 0; - background: none; - border-style: none; - box-shadow: none; - } - } - - .entry { - padding: 3px 5px; - border-width: 1px; - border-style: solid; - border-color: shade($lightdm_bg_color, .8); - border-radius: $roundness; - background-color: shade($lightdm_bg_color, .9); - background-image: none; - color: $lightdm_fg_color; - box-shadow: none; - transition: all 150ms ease-out; - - &:focus, &:hover { - border-color: shade($lightdm_bg_color, .7); - - box-shadow: inset 1px 0 alpha($dark_shadow, .1), - inset 0 1px alpha($dark_shadow, .12), - inset -1px 0 alpha($dark_shadow, .1), - inset 0 -1px alpha($dark_shadow, .05); - } - } - } - - #user_combobox { - color: $lightdm_fg_color; - font: 18px; - - .menu { font: normal; } - - .arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); } - } - - #user_image { - padding: 3px; - border-radius: $roundness; - - /* draw border using box-shadow */ - box-shadow: inset 1px 0 shade($lightdm_bg_color, .7), - inset -1px 0 shade($lightdm_bg_color, .7), - inset 0 1px shade($lightdm_bg_color, .7), - inset 0 -1px shade($lightdm_bg_color, .7); - } - - #user_image_border { - border-radius: $roundness; - background-color: shade($lightdm_bg_color, .9); - background-image: none; - box-shadow: inset 1px 0 alpha($dark_shadow, .07), - inset 0 1px alpha($dark_shadow, .08), - inset -1px 0 alpha($dark_shadow, .07), - inset 0 -1px alpha($dark_shadow, .05); - } - - #buttonbox_frame { - padding-top: 10px; - padding-bottom: 0; - border-style: none; - border-bottom-left-radius: $roundness; - border-bottom-right-radius: $roundness; - background-color: transparent; - background-image: none; - box-shadow: none; - } - - - - /* shutdown button */ - #shutdown_button { - border-color: shade($error_bg_color, .8); - background-color: shade($error_bg_color, 1.08); - background-image: none; - color: $error_fg_color; - - &:hover, &:active, &:active:hover { - border-color: shade($error_bg_color, .7); - background-color: $error_bg_color; - } - } - - /* restart button */ - #restart_button { - border-color: shade($warning_bg_color, .8); - background-color: shade($warning_bg_color, 1.08); - background-image: none; - color: $warning_fg_color; - - &:hover, &:active, &:active:hover { - border-color: shade($warning_bg_color, .7); - background-color: $warning_bg_color; - } - } - - /* password warning */ - #greeter_infobar { font: bold; } -} diff --git a/dt-dark-theme/gtk-3.0/scss/apps/_mate-applications.scss b/dt-dark-theme/gtk-3.0/scss/apps/_mate-applications.scss deleted file mode 100644 index a7a3e1f..0000000 --- a/dt-dark-theme/gtk-3.0/scss/apps/_mate-applications.scss +++ /dev/null @@ -1,82 +0,0 @@ -@import "panel"; - -/**************** - ! MATE styles * -*****************/ - -@include exports("mate-applications") { - .mate-panel-menu-bar { - @extend %panel; - - border: 0; - padding: 0; - text-shadow: none; - } - - MatePanelApplet .label, - PanelMenuBar.menubar > .menuitem { - color: $panel_fg_color; - } - - PanelSeparator, MatePanelAppletFrameDBus { - border-width: 0; - color: transparent; - background-image: -gtk-scaled(url("../assets/pane-handle.png"), - url("../assets/pane-handle@2.png")); - background-color: transparent; - background-repeat: no-repeat; - background-position: left; - } - - MatePanelApplet .button, - MatePanelApplet .button.flat, - MatePanelApplet .button.toggle - MatePanelApplet .button.flat.toggle { - background-image: none; - background-color: transparent; - border-color: transparent; - border-style: solid; - border-radius: 0; - border-width: 1px; - color: $panel_fg_color; - text-shadow: none; - box-shadow: none; - padding: 2px; - } - - MatePanelApplet .button:hover:active, - MatePanelApplet .button:checked, - MatePanelApplet .button:checked:hover, - MatePanelApplet .button.flat:hover:active, - MatePanelApplet .button.flat:checked, - MatePanelApplet .button.flat:checked:hover, - MatePanelApplet .button.toggle:hover:active, - MatePanelApplet .button.toggle:checked, - MatePanelApplet .button.toggle:checked:hover, - MatePanelApplet .button.flat.toggle:hover:active, - MatePanelApplet .button.flat.toggle:checked, - MatePanelApplet .button.flat.toggle:checked:hover { - background-image: none; - background-color: darker($panel_bg_color); - border-color: transparent; - border-radius: 0; - border-width: 1px; - color: lighter($panel_fg_color); - text-shadow: none; - padding: 2px; - } - - MatePanelApplet .button:hover, - MatePanelApplet .button.flat:hover, - MatePanelApplet .button.toggle:hover, - MatePanelApplet .button.flat.toggle:hover { - background-image: none; - background-color: shade($panel_bg_color, 1.3); - border-color: transparent; - border-radius: 0; - border-width: 1px; - color: $selected_fg_color; - text-shadow: none; - padding: 2px; - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/apps/_nautilus.scss b/dt-dark-theme/gtk-3.0/scss/apps/_nautilus.scss deleted file mode 100644 index e81a128..0000000 --- a/dt-dark-theme/gtk-3.0/scss/apps/_nautilus.scss +++ /dev/null @@ -1,72 +0,0 @@ -/************ - ! Nautilus * -*************/ - -@include exports("nautilus") { - .nautilus-desktop.nautilus-canvas-item { - color: $white; - text-shadow: 1px 1px $black; - - &:active { color: $fg_color; } - - &:selected { color: $selected_fg_color; } - - &:active, &:hover, &:selected { text-shadow: none; } - } - - NautilusWindow { - .toolbar { - border-width: 0 0 1px; - border-style: solid; - border-color: border_normal($toolbar_bg_color); - } - - .sidebar .frame { border: 0; } - - GtkPaned { - border-width: 0 1px 0 0; - border-style: solid; - - &, &:hover { - border-color: shade($bg_color, ($contrast + .1)); - background-color: $bg_color; - } - } - } - - NautilusNotebook { - &.notebook { - border-right-width: 0; - border-left-width: 0; - border-bottom-width: 0; - } - - .frame { border: 0; } - } - - NautilusQueryEditor { - .toolbar { - padding-top: $spacing - 1px; - padding-bottom: $spacing - 2px; - border-width: 1px 0 0; - border-style: solid; - border-color: $toolbar_bg_color; - background-color: shade($toolbar_bg_color, .9); - - &:nth-child(2) { border-color: border_normal($toolbar_bg_color); } - - &.search-bar { - border-top-width: 0; - border-bottom-width: 0; - } - - &, &.search-bar { - &:last-child, &:only-child { - border-bottom-width: 1px; - border-bottom-color: border_normal($toolbar_bg_color); - } - } - - } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/apps/_nemo.scss b/dt-dark-theme/gtk-3.0/scss/apps/_nemo.scss deleted file mode 100644 index d0aec8d..0000000 --- a/dt-dark-theme/gtk-3.0/scss/apps/_nemo.scss +++ /dev/null @@ -1,36 +0,0 @@ -/******** - ! Nemo * -*********/ - -@include exports("nemo") { - .nemo-desktop.nemo-canvas-item { - color: $white; - text-shadow: 1px 1px $black; - - &:active { color: $fg_color; } - - &:selected { color: $selected_fg_color; } - - &:active, &:hover, &:selected { text-shadow: none; } - } - - NemoPathbarButton { - @include button($toolbar_bg_color, $toolbar_fg_color); - - -NemoPathbarButton-border-radius: $roundness; - } - - NemoPlacesTreeView { - -NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, .8); - -NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color; - -NemoPlacesTreeView-disk-full-bar-width: 1px; - -NemoPlacesTreeView-disk-full-bar-radius: 1px; - -NemoPlacesTreeView-disk-full-bottom-padding: 2px; - -NemoPlacesTreeView-disk-full-max-length: 70px; - - &:selected { - -NemoPlacesTreeView-disk-full-bg-color: $selected_fg_color; - -NemoPlacesTreeView-disk-full-fg-color: shade($selected_bg_color, 1.2); - } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/apps/_panel.scss b/dt-dark-theme/gtk-3.0/scss/apps/_panel.scss deleted file mode 100644 index 56a8774..0000000 --- a/dt-dark-theme/gtk-3.0/scss/apps/_panel.scss +++ /dev/null @@ -1,80 +0,0 @@ -/*********************** - ! Fallback mode panel * -************************/ - -@include exports("panel") { - %panel { - @include linear-gradient($panel_bg_color); - - color: $panel_fg_color; - } - - %panelbutton { - border-width: 0 1px; - border-radius: 0; - border-color: transparent; - background-color: transparent; - background-image: none; - color: $panel_fg_color; - - &:hover, &:hover { - @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11)); - - border-color: mix($panel_bg_color, $panel_fg_color, .11); - color: shade($panel_fg_color, 1.08); - } - - &:active, &:checked { - @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top); - - border-color: mix($panel_bg_color, $panel_fg_color, .21); - color: shade($panel_fg_color, 1.08); - - &:hover { - @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top); - - border-color: mix($panel_bg_color, $panel_fg_color, .31); - } - } - } - - PanelWidget, PanelApplet, PanelToplevel { - @extend %panel; - - padding: 0; - } - - PanelApplet { - border: 0; - - .button { - @extend %panelbutton; - - -GtkButton-inner-border: 2; - } - } - - PanelSeparator { - @extend %panel; - - border: 0; - } - - PanelApplet > GtkMenuBar.menubar, PanelMenuBar.menubar, .gnome-panel-menu-bar { - &.menuitem { - @extend %panel; - - border: 0; - - -PanelMenuBar-icon-visible: true; - } - } - - PanelAppletFrame { - @extend %panel; - - border: 0; - } - - WnckPager, WnckTasklist { @extend %panel; } -} diff --git a/dt-dark-theme/gtk-3.0/scss/apps/_synaptic.scss b/dt-dark-theme/gtk-3.0/scss/apps/_synaptic.scss deleted file mode 100644 index c19b78e..0000000 --- a/dt-dark-theme/gtk-3.0/scss/apps/_synaptic.scss +++ /dev/null @@ -1,15 +0,0 @@ -/************ - ! Synaptic * -*************/ - -@include exports("synaptic") { - GtkWindow > GtkVBox > .dock { - &, > GtkHBox > GtkToolbar { - @include linear-gradient($toolbar-bg-color); - - padding: $spacing; - border: 0; - color: $toolbar_fg_color; - } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/apps/_unity-greeter.scss b/dt-dark-theme/gtk-3.0/scss/apps/_unity-greeter.scss deleted file mode 100644 index f0c7da7..0000000 --- a/dt-dark-theme/gtk-3.0/scss/apps/_unity-greeter.scss +++ /dev/null @@ -1,119 +0,0 @@ -/*********************** - ! Unity Greeter * - ***********************/ - -@include exports("unity-greeter") { - - - .lightdm.menu { - background-image: none; - background-color: fade-out($black, .4); - border-color: fade-out($white, .8); - border-radius: 4px; - padding: 1px; - - color: $white; - } - - .lightdm-combo .menu { - background-color: shade($dark_bg_color, 1.08); - border-radius: 0; - padding: 0; - color: $white; - } - - .lightdm.menu .menuitem *, - .lightdm.menu .menuitem.check:active, - .lightdm.menu .menuitem.radio:active { - color: $white; - } - - .lightdm.menubar *, - .lightdm.menubar .menuitem { - padding: 2px; - } - - .lightdm-combo.combobox-entry .button, - .lightdm-combo .cell, - .lightdm-combo .button, - .lightdm-combo .entry, - - .lightdm.button{ - background-image: none; - background-color: fade-out($black, .7); - border-color: fade-out($white, .1); - border-radius: 5px; - padding: 5px; - color: $white; - } - .lightdm.button:hover { - background-image: none; - background-color: fade-out($white, .7); - border-color: fade-out($white, .4); - border-radius: 5px; - padding: 5px; - color: $white; - text-shadow: none; - } - .lightdm.button:active, - .lightdm.button:active:focus, - .lightdm.button:focus, - - .lightdm.entry { - background-image: none; - background-color: fade-out($black, .7); - border-color: fade-out($white, .4); - border-radius: 5px; - padding: 6px; - color: $white; - text-shadow: none; - } - .lightdm.entry:hover, - .lightdm.entry:active, - .lightdm.entry:active:focus { - background-image: none; - border-image: none; - } - .lightdm.entry:focus { - border-color: fade-out($white, .4); - border-width: 1px; - border-style: solid; - color: $white; - } - .lightdm.entry:selected { - background-color: fade-out($white, .8); - } - - @keyframes dashentry_spinner { - to { -gtk-icon-transform: rotate(1turn); } - } - - .lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; - } - - .lightdm.option-button { - background: none; - border-width: 0; - } - - .lightdm.option-button:insensitive:insensitive { - background: none; - } - - .lightdm.toggle-button { - background: none; - border-width: 0; - } - .lightdm.toggle-button.selected:hover { - background-color: fade-out($white, .7); - border-color: fade-out($white, .7); - border-width: 1px; - } - .lightdm.toggle-button.selected { - background-color: fade-out($black, .7); - border-color: fade-out($white, .7); - border-width: 1px; - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/apps/_unity.scss b/dt-dark-theme/gtk-3.0/scss/apps/_unity.scss deleted file mode 100644 index 6bc77a9..0000000 --- a/dt-dark-theme/gtk-3.0/scss/apps/_unity.scss +++ /dev/null @@ -1,74 +0,0 @@ -@import "panel"; - -/**************** - ! Unity styles * -*****************/ - -@include exports("unity") { - UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - - -UnityDecoration-shadow-offset-x: 1px; - -UnityDecoration-shadow-offset-y: 1px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, .7); - -UnityDecoration-active-shadow-radius: 8px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, .5); - -UnityDecoration-inactive-shadow-radius: 5px; - - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: $selected_bg_color; - - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0; - - - &.top { - border: 1px solid mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); - border-bottom: 0; - border-radius: 2px 2px 0 0; - padding: 1px 8px 0 8px; - background-color: $titlebar_bg_color; - color: mix($titlebar_fg_color, $titlebar_bg_color, .1); - text-shadow: none; - - &:backdrop { - border: 1px solid mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12); - border-bottom: 0; - background-color: $titlebar_bg_color; - color: mix($titlebar_fg_color, $titlebar_bg_color, .4); - } - } - - &.left, &.right, &.bottom { - background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); - - &:backdrop { - background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12); - } - } - } - - UnityPanelWidget, .unity-panel { - @extend %panel; - - border: 0; - } - - .unity-panel { - &.menuitem, .menuitem { - border-width: 0 1px; - color: $panel_fg_color; - - &:hover, *:hover { - border-color: mix($panel_bg_color, $panel_fg_color, .21); - background-color: mix($panel_bg_color, $panel_fg_color, .21); - background-image: none; - color: shade($panel_fg_color, 1.08); - } - } - } - - SheetStyleDialog.unity-force-quit { background-color: $bg_color; } -} diff --git a/dt-dark-theme/gtk-3.0/scss/apps/_xfce.scss b/dt-dark-theme/gtk-3.0/scss/apps/_xfce.scss deleted file mode 100644 index dc38a86..0000000 --- a/dt-dark-theme/gtk-3.0/scss/apps/_xfce.scss +++ /dev/null @@ -1,26 +0,0 @@ -@import "panel"; - -/*************** - ! Xfce styles * -****************/ - -@include exports("xfce") { - XfceHeading { - margin: 0; - padding: 0; - border: 0; - background-image: none; - background-color: $base_color; - color: $text_color; - } - - .xfce4-panel { - @extend %panel; - - font: normal; - - .button { @extend %panelbutton; } - - .menu { -gtk-image-effect: none; } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/gtk-dark.scss b/dt-dark-theme/gtk-3.0/scss/gtk-dark.scss deleted file mode 100644 index fd46aa1..0000000 --- a/dt-dark-theme/gtk-3.0/scss/gtk-dark.scss +++ /dev/null @@ -1,3 +0,0 @@ -$variant: "dark"; - -@import "widgets"; diff --git a/dt-dark-theme/gtk-3.0/scss/gtk.scss b/dt-dark-theme/gtk-3.0/scss/gtk.scss deleted file mode 100644 index 4455669..0000000 --- a/dt-dark-theme/gtk-3.0/scss/gtk.scss +++ /dev/null @@ -1,3 +0,0 @@ -$variant: "light"; - -@import "widgets"; diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_actionbar.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_actionbar.scss deleted file mode 100644 index 749f549..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_actionbar.scss +++ /dev/null @@ -1,106 +0,0 @@ -@import "button"; -@import "toolbar"; - -/************** - ! Action-bar * -***************/ - -@include exports("actionbar") { - .action-bar { - @include linear-gradient($bg_color); - - padding: $spacing; - border-width: 1px 0 0; - border-style: solid; - border-color: border_normal($bg_color); - color: $fg_color; - - .button { - &.text-button { padding: $spacing - 1px; } - - &.image-button { padding: $spacing + 1px; } - } - - .title { - font: bold; - padding: 0 ($spacing * 2); - } - - .subtitle { - font: smaller; - padding: 0 ($spacing * 2); - } - } -} - - -/*************** - ! Search bars * -****************/ - -@include exports("searchbar") { - .search-bar { - @include linear-gradient(shade($bg_color, .98)); - - border-width: 0 0 1px; - border-style: solid; - border-color: border_normal($bg_color); - color: $fg_color; - - .button.close-button { padding: $spacing; } - } -} - - -/****************** - ! Action buttons * -*******************/ - -@include exports("actionbuttons") { - $types: ( - suggested: $success_color, - destructive: $error-color - ); - - @each $type, $color in $types { - .#{$type}-action.button { - @include button($color, $selected_fg_color); - } - } -} - - -/****************** -* selection mode * -******************/ - -@include exports("selectionmode") { - .selection-mode { - &.header-bar, &.toolbar { - @include toolbar($selected_bg_color, $selected_fg_color); - - .button { - @include button($selected_bg_color, $selected_fg_color); - - &.suggested-action { @extend .suggested-action.button; } - } - - .selection-menu.button { - border: 0; - background-color: transparent; - background-image: none; - color: shade($selected_bg_color, $contrast); - - &:hover { color: shade($selected_bg_color, ($contrast - .1)); } - - &:active { color: shade($selected_bg_color, ($contrast - .05)); } - } - - .dim-label, { - &, .selection-menu.button & { color: shade($selected_bg_color, ($contrast - .1)); } - } - } - - &.toolbar { padding: $spacing; } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_base.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_base.scss deleted file mode 100644 index 4265fad..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_base.scss +++ /dev/null @@ -1,100 +0,0 @@ -/************** - ! GTK settings -***************/ - -* { - -GtkArrow-arrow-scaling: .5; - -GtkExpander-expander-size: 8; - -GtkStatusbar-shadow-type: none; - -GtkToolItemGroup-expander-size: 8; - -GtkWindow-resize-grip-height: 0; - -GtkWindow-resize-grip-width: 0; - -WnckTasklist-fade-overlay-rect: 0; - - outline-color: alpha($selected_bg_color, .5); - outline-style: dashed; - outline-width: 1px; - outline-offset: -1px; - outline-radius: $roundness; -} - - -/************* - ! Base states - *************/ - -%selected { - &, &:focus { - background-color: $selected_bg_color; - color: $selected_fg_color; - } -} - -* { - /* hyperlinks */ - -GtkHTML-link-color: $link_color; - -GtkIMHtml-hyperlink-color: $link_color; - -GtkWidget-link-color: $link_color; - -GtkWidget-visited-link-color: $link_color; - - &:selected { @extend %selected; } - - &:insensitive, - &:insensitive:insensitive { color: mix($fg_color, $bg_color, .5); } - - &:insensitive { -gtk-image-effect: dim; } - - &:hover { -gtk-image-effect: highlight; } - - &:link, &:visited { color: $link_color; } -} - -.background { - background-color: $bg_color; - color: $fg_color; - - &:backdrop { - text-shadow: none; - icon-shadow: none; - } - - &.csd { background-color: $bg_color; } -} - -.gtkstyle-fallback { - background-color: alpha($bg_color, .5); - color: $fg_color; - - &:hover { - background-color: shade($bg_color, 1.1); - color: $fg_color; - } - - &:active { - background-color: shade($bg_color, .9); - color: $fg_color; - } - - &:insensitive { - background-color: shade(shade($bg_color, .95), 1.05); - color: mix($fg_color, $bg_color, .5); - } - - &:selected { @extend %selected; } -} - -GtkImage, GtkLabel, GtkBox, GtkGrid { - &, &:insensitive { background-color: transparent; } -} - -GtkLabel { - &.separator { - @extend .dim-label; - - color: $fg_color; - } - - &:selected { @extend %selected; } - - &:insensitive { color: mix($fg_color, $bg_color, .5); } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_button.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_button.scss deleted file mode 100644 index 6d26c9f..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_button.scss +++ /dev/null @@ -1,376 +0,0 @@ -/********* - ! Buttons -**********/ - -@include exports("button_extends") { - %button { - padding: $spacing ($spacing + 2px); - border-width: 1px; - border-style: solid; - border-radius: $roundness; - transition: 150ms ease; - outline-color: transparent; - - -GtkWidget-focus-padding: 1; - -GtkWidget-focus-line-width: 0; - - &:focus, &:hover, &:active { transition: none; } - } - - %linked_middle { - border-radius: 0; - border-left-style: none; - border-right-style: solid; - - &:dir(rtl) { - border-radius: 0; // needed when including %linked_middle:dir(rtl) - border-right-style: none; - border-left-style: solid; - } - } - - %linked_button { - border-width: 1px; - border-style: solid; - border-radius: 0; - border-right-style: none; - border-left-style: none; - - &:first-child { - border-width: 1px; - border-radius: $roundness; - border-left-style: solid; - border-right-style: none; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - - &:dir(rtl) { - border-left-style: none; - border-right-style: solid; - } - } - - &:last-child { - border-width: 1px; - border-radius: $roundness; - border-left-style: none; - border-right-style: solid; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - - &:dir(rtl) { - border-left-style: solid; - border-right-style: none; - } - } - - &:only-child, &:first-child:only-child { - border-width: 1px; - border-style: solid; - border-radius: $roundness; - } - } -} - -@mixin linked_button($bg) { - $border_strength: if(lightness($bg) > 50, 0, .1); - $shadow_strength: if(lightness($bg) > 50, 0, .1); - - @extend %linked_button; - - box-shadow: inset -1px 0 border_normal(rgba(0, 0, 0, .12 + $border_strength)), - 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); - - &:focus, &:hover { - box-shadow: inset -1px 0 border_focus(rgba(0, 0, 0, .12 + $border_strength)), - 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); - } - - &:active, &:active:hover, - &:active:focus, &:active:hover:focus, - &:checked, &:checked:hover, - &:checked:focus, &:checked:hover:focus { - box-shadow: inset -1px 0 border_active(rgba(0, 0, 0, .12 + $border_strength)), - inset 0 1px alpha($dark_shadow, .07), - inset 0 -1px alpha($dark_shadow, .05); - } - - &:insensitive { box-shadow: inset -1px 0 shade($bg, .8); } - - &:last-child, &:only-child { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); } - - &:last-child:hover, &:only-child:hover { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); } - - &:insensitive:last-child, &:insensitive:only-child, - &:active:insensitive:last-child, &:active:insensitive:only-child, - &:checked:insensitive:last-child, &:checked:insensitive:only-child { box-shadow: none; } - - &:active:last-child, &:active:last-child:focus, &:active:last-child:hover, &:active:last-child:hover:focus, - &:checked:last-child, &:checked:last-child:focus, &:checked:last-child:hover, &:checked:last-child:hover:focus { - box-shadow: inset 0 1px alpha($dark_shadow, .07), - inset -1px 0 alpha($dark_shadow, .06); - } - - &:active:only-child, &:active:only-child:focus, &:active:only-child:hover, &:active:only-child:hover:focus, - &:checked:only-child, &:checked:only-child:focus, &:checked:only-child:hover, &:checked:only-child:hover:focus { - box-shadow: inset 1px 0 alpha($dark_shadow, .06), - inset 0 1px alpha($dark_shadow, .07), - inset -1px 0 alpha($dark_shadow, .06); - } -} - -@mixin button($bg, $fg) { - $border_strength: if(lightness($bg) > 50, 0, .1); - $shadow_strength: if(lightness($bg) > 50, 0, .1); - - /*$button_bg: if(hue($bg) == 0deg, shade($bg, 1.2), $bg);*/ - $button_bg: $bg; - - @extend %button; - @include linear-gradient($button_bg); - @include border(rgba(0, 0, 0, .12 + $border_strength)); - - color: $fg; - box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); - - &.flat { - border-color: alpha($button_bg, 0); - background-color: alpha($button_bg, 0); - background-image: none; - box-shadow: none; - } - - &, &.flat { - &:focus, &:hover { - @include linear-gradient(shade($button_bg, 1.2)); - @include border(rgba(0, 0, 0, .2 + $border_strength)); - - box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); - } - - &:active, &:checked { - @include linear-gradient(shade($button_bg, .7), to top); - - color: $selected_fg_color; - box-shadow: inset 1px 0 alpha($dark_shadow, .06), - inset 0 1px alpha($dark_shadow, .07), - inset -1px 0 alpha($dark_shadow, .06), - inset 0 -1px alpha($dark_shadow, .05); - - &:focus, &:hover { - @include linear-gradient(shade($button_bg, .65), to top); - - color: $selected_fg_color; - } - } - - &:focus, &:hover { color: $fg; } - - &:active:insensitive, &:checked:insensitive { - @include linear-gradient(shade($button_bg, .9)); - - color: $fg; - box-shadow: none; - } - - &:insensitive:insensitive { - @if (lightness($button_bg) > 50) { - @include linear-gradient(shade($button_bg, .95)); - } @else { - @include linear-gradient(alpha($button_bg, .3)); - } - - color: mix($button_bg, $fg, .5); - box-shadow: none; - } - } - - // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/572 - // Webkitgtk workaround start - &:active { color: $fg; } - // Webkitgtk workaround end - - &.flat { - &:insensitive:insensitive { - background-color: transparent; - background-image: none; - color: mix($bg, $fg, .5); - box-shadow: none; - } - } - - &.separator, .separator { - border: 1px solid currentColor; - color: shade($button_bg, ($contrast + .1)); - - &:insensitive { color: shade($button_bg, .85); } - } -} - -@include exports("button") { - * { - -GtkButton-child-displacement-x: 0; - -GtkButton-child-displacement-y: 0; - -GtkButton-default-border: 0; - -GtkButton-image-spacing: 0; - -GtkButton-inner-border: 1; - -GtkButton-interior-focus: true; - -GtkButtonBox-child-min-height: 24; - -GtkButtonBox-child-internal-pad-y: 1; - -GtkToolButton-icon-spacing: 6; - } - - %close_button { - border: 1px solid transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - - &:focus, &:hover { - border: 1px solid alpha($black, .3); - background-color: alpha($white, .2); - background-image: none; - box-shadow: none; - } - - &:active, &:checked, &:active:hover, &:checked:hover { - border: 1px solid alpha($black, .3); - background-color: alpha($black, .1); - background-image: none; - box-shadow: none; - } - } - - .button { - @include button($button_bg_color, $button_fg_color); - - &.default { @include button($selected_bg_color, $selected_fg_color); } - - &.linked, .linked & { @include linked_button($button_bg_color); } - - .spinbutton & { - color: mix($text_color, $base_color, .4); - padding: $spacing ($spacing * 2); - border: 0; - border-radius: 0; - border-style: none; - background-color: transparent; - background-image: none; - box-shadow: inset 1px 0 shade($base_color, .9); - - &:insensitive { - color: mix($text_color, $base_color, .7); - box-shadow: inset 1px 0 shade($base_color, .85); - } - - &:active, &:checked, &:hover { color: $text_color; } - - &:first-child { - border-radius: $roundness 0 0 $roundness; - box-shadow: none; - } - - &:last-child { border-radius: 0 $roundness $roundness 0; } - - &:dir(rtl) { box-shadow: inset -1px 0 shade($base_color, .9); } - } - - .spinbutton.vertical & { - border: 1px solid shade($bg_color, .8); - border-radius: $roundness; - background-color: shade($bg_color, 1.08); - background-image: none; - color: $fg_color; - box-shadow: none; - - &:hover { - border-color: shade($bg_color, .7); - background-color: shade($bg_color, 1.1); - background-image: none; - } - - &:active, &:checked { - border-color: shade($bg_color, .8); - background-color: shade($bg_color, .95); - background-image: none; - } - - &:active:hover, &:checked:hover { - border-color: shade($bg_color, .7); - } - - &:focus, &:hover:focus, &:active:focus, &:active:hover:focus { border-color: shade($bg_color, .7); } - - &:insensitive { - border-color: shade($bg_color, .85); - background-color: shade($bg_color, .9); - background-image: none; - } - - &:first-child { - border-width: 1px; - border-bottom-width: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } - - &:last-child { - border-width: 1px; - border-top-width: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; - } - } - - .spinbutton.vertical.entry { - border-width: 1px; - border-style: solid; - border-radius: 0; - } - } -} - - -/****************** -! ComboBoxes * -*******************/ - -@include exports("combobox") { - GtkComboBox { - > .button { - padding: ($spacing - 2px) ($spacing + 1px); - - -GtkComboBox-arrow-scaling: .5; - -GtkComboBox-shadow-type: none; - } - - &.combobox-entry { - .entry, .button { @extend %linked_button; } - } - - .separator { - /* always disable separators */ - -GtkWidget-wide-separators: true; - -GtkWidget-horizontal-separator: 0; - -GtkWidget-vertical-separator: 0; - - border-style: none; - } - } - - .linked > GtkComboBox { - > .button { - // the combo is a composite widget so the way we do button linked doesn't - // work, special case needed. See - // https://bugzilla.gnome.org/show_bug.cgi?id=733979 - &:dir(ltr) { @extend %linked_middle; } // specificity bump - &:dir(rtl) { @extend %linked_middle:dir(rtl); } - } - - &:first-child > .button { @extend %linked_button:first-child; } - - &:last-child > .button { @extend %linked_button:last-child; } - - &:only-child > .button { @extend %linked_button:only-child; } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_calendar.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_calendar.scss deleted file mode 100644 index 5c7ca32..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_calendar.scss +++ /dev/null @@ -1,38 +0,0 @@ -/********** - ! Calendar -***********/ - -@include exports("calendar") { - GtkCalendar { - padding: 1px 3px; - outline-offset: -1px; - - &:inconsistent { color: mix($fg_color, $bg_color, .5); } - - &.view, &.highlight, &.header, &.button { - &, &:focus, &:hover, &:insensitive { - background-color: transparent; - background-image: none; - border-width: 0; - border-radius: 0; - } - } - - &.button { - &, &:focus, &:hover, &:insensitive { - color: $white; - border-width: 0; - box-shadow: none; - } - } - - &.highlight { color: $selected_bg_color; } - } - - /* gnome-calendar */ - .calendar-view { - background-color: $base_color; - color: $text_color; - } -} - diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_choosers.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_choosers.scss deleted file mode 100644 index ecd50dd..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_choosers.scss +++ /dev/null @@ -1,125 +0,0 @@ -/*************** - ! Color chooser -****************/ - -@include exports("colorchooser") { - GtkColorSwatch { - &, &:selected { - border: 1px solid alpha($black, .1); - border-radius: $roundness; - background-color: transparent; - background-clip: border-box; - - &:hover { border-color: alpha($black, .3); } - } - - &.color-light:selected:hover, &.color-dark:selected:hover { background-image: none; } - - &.left, &:first-child { - border-top-left-radius: $roundness; - border-bottom-left-radius: $roundness; - } - - &.right, &:last-child { - border-top-right-radius: $roundness; - border-bottom-right-radius: $roundness; - } - - &:only-child { border-radius: $roundness; } - - &.top { - border-top-left-radius: $roundness; - border-top-right-radius: $roundness; - } - - &.bottom { - border-bottom-left-radius: $roundness; - border-bottom-right-radius: $roundness; - } - - GtkColorEditor & { - border-radius: $roundness; - - &.color-dark:hover, &.color-light:hover { - background-image: none; - border-color: alpha($black, .3); - } - } - } - - GtkColorChooserWidget #add-color-button { - background-clip: padding-box; - border-color: alpha($black, .1); - background-color: shade($bg_color, .95); - color: $fg_color; - - &:hover { - border-color: alpha($black, .3); - background-color: shade($bg_color, .9); - color: $fg_color; - } - } - - .color-active-badge { - &, &:selected { - border-width: 2px; - border-style: solid; - background-color: transparent; - } - - &.color-light { - &, &:hover { - border-color: alpha($black, .3); - color: alpha($black, .3); - } - } - - &.color-dark { - &, &:hover { - border-color: alpha($white, .3); - color: alpha($white, .3); - } - } - } - - GtkColorButton.button { padding: $spacing; } -} - - -/*********************** -! Font and file choosers -************************/ - -@include exports("miscchoosers") { - GtkFontButton, GtkFileChooserButton { - .separator { - /* always disable separators */ - -GtkWidget-wide-separators: true; - -GtkWidget-horizontal-separator: 0; - -GtkWidget-vertical-separator: 0; - } - - GtkLabel:last-child { color: alpha(currentColor, .7); } - - GtkImage:last-child { color: alpha(currentColor, .7); } - } - - GtkFileChooser { - .pane-separator { - &, &:hover { - border-width: 0 1px 0 0; - border-style: solid; - border-color: currentColor; - background-color: $bg_color; - color: shade($bg_color, ($contrast + .1)); - } - } - - /* for fallback when header bar not used */ - .dialog-action-box { - border-width: 1px 0 0; - border-style: solid; - border-color: shade($bg_color, .7); - } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_entry.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_entry.scss deleted file mode 100644 index e8d7562..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_entry.scss +++ /dev/null @@ -1,84 +0,0 @@ -/********* - ! Entry * -**********/ - -%linked_entry { - border-width: 1px; - border-radius: 0; - border-right-width: 0; - border-left-width: 0; - - &:first-child { - border-width: 1px; - border-radius: $roundness; - border-right-width: 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; - } - - &:last-child { - border-width: 1px; - border-radius: $roundness; - border-left-width: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } - - &:only-child { - border-width: 1px; - border-radius: $roundness; - } -} - -%entry { - padding: ($spacing - 1px) $spacing; - border-width: 1px; - border-style: solid; - border-radius: $roundness; - transition: border 150ms ease; - box-shadow: inset 1px 1px alpha($dark_shadow, .06), - inset -1px 0 alpha($dark_shadow, .06); - - &:focus, &:hover, &:active { transition: none; } - - &:selected, &:selected:focus { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - &:insensitive { box-shadow: none; } - - &.progressbar { - @include linear-gradient($selected_bg_color); - - border-width: 0; - border-radius: $roundness; - color: $selected_fg_color; - } - - &.image.left { padding-right: $spacing; } -} - -@mixin entry($bg, $fg) { - @extend %entry; - @include linear-gradient($bg, to top); - @include border($bg); - - color: $fg; - - &:focus, &:active { border-color: $selected_bg_color; } - - &:insensitive { - @include linear-gradient(shade($bg, .9), to top); - - color: mix($bg, $fg, .5); - } -} - -@include exports("entry") { - .entry { - @include entry($base_color, $text_color); - - &.linked, .linked & { @extend %linked_entry; } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_grid.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_grid.scss deleted file mode 100644 index e4b9e8f..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_grid.scss +++ /dev/null @@ -1,48 +0,0 @@ -/****************** - ! Grid and flowbox -*******************/ - -@include exports("grid") { - .list { - background-color: shade($bg_color, .97); - color: $fg_color; - - &-row { - &, &.button { - border: 0; - border-radius: 0; - padding: $spacing; - background-image: none; - background-color: alpha($bg_color, 0); - box-shadow: none; - - &:hover { - background-image: none; - background-color: shade($bg_color, 1.02); - } - - &:selected { - &, &:hover, &:focus { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - } - } - } - - .grid-child { - &, GtkFlowBox & { - padding: $spacing; - border-radius: $roundness; - - &:selected { - @extend %selected; - - outline-offset: -2px; - } - } - } -} - diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_infobar.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_infobar.scss deleted file mode 100644 index 6f5865b..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_infobar.scss +++ /dev/null @@ -1,38 +0,0 @@ -@import "button"; - - -/********* - ! Infobar -**********/ - -@include exports("infobar") { - GtkInfoBar { - border: 0; - } - - $types: ( - info: ($info_fg_color, $info_bg_color), - warning: ($warning_fg_color, $warning_bg_color), - question: ($question_fg_color, $question_bg_color), - error: ($error_fg_color, $error_bg_color), - ); - - - @each $type, $colors in $types { - $fg_color: nth($colors, 1); - $bg_color: nth($colors, 2); - - .#{$type} { - @include linear-gradient($bg_color); - - border: 1px solid shade($bg_color, .8); - color: $fg_color; - - .button { - @include button($bg_color, $fg_color); - - &.close { @extend %close_button; } - } - } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_menu.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_menu.scss deleted file mode 100644 index aa1ccfd..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_menu.scss +++ /dev/null @@ -1,267 +0,0 @@ -@import "entry"; - - -/********* - ! Menubar -**********/ - -@include exports("menubar") { - .menubar { - -GtkWidget-window-dragging: true; - - border: 0; - background-color: $menubar_bg_color; - background-image: none; - color: $menubar_fg_color; - - - &.menuitem, .menuitem { - padding: $spacing ($spacing * 2); - border: 1px solid transparent; - background-color: transparent; - background-image: none; - color: $menubar_fg_color; - - &:hover { - border-color: mix($menubar_bg_color, $menubar_fg_color, .21); - background-color: mix($menubar_bg_color, $menubar_fg_color, .21); - background-image: none; - color: shade($menubar_fg_color, 1.08); - } - - *:hover { color: shade($menubar_fg_color, 1.08); } - } - } -} - - -/****** - ! Menu -*******/ - -@include exports("menu") { - * { - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; - } - - GtkTreeMenu, GtkMenuToolButton, GtkComboBox { - &.menu, .menu { - background-color: $menu_bg_color; - margin: $spacing; - } - } - - #toolbar-popup, .menu { - padding: 0; - border-radius: 0; - border: 0; - background-color: $menu_bg_color; - color: $menu_fg_color; - - &:selected { background-color: $selected_bg_color; } - - .button { - &, &:hover, &:active, &:active *:insensitive, &:insensitive { - border-width: 0; - background-color: transparent; - background-image: none; - } - } - } - - .context-menu { font: initial; } - - .menuitem { - GtkTreeMenu & { - padding: 0; - border-width: 0; - } - - &, .menu & { - margin: $spacing; - padding: $spacing; - border: 0; - border-radius: 0; - background-color: transparent; - background-image: none; - - -GtkMenuItem-arrow-scaling: .5; - - &:active, &:hover { - border: 0; - background-color: $selected_bg_color; - background-image: none; - color: $selected_fg_color; - } - - *:active, *:hover { color: $selected_fg_color; } - - &:insensitive, *:insensitive { color: mix($menu_fg_color, $menu_bg_color, .5); } - } - - &.check, &.radio { - &, &:focus, &:hover, &:insensitive { background-image: none; } - - &, &:focus, &:hover, &:active, &:insensitive { - border-style: none; - background-color: transparent; - } - } - - &.separator { - -GtkMenuItem-horizontal-padding: 0; - -GtkWidget-separator-height: 1; - - border-style: none; - color: shade($menu_bg_color, ($contrast + .1)); - } - - &.button, &.button.flat { - &, &:focus, &:active, &:insensitive, &:active:insensitive { - background-color: transparent; - background-image: none; - border: 0; - box-shadow: none; - color: currentColor; - } - - &:hover, &:focus:hover, &:active:hover, &:selected { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - - GtkCalendar { - &:inconsistent { color: mix($menu_fg_color, $menu_bg_color, .5); } - - .button { - border-style: none; - background-color: transparent; - background-image: none; - } - } - - .accelerator { - color: alpha($menu_fg_color, .6); - - &:hover { color: alpha($selected_fg_color, .8); } - - &:insensitive { color: alpha(mix($menu_fg_color, $menu_bg_color, .5), .4); } - } - - .entry { @include entry($menu_bg_color, $menu_fg_color); } - } - - GtkModelMenuItem GtkBox GtkImage { padding-right: $spacing; } -} - - -/********* - ! Popover -**********/ - -@include exports("popover") { - GtkPopover { - @include border($menu_bg_color); - - margin: 10px; - padding: $spacing; - border-radius: $roundness; - border-width: 1px; - border-style: solid; - background-clip: border-box; - background-color: $menu_bg_color; - background-image: none; - color: $menu_fg_color; - box-shadow: 0 3px 6px alpha($black, .16); - - &.background { - background-image: none; - background-color: $menu_bg_color; - color: $menu_fg_color; - } - - &:backdrop { box-shadow: none; } - - &.osd { - box-shadow: 0 2px 7px 3px alpha($black, .5); - - > .toolbar .button { - border-radius: 0; - border-width: 0; - background-color: transparent; - background-image: none; - } - } - - .view, .list { - background-color: shade($menu_bg_color, ($contrast + .5)); - background-image: none; - color: $menu_fg_color; - - &:hover { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - - .list-row { - &, &.button { - background-color: transparent; - background-image: none; - color: $menu_fg_color; - - &:focus, &:hover, &:active { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - } - - .frame { - border-color: border_normal($menu_bg_color); - border-radius: $roundness; - } - - .entry { @include entry($base_color, $text_color); } - - .button { @include button($header_button_bg_color, $header_button_fg_color); } - - > .list, > .view, > .toolbar { background-color: transparent; } - - .separator { - border: 0; - background-color: transparent; - color: shade($menu_bg_color, ($contrast + .1)); - font-size: 80%; - font-weight: bold; - } - } - - GtkModelButton.button { - &, &:backdrop { - @include button(transparent, currentColor); - - &:focus:hover, &.flat:checked:hover, &:active:hover, &:hover, &:selected { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - box-shadow: none; - } - - &.flat { - &:checked { - box-shadow: none; - } - - &, &:hover { - transition: none; - } - } - } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_misc.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_misc.scss deleted file mode 100644 index 015632d..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_misc.scss +++ /dev/null @@ -1,227 +0,0 @@ -/*************** -! Dimmed label * -****************/ - -@include exports("dimlabel") { - .dim-label { - opacity: .5; - text-shadow: none; - } -} - - -/*********** - ! Tooltip * -************/ - -@include exports("tooltip") { - .tooltip { - &.background { - @include linear-gradient($tooltip_bg_color); - - border: 0; - border-radius: $roundness; - color: $tooltip_fg_color; - } - - * { - background-color: transparent; - color: inherit; - } - } -} - - -/*********** - ! Dialogs * -************/ - -@include exports("dialogs") { - GtkMessageDialog, .message-dialog, .prompt { - -GtkDialog-content-area-border: $spacing; - -GtkDialog-action-area-border: $spacing; - -GtkDialog-button-spacing: $spacing; - - margin: 0; - padding: 0; - } -} - - -/********************* - ! App notifications * -**********************/ - -@include exports("notifications") { - .app-notification { - &, &.frame { - border-style: solid; - border-color: border_normal($osd_bg); - border-width: 0 1px 1px; - border-radius: 0 0 $roundness $roundness; - padding: $spacing * 2; - background-color: $osd_bg; - background-image: none; - color: $osd_fg; - - .button { @include button($osd_bg, $osd_fg); } - } - } -} - - -/************* - ! Expanders * -**************/ - -@include exports("expander") { - GtkExpander { - padding: $spacing; - outline-offset: 1px; - } - - .expander { - color: alpha(currentColor, .7); - border: alpha(currentColor, .7); - - &:hover { - color: alpha(currentColor, .8); - border-color: alpha(currentColor, .8); - } - - &:active { - color: alpha(currentColor, .9); - border-color: alpha(currentColor, .9); - } - } -} - - -/******************* - ! Symbolic images * -********************/ - -@include exports("symbolicimage") { - .image { - color: alpha(currentColor, .5); - - &:hover { color: alpha(currentColor, .9); } - - &:selected, &:selected:hover { color: $selected_fg_color; } - } -} - - -/**************** - ! Floating bar * -*****************/ - -@include exports("floatingbar") { - .floating-bar { - @include linear-gradient($bg_color); - - border: 1px solid border_normal($bg_color); - border-radius: $roundness; - color: $fg_color; - - &.top { - border-top-width: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - - &.right { - border-right-width: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - &.bottom { - border-bottom-width: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } - - &.left { - border-left-width: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } - - .button { - -GtkButton-image-spacing: 0; - -GtkButton-inner-border: 0; - - border: 0; - background-color: transparent; - background-image: none; - } - } -} - - -/************************* - ! Touch text selections * -**************************/ - -@include exports("touchbubble") { - GtkBubbleWindow { - border-radius: $roundness; - background-clip: border-box; - - &.osd.background { background-color: $osd_bg; } - - .toolbar { background-color: transparent; } - } -} - -/*************** - ! Font-viewer * -****************/ - -@include exports("fontviewer") { - SushiFontWidget { - padding: $spacing ($spacing * 2); - } -} - - -/************* - ! Gucharmap * -**************/ - -@include exports("charmap") { - GucharmapChartable { - background-color: $base_color; - color: $text_color; - - &:focus, &:hover, &:active, &:selected { @extend %selected; } - } -} - - -/************* - ! Evolution * -**************/ - -@include exports("evolution") { - EPreviewPane .entry { - background-color: $base_color; - color: $text_color; - } -} - - -/******************* - ! Gnome Bluetooth * -********************/ - -@include exports("gnome-bluetooth") { - GtkEntry.entry.pin-entry { - font: regular 50; - padding-left: 25px; - padding-right: 25px; - } - - GtkLabel.pin-label { font: regular 50; } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_notebook.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_notebook.scss deleted file mode 100644 index 962d8c3..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_notebook.scss +++ /dev/null @@ -1,139 +0,0 @@ -@import "button"; - - -/********** - ! Notebook -***********/ - -@include exports("notebook") { - .notebook { - padding: 0; - border-style: solid; - border-color: border_normal($bg_color); - border-radius: 0; - @include linear-gradient($bg_color); - background-clip: border-box; - color: $text_color; - - -GtkNotebook-initial-gap: 0; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; - - &.frame { - &.top { border-width: 0 1px 1px; } - - &.right { border-width: 1px 0 1px 1px; } - - &.bottom { border-width: 1px 1px 0; } - - &.left { border-width: 1px 1px 1px 0; } - } - - &.header { - border-width: 2px; - background-color: transparent; - } - - GtkViewport { - border-width: 0; - background-color: $base_color; - color: $text_color; - } - - tab { - padding: ($spacing + 1px) ($spacing * 2); - border-style: solid; - border-color: border_normal(shade($bg_color, 0.80)); - background-color: shade($bg_color, 0.80); - background-image: none; - - &:active { - background-color: $bg_color; - background-image: none; - } - - &.top { - border-width: 2px 1px 1px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - - &:active { - border-top-width: 3px; - border-top-color: $selected_bg_color; - border-bottom-width: 0; - } - } - - &.right { - border-width: 1px 2px 1px 1px; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - - &:active { - border-right-width: 3px; - border-right-color: $selected_bg_color; - border-left-width: 0; - } - } - - - &.bottom { - border-width: 1px 1px 2px; - border-top-right-radius: 0; - border-top-left-radius: 0; - - &:active { - border-bottom-width: 3px; - border-bottom-color: $selected_bg_color; - border-top-width: 0; - } - } - - &.left { - border-width: 1px 1px 1px 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - - &:active { - border-left-width: 3px; - border-left-color: $selected_bg_color; - border-right-width: 0; - } - } - - GtkLabel { color: mix($text_color, $base_color, .3); } - - &.reorderable-page { - &:hover { - background-color: shade($base_color, .85); - border-left: 0; - border-right: 0; - /* using box shadows instead of borders due to slanted edges */ - box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($base_color, .7), inset -1px 0 shade($base_color, .7); - } - - &:active { - background-color: shade($base_color, .9); - border-left: 0; - border-right: 0; - box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($base_color, .75), inset -1px 0 shade($base_color, .75); - } - } - - /* close button styling */ - .button { @extend %close_button; } - - } - - .prelight-page { - &, GtkLabel { color: mix($text_color, $base_color, .15); } - } - - .active-page { - &, GtkLabel { color: $text_color; } - } - - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_osd.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_osd.scss deleted file mode 100644 index dcb4e74..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_osd.scss +++ /dev/null @@ -1,132 +0,0 @@ -@import "button"; - - -/******* - ! OSD * -********/ - -@include exports("osd") { - GtkOverlay.osd { background-color: transparent; } - - .osd, - #XfceNotifyWindow { - &.background { - background-color: alpha($osd_bg, .8); - color: $osd_fg; - } - - &.frame { - background-clip: border-box; - background-origin: border-box; - } - - &.button, .button { @include button($osd_bg, $osd_fg); } - - - &.toolbar { - -GtkToolbar-button-relief: normal; - - padding: $spacing; - border: 1px solid border_normal($osd_bg); - border-radius: $roundness; - background-color: $osd_bg; - background-image: none; - color: $osd_fg; - - .separator { color: shade($osd_bg, ($contrast + .1)); } - } - - /* used by gnome-settings-daemon's media-keys OSD */ - &.trough { background-color: shade($osd_bg, .8); } - - &.progressbar { background-color: $osd_fg; } - - .scale { - &.slider { - @include linear-gradient(shade($osd_bg, 1.08)); - @include border($osd_bg); - - &:insensitive { @include linear-gradient(shade($osd_bg, .9)); } - } - - &.trough { - border-color: shade($osd_bg, .8); - background-color: shade($osd_bg, 1.08); - background-image: none; - - &.highlight { - border-color: $selected_bg_color; - background-color: $selected_bg_color; - background-image: none; - } - - &:insensitive, &.highlight:insensitive { - border-color: shade($osd_bg, .85); - background-color: shade($osd_bg, .9); - background-image: none; - } - } - } - - &.view, .view { background-color: $osd_bg; } - - .scrollbar { - .trough { background-color: $osd_bg; } - - .slider { - border: 1px solid mix(shade($osd_bg, .87), $osd_fg, .21); - border-radius: 0; - background-color: mix($osd_bg, $osd_fg, .21); - - &:hover { - border-color: mix(shade($osd_bg, .87), $osd_fg, .31); - background-color: mix($osd_bg, $osd_fg, .31); - } - - &:active { - border-color: shade($selected_bg_color, .9); - background-color: $selected_bg_color; - } - } - } - - GtkIconView.cell { - &:selected, &:selected:focus { - background-color: transparent; - border: 3px solid mix(shade($osd_bg, .87), $osd_fg, .21); - border-radius: $roundness; - outline-color: transparent; - } - } - - /* used by Documents */ - .page-thumbnail { - border: 1px solid shade($osd_bg, .9); - /* when there's no pixbuf yet */ - background-color: $osd_bg; - } - } - - .osd GtkProgressBar, GtkProgressBar.osd { - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 2px; - -GtkProgressBar-min-horizontal-bar-height: 2px; - - padding: 0; - - &.trough { - padding: 0; - border-style: none; - border-radius: 0; - background-image: none; - background-color: transparent; - } - - &.progressbar { - border-style: none; - border-radius: 0; - background-color: $selected_bg_color; - background-image: none; - } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_overshoot.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_overshoot.scss deleted file mode 100644 index 9950eb1..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_overshoot.scss +++ /dev/null @@ -1,119 +0,0 @@ -@mixin overshoot($position, $type: normal, $color: $selected_bg_color) { - $_small_gradient_length: 5%; - $_big_gradient_length: 100%; - - $_position: center top; - $_small_gradient_size: 100% $_small_gradient_length; - $_big_gradient_size: 100% $_big_gradient_length; - - @if $position == bottom { - $_position: center bottom; - $_linear_gradient_direction: to top; - } @else if $position == right { - $_position: right center; - $_small_gradient_size: $_small_gradient_length 100%; - $_big_gradient_size: $_big_gradient_length 100%; - } @else if $position == left { - $_position: left center; - $_small_gradient_size: $_small_gradient_length 100%; - $_big_gradient_size: $_big_gradient_length 100%; - } - - $_small_gradient_color: $color; - $_big_gradient_color: $color; - - $_small_gradient: -gtk-gradient(radial, - $_position, 0, - $_position, .5, - to(alpha($_small_gradient_color, .35)), - to(alpha($_small_gradient_color, .25))); - - $_big_gradient: -gtk-gradient(radial, - $_position, 0, - $_position, .6, - from(alpha($_big_gradient_color, .2)), - to(alpha($_big_gradient_color, 0))); - - @if $type == normal { - background-image: $_small_gradient, $_big_gradient; - background-size: $_small_gradient_size, $_big_gradient_size; - } @else if $type == backdrop { - background-image: $_small_gradient; - background-size: $_small_gradient_size; - } - - background-repeat: no-repeat; - background-position: $_position; - - background-color: transparent; // reset some properties to be sure to not inherit them somehow - border: 0; - box-shadow: none; -} - -@mixin undershoot($position) { - $_undershoot_color_dark: alpha($black, .2); - $_undershoot_color_light: alpha($white, .2); - - $_gradient_dir: left; - $_dash_bg_size: 10px 1px; - $_gradient_repeat: repeat-x; - $_bg_pos: center $position; - - background-color: transparent; // shouldn't be needed, but better to be sure; - - @if ($position == left) or ($position == right) { - $_gradient_dir: top; - $_dash_bg_size: 1px 10px; - $_gradient_repeat: repeat-y; - $_bg_pos: $position center; - } - - /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%);*/ - - padding-#{$position}: 1px; - background-size: $_dash_bg_size; - background-repeat: $_gradient_repeat; - background-origin: content-box; - background-position: $_bg_pos; -} - -// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. -// This draws a box on top of the content, the size changes programmatically. -.overshoot { - &.top { - @include overshoot(top); - - &:backdrop { @include overshoot(top, backdrop); } - } - - &.bottom { - @include overshoot(bottom); - - &:backdrop { @include overshoot(bottom, backdrop); } - } - - &.left { - @include overshoot(left); - - &:backdrop { @include overshoot(left, backdrop); } - } - - &.right { - @include overshoot(right); - - &:backdrop { @include overshoot(right, backdrop); } - } -} - -// Overflow indication, works similarly to the overshoot, the size if fixed tho. -.undershoot { - &.top { @include undershoot(top); } - - &.bottom { @include undershoot(bottom); } - - &.left { @include undershoot(left); } - - &.right { @include undershoot(right); } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_progress.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_progress.scss deleted file mode 100644 index 8a1ef11..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_progress.scss +++ /dev/null @@ -1,182 +0,0 @@ -/***************** - ! Progress bars * -******************/ - -@include exports("progressbar") { - GtkProgressBar { - padding: 0; - border-radius: $roundness; - font-size: smaller; - color: alpha($fg_color, .6); - - -GtkProgressBar-min-horizontal-bar-height: 6; - -GtkProgressBar-min-vertical-bar-width: 6; - - &.osd { - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 0; - -GtkProgressBar-min-horizontal-bar-height: 3; - } - - &.trough { - border: 1px solid alpha(border_normal($bg_color), .5); - background-color: shade($bg_color, 1.08); - background-image: none; - } - } - - .progressbar { - @include linear-gradient($selected_bg_color); - - border-radius: 0; - box-shadow: none; - - &.left { - border-top-left-radius: $roundness; - border-bottom-left-radius: $roundness; - } - - &.right { - border-top-right-radius: $roundness; - border-bottom-right-radius: $roundness; - } - - &.left.right { box-shadow: none; } - - &.vertical { - @include linear-gradient($selected_bg_color, to right); - - &.bottom { - border-bottom-left-radius: $roundness; - border-bottom-right-radius: $roundness; - } - - &.top { - border-top-left-radius: $roundness; - border-top-right-radius: $roundness; - } - } - } - - GtkLevelBar { - -GtkLevelBar-min-block-width: 34; - -GtkLevelBar-min-block-height: 3; - - &.vertical { - -GtkLevelBar-min-block-width: 3; - -GtkLevelBar-min-block-height: 34; - } - } - - .level-bar { - &.trough { - @include linear-gradient(shade($bg_color, 1.08), to top); - - border: 1px solid alpha(border_normal($bg_color), .5); - border-radius: $roundness; - } - - &.fill-block { - @include linear-gradient($selected_bg_color); - - // FIXME: it would be nice to set make fill blocks bigger, but we'd need - // :nth-child working on discrete indicators - border-color: transparent; - border-radius: 0; - - &.indicator-discrete { - &.horizontal { margin-right: 1px; } - - &.vertical { margin-bottom: 1px; } - } - - &.level-high { - background-color: $success_color; - border-color: transparent; - } - - &.level-low { - background-color: $warning_color; - border-color: transparent; - } - - &.empty-fill-block { - background-color: transparent; - border-color: transparent; - box-shadow: none; - } - } - } - - .scale { - -GtkRange-slider-width: 16; - -GtkRange-trough-border: 1; - -GtkScale-slider-length: 16; - - padding: 0; - border-width: 1px; - border-radius: $roundness; - outline-offset: -1px; - - - &.slider { - @include linear-gradient(shade($bg_color, 1.08)); - @include border($bg_color); - - border-radius: 8px; - border-width: 1px; - border-style: solid; - box-shadow: 0 1px 2px -1px alpha($dark_shadow, .3); - - &:insensitive { @include linear-gradient(shade($bg_color, .9)); } - } - - &.fine-tune { - &, &.horizontal { - &:active, &:active:hover { - background-size: 50%; - background-repeat: no-repeat; - background-position: center; - } - } - } - - &.mark { border-color: alpha(border_normal($bg_color), .5); } - - - &.trough { - @include linear-gradient(shade($bg_color, 1.08)); - - margin: 7px 0; - border: 1px solid alpha(border_normal($bg_color), .5); - border-radius: $roundness; - - &:insensitive { @include linear-gradient(shade($bg_color, .9)); } - - &.vertical { margin: 0 7px; } - } - - &.highlight.left { - &, .memuitem & { - @include linear-gradient($selected_bg_color); - border-color: $selected_bg_color; - - &:hover { - border-color: border_normal($selected_bg_color); - background-color: shade($selected_bg_color, .8); - } - - &:insensitive { - @include linear-gradient(shade($bg_color, .9)); - border-color: shade($bg_color, .85); - } - } - } - - &.highlight.bottom { - @include linear-gradient($selected_bg_color); - border-color: $selected_bg_color; - } - - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_scrollbar.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_scrollbar.scss deleted file mode 100644 index 2d1af41..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_scrollbar.scss +++ /dev/null @@ -1,86 +0,0 @@ -/*********** - ! Scrollbar -************/ - -@include exports("scrollbar") { - * { - -GtkRange-slider-width: 8; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-border: 2; - -GtkRange-trough-under-steppers: 1; - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - -GtkScrollbar-min-slider-length: 80; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - } - - .scrollbar { - border: 0; - padding: 0; - - &.button { - &, &:active, &:active:hover { - border-width: 0; - border-radius: 0; - background-color: transparent; - background-image: none; - color: alpha($fg_color, .5); - } - } - - &.slider, &.slider.vertical { - border: 0; - border-radius: $roundness; - background-color: mix($bg_color, $fg_color, 0.21); - - &:hover { background-color: mix($bg_color, $fg_color, .31); } - - &:active { background-color: $selected_bg_color; } - - &.fine-tune:hover:active { border: 2px solid transparent; } - } - - // overlay scrolling indicator - &.overlay-indicator { - &:not(.dragging):not(.hovering) { - opacity: .5; - - -GtkRange-slider-width: 4px; - - .slider { - margin: 0; - background-color: $fg_color; - background-clip: padding-box; - } - - .trough { - border-style: none; - background-color: transparent; - } - } - - &.dragging, &.hovering { opacity: .7; } - } - } - - .scrollbars-junction, - .scrollbars-junction.frame, - .scrollbar.trough { - border: 0; - border-radius: 0; - background-color: $bg_color; - background-image: none; - } - - // ubuntu overlay scrollbars - OsThumb, OsScrollbar { - color: shade($bg_color, .7); - - &:selected { background-color: $selected_bg_color; } - - &:active { background-color: $selected_bg_color; } - - &:insensitive { background-color: shade($bg_color, .9); } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_sidebar.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_sidebar.scss deleted file mode 100644 index 7ec5727..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_sidebar.scss +++ /dev/null @@ -1,114 +0,0 @@ -/********* - ! Sidebar -**********/ - -@include exports("sidebar") { - .sidebar { - &, &.view, .view, GtkScrolledWindow { - background-color: $bg_color; - color: mix($fg_color, $bg_color, .1); - - &.separator { - &, &:hover, &:focus { - border-width: 1px; - border-style: solid; - border-color: shade($bg_color, .9); - color: shade($bg_color, .9); - } - } - } - - row, .view row { - &:selected { - &, &:hover, &:focus { - border: 0; - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - &:hover { - border: 0; - background-image: none; - background-color: shade($selected_bg_color, 1.05); - color: $selected_fg_color; - } - } - - &:hover { - border: 0; - background-image: none; - background-color: shade($bg_color, 1.05); - } - } - - .frame { border-width: 0; } - - .sidebar-row { - padding: 1px; - } - - .sidebar-icon { - padding-left: $spacing * 2; - padding-right: $spacing * 2; - } - - GtkAssistant & { - padding: $spacing; - border-width: 0 1px 0 0; - border-style: solid; - border-right-color: border_normal($bg_color); - border-radius: 0; - background-color: $bg_color; - color: mix($fg_color, $bg_color, .1); - - &:dir(ltr) { border-width: 0 1px 0 0; } - - &:dir(rtl) { border-width: 0 0 0 1px; } - - .label { - padding: $spacing ($spacing * 2); - - &.highlight { background-color: mix($bg_color, $fg_color, .8); } - } - - &.csd .sidebar { border-top-style: none; } - - .highlight { font: bold; } - } - } -} - - -/****** -! Paned -*******/ - -@include exports("paned") { - GtkPaned { - -GtkPaned-handle-size: 1; - -gtk-icon-source: none; - margin: 0 $spacing; - - &:dir(rtl) { - margin-right: 0; - margin-left: $spacing; - } - - .pane-separator { background-color: shade($bg_color, .9); } - - &.wide { - -GtkPaned-handle-size: 4; - margin: 0; - - .pane-separator { - background-color: transparent; - border-style: none solid; - border-color: shade($bg_color, .9); - border-width: 1px; - } - - &.vertical .pane-separator { border-style: solid none; } - } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_spinner.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_spinner.scss deleted file mode 100644 index 9c753f7..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_spinner.scss +++ /dev/null @@ -1,24 +0,0 @@ -/******************* - ! Spinner animation -********************/ - -@include exports("spinner") { - @keyframes spin { - to { -gtk-icon-transform: rotate(1turn); } - } - - .spinner { - background-image: none; - background-color: $selected_bg_color; - opacity: 0; // non spinning spinner makes no sense - - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - - &:active { - opacity: 1; - animation: spin 1s linear infinite; - - &:insensitive { opacity: .5; } - } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_toggle.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_toggle.scss deleted file mode 100644 index b85fef2..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_toggle.scss +++ /dev/null @@ -1,128 +0,0 @@ -/*********************** - ! Check and Radio items -************************/ - -$suffix: if($variant == "dark", "-dark", ""); - -@mixin toggle($type) { - background-image: none; - - -gtk-icon-source: url("../assets/#{$type}-unchecked#{$suffix}.svg"); - - &:insensitive { -gtk-icon-source: url("../assets/#{$type}-unchecked-insensitive#{$suffix}.svg"); } - - &:checked, &:active { - -gtk-icon-source: url("../assets/#{$type}-checked#{$suffix}.svg"); - - &:insensitive { -gtk-icon-source: url("../assets/#{$type}-checked-insensitive#{$suffix}.svg"); } - } - - &:inconsistent { - -gtk-icon-source: url("../assets/#{$type}-mixed#{$suffix}.svg"); - - &:insensitive { -gtk-icon-source: url("../assets/#{$type}-mixed-insensitive#{$suffix}.svg"); } - } - - &.menuitem { - -gtk-icon-source: url("../assets/menuitem-#{$type}-unchecked.svg"); - - &:insensitive { - -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.svg"); - } - - &:checked, &:active { - -gtk-icon-source: url("../assets/menuitem-#{$type}-checked.svg"); - - &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-hover.svg"); } - - &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.svg"); } - } - - &:inconsistent { - -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed.svg"); - - &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-hover.svg"); } - - &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-insensitive.svg"); } - } - } -} - -@include exports("checkradio") { - * { - -GtkCheckButton-indicator-size: 16; - -GtkCheckMenuItem-indicator-size: 16; - } - - .radio { @include toggle("radio"); } - - .check { @include toggle("checkbox"); } - - //selection-mode - @each $s,$as in ('', '-unchecked'), - (':hover', '-unchecked'), - (':active', '-checked'), - (':backdrop', '-unchecked'), - (':checked', '-checked'), - (':checked:hover', '-checked'), - (':checked:active', '-checked'), - (':backdrop:checked', '-checked') { - .view.content-view.check#{$s}:not(list) { - icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection#{$as}#{$suffix}.svg"); - background-color: transparent; - } - } -} - - -/******** - ! Switch -*********/ - -@include exports("switch") { - GtkSwitch { - padding: 0; - border-radius: $roundness; - font: bold condensed; - outline-offset: -4px; - - &.slider { - @include linear-gradient(shade($bg_color, 1.2)); - - border: 1px solid rgba(0, 0, 0, .2); - box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12); - - &:insensitive { - border-color: rgba(0, 0, 0, .1); - background-color: shade($bg_color, .9); - box-shadow: none; - } - } - - &.trough { - @include linear-gradient(shade($bg_color, .95), to top); - - border: 1px solid border_normal($bg_color); - color: $fg_color; - box-shadow: inset 1px 0 alpha($dark_shadow, .07), - inset 0 1px alpha($dark_shadow, .08), - inset -1px 0 alpha($dark_shadow, .07), - inset 0 -1px alpha($dark_shadow, .05); - - &:active { - @include linear-gradient($selected_bg_color, to top); - - border-color: shade($selected_bg_color, .9); - color: $selected_fg_color; - } - - &:insensitive { - @include linear-gradient(shade($bg_color, .9), to top); - - border-color: border_insensitive($bg_color); - color: mix($fg_color, $bg_color, .5); - } - } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_toolbar.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_toolbar.scss deleted file mode 100644 index 3873c24..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_toolbar.scss +++ /dev/null @@ -1,132 +0,0 @@ -@import "button"; - - -/********* - ! Toolbar -**********/ - -@mixin toolbar($bg, $fg) { - @include linear-gradient($bg); - @include border($bg); - - padding: $spacing * 2; - color: $fg; - - &:insensitive { - @include linear-gradient(shade($bg, .9)); - - color: mix($fg, $bg, .5); - } - - .title { - font: bold; - padding: 0 ($spacing * 2); - } - - .subtitle { - font: smaller; - padding: 0 ($spacing * 2); - } - - .button { @include button($header_button_bg_color, $header_button_fg_color); } - - .button.linked, .linked .button { @include linked_button($header_button_bg_color); } - - GtkComboBox, .button { - padding: $spacing - 1px; - - &.text-button { padding: $spacing; } - - &.image-button { padding: ($spacing + 1px) ($spacing - 1px) ($spacing + 1px) $spacing; } - } - - GtkSeparatorToolItem, .separator, .separator:insensitive { - color: shade($bg, ($contrast + .1)); - border-color: currentColor; - - -GtkWidget-window-dragging: true; - } - - .menubar { -GtkToolbar-button-relief: normal; } -} - -@include exports("toolbar") { - .toolbar { - @include toolbar($bg_color, $fg_color); - - padding: 2px; - border-style: none; - - &.inline-toolbar { - background-image: none; - background-color: transparent; - } - GtkToolButton:insensitive GtkButton:insensitive, - GtkToolButton:insensitive GtkButton:insensitive.button, - GtkToolButton:insensitive GtkButton:insensitive.flat.button { - background-color: $bg_color; - } - } - - .header-bar { - @include toolbar($titlebar_bg_color, $titlebar_fg_color); - - border-width: 0 0 1px; - border-style: solid; - .button { - color: $button_fg_color; - } - } - - .titlebar { - @include linear-gradient($titlebar_bg_color); - - border-radius: $roundness $roundness 0 0; - color: mix($titlebar_fg_color, $titlebar_bg_color, .1); - - &:backdrop { - @include linear-gradient($titlebar_bg_color); - - color: mix($titlebar_fg_color, $titlebar_bg_color, .6); - text-shadow: none; - } - - &.default-decoration { - border: 0; - box-shadow: none; - } - - .tiled &, .maximized & { border-radius: 0; } - - .title { font: bold; } - - .titlebutton { - padding: $spacing; - border: 0; - background-image: none; - background-color: transparent; - color: mix($titlebar_fg_color, $titlebar_bg_color, .1); - box-shadow: none; - - &:hover, &:hover:focus { - background-image: none; - background-color: transparent; - color: $selected_bg_color; - box-shadow: none; - } - - &:active, &:active:hover { - background-image: none; - background-color: transparent; - color: shade($selected_bg_color, .9); - box-shadow: none; - } - - &:backdrop { - background: none; - color: mix($titlebar_fg_color, $titlebar_bg_color, .6); - icon-shadow: none; - } - } - } -} diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_view.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_view.scss deleted file mode 100644 index bfa33dc..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_view.scss +++ /dev/null @@ -1,233 +0,0 @@ -/*************** - ! Generic views -****************/ - -@include exports("view") { - * { -GtkTextView-error-underline-color: $error_color; } - - .view { - color: $text_color; - background-color: $base_color; - - &:insensitive, &:insensitive:insensitive { - background-color: shade($base_color, .9); - color: mix($text_color, $base_color, .5); - } - - &:selected, &:selected:focus { @extend %selected; } - } - - .cell { - border-width: 0; - border-radius: 0; - - &:selected, &:selected:focus { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - - row { - &:selected { - &, &:hover, &:focus { - -GtkWidget-focus-padding: 1; - -GtkWidget-focus-line-width: 0; - - border: 0; - background-color: $selected_bg_color; - background-image: none; - color: $selected_fg_color; - } - } - } - - .content-view { - &.view { - background-color: $base_color; - - &:hover { background-color: alpha($selected_bg_color, .6); } - - &:selected, &:active { background-color: $selected_bg_color; } - - &:insensitive { background-color: shade($base_color, .9); } - - &.check { - &, &:active, &:hover, &:insensitive, &:selected { background-color: transparent; } - } - } - - .subtitle { - font: smaller; - padding: 0 12px; - } - } - - GtkIconView { - &.content-view.check { @extend .content-view.check; } - - &.view.cell { - &:selected, &:selected:focus { - border: 0; - border-radius: 2px; - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - } - - .dim-label { - &, &.view { color: alpha(currentColor, .5); } - } - - .dnd { border: 1px solid $selected_bg_color; } - - .grip { background-color: transparent; } - - .arrow { color: alpha(currentColor, .7); } - - .rubberband { - &, &.view, &.content-view.view { - border: 1px solid $selected_bg_color; - border-radius: 0; - background-color: alpha($selected_bg_color, .3); - } - } - - GdMainIconView.content-view { -GdMainIconView-icon-size: 40; } - - /* this will get overridden by .view, needed by gedit line numbers */ - GtkTextView { background-color: mix($bg_color, $base_color, .5); } - - GtkHTML { - @extend .view; - - &:insensitive { background-color: shade($base_color, .9); } - } - - GtkDrawingArea { background-color: transparent; } -} - -/************ - ! Treeview * -*************/ - -@include exports("treeview") { - GtkTreeView { - -GtkTreeView-expander-size: 8; - -GtkTreeView-vertical-separator: 0; - - outline-offset: -1px; - border-top-color: shade($menu_bg_color, ($contrast + .1)); - - &:hover, &:selected, &:selected:focus, &:backdrop:selected, &:backdrop:selected:focus { border-top-color: $selected_bg_color; } - - &.dnd { border: 1px solid $selected_bg_color; } - - .entry { - border-radius: 0; - background-color: $base_color; - background-image: none; - } - - .progressbar { - @include linear-gradient($selected_bg_color); - border: 1px solid border_normal($selected_bg_color); - - &:selected { - &:focus, & { - @include linear-gradient($selected_bg_color); - border: 1px solid border_focus($selected_bg_color); - color: $selected_fg_color; - } - } - - &:insensitive { - &:insensitive { - @include linear-gradient($bg_color); - border-color: border_insensitive($bg_color); - } - } - } - - .trough { - background-color: mix($bg_color, $base_color, .5); - border: 1px solid border_normal($base_color); - - &:selected { - &:focus, & { - background-color: $base_color; - border: 1px solid border_focus($bg_color); - color: $text_color; - } - } - - &:insensitive { - &:insensitive { - background-color: $base_color; - } - } - } - } -} - - -/*********** - ! Separator -************/ - -@include exports("separator") { - .view.separator, .separator { - color: shade($bg_color, ($contrast + .1)); - border: 1px solid currentColor; - } -} - - -/********************* - ! Column view headers -**********************/ - -@include exports("columnheader") { - column-header { - .button { - &, &:active { - border-width: 0 1px 1px 0; - border-radius: 0; - } - - &, &:active, &:focus, &:active:focus { - border-color: shade($base_color, .9); - border-bottom-color: shade($base_color, .8); - background-color: shade($base_color, .97); - background-image: none; - } - - &:hover, &:active:hover, &:hover:focus, &:active:hover:focus { - border-color: shade($base_color, .9); - border-bottom-color: shade($base_color, .8); - background-color: shade($base_color, .99); - background-image: none; - } - - &:last-child .button { border-width: 0 0 1px; } - } - } -} - - -/********** - ! Frames * -***********/ - -@include exports("frame") { - .frame { - border: 1px solid border_normal($bg_color); - - &.flat { border: 0; } - } - - /* avoid double borders when a viewport is packed into a GtkScrolledWindow */ - GtkScrolledWindow GtkViewport.frame { border: 0; } -} - diff --git a/dt-dark-theme/gtk-3.0/scss/widgets/_window.scss b/dt-dark-theme/gtk-3.0/scss/widgets/_window.scss deleted file mode 100644 index 7742fbb..0000000 --- a/dt-dark-theme/gtk-3.0/scss/widgets/_window.scss +++ /dev/null @@ -1,60 +0,0 @@ -/************** - ! Window frame -***************/ - -@include exports("window") { - %window { - box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22), - 0 0 0 1px $wm_border_focused; - - &:backdrop { - box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23), - 0 0 0 1px $wm_border_unfocused; - } - } - - .window-frame { - @extend %window; - - border: 0; - border-radius: $roundness $roundness 0 0; - background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); - /* this is used for the resize cursor area */ - margin: $spacing * 3; - - &.tiled { border-radius: 0; } - - &.solid-csd { - border-radius: $roundness $roundness 0 0; - margin: 1px; - background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); - box-shadow: none; - } - - &.csd { - &.popup { - @extend %window; - - border-radius: 0; - } - - &.tooltip { - border-radius: $roundness; - box-shadow: none; - } - - &.message-dialog { - @extend %window; - - border-radius: $roundness; - } - } - - &.ssd { - // Fixed gtk-3.18 Unity bug (https://github.com/numixproject/numix-gtk-theme/issues/270) - box-shadow: 0 0 0 1px $wm_border_focused; - - &.maximized { border-radius: 0; } - } - } -} diff --git a/dt-dark-theme/gtk-3.0/thumbnail.png b/dt-dark-theme/gtk-3.0/thumbnail.png deleted file mode 100644 index 4f51185..0000000 Binary files a/dt-dark-theme/gtk-3.0/thumbnail.png and /dev/null differ diff --git a/dt-dark-theme/gtk-3.20/assets b/dt-dark-theme/gtk-3.20/assets deleted file mode 100755 index fb2256c..0000000 --- a/dt-dark-theme/gtk-3.20/assets +++ /dev/null @@ -1 +0,0 @@ -../gtk-3.0/assets \ No newline at end of file diff --git a/dt-dark-theme/gtk-3.20/dist/gtk-dark.css b/dt-dark-theme/gtk-3.20/dist/gtk-dark.css deleted file mode 100644 index 9ed0c38..0000000 --- a/dt-dark-theme/gtk-3.20/dist/gtk-dark.css +++ /dev/null @@ -1,7723 +0,0 @@ -/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ -/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ -/*$dark_shadow: #000;*/ -/*$light_shadow: #fff;*/ -/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ -/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ -/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ -/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ -/*$dark_shadow: #000;*/ -/*$light_shadow: #fff;*/ -/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ -/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ -/* dark color scheme */ -@define-color dark_bg_color #2c2c2c; -@define-color dark_fg_color #e9e9e9; -/* colormap actually used by the theme, to be overridden in other css files */ -@define-color theme_bg_color #333333; -@define-color theme_fg_color #dedede; -@define-color theme_base_color #2c2c2c; -@define-color theme_text_color #ffffff; -@define-color theme_selected_bg_color #169f6f; -@define-color theme_selected_fg_color #ffffff; -@define-color theme_tooltip_bg_color #dedede; -@define-color theme_tooltip_fg_color #333333; -/* shadow effects */ -@define-color light_shadow #343434; -@define-color dark_shadow #2c2c2c; -/* misc colors used by gtk+ */ -@define-color info_fg_color #fff; -@define-color info_bg_color #03a9f4; -@define-color warning_fg_color #fff; -@define-color warning_bg_color #ef6c00; -@define-color question_fg_color #fff; -@define-color question_bg_color #673ab7; -@define-color error_fg_color #fff; -@define-color error_bg_color #f44336; -@define-color link_color #3f51b5; -@define-color success_color #4caf50; -@define-color warning_color #ef6c00; -@define-color error_color #f44336; -/* widget colors */ -@define-color titlebar_bg_color @dark_bg_color; -@define-color titlebar_fg_color @dark_fg_color; -@define-color menubar_bg_color @dark_bg_color; -@define-color menubar_fg_color @dark_fg_color; -@define-color toolbar_bg_color @theme_bg_color; -@define-color toolbar_fg_color @theme_fg_color; -@define-color menu_bg_color @dark_bg_color; -@define-color menu_fg_color @dark_fg_color; -@define-color panel_bg_color @dark_bg_color; -@define-color panel_fg_color @dark_fg_color; -@define-color borders #2d2d2d; -@define-color unfocused_borders mix(#333333,#2d2d2d,0.9); -@define-color insensitive_bg_color mix(#333333,#2c2c2c,0.6); -@define-color insensitive_fg_color mix(#dedede,#333333,0.5); -/* osd */ -@define-color osd_base #2c2c2c; -@define-color osd_bg rgba(44, 44, 44, 0.8); -@define-color osd_fg #e9e9e9; -@define-color osd_insensitive_bg_color mix(#e9e9e9,rgba(44, 44, 44, 0.8),0.5); -@define-color osd_insensitive_fg_color mix(#e9e9e9,#2c2c2c,0.6); -@define-color osd_borders_color rgba(37, 37, 37, 0.8); -/* lightdm greeter colors */ -@define-color lightdm_bg_color #2c2c2c; -@define-color lightdm_fg_color #e9e9e9; -/* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color mix(#dedede,#333333,0.5); -/* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #ffffff; -/* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #333333; -/* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #2c2c2c; -/* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #169f6f; -/* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #595959; -/* window manager colors */ -@define-color wm_bg #2c2c2c; -@define-color wm_border_focused transparent; -@define-color wm_border_unfocused transparent; -@define-color wm_title_focused mix(#e9e9e9,#2c2c2c,0.1); -@define-color wm_title_unfocused mix(#e9e9e9,#2c2c2c,0.4); -@define-color wm_icons_focused mix(#e9e9e9,#2c2c2c,0.1); -@define-color wm_icons_focused_prelight #169f6f; -@define-color wm_icons_focused_pressed #127f59; -@define-color wm_icons_unfocused mix(#e9e9e9,#2c2c2c,0.4); -@define-color wm_icons_unfocused_prelight #169f6f; -@define-color wm_icons_unfocused_pressed #127f59; -/************** - ! GTK settings -***************/ -* { - -GtkWindow-resize-grip-height: 0; - -GtkWindow-resize-grip-width: 0; - -WnckTasklist-fade-overlay-rect: 0; - outline-color: rgba(22, 159, 111, 0.5); - outline-style: dashed; - outline-width: 1px; - outline-offset: -1px; - -gtk-outline-radius: 2px; } - -/************* - ! Base states - *************/ -*:selected, .gtkstyle-fallback:selected, GucharmapChartable:focus, GucharmapChartable:hover, GucharmapChartable:active, GucharmapChartable:selected, .gedit-document-panel-document-row:selected, .gedit-document-panel-document-row:selected:hover, GeditViewFrame .gedit-search-slider .not-found:selected, :focus:selected, GucharmapChartable:focus, .gedit-document-panel-document-row:focus:selected:hover, GeditViewFrame .gedit-search-slider .not-found:focus:selected { - background-color: #169f6f; - color: #ffffff; } - -* { - /* hyperlinks */ - -GtkIMHtml-hyperlink-color: #3f51b5; } - *:disabled, *:disabled:disabled { - color: mix(#dedede,#333333,0.5); } - *:disabled, *:disabled { - -gtk-icon-effect: dim; } - *:hover { - -gtk-icon-effect: highlight; } - *:link, *:visited { - color: #3f51b5; } - -.background { - background-color: #333333; - color: #dedede; } - .background:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; } - .background.csd { - background-color: #333333; } - -.gtkstyle-fallback { - background-color: rgba(51, 51, 51, 0.5); - color: #dedede; } - .gtkstyle-fallback:hover { - background-color: #383838; - color: #dedede; } - .gtkstyle-fallback:active { - background-color: #2e2e2e; - color: #dedede; } - .gtkstyle-fallback:disabled { - background-color: #333333; - color: mix(#dedede,#333333,0.5); } - -image, image:disabled, label, label:disabled, box, box:disabled, grid, grid:disabled { - background-color: transparent; } - -label.separator { - color: #dedede; } - label.separator:backdrop { - color: mix(#dedede,#333333,0.5); } -label selection { - background-color: #169f6f; - color: #ffffff; } -label:disabled { - color: mix(#dedede,#333333,0.5); } - label:disabled:backdrop { - color: #595959; } -label:backdrop { - color: mix(#dedede,#333333,0.5); } - -assistant .sidebar { - background-color: #2c2c2c; - border-top: 1px solid #2d2d2d; } - assistant .sidebar:backdrop { - background-color: #2c2c2c; - border-color: mix(#333333,#2d2d2d,0.9); } -assistant.csd .sidebar { - border-top-style: none; } -assistant .sidebar label { - padding: 3px 6px; } -assistant .sidebar label.highlight { - background-color: mix(#dedede,#333333,0.8); } - -/********* - ! Buttons -**********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#16a06f), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#169f6f), to(transparent)); } } -stacksidebar row.needs-attention > label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#16a06f), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.84)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; } - stacksidebar row.needs-attention > label:backdrop { - background-size: 6px 6px, 0 0; } - stacksidebar row.needs-attention > label:dir(rtl) { - background-position: left 3px, left 2px; } - -button, headerbar button, .titlebar:not(headerbar) button, toolbar button, toolbar.inline-toolbar button, .suggested-action, headerbar.selection-mode button.suggested-action, -.titlebar:not(headerbar).selection-mode button.suggested-action, .destructive-action, headerbar.selection-mode button, -.titlebar:not(headerbar).selection-mode button, infobar.info button, infobar.warning button, infobar.question button, infobar.error button, popover.background button, frame.app-notification button, button.osd, -#XfceNotifyWindow button, .osd button, .osd spinbutton:not(.vertical) button, -#XfceNotifyWindow spinbutton:not(.vertical) button, .osd spinbutton.vertical button:first-child, -#XfceNotifyWindow spinbutton.vertical button:first-child, .nemo-window toolbar button, .nemo-window .sidebar + separator + box .primary-toolbar button.flat, #login_window button, #shutdown_button button, #restart_button button { - min-height: 20px; - min-width: 20px; - padding: 3px 5px; - border-width: 1px; - border-style: solid; - border-radius: 2px; - transition: 150ms ease; - outline-color: transparent; } - -calendar.view, calendar.view:backdrop, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, menu menuitem calendar.button, -.menu menuitem calendar.button, -.context-menu menuitem calendar.button, menu menuitem calendar.button:hover, -.menu menuitem calendar.button:hover, -.context-menu menuitem calendar.button:hover, modelbutton.flat, -menuitem.button.flat, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; } - -spinbutton:not(.vertical) button, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat { - border-radius: 0; - border-left-style: none; - border-right-style: solid; } - spinbutton:not(.vertical) button:dir(rtl), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), toolbar.inline-toolbar toolbutton > button.flat:dir(rtl) { - border-radius: 0; - border-right-style: none; - border-left-style: solid; } - -.linked.vertical > combobox > box > button.combo { - border-radius: 0; - border-top-style: none; - border-bottom-style: solid; } - .linked.vertical > combobox > box > button.combo:dir(rtl) { - border-radius: 0; - border-top-style: none; - border-bottom-style: solid; } - -.inline-toolbar button, .linked > button, combobox box button, combobox box entry, headerbar .linked > button, .titlebar:not(headerbar) .linked > button, toolbar .linked > button, headerbar.selection-mode .linked > button, -.titlebar:not(headerbar).selection-mode .linked > button, .nemo-window toolbar .linked > button, .nemo-window toolbar toolitem stack widget button { - border-width: 1px; - border-style: solid; - border-radius: 0; - border-right-style: none; - border-left-style: none; } - .inline-toolbar button:first-child, .linked > button:first-child, combobox box button:first-child, combobox box entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, headerbar .linked > button:first-child, .titlebar:not(headerbar) .linked > button:first-child, toolbar .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, - toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .nemo-window toolbar toolitem stack widget button:first-child { - border-width: 1px; - border-radius: 2px; - border-left-style: solid; - border-right-style: none; - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .inline-toolbar button:first-child:dir(rtl), .linked > button:first-child:dir(rtl), combobox box button:first-child:dir(rtl), combobox box entry:first-child:dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo:dir(rtl), headerbar .linked > button:first-child:dir(rtl), .titlebar:not(headerbar) .linked > button:first-child:dir(rtl), toolbar .linked > button:first-child:dir(rtl), toolbar.inline-toolbar toolbutton:first-child > button.flat:dir(rtl), .nemo-window toolbar toolitem stack widget button:first-child:dir(rtl) { - border-left-style: none; - border-right-style: solid; } - .inline-toolbar button:last-child, .linked > button:last-child, combobox box button:last-child, combobox box entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, headerbar .linked > button:last-child, .titlebar:not(headerbar) .linked > button:last-child, toolbar .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, - toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .nemo-window toolbar toolitem stack widget button:last-child { - border-width: 1px; - border-radius: 2px; - border-left-style: none; - border-right-style: solid; - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), combobox box button:last-child:dir(rtl), combobox box entry:last-child:dir(rtl), .linked:not(.vertical) > combobox:last-child > box > button.combo:dir(rtl), headerbar .linked > button:last-child:dir(rtl), .titlebar:not(headerbar) .linked > button:last-child:dir(rtl), toolbar .linked > button:last-child:dir(rtl), toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(rtl), .nemo-window toolbar toolitem stack widget button:last-child:dir(rtl) { - border-left-style: solid; - border-right-style: none; } - .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, - toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .nemo-window toolbar toolitem stack widget button:only-child, .inline-toolbar button:first-child:only-child, .linked > button:first-child:only-child, combobox box button:first-child:only-child, combobox box entry:first-child:only-child, .linked:not(.vertical) > combobox:first-child > box > button.combo:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo:first-child, headerbar .linked > button:first-child:only-child, .titlebar:not(headerbar) .linked > button:first-child:only-child, toolbar .linked > button:first-child:only-child, toolbar.inline-toolbar toolbutton:first-child > button.flat:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat:first-child, .nemo-window toolbar toolitem stack widget button:first-child:only-child { - border-width: 1px; - border-style: solid; } - .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, - toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .nemo-window toolbar toolitem stack widget button:only-child { - border-radius: 2px; } - -.linked.vertical > button { - border-width: 1px; - border-style: solid; - border-radius: 0; - border-top-style: none; - border-bottom-style: none; } - .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-width: 1px; - border-radius: 2px; - border-top-style: solid; - border-bottom-style: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .linked.vertical > button:first-child:dir(rtl), .linked.vertical > combobox:first-child > box > button.combo:dir(rtl) { - border-top-style: none; - border-bottom-style: solid; } - .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-width: 1px; - border-radius: 2px; - border-top-style: none; - border-bottom-style: solid; - border-top-left-radius: 0; - border-top-right-radius: 0; } - .linked.vertical > button:last-child:dir(rtl), .linked.vertical > combobox:last-child > box > button.combo:dir(rtl) { - border-top-style: solid; - border-bottom-style: none; } - .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > button:first-child:only-child, .linked.vertical > combobox:first-child > box > button.combo:only-child, .linked.vertical > combobox:only-child > box > button.combo:first-child { - border-width: 1px; - border-style: solid; } - .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 2px; } - -infobar.info button.close, infobar.warning button.close, infobar.question button.close, infobar.error button.close, notebook > header > tabs > arrow { - border: 1px solid transparent; - background-color: transparent; - background-image: none; - box-shadow: none; } - infobar.info button.close:focus, infobar.warning button.close:focus, infobar.question button.close:focus, infobar.error button.close:focus, notebook > header > tabs > arrow:focus, infobar.info button.close:hover, infobar.warning button.close:hover, infobar.question button.close:hover, infobar.error button.close:hover, notebook > header > tabs > arrow:hover { - border: 1px solid rgba(51, 51, 51, 0.3); - background-color: rgba(222, 222, 222, 0.2); - background-image: none; - box-shadow: none; } - infobar.info button.close:active, infobar.warning button.close:active, infobar.question button.close:active, infobar.error button.close:active, notebook > header > tabs > arrow:active, infobar.info button.close:checked, infobar.warning button.close:checked, infobar.question button.close:checked, infobar.error button.close:checked, notebook > header > tabs > arrow:checked, infobar.info button.close:active:hover, infobar.warning button.close:active:hover, infobar.question button.close:active:hover, infobar.error button.close:active:hover, notebook > header > tabs > arrow:active:hover, infobar.info button.close:checked:hover, infobar.warning button.close:checked:hover, infobar.question button.close:checked:hover, infobar.error button.close:checked:hover, notebook > header > tabs > arrow:checked:hover { - border: 1px solid rgba(22, 159, 111, 0.3); - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - box-shadow: none; } - -button { - background-color: #333333; - background-image: none; - border-color: rgba(151, 151, 151, 0.22); - color: #bdbdbd; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - button:focus, button:hover { - border-color: #0a4530; } - button:active, button:active:hover, button:active:focus, button:active:hover:focus, button:checked, button:checked:hover, button:checked:focus, button:checked:hover:focus { - border-color: rgba(132, 132, 132, 0.22); } - button:disabled { - border-color: rgba(161, 161, 161, 0.22); } - button:active:disabled, button:checked:disabled { - border-color: rgba(151, 151, 151, 0.22); } - button:active { - color: #bdbdbd; } - button.flat { - color: #bdbdbd; - border-color: rgba(51, 51, 51, 0); - background-color: rgba(51, 51, 51, 0); - background-image: none; - box-shadow: none; } - button:hover, button.flat:hover { - background-color: #363636; - background-image: none; - border-color: rgba(151, 151, 151, 0.3); - color: #bdbdbd; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - button:hover:focus, button:hover:hover, button.flat:hover:focus, button.flat:hover:hover { - border-color: #0a4530; } - button:hover:active, button:hover:active:hover, button:hover:active:focus, button:hover:active:hover:focus, button:hover:checked, button:hover:checked:hover, button:hover:checked:focus, button:hover:checked:hover:focus, button.flat:hover:active, button.flat:hover:active:hover, button.flat:hover:active:focus, button.flat:hover:active:hover:focus, button.flat:hover:checked, button.flat:hover:checked:hover, button.flat:hover:checked:focus, button.flat:hover:checked:hover:focus { - border-color: rgba(132, 132, 132, 0.3); } - button:hover:disabled, button.flat:hover:disabled { - border-color: rgba(161, 161, 161, 0.3); } - button:hover:active:disabled, button:hover:checked:disabled, button.flat:hover:active:disabled, button.flat:hover:checked:disabled { - border-color: rgba(151, 151, 151, 0.3); } - button:focus, button.flat:focus { - background-color: #363636; - background-image: none; - border-color: rgba(151, 151, 151, 0.3); - color: #bdbdbd; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - button:focus:focus, button:focus:hover, button.flat:focus:focus, button.flat:focus:hover { - border-color: #0a4530; } - button:focus:active, button:focus:active:hover, button:focus:active:focus, button:focus:active:hover:focus, button:focus:checked, button:focus:checked:hover, button:focus:checked:focus, button:focus:checked:hover:focus, button.flat:focus:active, button.flat:focus:active:hover, button.flat:focus:active:focus, button.flat:focus:active:hover:focus, button.flat:focus:checked, button.flat:focus:checked:hover, button.flat:focus:checked:focus, button.flat:focus:checked:hover:focus { - border-color: rgba(132, 132, 132, 0.3); } - button:focus:disabled, button.flat:focus:disabled { - border-color: rgba(161, 161, 161, 0.3); } - button:focus:active:disabled, button:focus:checked:disabled, button.flat:focus:active:disabled, button.flat:focus:checked:disabled { - border-color: rgba(151, 151, 151, 0.3); } - button:focus:hover, button.flat:focus:hover { - background-color: #383838; - background-image: none; - border-color: rgba(151, 151, 151, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - button:focus:hover:focus, button:focus:hover:hover, button.flat:focus:hover:focus, button.flat:focus:hover:hover { - border-color: #0a4530; } - button:focus:hover:active, button:focus:hover:active:hover, button:focus:hover:active:focus, button:focus:hover:active:hover:focus, button:focus:hover:checked, button:focus:hover:checked:hover, button:focus:hover:checked:focus, button:focus:hover:checked:hover:focus, button.flat:focus:hover:active, button.flat:focus:hover:active:hover, button.flat:focus:hover:active:focus, button.flat:focus:hover:active:hover:focus, button.flat:focus:hover:checked, button.flat:focus:hover:checked:hover, button.flat:focus:hover:checked:focus, button.flat:focus:hover:checked:hover:focus { - border-color: rgba(132, 132, 132, 0.3); } - button:focus:hover:disabled, button.flat:focus:hover:disabled { - border-color: rgba(161, 161, 161, 0.3); } - button:focus:hover:active:disabled, button:focus:hover:checked:disabled, button.flat:focus:hover:active:disabled, button.flat:focus:hover:checked:disabled { - border-color: rgba(151, 151, 151, 0.3); } - button:checked, button:active, button.flat:checked, button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(189, 189, 189, 0.06), inset 0 1px rgba(189, 189, 189, 0.07), inset -1px 0 rgba(189, 189, 189, 0.06), inset 0 -1px rgba(189, 189, 189, 0.05); - border-color: rgba(151, 151, 151, 0.22); } - button:checked:focus, button:checked:hover, button:active:focus, button:active:hover, button.flat:checked:focus, button.flat:checked:hover, button.flat:active:focus, button.flat:active:hover { - border-color: #0a4530; } - button:checked:active, button:checked:active:hover, button:checked:active:focus, button:checked:active:hover:focus, button:checked:checked, button:checked:checked:hover, button:checked:checked:focus, button:checked:checked:hover:focus, button:active:active, button:active:active:hover, button:active:active:focus, button:active:active:hover:focus, button:active:checked, button:active:checked:hover, button:active:checked:focus, button:active:checked:hover:focus, button.flat:checked:active, button.flat:checked:active:hover, button.flat:checked:active:focus, button.flat:checked:active:hover:focus, button.flat:checked:checked, button.flat:checked:checked:hover, button.flat:checked:checked:focus, button.flat:checked:checked:hover:focus, button.flat:active:active, button.flat:active:active:hover, button.flat:active:active:focus, button.flat:active:active:hover:focus, button.flat:active:checked, button.flat:active:checked:hover, button.flat:active:checked:focus, button.flat:active:checked:hover:focus { - border-color: rgba(132, 132, 132, 0.22); } - button:checked:disabled, button:active:disabled, button.flat:checked:disabled, button.flat:active:disabled { - border-color: rgba(161, 161, 161, 0.22); } - button:checked:active:disabled, button:checked:checked:disabled, button:active:active:disabled, button:active:checked:disabled, button.flat:checked:active:disabled, button.flat:checked:checked:disabled, button.flat:active:active:disabled, button.flat:active:checked:disabled { - border-color: rgba(151, 151, 151, 0.22); } - button:checked:focus, button:checked:hover, button:active:focus, button:active:hover, button.flat:checked:focus, button.flat:checked:hover, button.flat:active:focus, button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - button:focus, button:hover, button.flat:focus, button.flat:hover { - color: #bdbdbd; } - button:disabled:disabled, button.flat:disabled:disabled { - background-color: alpha(mix(#333333,#bdbdbd,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#333333,#bdbdbd,0.5); - box-shadow: none; } - button:active:disabled, button:checked:disabled, button.flat:active:disabled, button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - button.separator, button .separator { - border: 1px solid currentColor; - color: rgba(51, 51, 51, 0.9); } - button.separator:disabled, button .separator:disabled { - color: rgba(51, 51, 51, 0.85); } - .inline-toolbar button, .linked > button { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - .inline-toolbar button:focus, .inline-toolbar button:hover, .linked > button:focus, .linked > button:hover { - box-shadow: inset -1px 0 #0a4530, 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - .inline-toolbar button:active, .inline-toolbar button:active:hover, .inline-toolbar button:active:focus, .inline-toolbar button:active:hover:focus, .inline-toolbar button:checked, .inline-toolbar button:checked:hover, .inline-toolbar button:checked:focus, .inline-toolbar button:checked:hover:focus, .linked > button:active, .linked > button:active:hover, .linked > button:active:focus, .linked > button:active:hover:focus, .linked > button:checked, .linked > button:checked:hover, .linked > button:checked:focus, .linked > button:checked:hover:focus { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } - .inline-toolbar button:disabled, .linked > button:disabled { - box-shadow: inset -1px 0 #292929; } - .inline-toolbar button:last-child, .inline-toolbar button:only-child, .linked > button:last-child, .linked > button:only-child { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - .inline-toolbar button:last-child:hover, .inline-toolbar button:only-child:hover, .linked > button:last-child:hover, .linked > button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - .inline-toolbar button:disabled:last-child, .inline-toolbar button:disabled:only-child, .inline-toolbar button:active:disabled:last-child, .inline-toolbar button:active:disabled:only-child, .inline-toolbar button:checked:disabled:last-child, .inline-toolbar button:checked:disabled:only-child, .linked > button:disabled:last-child, .linked > button:disabled:only-child, .linked > button:active:disabled:last-child, .linked > button:active:disabled:only-child, .linked > button:checked:disabled:last-child, .linked > button:checked:disabled:only-child { - box-shadow: none; } - .inline-toolbar button:active:last-child, .inline-toolbar button:active:last-child:focus, .inline-toolbar button:active:last-child:hover, .inline-toolbar button:active:last-child:hover:focus, .inline-toolbar button:checked:last-child, .inline-toolbar button:checked:last-child:focus, .inline-toolbar button:checked:last-child:hover, .inline-toolbar button:checked:last-child:hover:focus, .linked > button:active:last-child, .linked > button:active:last-child:focus, .linked > button:active:last-child:hover, .linked > button:active:last-child:hover:focus, .linked > button:checked:last-child, .linked > button:checked:last-child:focus, .linked > button:checked:last-child:hover, .linked > button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - .inline-toolbar button:active:only-child, .inline-toolbar button:active:only-child:focus, .inline-toolbar button:active:only-child:hover, .inline-toolbar button:active:only-child:hover:focus, .inline-toolbar button:checked:only-child, .inline-toolbar button:checked:only-child:focus, .inline-toolbar button:checked:only-child:hover, .inline-toolbar button:checked:only-child:hover:focus, .linked > button:active:only-child, .linked > button:active:only-child:focus, .linked > button:active:only-child:hover, .linked > button:active:only-child:hover:focus, .linked > button:checked:only-child, .linked > button:checked:only-child:focus, .linked > button:checked:only-child:hover, .linked > button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - .linked.vertical > button { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - .linked.vertical > button:focus, .linked.vertical > button:hover { - box-shadow: inset 0 -1px #0a4530, 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - .linked.vertical > button:active, .linked.vertical > button:active:hover, .linked.vertical > button:active:focus, .linked.vertical > button:active:hover:focus, .linked.vertical > button:checked, .linked.vertical > button:checked:hover, .linked.vertical > button:checked:focus, .linked.vertical > button:checked:hover:focus { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.22), inset 1px 0 rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.05); } - .linked.vertical > button:disabled { - box-shadow: inset 0 -1px #292929; } - .linked.vertical > button:last-child, .linked.vertical > button:only-child { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - .linked.vertical > button:last-child:hover, .linked.vertical > button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - .linked.vertical > button:disabled:last-child, .linked.vertical > button:disabled:only-child, .linked.vertical > button:active:disabled:last-child, .linked.vertical > button:active:disabled:only-child, .linked.vertical > button:checked:disabled:last-child, .linked.vertical > button:checked:disabled:only-child { - box-shadow: none; } - .linked.vertical > button:active:last-child, .linked.vertical > button:active:last-child:focus, .linked.vertical > button:active:last-child:hover, .linked.vertical > button:active:last-child:hover:focus, .linked.vertical > button:checked:last-child, .linked.vertical > button:checked:last-child:focus, .linked.vertical > button:checked:last-child:hover, .linked.vertical > button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - .linked.vertical > button:active:only-child, .linked.vertical > button:active:only-child:focus, .linked.vertical > button:active:only-child:hover, .linked.vertical > button:active:only-child:hover:focus, .linked.vertical > button:checked:only-child, .linked.vertical > button:checked:only-child:focus, .linked.vertical > button:checked:only-child:hover, .linked.vertical > button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - button.circular, button.nautilus-circular-button.image-button, button.circular-button { - padding: 0; - min-width: 28px; - min-height: 28px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; } - button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { - padding: 0; } - -spinbutton:disabled { - opacity: .4; } -spinbutton button { - color: #bdbdbd; } - spinbutton button:active, spinbutton button:checked, spinbutton button:hover { - background-color: #3d3d3d; - background-image: none; } - spinbutton button:disabled { - color: mix(#bdbdbd,#333333,0.7); } - spinbutton button:backdrop { - color: mix(#2c2c2c,mix(#dedede,#333333,0.5),0.9); } - spinbutton button:backdrop:disabled { - color: rgba(89, 89, 89, 0.8); } -spinbutton:not(.vertical) { - /*@extend %entry;*/ - background-color: #2c2c2c; - background-image: none; - /*@include border($base_color);*/ - padding: 0; - border-radius: 2px; - color: #ffffff; - caret-color: #ffffff; - /*&:focus, &:active { border-color: border_focus($borders_color); }*/ } - spinbutton:not(.vertical):disabled { - background-color: #282828; - background-image: none; - color: mix(#2c2c2c,#ffffff,0.5); } - spinbutton:not(.vertical) entry { - border-radius: 2px 0 0 2px; - border-right-width: 0; - box-shadow: none; } - spinbutton:not(.vertical) button { - border-radius: 0; - /*border-color: alpha($borders_color, .8);*/ - /*border-style: none none none solid;*/ - background-image: none; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - spinbutton:not(.vertical) button:backdrop { - border-color: alpha(mix(#333333,#2d2d2d,0.9),0.8); } - spinbutton:not(.vertical) button:backdrop:disabled { - border-style: none none none solid; } - spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 2px 0 0 2px; } - spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 2px 2px 0; } -spinbutton.vertical button, spinbutton.vertical entry { - min-width: 0; - padding-left: 1px; - padding-right: 1px; } -spinbutton.vertical entry { - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; } -spinbutton.vertical button.up { - border-style: solid solid none solid; - border-radius: 2px 2px 0 0; } -spinbutton.vertical button.down { - border-style: none solid solid solid; - border-radius: 0 0 2px 2px; } - -/****************** -! ComboBoxes * -*******************/ -combobox button.combo { - min-width: 0; - padding-left: 5px; - padding-right: 5px; } -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } -combobox box button, combobox box entry { - padding: 3px 5px; } - -/********* - ! Entry * -**********/ -.linked:not(.vertical) > entry { - border-width: 1px; - border-radius: 0; - border-right-width: 0; - border-left-width: 0; } - .linked:not(.vertical) > entry:first-child { - border-width: 1px; - border-radius: 2px; - border-right-width: 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .linked:not(.vertical) > entry:first-child:dir(rtl) { - border-left-width: 0; - border-right-width: 1px; } - .linked:not(.vertical) > entry:last-child { - border-width: 1px; - border-radius: 2px; - border-left-width: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .linked:not(.vertical) > entry:last-child:dir(rtl) { - border-left-width: 1px; - border-right-width: 0; } - .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child { - border-width: 1px; } - .linked:not(.vertical) > entry:only-child { - border-radius: 2px; } - -.linked.vertical > entry { - border-width: 1px; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; } - .linked.vertical > entry:first-child { - border-width: 1px; - border-radius: 2px; - border-top-width: 1px; - border-bottom-width: 0; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .linked.vertical > entry:first-child:dir(rtl) { - border-top-width: 0; - border-bottom-width: 1px; } - .linked.vertical > entry:last-child { - border-width: 1px; - border-radius: 2px; - border-top-width: 0; - border-bottom-width: 1px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - .linked.vertical > entry:last-child:dir(rtl) { - border-top-width: 1px; - border-bottom-width: 0; } - .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child { - border-width: 1px; } - .linked.vertical > entry:only-child { - border-radius: 2px; } - -entry, menuitem entry, popover.background entry, .osd entry, -#XfceNotifyWindow entry, #login_window entry { - border-width: 1px; - border-style: solid; - border-radius: 2px; - transition: border 150ms ease; - box-shadow: inset 1px 1px rgba(44, 44, 44, 0.06), inset -1px 0 rgba(44, 44, 44, 0.06); } - entry:focus, popover.background entry:focus, - #XfceNotifyWindow entry:focus, #login_window entry:focus, entry:hover, popover.background entry:hover, - #XfceNotifyWindow entry:hover, #login_window entry:hover, entry:active, popover.background entry:active, - #XfceNotifyWindow entry:active, #login_window entry:active { - transition: none; } - entry:selected, popover.background entry:selected, - #XfceNotifyWindow entry:selected, #login_window entry:selected, entry:selected:selected:focus, - #XfceNotifyWindow entry:selected:selected:focus, #login_window entry:selected:selected:focus { - background-color: #169f6f; - color: #ffffff; } - entry:disabled, popover.background entry:disabled, - #XfceNotifyWindow entry:disabled, #login_window entry:disabled { - box-shadow: none; } - entry progress, popover.background entry progress, .osd entry progress, - #XfceNotifyWindow entry progress, #login_window entry progress { - background-color: #169f6f; - background-image: none; - border-width: 0; - border-radius: 2px; - color: #ffffff; } - entry image.left, - #XfceNotifyWindow entry image.left, #login_window entry image.left { - padding-right: 3px; } - entry image.right, - #XfceNotifyWindow entry image.right, #login_window entry image.right { - padding-left: 3px; } - entry.warning, popover.background entry.warning, - #XfceNotifyWindow entry.warning, #login_window entry.warning { - color: #fff; - border-color: #bf5600; - background-color: mix(#2c2c2c,#ef6c00,0.6); } - entry.warning image, - #XfceNotifyWindow entry.warning image, #login_window entry.warning image { - color: #fff; } - entry.warning:focus, - #XfceNotifyWindow entry.warning:focus, #login_window entry.warning:focus { - color: #fff; - border-color: #0a4530; - background-color: #ef6c00; - box-shadow: none; } - entry.warning selection, - #XfceNotifyWindow entry.warning selection, #login_window entry.warning selection { - background-color: #fff; - color: #ef6c00; } - entry.error, popover.background entry.error, - #XfceNotifyWindow entry.error, #login_window entry.error { - color: #fff; - border-color: #e21b0c; - background-color: mix(#2c2c2c,#f44336,0.6); } - entry.error image, - #XfceNotifyWindow entry.error image, #login_window entry.error image { - color: #fff; } - entry.error:focus, - #XfceNotifyWindow entry.error:focus, #login_window entry.error:focus { - color: #fff; - border-color: #0a4530; - background-color: #f44336; - box-shadow: none; } - entry.error selection, - #XfceNotifyWindow entry.error selection, #login_window entry.error selection { - background-color: #fff; - color: #f44336; } - entry.search-missing, popover.background entry.search-missing, - #XfceNotifyWindow entry.search-missing, #login_window entry.search-missing { - color: #fff; - border-color: #e21b0c; - background-color: mix(#2c2c2c,#f44336,0.6); } - entry.search-missing image, - #XfceNotifyWindow entry.search-missing image, #login_window entry.search-missing image { - color: #fff; } - entry.search-missing:focus, - #XfceNotifyWindow entry.search-missing:focus, #login_window entry.search-missing:focus { - color: #fff; - border-color: #0a4530; - background-color: #f44336; - box-shadow: none; } - entry.search-missing selection, - #XfceNotifyWindow entry.search-missing selection, #login_window entry.search-missing selection { - background-color: #fff; - color: #f44336; } - -entry { - background-color: #2c2c2c; - background-image: none; - border-color: shade(mix(#2c2c2c,#ffffff,0.2),0.8); - padding: 3px; - color: #ffffff; - caret-color: #ffffff; } - entry:focus, entry:hover { - border-color: #0a4530; } - entry:active, entry:active:hover, entry:active:focus, entry:active:hover:focus, entry:checked, entry:checked:hover, entry:checked:focus, entry:checked:hover:focus { - border-color: shade(mix(#2c2c2c,#ffffff,0.2),0.7); } - entry:disabled { - border-color: shade(mix(#2c2c2c,#ffffff,0.2),0.85); } - entry:active:disabled, entry:checked:disabled { - border-color: shade(mix(#2c2c2c,#ffffff,0.2),0.8); } - entry:focus, entry:active { - border-color: #0a4530; } - entry:disabled { - background-color: #282828; - background-image: none; - border-color: shade(alpha(mix(#2c2c2c,#ffffff,0.2),0.4),0.8); - /*@include border(mix($bg, $fg, .20));*/ - /*border-color: alpha(mix($bg, $fg, .15), .8);*/ - /*opacity: .8;*/ - color: mix(#2c2c2c,#ffffff,0.5); } - entry:disabled:focus, entry:disabled:hover { - border-color: #0a4530; } - entry:disabled:active, entry:disabled:active:hover, entry:disabled:active:focus, entry:disabled:active:hover:focus, entry:disabled:checked, entry:disabled:checked:hover, entry:disabled:checked:focus, entry:disabled:checked:hover:focus { - border-color: shade(alpha(mix(#2c2c2c,#ffffff,0.2),0.4),0.7); } - entry:disabled:disabled { - border-color: shade(alpha(mix(#2c2c2c,#ffffff,0.2),0.4),0.85); } - entry:disabled:active:disabled, entry:disabled:checked:disabled { - border-color: shade(alpha(mix(#2c2c2c,#ffffff,0.2),0.4),0.8); } - -/********* - ! Buttons -**********/ -/****************** -! ComboBoxes * -*******************/ -/********* - ! Buttons -**********/ -/****************** -! ComboBoxes * -*******************/ -/********* - ! Toolbar -**********/ -toolbar { - padding: 2px; - border-style: none; } - toolbar.horizontal separator { - margin: 0 5px 1px; } - toolbar.vertical separator { - margin: 5px 1px 5px 0; } - -headerbar { - border-width: 0 0 1px; - border-style: solid; } - headerbar entry, - headerbar spinbutton, - headerbar separator, - headerbar button { - margin-top: 6px; - margin-bottom: 6px; } - headerbar switch { - margin-top: 4px; - margin-bottom: 4px; } - window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { - border-top-left-radius: 2px; } - window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { - border-top-right-radius: 2px; } - -headerbar, .titlebar:not(headerbar) { - background-color: #2c2c2c; - background-image: none; - border-color: #232323; - color: #e9e9e9; - background-color: #2c2c2c; - background-image: none; - border-radius: 2px 2px 0 0; - color: mix(#e9e9e9,#2c2c2c,0.1); - padding: 0 3px; - min-height: 42px; } - headerbar:focus, .titlebar:focus:not(headerbar), headerbar:hover, .titlebar:hover:not(headerbar) { - border-color: #0a4530; } - headerbar:active, .titlebar:active:not(headerbar), headerbar:active:hover, .titlebar:active:hover:not(headerbar), headerbar:active:focus, .titlebar:active:focus:not(headerbar), headerbar:active:hover:focus, .titlebar:active:hover:focus:not(headerbar), headerbar:checked, .titlebar:checked:not(headerbar), headerbar:checked:hover, .titlebar:checked:hover:not(headerbar), headerbar:checked:focus, .titlebar:checked:focus:not(headerbar), headerbar:checked:hover:focus, .titlebar:checked:hover:focus:not(headerbar) { - border-color: #1f1f1f; } - headerbar:disabled, .titlebar:disabled:not(headerbar) { - border-color: #252525; } - headerbar:active:disabled, .titlebar:active:disabled:not(headerbar), headerbar:checked:disabled, .titlebar:checked:disabled:not(headerbar) { - border-color: #232323; } - headerbar:disabled, .titlebar:disabled:not(headerbar) { - background-color: #282828; - background-image: none; - color: mix(#e9e9e9,#2c2c2c,0.5); } - headerbar .title, .titlebar:not(headerbar) .title { - font-weight: bold; - padding: 0 6px; } - headerbar .subtitle, .titlebar:not(headerbar) .subtitle { - font-size: smaller; - padding: 0 6px; } - headerbar button, .titlebar:not(headerbar) button { - background-color: #2c2c2c; - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover { - border-color: #0a4530; } - headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover:focus, .titlebar:not(headerbar) button:active:hover:focus, headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover:focus, .titlebar:not(headerbar) button:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - headerbar button:disabled, .titlebar:not(headerbar) button:disabled { - border-color: rgba(198, 198, 198, 0.22); } - headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - headerbar button:active, .titlebar:not(headerbar) button:active { - color: #e9e9e9; } - headerbar button.flat, .titlebar:not(headerbar) button.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { - background-color: #2e2e2e; - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - headerbar button:hover:focus, .titlebar:not(headerbar) button:hover:focus, headerbar button:hover:hover, .titlebar:not(headerbar) button:hover:hover, headerbar button.flat:hover:focus, .titlebar:not(headerbar) button.flat:hover:focus, headerbar button.flat:hover:hover, .titlebar:not(headerbar) button.flat:hover:hover { - border-color: #0a4530; } - headerbar button:hover:active, .titlebar:not(headerbar) button:hover:active, headerbar button:hover:active:hover, .titlebar:not(headerbar) button:hover:active:hover, headerbar button:hover:active:focus, .titlebar:not(headerbar) button:hover:active:focus, headerbar button:hover:active:hover:focus, .titlebar:not(headerbar) button:hover:active:hover:focus, headerbar button:hover:checked, .titlebar:not(headerbar) button:hover:checked, headerbar button:hover:checked:hover, .titlebar:not(headerbar) button:hover:checked:hover, headerbar button:hover:checked:focus, .titlebar:not(headerbar) button:hover:checked:focus, headerbar button:hover:checked:hover:focus, .titlebar:not(headerbar) button:hover:checked:hover:focus, headerbar button.flat:hover:active, .titlebar:not(headerbar) button.flat:hover:active, headerbar button.flat:hover:active:hover, .titlebar:not(headerbar) button.flat:hover:active:hover, headerbar button.flat:hover:active:focus, .titlebar:not(headerbar) button.flat:hover:active:focus, headerbar button.flat:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:hover:active:hover:focus, headerbar button.flat:hover:checked, .titlebar:not(headerbar) button.flat:hover:checked, headerbar button.flat:hover:checked:hover, .titlebar:not(headerbar) button.flat:hover:checked:hover, headerbar button.flat:hover:checked:focus, .titlebar:not(headerbar) button.flat:hover:checked:focus, headerbar button.flat:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - headerbar button:hover:disabled, .titlebar:not(headerbar) button:hover:disabled, headerbar button.flat:hover:disabled, .titlebar:not(headerbar) button.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - headerbar button:hover:active:disabled, .titlebar:not(headerbar) button:hover:active:disabled, headerbar button:hover:checked:disabled, .titlebar:not(headerbar) button:hover:checked:disabled, headerbar button.flat:hover:active:disabled, .titlebar:not(headerbar) button.flat:hover:active:disabled, headerbar button.flat:hover:checked:disabled, .titlebar:not(headerbar) button.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus { - background-color: #2e2e2e; - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - headerbar button:focus:focus, .titlebar:not(headerbar) button:focus:focus, headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:focus, .titlebar:not(headerbar) button.flat:focus:focus, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { - border-color: #0a4530; } - headerbar button:focus:active, .titlebar:not(headerbar) button:focus:active, headerbar button:focus:active:hover, .titlebar:not(headerbar) button:focus:active:hover, headerbar button:focus:active:focus, .titlebar:not(headerbar) button:focus:active:focus, headerbar button:focus:active:hover:focus, .titlebar:not(headerbar) button:focus:active:hover:focus, headerbar button:focus:checked, .titlebar:not(headerbar) button:focus:checked, headerbar button:focus:checked:hover, .titlebar:not(headerbar) button:focus:checked:hover, headerbar button:focus:checked:focus, .titlebar:not(headerbar) button:focus:checked:focus, headerbar button:focus:checked:hover:focus, .titlebar:not(headerbar) button:focus:checked:hover:focus, headerbar button.flat:focus:active, .titlebar:not(headerbar) button.flat:focus:active, headerbar button.flat:focus:active:hover, .titlebar:not(headerbar) button.flat:focus:active:hover, headerbar button.flat:focus:active:focus, .titlebar:not(headerbar) button.flat:focus:active:focus, headerbar button.flat:focus:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:active:hover:focus, headerbar button.flat:focus:checked, .titlebar:not(headerbar) button.flat:focus:checked, headerbar button.flat:focus:checked:hover, .titlebar:not(headerbar) button.flat:focus:checked:hover, headerbar button.flat:focus:checked:focus, .titlebar:not(headerbar) button.flat:focus:checked:focus, headerbar button.flat:focus:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - headerbar button:focus:disabled, .titlebar:not(headerbar) button:focus:disabled, headerbar button.flat:focus:disabled, .titlebar:not(headerbar) button.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - headerbar button:focus:active:disabled, .titlebar:not(headerbar) button:focus:active:disabled, headerbar button:focus:checked:disabled, .titlebar:not(headerbar) button:focus:checked:disabled, headerbar button.flat:focus:active:disabled, .titlebar:not(headerbar) button.flat:focus:active:disabled, headerbar button.flat:focus:checked:disabled, .titlebar:not(headerbar) button.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { - background-color: #303030; - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - headerbar button:focus:hover:focus, .titlebar:not(headerbar) button:focus:hover:focus, headerbar button:focus:hover:hover, .titlebar:not(headerbar) button:focus:hover:hover, headerbar button.flat:focus:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:focus, headerbar button.flat:focus:hover:hover, .titlebar:not(headerbar) button.flat:focus:hover:hover { - border-color: #0a4530; } - headerbar button:focus:hover:active, .titlebar:not(headerbar) button:focus:hover:active, headerbar button:focus:hover:active:hover, .titlebar:not(headerbar) button:focus:hover:active:hover, headerbar button:focus:hover:active:focus, .titlebar:not(headerbar) button:focus:hover:active:focus, headerbar button:focus:hover:active:hover:focus, .titlebar:not(headerbar) button:focus:hover:active:hover:focus, headerbar button:focus:hover:checked, .titlebar:not(headerbar) button:focus:hover:checked, headerbar button:focus:hover:checked:hover, .titlebar:not(headerbar) button:focus:hover:checked:hover, headerbar button:focus:hover:checked:focus, .titlebar:not(headerbar) button:focus:hover:checked:focus, headerbar button:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button:focus:hover:checked:hover:focus, headerbar button.flat:focus:hover:active, .titlebar:not(headerbar) button.flat:focus:hover:active, headerbar button.flat:focus:hover:active:hover, .titlebar:not(headerbar) button.flat:focus:hover:active:hover, headerbar button.flat:focus:hover:active:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:focus, headerbar button.flat:focus:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:hover:focus, headerbar button.flat:focus:hover:checked, .titlebar:not(headerbar) button.flat:focus:hover:checked, headerbar button.flat:focus:hover:checked:hover, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover, headerbar button.flat:focus:hover:checked:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:focus, headerbar button.flat:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - headerbar button:focus:hover:disabled, .titlebar:not(headerbar) button:focus:hover:disabled, headerbar button.flat:focus:hover:disabled, .titlebar:not(headerbar) button.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - headerbar button:focus:hover:active:disabled, .titlebar:not(headerbar) button:focus:hover:active:disabled, headerbar button:focus:hover:checked:disabled, .titlebar:not(headerbar) button:focus:hover:checked:disabled, headerbar button.flat:focus:hover:active:disabled, .titlebar:not(headerbar) button.flat:focus:hover:active:disabled, headerbar button.flat:focus:hover:checked:disabled, .titlebar:not(headerbar) button.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button.flat:checked, .titlebar:not(headerbar) button.flat:checked, headerbar button.flat:active, .titlebar:not(headerbar) button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { - border-color: #0a4530; } - headerbar button:checked:active, .titlebar:not(headerbar) button:checked:active, headerbar button:checked:active:hover, .titlebar:not(headerbar) button:checked:active:hover, headerbar button:checked:active:focus, .titlebar:not(headerbar) button:checked:active:focus, headerbar button:checked:active:hover:focus, .titlebar:not(headerbar) button:checked:active:hover:focus, headerbar button:checked:checked, .titlebar:not(headerbar) button:checked:checked, headerbar button:checked:checked:hover, .titlebar:not(headerbar) button:checked:checked:hover, headerbar button:checked:checked:focus, .titlebar:not(headerbar) button:checked:checked:focus, headerbar button:checked:checked:hover:focus, .titlebar:not(headerbar) button:checked:checked:hover:focus, headerbar button:active:active, .titlebar:not(headerbar) button:active:active, headerbar button:active:active:hover, .titlebar:not(headerbar) button:active:active:hover, headerbar button:active:active:focus, .titlebar:not(headerbar) button:active:active:focus, headerbar button:active:active:hover:focus, .titlebar:not(headerbar) button:active:active:hover:focus, headerbar button:active:checked, .titlebar:not(headerbar) button:active:checked, headerbar button:active:checked:hover, .titlebar:not(headerbar) button:active:checked:hover, headerbar button:active:checked:focus, .titlebar:not(headerbar) button:active:checked:focus, headerbar button:active:checked:hover:focus, .titlebar:not(headerbar) button:active:checked:hover:focus, headerbar button.flat:checked:active, .titlebar:not(headerbar) button.flat:checked:active, headerbar button.flat:checked:active:hover, .titlebar:not(headerbar) button.flat:checked:active:hover, headerbar button.flat:checked:active:focus, .titlebar:not(headerbar) button.flat:checked:active:focus, headerbar button.flat:checked:active:hover:focus, .titlebar:not(headerbar) button.flat:checked:active:hover:focus, headerbar button.flat:checked:checked, .titlebar:not(headerbar) button.flat:checked:checked, headerbar button.flat:checked:checked:hover, .titlebar:not(headerbar) button.flat:checked:checked:hover, headerbar button.flat:checked:checked:focus, .titlebar:not(headerbar) button.flat:checked:checked:focus, headerbar button.flat:checked:checked:hover:focus, .titlebar:not(headerbar) button.flat:checked:checked:hover:focus, headerbar button.flat:active:active, .titlebar:not(headerbar) button.flat:active:active, headerbar button.flat:active:active:hover, .titlebar:not(headerbar) button.flat:active:active:hover, headerbar button.flat:active:active:focus, .titlebar:not(headerbar) button.flat:active:active:focus, headerbar button.flat:active:active:hover:focus, .titlebar:not(headerbar) button.flat:active:active:hover:focus, headerbar button.flat:active:checked, .titlebar:not(headerbar) button.flat:active:checked, headerbar button.flat:active:checked:hover, .titlebar:not(headerbar) button.flat:active:checked:hover, headerbar button.flat:active:checked:focus, .titlebar:not(headerbar) button.flat:active:checked:focus, headerbar button.flat:active:checked:hover:focus, .titlebar:not(headerbar) button.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - headerbar button:checked:active:disabled, .titlebar:not(headerbar) button:checked:active:disabled, headerbar button:checked:checked:disabled, .titlebar:not(headerbar) button:checked:checked:disabled, headerbar button:active:active:disabled, .titlebar:not(headerbar) button:active:active:disabled, headerbar button:active:checked:disabled, .titlebar:not(headerbar) button:active:checked:disabled, headerbar button.flat:checked:active:disabled, .titlebar:not(headerbar) button.flat:checked:active:disabled, headerbar button.flat:checked:checked:disabled, .titlebar:not(headerbar) button.flat:checked:checked:disabled, headerbar button.flat:active:active:disabled, .titlebar:not(headerbar) button.flat:active:active:disabled, headerbar button.flat:active:checked:disabled, .titlebar:not(headerbar) button.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { - color: #e9e9e9; } - headerbar button:disabled:disabled, .titlebar:not(headerbar) button:disabled:disabled, headerbar button.flat:disabled:disabled, .titlebar:not(headerbar) button.flat:disabled:disabled { - background-color: alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#2c2c2c,#e9e9e9,0.5); - box-shadow: none; } - headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - headerbar button.separator, .titlebar:not(headerbar) button.separator, headerbar button .separator, .titlebar:not(headerbar) button .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.9); } - headerbar button.separator:disabled, .titlebar:not(headerbar) button.separator:disabled, headerbar button .separator:disabled, .titlebar:not(headerbar) button .separator:disabled { - color: rgba(44, 44, 44, 0.85); } - headerbar .linked > button, .titlebar:not(headerbar) .linked > button { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - headerbar .linked > button:focus, .titlebar:not(headerbar) .linked > button:focus, headerbar .linked > button:hover, .titlebar:not(headerbar) .linked > button:hover { - box-shadow: inset -1px 0 #0a4530, 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - headerbar .linked > button:active, .titlebar:not(headerbar) .linked > button:active, headerbar .linked > button:active:hover, .titlebar:not(headerbar) .linked > button:active:hover, headerbar .linked > button:active:focus, .titlebar:not(headerbar) .linked > button:active:focus, headerbar .linked > button:active:hover:focus, .titlebar:not(headerbar) .linked > button:active:hover:focus, headerbar .linked > button:checked, .titlebar:not(headerbar) .linked > button:checked, headerbar .linked > button:checked:hover, .titlebar:not(headerbar) .linked > button:checked:hover, headerbar .linked > button:checked:focus, .titlebar:not(headerbar) .linked > button:checked:focus, headerbar .linked > button:checked:hover:focus, .titlebar:not(headerbar) .linked > button:checked:hover:focus { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } - headerbar .linked > button:disabled, .titlebar:not(headerbar) .linked > button:disabled { - box-shadow: inset -1px 0 #232323; } - headerbar .linked > button:last-child, .titlebar:not(headerbar) .linked > button:last-child, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - headerbar .linked > button:last-child:hover, .titlebar:not(headerbar) .linked > button:last-child:hover, headerbar .linked > button:only-child:hover, .titlebar:not(headerbar) .linked > button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - headerbar .linked > button:disabled:last-child, .titlebar:not(headerbar) .linked > button:disabled:last-child, headerbar .linked > button:disabled:only-child, .titlebar:not(headerbar) .linked > button:disabled:only-child, headerbar .linked > button:active:disabled:last-child, .titlebar:not(headerbar) .linked > button:active:disabled:last-child, headerbar .linked > button:active:disabled:only-child, .titlebar:not(headerbar) .linked > button:active:disabled:only-child, headerbar .linked > button:checked:disabled:last-child, .titlebar:not(headerbar) .linked > button:checked:disabled:last-child, headerbar .linked > button:checked:disabled:only-child, .titlebar:not(headerbar) .linked > button:checked:disabled:only-child { - box-shadow: none; } - headerbar .linked > button:active:last-child, .titlebar:not(headerbar) .linked > button:active:last-child, headerbar .linked > button:active:last-child:focus, .titlebar:not(headerbar) .linked > button:active:last-child:focus, headerbar .linked > button:active:last-child:hover, .titlebar:not(headerbar) .linked > button:active:last-child:hover, headerbar .linked > button:active:last-child:hover:focus, .titlebar:not(headerbar) .linked > button:active:last-child:hover:focus, headerbar .linked > button:checked:last-child, .titlebar:not(headerbar) .linked > button:checked:last-child, headerbar .linked > button:checked:last-child:focus, .titlebar:not(headerbar) .linked > button:checked:last-child:focus, headerbar .linked > button:checked:last-child:hover, .titlebar:not(headerbar) .linked > button:checked:last-child:hover, headerbar .linked > button:checked:last-child:hover:focus, .titlebar:not(headerbar) .linked > button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - headerbar .linked > button:active:only-child, .titlebar:not(headerbar) .linked > button:active:only-child, headerbar .linked > button:active:only-child:focus, .titlebar:not(headerbar) .linked > button:active:only-child:focus, headerbar .linked > button:active:only-child:hover, .titlebar:not(headerbar) .linked > button:active:only-child:hover, headerbar .linked > button:active:only-child:hover:focus, .titlebar:not(headerbar) .linked > button:active:only-child:hover:focus, headerbar .linked > button:checked:only-child, .titlebar:not(headerbar) .linked > button:checked:only-child, headerbar .linked > button:checked:only-child:focus, .titlebar:not(headerbar) .linked > button:checked:only-child:focus, headerbar .linked > button:checked:only-child:hover, .titlebar:not(headerbar) .linked > button:checked:only-child:hover, headerbar .linked > button:checked:only-child:hover:focus, .titlebar:not(headerbar) .linked > button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - headerbar combobox, .titlebar:not(headerbar) combobox, headerbar button, .titlebar:not(headerbar) button { - padding: 3px; } - headerbar combobox.text-button, .titlebar:not(headerbar) combobox.text-button, headerbar button.text-button, .titlebar:not(headerbar) button.text-button { - padding: 3px; } - headerbar combobox.image-button, .titlebar:not(headerbar) combobox.image-button, headerbar button.image-button, .titlebar:not(headerbar) button.image-button { - padding: 3px; } - headerbar separator, .titlebar:not(headerbar) separator, headerbar separator:disabled, .titlebar:not(headerbar) separator:disabled { - color: #1a1a1a; - border-color: currentColor; - -GtkWidget-window-dragging: true; } - headerbar:backdrop, .titlebar:backdrop:not(headerbar) { - background-color: #2c2c2c; - background-image: none; - color: mix(#e9e9e9,#2c2c2c,0.6); - text-shadow: none; } - headerbar.default-decoration, .default-decoration.titlebar:not(headerbar) { - min-height: 24px; - box-shadow: none; - border: 0; } - headerbar.default-decoration button.titlebutton, .default-decoration.titlebar:not(headerbar) button.titlebutton { - min-height: 16px; - min-width: 16px; - margin: 0; - padding: 0; } - .tiled headerbar:backdrop, .tiled .titlebar:backdrop:not(headerbar), .tiled headerbar, .tiled .titlebar:not(headerbar), .maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar), .maximized headerbar, .maximized .titlebar:not(headerbar) { - border-radius: 0; } - headerbar .title, .titlebar:not(headerbar) .title { - font-weight: bold; } - headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { - margin-left: 3px; } - headerbar button, .titlebar:not(headerbar) button { - background-color: #169f6f; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover { - border-color: #0a4530; } - headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover:focus, .titlebar:not(headerbar) button:active:hover:focus, headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover:focus, .titlebar:not(headerbar) button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - headerbar button:disabled, .titlebar:not(headerbar) button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - headerbar button:active, .titlebar:not(headerbar) button:active { - color: #ffffff; } - headerbar button.flat, .titlebar:not(headerbar) button.flat { - color: #ffffff; - border-color: rgba(22, 159, 111, 0); - background-color: rgba(22, 159, 111, 0); - background-image: none; - box-shadow: none; } - headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - headerbar button:hover:focus, .titlebar:not(headerbar) button:hover:focus, headerbar button:hover:hover, .titlebar:not(headerbar) button:hover:hover, headerbar button.flat:hover:focus, .titlebar:not(headerbar) button.flat:hover:focus, headerbar button.flat:hover:hover, .titlebar:not(headerbar) button.flat:hover:hover { - border-color: #0a4530; } - headerbar button:hover:active, .titlebar:not(headerbar) button:hover:active, headerbar button:hover:active:hover, .titlebar:not(headerbar) button:hover:active:hover, headerbar button:hover:active:focus, .titlebar:not(headerbar) button:hover:active:focus, headerbar button:hover:active:hover:focus, .titlebar:not(headerbar) button:hover:active:hover:focus, headerbar button:hover:checked, .titlebar:not(headerbar) button:hover:checked, headerbar button:hover:checked:hover, .titlebar:not(headerbar) button:hover:checked:hover, headerbar button:hover:checked:focus, .titlebar:not(headerbar) button:hover:checked:focus, headerbar button:hover:checked:hover:focus, .titlebar:not(headerbar) button:hover:checked:hover:focus, headerbar button.flat:hover:active, .titlebar:not(headerbar) button.flat:hover:active, headerbar button.flat:hover:active:hover, .titlebar:not(headerbar) button.flat:hover:active:hover, headerbar button.flat:hover:active:focus, .titlebar:not(headerbar) button.flat:hover:active:focus, headerbar button.flat:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:hover:active:hover:focus, headerbar button.flat:hover:checked, .titlebar:not(headerbar) button.flat:hover:checked, headerbar button.flat:hover:checked:hover, .titlebar:not(headerbar) button.flat:hover:checked:hover, headerbar button.flat:hover:checked:focus, .titlebar:not(headerbar) button.flat:hover:checked:focus, headerbar button.flat:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar button:hover:disabled, .titlebar:not(headerbar) button:hover:disabled, headerbar button.flat:hover:disabled, .titlebar:not(headerbar) button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar button:hover:active:disabled, .titlebar:not(headerbar) button:hover:active:disabled, headerbar button:hover:checked:disabled, .titlebar:not(headerbar) button:hover:checked:disabled, headerbar button.flat:hover:active:disabled, .titlebar:not(headerbar) button.flat:hover:active:disabled, headerbar button.flat:hover:checked:disabled, .titlebar:not(headerbar) button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - headerbar button:focus:focus, .titlebar:not(headerbar) button:focus:focus, headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:focus, .titlebar:not(headerbar) button.flat:focus:focus, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { - border-color: #0a4530; } - headerbar button:focus:active, .titlebar:not(headerbar) button:focus:active, headerbar button:focus:active:hover, .titlebar:not(headerbar) button:focus:active:hover, headerbar button:focus:active:focus, .titlebar:not(headerbar) button:focus:active:focus, headerbar button:focus:active:hover:focus, .titlebar:not(headerbar) button:focus:active:hover:focus, headerbar button:focus:checked, .titlebar:not(headerbar) button:focus:checked, headerbar button:focus:checked:hover, .titlebar:not(headerbar) button:focus:checked:hover, headerbar button:focus:checked:focus, .titlebar:not(headerbar) button:focus:checked:focus, headerbar button:focus:checked:hover:focus, .titlebar:not(headerbar) button:focus:checked:hover:focus, headerbar button.flat:focus:active, .titlebar:not(headerbar) button.flat:focus:active, headerbar button.flat:focus:active:hover, .titlebar:not(headerbar) button.flat:focus:active:hover, headerbar button.flat:focus:active:focus, .titlebar:not(headerbar) button.flat:focus:active:focus, headerbar button.flat:focus:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:active:hover:focus, headerbar button.flat:focus:checked, .titlebar:not(headerbar) button.flat:focus:checked, headerbar button.flat:focus:checked:hover, .titlebar:not(headerbar) button.flat:focus:checked:hover, headerbar button.flat:focus:checked:focus, .titlebar:not(headerbar) button.flat:focus:checked:focus, headerbar button.flat:focus:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar button:focus:disabled, .titlebar:not(headerbar) button:focus:disabled, headerbar button.flat:focus:disabled, .titlebar:not(headerbar) button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar button:focus:active:disabled, .titlebar:not(headerbar) button:focus:active:disabled, headerbar button:focus:checked:disabled, .titlebar:not(headerbar) button:focus:checked:disabled, headerbar button.flat:focus:active:disabled, .titlebar:not(headerbar) button.flat:focus:active:disabled, headerbar button.flat:focus:checked:disabled, .titlebar:not(headerbar) button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { - background-color: #18af7a; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - headerbar button:focus:hover:focus, .titlebar:not(headerbar) button:focus:hover:focus, headerbar button:focus:hover:hover, .titlebar:not(headerbar) button:focus:hover:hover, headerbar button.flat:focus:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:focus, headerbar button.flat:focus:hover:hover, .titlebar:not(headerbar) button.flat:focus:hover:hover { - border-color: #0a4530; } - headerbar button:focus:hover:active, .titlebar:not(headerbar) button:focus:hover:active, headerbar button:focus:hover:active:hover, .titlebar:not(headerbar) button:focus:hover:active:hover, headerbar button:focus:hover:active:focus, .titlebar:not(headerbar) button:focus:hover:active:focus, headerbar button:focus:hover:active:hover:focus, .titlebar:not(headerbar) button:focus:hover:active:hover:focus, headerbar button:focus:hover:checked, .titlebar:not(headerbar) button:focus:hover:checked, headerbar button:focus:hover:checked:hover, .titlebar:not(headerbar) button:focus:hover:checked:hover, headerbar button:focus:hover:checked:focus, .titlebar:not(headerbar) button:focus:hover:checked:focus, headerbar button:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button:focus:hover:checked:hover:focus, headerbar button.flat:focus:hover:active, .titlebar:not(headerbar) button.flat:focus:hover:active, headerbar button.flat:focus:hover:active:hover, .titlebar:not(headerbar) button.flat:focus:hover:active:hover, headerbar button.flat:focus:hover:active:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:focus, headerbar button.flat:focus:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:hover:focus, headerbar button.flat:focus:hover:checked, .titlebar:not(headerbar) button.flat:focus:hover:checked, headerbar button.flat:focus:hover:checked:hover, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover, headerbar button.flat:focus:hover:checked:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:focus, headerbar button.flat:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar button:focus:hover:disabled, .titlebar:not(headerbar) button:focus:hover:disabled, headerbar button.flat:focus:hover:disabled, .titlebar:not(headerbar) button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar button:focus:hover:active:disabled, .titlebar:not(headerbar) button:focus:hover:active:disabled, headerbar button:focus:hover:checked:disabled, .titlebar:not(headerbar) button:focus:hover:checked:disabled, headerbar button.flat:focus:hover:active:disabled, .titlebar:not(headerbar) button.flat:focus:hover:active:disabled, headerbar button.flat:focus:hover:checked:disabled, .titlebar:not(headerbar) button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button.flat:checked, .titlebar:not(headerbar) button.flat:checked, headerbar button.flat:active, .titlebar:not(headerbar) button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { - border-color: #0a4530; } - headerbar button:checked:active, .titlebar:not(headerbar) button:checked:active, headerbar button:checked:active:hover, .titlebar:not(headerbar) button:checked:active:hover, headerbar button:checked:active:focus, .titlebar:not(headerbar) button:checked:active:focus, headerbar button:checked:active:hover:focus, .titlebar:not(headerbar) button:checked:active:hover:focus, headerbar button:checked:checked, .titlebar:not(headerbar) button:checked:checked, headerbar button:checked:checked:hover, .titlebar:not(headerbar) button:checked:checked:hover, headerbar button:checked:checked:focus, .titlebar:not(headerbar) button:checked:checked:focus, headerbar button:checked:checked:hover:focus, .titlebar:not(headerbar) button:checked:checked:hover:focus, headerbar button:active:active, .titlebar:not(headerbar) button:active:active, headerbar button:active:active:hover, .titlebar:not(headerbar) button:active:active:hover, headerbar button:active:active:focus, .titlebar:not(headerbar) button:active:active:focus, headerbar button:active:active:hover:focus, .titlebar:not(headerbar) button:active:active:hover:focus, headerbar button:active:checked, .titlebar:not(headerbar) button:active:checked, headerbar button:active:checked:hover, .titlebar:not(headerbar) button:active:checked:hover, headerbar button:active:checked:focus, .titlebar:not(headerbar) button:active:checked:focus, headerbar button:active:checked:hover:focus, .titlebar:not(headerbar) button:active:checked:hover:focus, headerbar button.flat:checked:active, .titlebar:not(headerbar) button.flat:checked:active, headerbar button.flat:checked:active:hover, .titlebar:not(headerbar) button.flat:checked:active:hover, headerbar button.flat:checked:active:focus, .titlebar:not(headerbar) button.flat:checked:active:focus, headerbar button.flat:checked:active:hover:focus, .titlebar:not(headerbar) button.flat:checked:active:hover:focus, headerbar button.flat:checked:checked, .titlebar:not(headerbar) button.flat:checked:checked, headerbar button.flat:checked:checked:hover, .titlebar:not(headerbar) button.flat:checked:checked:hover, headerbar button.flat:checked:checked:focus, .titlebar:not(headerbar) button.flat:checked:checked:focus, headerbar button.flat:checked:checked:hover:focus, .titlebar:not(headerbar) button.flat:checked:checked:hover:focus, headerbar button.flat:active:active, .titlebar:not(headerbar) button.flat:active:active, headerbar button.flat:active:active:hover, .titlebar:not(headerbar) button.flat:active:active:hover, headerbar button.flat:active:active:focus, .titlebar:not(headerbar) button.flat:active:active:focus, headerbar button.flat:active:active:hover:focus, .titlebar:not(headerbar) button.flat:active:active:hover:focus, headerbar button.flat:active:checked, .titlebar:not(headerbar) button.flat:active:checked, headerbar button.flat:active:checked:hover, .titlebar:not(headerbar) button.flat:active:checked:hover, headerbar button.flat:active:checked:focus, .titlebar:not(headerbar) button.flat:active:checked:focus, headerbar button.flat:active:checked:hover:focus, .titlebar:not(headerbar) button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - headerbar button:checked:active:disabled, .titlebar:not(headerbar) button:checked:active:disabled, headerbar button:checked:checked:disabled, .titlebar:not(headerbar) button:checked:checked:disabled, headerbar button:active:active:disabled, .titlebar:not(headerbar) button:active:active:disabled, headerbar button:active:checked:disabled, .titlebar:not(headerbar) button:active:checked:disabled, headerbar button.flat:checked:active:disabled, .titlebar:not(headerbar) button.flat:checked:active:disabled, headerbar button.flat:checked:checked:disabled, .titlebar:not(headerbar) button.flat:checked:checked:disabled, headerbar button.flat:active:active:disabled, .titlebar:not(headerbar) button.flat:active:active:disabled, headerbar button.flat:active:checked:disabled, .titlebar:not(headerbar) button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { - color: #ffffff; } - headerbar button:disabled:disabled, .titlebar:not(headerbar) button:disabled:disabled, headerbar button.flat:disabled:disabled, .titlebar:not(headerbar) button.flat:disabled:disabled { - background-color: alpha(mix(#169f6f,#ffffff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#169f6f,#ffffff,0.5); - box-shadow: none; } - headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - headerbar button.separator, .titlebar:not(headerbar) button.separator, headerbar button .separator, .titlebar:not(headerbar) button .separator { - border: 1px solid currentColor; - color: rgba(22, 159, 111, 0.9); } - headerbar button.separator:disabled, .titlebar:not(headerbar) button.separator:disabled, headerbar button .separator:disabled, .titlebar:not(headerbar) button .separator:disabled { - color: rgba(22, 159, 111, 0.85); } - headerbar button.titlebutton + separator.titlebutton, .titlebar:not(headerbar) button.titlebutton + separator.titlebutton { - margin-left: 0; - margin-right: 3px; } - headerbar button.titlebutton, .titlebar:not(headerbar) button.titlebutton { - border: 0; - background-image: none; - background-color: transparent; - color: mix(#e9e9e9,#2c2c2c,0.1); - box-shadow: none; } - headerbar button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:hover, headerbar button.titlebutton:hover:focus, .titlebar:not(headerbar) button.titlebutton:hover:focus { - background-image: none; - background-color: transparent; - color: #169f6f; - box-shadow: none; } - headerbar button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:active, headerbar button.titlebutton:active:hover, .titlebar:not(headerbar) button.titlebutton:active:hover { - background-image: none; - background-color: transparent; - color: #148f64; - box-shadow: none; } - headerbar button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop { - background: none; - color: mix(#e9e9e9,#2c2c2c,0.6); - -gtk-icon-shadow: none; } - -toolbar { - background-color: #333333; - background-image: none; - border-color: #292929; - color: #dedede; } - toolbar:focus, toolbar:hover { - border-color: #0a4530; } - toolbar:active, toolbar:active:hover, toolbar:active:focus, toolbar:active:hover:focus, toolbar:checked, toolbar:checked:hover, toolbar:checked:focus, toolbar:checked:hover:focus { - border-color: #242424; } - toolbar:disabled { - border-color: #2b2b2b; } - toolbar:active:disabled, toolbar:checked:disabled { - border-color: #292929; } - toolbar:disabled { - background-color: #2e2e2e; - background-image: none; - color: mix(#dedede,#333333,0.5); } - toolbar .title { - font-weight: bold; - padding: 0 6px; } - toolbar .subtitle { - font-size: smaller; - padding: 0 6px; } - toolbar button { - background-color: #333333; - background-image: none; - border-color: rgba(178, 178, 178, 0.22); - color: #dedede; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - toolbar button:focus, toolbar button:hover { - border-color: #0a4530; } - toolbar button:active, toolbar button:active:hover, toolbar button:active:focus, toolbar button:active:hover:focus, toolbar button:checked, toolbar button:checked:hover, toolbar button:checked:focus, toolbar button:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.22); } - toolbar button:disabled { - border-color: rgba(189, 189, 189, 0.22); } - toolbar button:active:disabled, toolbar button:checked:disabled { - border-color: rgba(178, 178, 178, 0.22); } - toolbar button:active { - color: #dedede; } - toolbar button.flat { - color: #dedede; - border-color: rgba(51, 51, 51, 0); - background-color: rgba(51, 51, 51, 0); - background-image: none; - box-shadow: none; } - toolbar button:hover, toolbar button.flat:hover { - background-color: #363636; - background-image: none; - border-color: rgba(178, 178, 178, 0.3); - color: #dedede; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - toolbar button:hover:focus, toolbar button:hover:hover, toolbar button.flat:hover:focus, toolbar button.flat:hover:hover { - border-color: #0a4530; } - toolbar button:hover:active, toolbar button:hover:active:hover, toolbar button:hover:active:focus, toolbar button:hover:active:hover:focus, toolbar button:hover:checked, toolbar button:hover:checked:hover, toolbar button:hover:checked:focus, toolbar button:hover:checked:hover:focus, toolbar button.flat:hover:active, toolbar button.flat:hover:active:hover, toolbar button.flat:hover:active:focus, toolbar button.flat:hover:active:hover:focus, toolbar button.flat:hover:checked, toolbar button.flat:hover:checked:hover, toolbar button.flat:hover:checked:focus, toolbar button.flat:hover:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.3); } - toolbar button:hover:disabled, toolbar button.flat:hover:disabled { - border-color: rgba(189, 189, 189, 0.3); } - toolbar button:hover:active:disabled, toolbar button:hover:checked:disabled, toolbar button.flat:hover:active:disabled, toolbar button.flat:hover:checked:disabled { - border-color: rgba(178, 178, 178, 0.3); } - toolbar button:focus, toolbar button.flat:focus { - background-color: #363636; - background-image: none; - border-color: rgba(178, 178, 178, 0.3); - color: #dedede; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - toolbar button:focus:focus, toolbar button:focus:hover, toolbar button.flat:focus:focus, toolbar button.flat:focus:hover { - border-color: #0a4530; } - toolbar button:focus:active, toolbar button:focus:active:hover, toolbar button:focus:active:focus, toolbar button:focus:active:hover:focus, toolbar button:focus:checked, toolbar button:focus:checked:hover, toolbar button:focus:checked:focus, toolbar button:focus:checked:hover:focus, toolbar button.flat:focus:active, toolbar button.flat:focus:active:hover, toolbar button.flat:focus:active:focus, toolbar button.flat:focus:active:hover:focus, toolbar button.flat:focus:checked, toolbar button.flat:focus:checked:hover, toolbar button.flat:focus:checked:focus, toolbar button.flat:focus:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.3); } - toolbar button:focus:disabled, toolbar button.flat:focus:disabled { - border-color: rgba(189, 189, 189, 0.3); } - toolbar button:focus:active:disabled, toolbar button:focus:checked:disabled, toolbar button.flat:focus:active:disabled, toolbar button.flat:focus:checked:disabled { - border-color: rgba(178, 178, 178, 0.3); } - toolbar button:focus:hover, toolbar button.flat:focus:hover { - background-color: #383838; - background-image: none; - border-color: rgba(178, 178, 178, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - toolbar button:focus:hover:focus, toolbar button:focus:hover:hover, toolbar button.flat:focus:hover:focus, toolbar button.flat:focus:hover:hover { - border-color: #0a4530; } - toolbar button:focus:hover:active, toolbar button:focus:hover:active:hover, toolbar button:focus:hover:active:focus, toolbar button:focus:hover:active:hover:focus, toolbar button:focus:hover:checked, toolbar button:focus:hover:checked:hover, toolbar button:focus:hover:checked:focus, toolbar button:focus:hover:checked:hover:focus, toolbar button.flat:focus:hover:active, toolbar button.flat:focus:hover:active:hover, toolbar button.flat:focus:hover:active:focus, toolbar button.flat:focus:hover:active:hover:focus, toolbar button.flat:focus:hover:checked, toolbar button.flat:focus:hover:checked:hover, toolbar button.flat:focus:hover:checked:focus, toolbar button.flat:focus:hover:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.3); } - toolbar button:focus:hover:disabled, toolbar button.flat:focus:hover:disabled { - border-color: rgba(189, 189, 189, 0.3); } - toolbar button:focus:hover:active:disabled, toolbar button:focus:hover:checked:disabled, toolbar button.flat:focus:hover:active:disabled, toolbar button.flat:focus:hover:checked:disabled { - border-color: rgba(178, 178, 178, 0.3); } - toolbar button:checked, toolbar button:active, toolbar button.flat:checked, toolbar button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); - border-color: rgba(178, 178, 178, 0.22); } - toolbar button:checked:focus, toolbar button:checked:hover, toolbar button:active:focus, toolbar button:active:hover, toolbar button.flat:checked:focus, toolbar button.flat:checked:hover, toolbar button.flat:active:focus, toolbar button.flat:active:hover { - border-color: #0a4530; } - toolbar button:checked:active, toolbar button:checked:active:hover, toolbar button:checked:active:focus, toolbar button:checked:active:hover:focus, toolbar button:checked:checked, toolbar button:checked:checked:hover, toolbar button:checked:checked:focus, toolbar button:checked:checked:hover:focus, toolbar button:active:active, toolbar button:active:active:hover, toolbar button:active:active:focus, toolbar button:active:active:hover:focus, toolbar button:active:checked, toolbar button:active:checked:hover, toolbar button:active:checked:focus, toolbar button:active:checked:hover:focus, toolbar button.flat:checked:active, toolbar button.flat:checked:active:hover, toolbar button.flat:checked:active:focus, toolbar button.flat:checked:active:hover:focus, toolbar button.flat:checked:checked, toolbar button.flat:checked:checked:hover, toolbar button.flat:checked:checked:focus, toolbar button.flat:checked:checked:hover:focus, toolbar button.flat:active:active, toolbar button.flat:active:active:hover, toolbar button.flat:active:active:focus, toolbar button.flat:active:active:hover:focus, toolbar button.flat:active:checked, toolbar button.flat:active:checked:hover, toolbar button.flat:active:checked:focus, toolbar button.flat:active:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.22); } - toolbar button:checked:disabled, toolbar button:active:disabled, toolbar button.flat:checked:disabled, toolbar button.flat:active:disabled { - border-color: rgba(189, 189, 189, 0.22); } - toolbar button:checked:active:disabled, toolbar button:checked:checked:disabled, toolbar button:active:active:disabled, toolbar button:active:checked:disabled, toolbar button.flat:checked:active:disabled, toolbar button.flat:checked:checked:disabled, toolbar button.flat:active:active:disabled, toolbar button.flat:active:checked:disabled { - border-color: rgba(178, 178, 178, 0.22); } - toolbar button:checked:focus, toolbar button:checked:hover, toolbar button:active:focus, toolbar button:active:hover, toolbar button.flat:checked:focus, toolbar button.flat:checked:hover, toolbar button.flat:active:focus, toolbar button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - toolbar button:focus, toolbar button:hover, toolbar button.flat:focus, toolbar button.flat:hover { - color: #dedede; } - toolbar button:disabled:disabled, toolbar button.flat:disabled:disabled { - background-color: alpha(mix(#333333,#dedede,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#333333,#dedede,0.5); - box-shadow: none; } - toolbar button:active:disabled, toolbar button:checked:disabled, toolbar button.flat:active:disabled, toolbar button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - toolbar button.separator, toolbar button .separator { - border: 1px solid currentColor; - color: rgba(51, 51, 51, 0.9); } - toolbar button.separator:disabled, toolbar button .separator:disabled { - color: rgba(51, 51, 51, 0.85); } - toolbar .linked > button { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - toolbar .linked > button:focus, toolbar .linked > button:hover { - box-shadow: inset -1px 0 #0a4530, 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - toolbar .linked > button:active, toolbar .linked > button:active:hover, toolbar .linked > button:active:focus, toolbar .linked > button:active:hover:focus, toolbar .linked > button:checked, toolbar .linked > button:checked:hover, toolbar .linked > button:checked:focus, toolbar .linked > button:checked:hover:focus { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } - toolbar .linked > button:disabled { - box-shadow: inset -1px 0 #292929; } - toolbar .linked > button:last-child, toolbar .linked > button:only-child { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - toolbar .linked > button:last-child:hover, toolbar .linked > button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - toolbar .linked > button:disabled:last-child, toolbar .linked > button:disabled:only-child, toolbar .linked > button:active:disabled:last-child, toolbar .linked > button:active:disabled:only-child, toolbar .linked > button:checked:disabled:last-child, toolbar .linked > button:checked:disabled:only-child { - box-shadow: none; } - toolbar .linked > button:active:last-child, toolbar .linked > button:active:last-child:focus, toolbar .linked > button:active:last-child:hover, toolbar .linked > button:active:last-child:hover:focus, toolbar .linked > button:checked:last-child, toolbar .linked > button:checked:last-child:focus, toolbar .linked > button:checked:last-child:hover, toolbar .linked > button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - toolbar .linked > button:active:only-child, toolbar .linked > button:active:only-child:focus, toolbar .linked > button:active:only-child:hover, toolbar .linked > button:active:only-child:hover:focus, toolbar .linked > button:checked:only-child, toolbar .linked > button:checked:only-child:focus, toolbar .linked > button:checked:only-child:hover, toolbar .linked > button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - toolbar combobox, toolbar button { - padding: 3px; } - toolbar combobox.text-button, toolbar button.text-button { - padding: 3px; } - toolbar combobox.image-button, toolbar button.image-button { - padding: 3px; } - toolbar separator, toolbar separator:disabled { - color: #1f1f1f; - border-color: currentColor; - -GtkWidget-window-dragging: true; } - toolbar.inline-toolbar { - background-image: none; - border-width: 0 1px 1px; - border-style: solid; - border-color: #2d2d2d; - background-color: mix(#2d2d2d,#333333,0.7); } - toolbar.inline-toolbar:backdrop { - border-color: mix(#333333,#2d2d2d,0.9); - background-color: mix(#333333,mix(#333333,#2d2d2d,0.9),0.35); - transition: 200ms ease-out; } - toolbar.inline-toolbar button { - background-color: #333333; - background-image: none; - border-color: rgba(178, 178, 178, 0.22); - color: #dedede; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover { - border-color: #0a4530; } - toolbar.inline-toolbar button:active, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover:focus, toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.22); } - toolbar.inline-toolbar button:disabled { - border-color: rgba(189, 189, 189, 0.22); } - toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled { - border-color: rgba(178, 178, 178, 0.22); } - toolbar.inline-toolbar button:active { - color: #dedede; } - toolbar.inline-toolbar button.flat { - color: #dedede; - border-color: rgba(51, 51, 51, 0); - background-color: rgba(51, 51, 51, 0); - background-image: none; - box-shadow: none; } - toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:hover { - background-color: #363636; - background-image: none; - border-color: rgba(178, 178, 178, 0.3); - color: #dedede; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - toolbar.inline-toolbar button:hover:focus, toolbar.inline-toolbar button:hover:hover, toolbar.inline-toolbar button.flat:hover:focus, toolbar.inline-toolbar button.flat:hover:hover { - border-color: #0a4530; } - toolbar.inline-toolbar button:hover:active, toolbar.inline-toolbar button:hover:active:hover, toolbar.inline-toolbar button:hover:active:focus, toolbar.inline-toolbar button:hover:active:hover:focus, toolbar.inline-toolbar button:hover:checked, toolbar.inline-toolbar button:hover:checked:hover, toolbar.inline-toolbar button:hover:checked:focus, toolbar.inline-toolbar button:hover:checked:hover:focus, toolbar.inline-toolbar button.flat:hover:active, toolbar.inline-toolbar button.flat:hover:active:hover, toolbar.inline-toolbar button.flat:hover:active:focus, toolbar.inline-toolbar button.flat:hover:active:hover:focus, toolbar.inline-toolbar button.flat:hover:checked, toolbar.inline-toolbar button.flat:hover:checked:hover, toolbar.inline-toolbar button.flat:hover:checked:focus, toolbar.inline-toolbar button.flat:hover:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.3); } - toolbar.inline-toolbar button:hover:disabled, toolbar.inline-toolbar button.flat:hover:disabled { - border-color: rgba(189, 189, 189, 0.3); } - toolbar.inline-toolbar button:hover:active:disabled, toolbar.inline-toolbar button:hover:checked:disabled, toolbar.inline-toolbar button.flat:hover:active:disabled, toolbar.inline-toolbar button.flat:hover:checked:disabled { - border-color: rgba(178, 178, 178, 0.3); } - toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button.flat:focus { - background-color: #363636; - background-image: none; - border-color: rgba(178, 178, 178, 0.3); - color: #dedede; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - toolbar.inline-toolbar button:focus:focus, toolbar.inline-toolbar button:focus:hover, toolbar.inline-toolbar button.flat:focus:focus, toolbar.inline-toolbar button.flat:focus:hover { - border-color: #0a4530; } - toolbar.inline-toolbar button:focus:active, toolbar.inline-toolbar button:focus:active:hover, toolbar.inline-toolbar button:focus:active:focus, toolbar.inline-toolbar button:focus:active:hover:focus, toolbar.inline-toolbar button:focus:checked, toolbar.inline-toolbar button:focus:checked:hover, toolbar.inline-toolbar button:focus:checked:focus, toolbar.inline-toolbar button:focus:checked:hover:focus, toolbar.inline-toolbar button.flat:focus:active, toolbar.inline-toolbar button.flat:focus:active:hover, toolbar.inline-toolbar button.flat:focus:active:focus, toolbar.inline-toolbar button.flat:focus:active:hover:focus, toolbar.inline-toolbar button.flat:focus:checked, toolbar.inline-toolbar button.flat:focus:checked:hover, toolbar.inline-toolbar button.flat:focus:checked:focus, toolbar.inline-toolbar button.flat:focus:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.3); } - toolbar.inline-toolbar button:focus:disabled, toolbar.inline-toolbar button.flat:focus:disabled { - border-color: rgba(189, 189, 189, 0.3); } - toolbar.inline-toolbar button:focus:active:disabled, toolbar.inline-toolbar button:focus:checked:disabled, toolbar.inline-toolbar button.flat:focus:active:disabled, toolbar.inline-toolbar button.flat:focus:checked:disabled { - border-color: rgba(178, 178, 178, 0.3); } - toolbar.inline-toolbar button:focus:hover, toolbar.inline-toolbar button.flat:focus:hover { - background-color: #383838; - background-image: none; - border-color: rgba(178, 178, 178, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - toolbar.inline-toolbar button:focus:hover:focus, toolbar.inline-toolbar button:focus:hover:hover, toolbar.inline-toolbar button.flat:focus:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:hover { - border-color: #0a4530; } - toolbar.inline-toolbar button:focus:hover:active, toolbar.inline-toolbar button:focus:hover:active:hover, toolbar.inline-toolbar button:focus:hover:active:focus, toolbar.inline-toolbar button:focus:hover:active:hover:focus, toolbar.inline-toolbar button:focus:hover:checked, toolbar.inline-toolbar button:focus:hover:checked:hover, toolbar.inline-toolbar button:focus:hover:checked:focus, toolbar.inline-toolbar button:focus:hover:checked:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:active, toolbar.inline-toolbar button.flat:focus:hover:active:hover, toolbar.inline-toolbar button.flat:focus:hover:active:focus, toolbar.inline-toolbar button.flat:focus:hover:active:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:checked, toolbar.inline-toolbar button.flat:focus:hover:checked:hover, toolbar.inline-toolbar button.flat:focus:hover:checked:focus, toolbar.inline-toolbar button.flat:focus:hover:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.3); } - toolbar.inline-toolbar button:focus:hover:disabled, toolbar.inline-toolbar button.flat:focus:hover:disabled { - border-color: rgba(189, 189, 189, 0.3); } - toolbar.inline-toolbar button:focus:hover:active:disabled, toolbar.inline-toolbar button:focus:hover:checked:disabled, toolbar.inline-toolbar button.flat:focus:hover:active:disabled, toolbar.inline-toolbar button.flat:focus:hover:checked:disabled { - border-color: rgba(178, 178, 178, 0.3); } - toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:active, toolbar.inline-toolbar button.flat:checked, toolbar.inline-toolbar button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); - border-color: rgba(178, 178, 178, 0.22); } - toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button.flat:checked:focus, toolbar.inline-toolbar button.flat:checked:hover, toolbar.inline-toolbar button.flat:active:focus, toolbar.inline-toolbar button.flat:active:hover { - border-color: #0a4530; } - toolbar.inline-toolbar button:checked:active, toolbar.inline-toolbar button:checked:active:hover, toolbar.inline-toolbar button:checked:active:focus, toolbar.inline-toolbar button:checked:active:hover:focus, toolbar.inline-toolbar button:checked:checked, toolbar.inline-toolbar button:checked:checked:hover, toolbar.inline-toolbar button:checked:checked:focus, toolbar.inline-toolbar button:checked:checked:hover:focus, toolbar.inline-toolbar button:active:active, toolbar.inline-toolbar button:active:active:hover, toolbar.inline-toolbar button:active:active:focus, toolbar.inline-toolbar button:active:active:hover:focus, toolbar.inline-toolbar button:active:checked, toolbar.inline-toolbar button:active:checked:hover, toolbar.inline-toolbar button:active:checked:focus, toolbar.inline-toolbar button:active:checked:hover:focus, toolbar.inline-toolbar button.flat:checked:active, toolbar.inline-toolbar button.flat:checked:active:hover, toolbar.inline-toolbar button.flat:checked:active:focus, toolbar.inline-toolbar button.flat:checked:active:hover:focus, toolbar.inline-toolbar button.flat:checked:checked, toolbar.inline-toolbar button.flat:checked:checked:hover, toolbar.inline-toolbar button.flat:checked:checked:focus, toolbar.inline-toolbar button.flat:checked:checked:hover:focus, toolbar.inline-toolbar button.flat:active:active, toolbar.inline-toolbar button.flat:active:active:hover, toolbar.inline-toolbar button.flat:active:active:focus, toolbar.inline-toolbar button.flat:active:active:hover:focus, toolbar.inline-toolbar button.flat:active:checked, toolbar.inline-toolbar button.flat:active:checked:hover, toolbar.inline-toolbar button.flat:active:checked:focus, toolbar.inline-toolbar button.flat:active:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.22); } - toolbar.inline-toolbar button:checked:disabled, toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button.flat:checked:disabled, toolbar.inline-toolbar button.flat:active:disabled { - border-color: rgba(189, 189, 189, 0.22); } - toolbar.inline-toolbar button:checked:active:disabled, toolbar.inline-toolbar button:checked:checked:disabled, toolbar.inline-toolbar button:active:active:disabled, toolbar.inline-toolbar button:active:checked:disabled, toolbar.inline-toolbar button.flat:checked:active:disabled, toolbar.inline-toolbar button.flat:checked:checked:disabled, toolbar.inline-toolbar button.flat:active:active:disabled, toolbar.inline-toolbar button.flat:active:checked:disabled { - border-color: rgba(178, 178, 178, 0.22); } - toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button.flat:checked:focus, toolbar.inline-toolbar button.flat:checked:hover, toolbar.inline-toolbar button.flat:active:focus, toolbar.inline-toolbar button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:focus, toolbar.inline-toolbar button.flat:hover { - color: #dedede; } - toolbar.inline-toolbar button:disabled:disabled, toolbar.inline-toolbar button.flat:disabled:disabled { - background-color: alpha(mix(#333333,#dedede,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#333333,#dedede,0.5); - box-shadow: none; } - toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled, toolbar.inline-toolbar button.flat:active:disabled, toolbar.inline-toolbar button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - toolbar.inline-toolbar button.separator, toolbar.inline-toolbar button .separator { - border: 1px solid currentColor; - color: rgba(51, 51, 51, 0.9); } - toolbar.inline-toolbar button.separator:disabled, toolbar.inline-toolbar button .separator:disabled { - color: rgba(51, 51, 51, 0.85); } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; } -.titlebar:not(headerbar) > separator { - background-color: #272727; } - -.background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { - border-top-left-radius: 2px; - border-top-right-radius: 2px; } - -.background:not(.csd):not(.ssd):not(.solid-csd) headerbar, .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:not(:last-child), .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:backdrop, .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:backdrop:not(:last-child) { - border-radius: 0; - border-top-color: transparent; } - -/************** - ! Action-bar * -***************/ -actionbar > revealer > box { - padding: 3px; - border-top: 1px solid #2d2d2d; } - actionbar > revealer > box:backdrop { - border-color: mix(#333333,#2d2d2d,0.9); } - -/**************************** - ! Search and Location bars * -*****************************/ -searchbar, -.location-bar { - background-color: #323232; - background-image: none; - border-width: 0 0 1px; - border-style: solid; - border-color: #292929; - color: #dedede; } - -/****************** - ! Action buttons * -*******************/ -.suggested-action, headerbar.selection-mode button.suggested-action, -.titlebar:not(headerbar).selection-mode button.suggested-action { - background-color: #4caf50; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover { - border-color: #0a4530; } - .suggested-action:active, headerbar.selection-mode button.suggested-action:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:active, .suggested-action:active:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action:active:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover:focus, .suggested-action:checked, headerbar.selection-mode button.suggested-action:checked, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked, .suggested-action:checked:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:checked:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - .suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:disabled { - border-color: rgba(217, 217, 217, 0.22); } - .suggested-action:active:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action:checked:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - .suggested-action:active, headerbar.selection-mode button.suggested-action:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:active { - color: #ffffff; } - .suggested-action.flat, headerbar.selection-mode button.flat.suggested-action, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action { - color: #ffffff; - border-color: rgba(76, 175, 80, 0); - background-color: rgba(76, 175, 80, 0); - background-image: none; - box-shadow: none; } - .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover, .suggested-action.flat:hover, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action:hover { - background-color: #53b457; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - .suggested-action:hover:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover:focus, .suggested-action:hover:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover:hover, .suggested-action.flat:hover:focus, .suggested-action.flat:hover:hover { - border-color: #0a4530; } - .suggested-action:hover:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover:active, .suggested-action:hover:active:hover, .suggested-action:hover:active:focus, .suggested-action:hover:active:hover:focus, .suggested-action:hover:checked, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover:checked, .suggested-action:hover:checked:hover, .suggested-action:hover:checked:focus, .suggested-action:hover:checked:hover:focus, .suggested-action.flat:hover:active, .suggested-action.flat:hover:active:hover, .suggested-action.flat:hover:active:focus, .suggested-action.flat:hover:active:hover:focus, .suggested-action.flat:hover:checked, .suggested-action.flat:hover:checked:hover, .suggested-action.flat:hover:checked:focus, .suggested-action.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - .suggested-action:hover:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover:disabled, .suggested-action.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - .suggested-action:hover:active:disabled, .suggested-action:hover:checked:disabled, .suggested-action.flat:hover:active:disabled, .suggested-action.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action.flat:focus, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action:focus { - background-color: #53b457; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - .suggested-action:focus:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus:focus, .suggested-action:focus:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus:hover, .suggested-action.flat:focus:focus, .suggested-action.flat:focus:hover { - border-color: #0a4530; } - .suggested-action:focus:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus:active, .suggested-action:focus:active:hover, .suggested-action:focus:active:focus, .suggested-action:focus:active:hover:focus, .suggested-action:focus:checked, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus:checked, .suggested-action:focus:checked:hover, .suggested-action:focus:checked:focus, .suggested-action:focus:checked:hover:focus, .suggested-action.flat:focus:active, .suggested-action.flat:focus:active:hover, .suggested-action.flat:focus:active:focus, .suggested-action.flat:focus:active:hover:focus, .suggested-action.flat:focus:checked, .suggested-action.flat:focus:checked:hover, .suggested-action.flat:focus:checked:focus, .suggested-action.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - .suggested-action:focus:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus:disabled, .suggested-action.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - .suggested-action:focus:active:disabled, .suggested-action:focus:checked:disabled, .suggested-action.flat:focus:active:disabled, .suggested-action.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - .suggested-action:focus:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus:hover, .suggested-action.flat:focus:hover { - background-color: #5cb860; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - .suggested-action:focus:hover:focus, .suggested-action:focus:hover:hover, .suggested-action.flat:focus:hover:focus, .suggested-action.flat:focus:hover:hover { - border-color: #0a4530; } - .suggested-action:focus:hover:active, .suggested-action:focus:hover:active:hover, .suggested-action:focus:hover:active:focus, .suggested-action:focus:hover:active:hover:focus, .suggested-action:focus:hover:checked, .suggested-action:focus:hover:checked:hover, .suggested-action:focus:hover:checked:focus, .suggested-action:focus:hover:checked:hover:focus, .suggested-action.flat:focus:hover:active, .suggested-action.flat:focus:hover:active:hover, .suggested-action.flat:focus:hover:active:focus, .suggested-action.flat:focus:hover:active:hover:focus, .suggested-action.flat:focus:hover:checked, .suggested-action.flat:focus:hover:checked:hover, .suggested-action.flat:focus:hover:checked:focus, .suggested-action.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - .suggested-action:focus:hover:disabled, .suggested-action.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - .suggested-action:focus:hover:active:disabled, .suggested-action:focus:hover:checked:disabled, .suggested-action.flat:focus:hover:active:disabled, .suggested-action.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - .suggested-action:checked, headerbar.selection-mode button.suggested-action:checked, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked, .suggested-action:active, headerbar.selection-mode button.suggested-action:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:active, .suggested-action.flat:checked, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action:checked, .suggested-action.flat:active, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - .suggested-action:checked:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:active:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action.flat:checked:focus, .suggested-action.flat:checked:hover, .suggested-action.flat:active:focus, .suggested-action.flat:active:hover { - border-color: #0a4530; } - .suggested-action:checked:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:active, .suggested-action:checked:active:hover, .suggested-action:checked:active:focus, .suggested-action:checked:active:hover:focus, .suggested-action:checked:checked, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:checked, .suggested-action:checked:checked:hover, .suggested-action:checked:checked:focus, .suggested-action:checked:checked:hover:focus, .suggested-action:active:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:active, .suggested-action:active:active:hover, .suggested-action:active:active:focus, .suggested-action:active:active:hover:focus, .suggested-action:active:checked, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:checked, .suggested-action:active:checked:hover, .suggested-action:active:checked:focus, .suggested-action:active:checked:hover:focus, .suggested-action.flat:checked:active, .suggested-action.flat:checked:active:hover, .suggested-action.flat:checked:active:focus, .suggested-action.flat:checked:active:hover:focus, .suggested-action.flat:checked:checked, .suggested-action.flat:checked:checked:hover, .suggested-action.flat:checked:checked:focus, .suggested-action.flat:checked:checked:hover:focus, .suggested-action.flat:active:active, .suggested-action.flat:active:active:hover, .suggested-action.flat:active:active:focus, .suggested-action.flat:active:active:hover:focus, .suggested-action.flat:active:checked, .suggested-action.flat:active:checked:hover, .suggested-action.flat:active:checked:focus, .suggested-action.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - .suggested-action:checked:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled, .suggested-action:active:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action.flat:checked:disabled, .suggested-action.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - .suggested-action:checked:active:disabled, .suggested-action:checked:checked:disabled, .suggested-action:active:active:disabled, .suggested-action:active:checked:disabled, .suggested-action.flat:checked:active:disabled, .suggested-action.flat:checked:checked:disabled, .suggested-action.flat:active:active:disabled, .suggested-action.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - .suggested-action:checked:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:active:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action.flat:checked:focus, .suggested-action.flat:checked:hover, .suggested-action.flat:active:focus, .suggested-action.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover, .suggested-action.flat:focus, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action:focus, .suggested-action.flat:hover, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action:hover { - color: #ffffff; } - .suggested-action:disabled:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:disabled:disabled, .suggested-action.flat:disabled:disabled { - background-color: alpha(mix(#4caf50,#ffffff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#4caf50,#ffffff,0.5); - box-shadow: none; } - .suggested-action:active:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action:checked:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled, .suggested-action.flat:active:disabled, .suggested-action.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - .suggested-action.separator, headerbar.selection-mode button.separator.suggested-action, - .titlebar:not(headerbar).selection-mode button.separator.suggested-action, .suggested-action .separator, headerbar.selection-mode button.suggested-action .separator, - .titlebar:not(headerbar).selection-mode button.suggested-action .separator { - border: 1px solid currentColor; - color: rgba(76, 175, 80, 0.9); } - .suggested-action.separator:disabled, - .titlebar:not(headerbar).selection-mode button.separator.suggested-action:disabled, .suggested-action .separator:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action .separator:disabled { - color: rgba(76, 175, 80, 0.85); } - -.destructive-action { - background-color: #f44336; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.12); } - .destructive-action:focus, .destructive-action:hover { - border-color: #0a4530; } - .destructive-action:active, .destructive-action:active:hover, .destructive-action:active:focus, .destructive-action:active:hover:focus, .destructive-action:checked, .destructive-action:checked:hover, .destructive-action:checked:focus, .destructive-action:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - .destructive-action:disabled { - border-color: rgba(217, 217, 217, 0.22); } - .destructive-action:active:disabled, .destructive-action:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - .destructive-action:active { - color: #ffffff; } - .destructive-action.flat { - color: #ffffff; - border-color: rgba(244, 67, 54, 0); - background-color: rgba(244, 67, 54, 0); - background-image: none; - box-shadow: none; } - .destructive-action:hover, .destructive-action.flat:hover { - background-color: #f55044; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - .destructive-action:hover:focus, .destructive-action:hover:hover, .destructive-action.flat:hover:focus, .destructive-action.flat:hover:hover { - border-color: #0a4530; } - .destructive-action:hover:active, .destructive-action:hover:active:hover, .destructive-action:hover:active:focus, .destructive-action:hover:active:hover:focus, .destructive-action:hover:checked, .destructive-action:hover:checked:hover, .destructive-action:hover:checked:focus, .destructive-action:hover:checked:hover:focus, .destructive-action.flat:hover:active, .destructive-action.flat:hover:active:hover, .destructive-action.flat:hover:active:focus, .destructive-action.flat:hover:active:hover:focus, .destructive-action.flat:hover:checked, .destructive-action.flat:hover:checked:hover, .destructive-action.flat:hover:checked:focus, .destructive-action.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - .destructive-action:hover:disabled, .destructive-action.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - .destructive-action:hover:active:disabled, .destructive-action:hover:checked:disabled, .destructive-action.flat:hover:active:disabled, .destructive-action.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - .destructive-action:focus, .destructive-action.flat:focus { - background-color: #f55044; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - .destructive-action:focus:focus, .destructive-action:focus:hover, .destructive-action.flat:focus:focus, .destructive-action.flat:focus:hover { - border-color: #0a4530; } - .destructive-action:focus:active, .destructive-action:focus:active:hover, .destructive-action:focus:active:focus, .destructive-action:focus:active:hover:focus, .destructive-action:focus:checked, .destructive-action:focus:checked:hover, .destructive-action:focus:checked:focus, .destructive-action:focus:checked:hover:focus, .destructive-action.flat:focus:active, .destructive-action.flat:focus:active:hover, .destructive-action.flat:focus:active:focus, .destructive-action.flat:focus:active:hover:focus, .destructive-action.flat:focus:checked, .destructive-action.flat:focus:checked:hover, .destructive-action.flat:focus:checked:focus, .destructive-action.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - .destructive-action:focus:disabled, .destructive-action.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - .destructive-action:focus:active:disabled, .destructive-action:focus:checked:disabled, .destructive-action.flat:focus:active:disabled, .destructive-action.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - .destructive-action:focus:hover, .destructive-action.flat:focus:hover { - background-color: #f65d52; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.38); } - .destructive-action:focus:hover:focus, .destructive-action:focus:hover:hover, .destructive-action.flat:focus:hover:focus, .destructive-action.flat:focus:hover:hover { - border-color: #0a4530; } - .destructive-action:focus:hover:active, .destructive-action:focus:hover:active:hover, .destructive-action:focus:hover:active:focus, .destructive-action:focus:hover:active:hover:focus, .destructive-action:focus:hover:checked, .destructive-action:focus:hover:checked:hover, .destructive-action:focus:hover:checked:focus, .destructive-action:focus:hover:checked:hover:focus, .destructive-action.flat:focus:hover:active, .destructive-action.flat:focus:hover:active:hover, .destructive-action.flat:focus:hover:active:focus, .destructive-action.flat:focus:hover:active:hover:focus, .destructive-action.flat:focus:hover:checked, .destructive-action.flat:focus:hover:checked:hover, .destructive-action.flat:focus:hover:checked:focus, .destructive-action.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - .destructive-action:focus:hover:disabled, .destructive-action.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - .destructive-action:focus:hover:active:disabled, .destructive-action:focus:hover:checked:disabled, .destructive-action.flat:focus:hover:active:disabled, .destructive-action.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - .destructive-action:checked, .destructive-action:active, .destructive-action.flat:checked, .destructive-action.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - .destructive-action:checked:focus, .destructive-action:checked:hover, .destructive-action:active:focus, .destructive-action:active:hover, .destructive-action.flat:checked:focus, .destructive-action.flat:checked:hover, .destructive-action.flat:active:focus, .destructive-action.flat:active:hover { - border-color: #0a4530; } - .destructive-action:checked:active, .destructive-action:checked:active:hover, .destructive-action:checked:active:focus, .destructive-action:checked:active:hover:focus, .destructive-action:checked:checked, .destructive-action:checked:checked:hover, .destructive-action:checked:checked:focus, .destructive-action:checked:checked:hover:focus, .destructive-action:active:active, .destructive-action:active:active:hover, .destructive-action:active:active:focus, .destructive-action:active:active:hover:focus, .destructive-action:active:checked, .destructive-action:active:checked:hover, .destructive-action:active:checked:focus, .destructive-action:active:checked:hover:focus, .destructive-action.flat:checked:active, .destructive-action.flat:checked:active:hover, .destructive-action.flat:checked:active:focus, .destructive-action.flat:checked:active:hover:focus, .destructive-action.flat:checked:checked, .destructive-action.flat:checked:checked:hover, .destructive-action.flat:checked:checked:focus, .destructive-action.flat:checked:checked:hover:focus, .destructive-action.flat:active:active, .destructive-action.flat:active:active:hover, .destructive-action.flat:active:active:focus, .destructive-action.flat:active:active:hover:focus, .destructive-action.flat:active:checked, .destructive-action.flat:active:checked:hover, .destructive-action.flat:active:checked:focus, .destructive-action.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - .destructive-action:checked:disabled, .destructive-action:active:disabled, .destructive-action.flat:checked:disabled, .destructive-action.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - .destructive-action:checked:active:disabled, .destructive-action:checked:checked:disabled, .destructive-action:active:active:disabled, .destructive-action:active:checked:disabled, .destructive-action.flat:checked:active:disabled, .destructive-action.flat:checked:checked:disabled, .destructive-action.flat:active:active:disabled, .destructive-action.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - .destructive-action:checked:focus, .destructive-action:checked:hover, .destructive-action:active:focus, .destructive-action:active:hover, .destructive-action.flat:checked:focus, .destructive-action.flat:checked:hover, .destructive-action.flat:active:focus, .destructive-action.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - .destructive-action:focus, .destructive-action:hover, .destructive-action.flat:focus, .destructive-action.flat:hover { - color: #ffffff; } - .destructive-action:disabled:disabled, .destructive-action.flat:disabled:disabled { - background-color: alpha(mix(#f44336,#ffffff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#f44336,#ffffff,0.5); - box-shadow: none; } - .destructive-action:active:disabled, .destructive-action:checked:disabled, .destructive-action.flat:active:disabled, .destructive-action.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - .destructive-action.separator, .destructive-action .separator { - border: 1px solid currentColor; - color: rgba(244, 67, 54, 0.9); } - .destructive-action.separator:disabled, .destructive-action .separator:disabled { - color: rgba(244, 67, 54, 0.85); } - -/****************** - ! Selection mode * -*******************/ -headerbar.selection-mode, -.titlebar:not(headerbar).selection-mode { - background-color: #169f6f; - background-image: none; - border-color: #127f59; - color: #ffffff; } - headerbar.selection-mode:focus, headerbar.selection-mode:hover, - .titlebar:not(headerbar).selection-mode:focus, - .titlebar:not(headerbar).selection-mode:hover { - border-color: #0a4530; } - headerbar.selection-mode:active, headerbar.selection-mode:active:hover, headerbar.selection-mode:active:focus, headerbar.selection-mode:active:hover:focus, headerbar.selection-mode:checked, headerbar.selection-mode:checked:hover, headerbar.selection-mode:checked:focus, headerbar.selection-mode:checked:hover:focus, - .titlebar:not(headerbar).selection-mode:active, - .titlebar:not(headerbar).selection-mode:active:hover, - .titlebar:not(headerbar).selection-mode:active:focus, - .titlebar:not(headerbar).selection-mode:active:hover:focus, - .titlebar:not(headerbar).selection-mode:checked, - .titlebar:not(headerbar).selection-mode:checked:hover, - .titlebar:not(headerbar).selection-mode:checked:focus, - .titlebar:not(headerbar).selection-mode:checked:hover:focus { - border-color: #0f6f4e; } - headerbar.selection-mode:disabled, - .titlebar:not(headerbar).selection-mode:disabled { - border-color: #13875e; } - headerbar.selection-mode:active:disabled, headerbar.selection-mode:checked:disabled, - .titlebar:not(headerbar).selection-mode:active:disabled, - .titlebar:not(headerbar).selection-mode:checked:disabled { - border-color: #127f59; } - headerbar.selection-mode:disabled, - .titlebar:not(headerbar).selection-mode:disabled { - background-color: #148f64; - background-image: none; - color: mix(#ffffff,#169f6f,0.5); } - headerbar.selection-mode .title, - .titlebar:not(headerbar).selection-mode .title { - font-weight: bold; - padding: 0 6px; } - headerbar.selection-mode .subtitle, - .titlebar:not(headerbar).selection-mode .subtitle { - font-size: smaller; - padding: 0 6px; } - headerbar.selection-mode button, - .titlebar:not(headerbar).selection-mode button { - background-color: #169f6f; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, - .titlebar:not(headerbar).selection-mode button:focus, - .titlebar:not(headerbar).selection-mode button:hover { - border-color: #0a4530; } - headerbar.selection-mode button:active, headerbar.selection-mode button:active:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover:focus, headerbar.selection-mode button:checked, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:active, - .titlebar:not(headerbar).selection-mode button:active:hover, - .titlebar:not(headerbar).selection-mode button:active:focus, - .titlebar:not(headerbar).selection-mode button:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:checked, - .titlebar:not(headerbar).selection-mode button:checked:hover, - .titlebar:not(headerbar).selection-mode button:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - headerbar.selection-mode button:disabled, - .titlebar:not(headerbar).selection-mode button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - headerbar.selection-mode button:active, - .titlebar:not(headerbar).selection-mode button:active { - color: #ffffff; } - headerbar.selection-mode button.flat, - .titlebar:not(headerbar).selection-mode button.flat { - color: #ffffff; - border-color: rgba(22, 159, 111, 0); - background-color: rgba(22, 159, 111, 0); - background-image: none; - box-shadow: none; } - headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:hover, - .titlebar:not(headerbar).selection-mode button:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - headerbar.selection-mode button:hover:focus, headerbar.selection-mode button:hover:hover, headerbar.selection-mode button.flat:hover:focus, headerbar.selection-mode button.flat:hover:hover, - .titlebar:not(headerbar).selection-mode button:hover:focus, - .titlebar:not(headerbar).selection-mode button:hover:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:hover { - border-color: #0a4530; } - headerbar.selection-mode button:hover:active, headerbar.selection-mode button:hover:active:hover, headerbar.selection-mode button:hover:active:focus, headerbar.selection-mode button:hover:active:hover:focus, headerbar.selection-mode button:hover:checked, headerbar.selection-mode button:hover:checked:hover, headerbar.selection-mode button:hover:checked:focus, headerbar.selection-mode button:hover:checked:hover:focus, headerbar.selection-mode button.flat:hover:active, headerbar.selection-mode button.flat:hover:active:hover, headerbar.selection-mode button.flat:hover:active:focus, headerbar.selection-mode button.flat:hover:active:hover:focus, headerbar.selection-mode button.flat:hover:checked, headerbar.selection-mode button.flat:hover:checked:hover, headerbar.selection-mode button.flat:hover:checked:focus, headerbar.selection-mode button.flat:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:hover:active, - .titlebar:not(headerbar).selection-mode button:hover:active:hover, - .titlebar:not(headerbar).selection-mode button:hover:active:focus, - .titlebar:not(headerbar).selection-mode button:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:hover:checked, - .titlebar:not(headerbar).selection-mode button:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:active, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar.selection-mode button:hover:disabled, headerbar.selection-mode button.flat:hover:disabled, - .titlebar:not(headerbar).selection-mode button:hover:disabled, - .titlebar:not(headerbar).selection-mode button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar.selection-mode button:hover:active:disabled, headerbar.selection-mode button:hover:checked:disabled, headerbar.selection-mode button.flat:hover:active:disabled, headerbar.selection-mode button.flat:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar.selection-mode button:focus, headerbar.selection-mode button.flat:focus, - .titlebar:not(headerbar).selection-mode button:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - headerbar.selection-mode button:focus:focus, headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:focus, headerbar.selection-mode button.flat:focus:hover, - .titlebar:not(headerbar).selection-mode button:focus:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover { - border-color: #0a4530; } - headerbar.selection-mode button:focus:active, headerbar.selection-mode button:focus:active:hover, headerbar.selection-mode button:focus:active:focus, headerbar.selection-mode button:focus:active:hover:focus, headerbar.selection-mode button:focus:checked, headerbar.selection-mode button:focus:checked:hover, headerbar.selection-mode button:focus:checked:focus, headerbar.selection-mode button:focus:checked:hover:focus, headerbar.selection-mode button.flat:focus:active, headerbar.selection-mode button.flat:focus:active:hover, headerbar.selection-mode button.flat:focus:active:focus, headerbar.selection-mode button.flat:focus:active:hover:focus, headerbar.selection-mode button.flat:focus:checked, headerbar.selection-mode button.flat:focus:checked:hover, headerbar.selection-mode button.flat:focus:checked:focus, headerbar.selection-mode button.flat:focus:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:active, - .titlebar:not(headerbar).selection-mode button:focus:active:hover, - .titlebar:not(headerbar).selection-mode button:focus:active:focus, - .titlebar:not(headerbar).selection-mode button:focus:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:checked, - .titlebar:not(headerbar).selection-mode button:focus:checked:hover, - .titlebar:not(headerbar).selection-mode button:focus:checked:focus, - .titlebar:not(headerbar).selection-mode button:focus:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:active, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar.selection-mode button:focus:disabled, headerbar.selection-mode button.flat:focus:disabled, - .titlebar:not(headerbar).selection-mode button:focus:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar.selection-mode button:focus:active:disabled, headerbar.selection-mode button:focus:checked:disabled, headerbar.selection-mode button.flat:focus:active:disabled, headerbar.selection-mode button.flat:focus:checked:disabled, - .titlebar:not(headerbar).selection-mode button:focus:active:disabled, - .titlebar:not(headerbar).selection-mode button:focus:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover { - background-color: #18af7a; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - headerbar.selection-mode button:focus:hover:focus, headerbar.selection-mode button:focus:hover:hover, headerbar.selection-mode button.flat:focus:hover:focus, headerbar.selection-mode button.flat:focus:hover:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:hover { - border-color: #0a4530; } - headerbar.selection-mode button:focus:hover:active, headerbar.selection-mode button:focus:hover:active:hover, headerbar.selection-mode button:focus:hover:active:focus, headerbar.selection-mode button:focus:hover:active:hover:focus, headerbar.selection-mode button:focus:hover:checked, headerbar.selection-mode button:focus:hover:checked:hover, headerbar.selection-mode button:focus:hover:checked:focus, headerbar.selection-mode button:focus:hover:checked:hover:focus, headerbar.selection-mode button.flat:focus:hover:active, headerbar.selection-mode button.flat:focus:hover:active:hover, headerbar.selection-mode button.flat:focus:hover:active:focus, headerbar.selection-mode button.flat:focus:hover:active:hover:focus, headerbar.selection-mode button.flat:focus:hover:checked, headerbar.selection-mode button.flat:focus:hover:checked:hover, headerbar.selection-mode button.flat:focus:hover:checked:focus, headerbar.selection-mode button.flat:focus:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:active, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar.selection-mode button:focus:hover:disabled, headerbar.selection-mode button.flat:focus:hover:disabled, - .titlebar:not(headerbar).selection-mode button:focus:hover:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar.selection-mode button:focus:hover:active:disabled, headerbar.selection-mode button:focus:hover:checked:disabled, headerbar.selection-mode button.flat:focus:hover:active:disabled, headerbar.selection-mode button.flat:focus:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button.flat:checked, headerbar.selection-mode button.flat:active, - .titlebar:not(headerbar).selection-mode button:checked, - .titlebar:not(headerbar).selection-mode button:active, - .titlebar:not(headerbar).selection-mode button.flat:checked, - .titlebar:not(headerbar).selection-mode button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, - .titlebar:not(headerbar).selection-mode button:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:hover, - .titlebar:not(headerbar).selection-mode button:active:focus, - .titlebar:not(headerbar).selection-mode button:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:hover { - border-color: #0a4530; } - headerbar.selection-mode button:checked:active, headerbar.selection-mode button:checked:active:hover, headerbar.selection-mode button:checked:active:focus, headerbar.selection-mode button:checked:active:hover:focus, headerbar.selection-mode button:checked:checked, headerbar.selection-mode button:checked:checked:hover, headerbar.selection-mode button:checked:checked:focus, headerbar.selection-mode button:checked:checked:hover:focus, headerbar.selection-mode button:active:active, headerbar.selection-mode button:active:active:hover, headerbar.selection-mode button:active:active:focus, headerbar.selection-mode button:active:active:hover:focus, headerbar.selection-mode button:active:checked, headerbar.selection-mode button:active:checked:hover, headerbar.selection-mode button:active:checked:focus, headerbar.selection-mode button:active:checked:hover:focus, headerbar.selection-mode button.flat:checked:active, headerbar.selection-mode button.flat:checked:active:hover, headerbar.selection-mode button.flat:checked:active:focus, headerbar.selection-mode button.flat:checked:active:hover:focus, headerbar.selection-mode button.flat:checked:checked, headerbar.selection-mode button.flat:checked:checked:hover, headerbar.selection-mode button.flat:checked:checked:focus, headerbar.selection-mode button.flat:checked:checked:hover:focus, headerbar.selection-mode button.flat:active:active, headerbar.selection-mode button.flat:active:active:hover, headerbar.selection-mode button.flat:active:active:focus, headerbar.selection-mode button.flat:active:active:hover:focus, headerbar.selection-mode button.flat:active:checked, headerbar.selection-mode button.flat:active:checked:hover, headerbar.selection-mode button.flat:active:checked:focus, headerbar.selection-mode button.flat:active:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:checked:active, - .titlebar:not(headerbar).selection-mode button:checked:active:hover, - .titlebar:not(headerbar).selection-mode button:checked:active:focus, - .titlebar:not(headerbar).selection-mode button:checked:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:checked:checked, - .titlebar:not(headerbar).selection-mode button:checked:checked:hover, - .titlebar:not(headerbar).selection-mode button:checked:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:active:active, - .titlebar:not(headerbar).selection-mode button:active:active:hover, - .titlebar:not(headerbar).selection-mode button:active:active:focus, - .titlebar:not(headerbar).selection-mode button:active:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:active:checked, - .titlebar:not(headerbar).selection-mode button:active:checked:hover, - .titlebar:not(headerbar).selection-mode button:active:checked:focus, - .titlebar:not(headerbar).selection-mode button:active:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:active, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:active, - .titlebar:not(headerbar).selection-mode button.flat:active:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:checked, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button:active:disabled, headerbar.selection-mode button.flat:checked:disabled, headerbar.selection-mode button.flat:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - headerbar.selection-mode button:checked:active:disabled, headerbar.selection-mode button:checked:checked:disabled, headerbar.selection-mode button:active:active:disabled, headerbar.selection-mode button:active:checked:disabled, headerbar.selection-mode button.flat:checked:active:disabled, headerbar.selection-mode button.flat:checked:checked:disabled, headerbar.selection-mode button.flat:active:active:disabled, headerbar.selection-mode button.flat:active:checked:disabled, - .titlebar:not(headerbar).selection-mode button:checked:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:active:disabled, - .titlebar:not(headerbar).selection-mode button:active:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, - .titlebar:not(headerbar).selection-mode button:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:hover, - .titlebar:not(headerbar).selection-mode button:active:focus, - .titlebar:not(headerbar).selection-mode button:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:focus, headerbar.selection-mode button.flat:hover, - .titlebar:not(headerbar).selection-mode button:focus, - .titlebar:not(headerbar).selection-mode button:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover { - color: #ffffff; } - headerbar.selection-mode button:disabled:disabled, headerbar.selection-mode button.flat:disabled:disabled, - .titlebar:not(headerbar).selection-mode button:disabled:disabled, - .titlebar:not(headerbar).selection-mode button.flat:disabled:disabled { - background-color: alpha(mix(#169f6f,#ffffff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#169f6f,#ffffff,0.5); - box-shadow: none; } - headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button.flat:active:disabled, headerbar.selection-mode button.flat:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - headerbar.selection-mode button.separator, headerbar.selection-mode button .separator, - .titlebar:not(headerbar).selection-mode button.separator, - .titlebar:not(headerbar).selection-mode button .separator { - border: 1px solid currentColor; - color: rgba(22, 159, 111, 0.9); } - headerbar.selection-mode button.separator:disabled, headerbar.selection-mode button .separator:disabled, - .titlebar:not(headerbar).selection-mode button.separator:disabled, - .titlebar:not(headerbar).selection-mode button .separator:disabled { - color: rgba(22, 159, 111, 0.85); } - headerbar.selection-mode .linked > button, - .titlebar:not(headerbar).selection-mode .linked > button { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - headerbar.selection-mode .linked > button:focus, headerbar.selection-mode .linked > button:hover, - .titlebar:not(headerbar).selection-mode .linked > button:focus, - .titlebar:not(headerbar).selection-mode .linked > button:hover { - box-shadow: inset -1px 0 #0a4530, 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - headerbar.selection-mode .linked > button:active, headerbar.selection-mode .linked > button:active:hover, headerbar.selection-mode .linked > button:active:focus, headerbar.selection-mode .linked > button:active:hover:focus, headerbar.selection-mode .linked > button:checked, headerbar.selection-mode .linked > button:checked:hover, headerbar.selection-mode .linked > button:checked:focus, headerbar.selection-mode .linked > button:checked:hover:focus, - .titlebar:not(headerbar).selection-mode .linked > button:active, - .titlebar:not(headerbar).selection-mode .linked > button:active:hover, - .titlebar:not(headerbar).selection-mode .linked > button:active:focus, - .titlebar:not(headerbar).selection-mode .linked > button:active:hover:focus, - .titlebar:not(headerbar).selection-mode .linked > button:checked, - .titlebar:not(headerbar).selection-mode .linked > button:checked:hover, - .titlebar:not(headerbar).selection-mode .linked > button:checked:focus, - .titlebar:not(headerbar).selection-mode .linked > button:checked:hover:focus { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } - headerbar.selection-mode .linked > button:disabled, - .titlebar:not(headerbar).selection-mode .linked > button:disabled { - box-shadow: inset -1px 0 #127f59; } - headerbar.selection-mode .linked > button:last-child, headerbar.selection-mode .linked > button:only-child, - .titlebar:not(headerbar).selection-mode .linked > button:last-child, - .titlebar:not(headerbar).selection-mode .linked > button:only-child { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - headerbar.selection-mode .linked > button:last-child:hover, headerbar.selection-mode .linked > button:only-child:hover, - .titlebar:not(headerbar).selection-mode .linked > button:last-child:hover, - .titlebar:not(headerbar).selection-mode .linked > button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - headerbar.selection-mode .linked > button:disabled:last-child, headerbar.selection-mode .linked > button:disabled:only-child, headerbar.selection-mode .linked > button:active:disabled:last-child, headerbar.selection-mode .linked > button:active:disabled:only-child, headerbar.selection-mode .linked > button:checked:disabled:last-child, headerbar.selection-mode .linked > button:checked:disabled:only-child, - .titlebar:not(headerbar).selection-mode .linked > button:disabled:last-child, - .titlebar:not(headerbar).selection-mode .linked > button:disabled:only-child, - .titlebar:not(headerbar).selection-mode .linked > button:active:disabled:last-child, - .titlebar:not(headerbar).selection-mode .linked > button:active:disabled:only-child, - .titlebar:not(headerbar).selection-mode .linked > button:checked:disabled:last-child, - .titlebar:not(headerbar).selection-mode .linked > button:checked:disabled:only-child { - box-shadow: none; } - headerbar.selection-mode .linked > button:active:last-child, headerbar.selection-mode .linked > button:active:last-child:focus, headerbar.selection-mode .linked > button:active:last-child:hover, headerbar.selection-mode .linked > button:active:last-child:hover:focus, headerbar.selection-mode .linked > button:checked:last-child, headerbar.selection-mode .linked > button:checked:last-child:focus, headerbar.selection-mode .linked > button:checked:last-child:hover, headerbar.selection-mode .linked > button:checked:last-child:hover:focus, - .titlebar:not(headerbar).selection-mode .linked > button:active:last-child, - .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:focus, - .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:hover, - .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:hover:focus, - .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child, - .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:focus, - .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:hover, - .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - headerbar.selection-mode .linked > button:active:only-child, headerbar.selection-mode .linked > button:active:only-child:focus, headerbar.selection-mode .linked > button:active:only-child:hover, headerbar.selection-mode .linked > button:active:only-child:hover:focus, headerbar.selection-mode .linked > button:checked:only-child, headerbar.selection-mode .linked > button:checked:only-child:focus, headerbar.selection-mode .linked > button:checked:only-child:hover, headerbar.selection-mode .linked > button:checked:only-child:hover:focus, - .titlebar:not(headerbar).selection-mode .linked > button:active:only-child, - .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:focus, - .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:hover, - .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:hover:focus, - .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child, - .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:focus, - .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:hover, - .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - headerbar.selection-mode combobox, headerbar.selection-mode button, - .titlebar:not(headerbar).selection-mode combobox, - .titlebar:not(headerbar).selection-mode button { - padding: 3px; } - headerbar.selection-mode combobox.text-button, headerbar.selection-mode button.text-button, - .titlebar:not(headerbar).selection-mode combobox.text-button, - .titlebar:not(headerbar).selection-mode button.text-button { - padding: 3px; } - headerbar.selection-mode combobox.image-button, headerbar.selection-mode button.image-button, - .titlebar:not(headerbar).selection-mode combobox.image-button, - .titlebar:not(headerbar).selection-mode button.image-button { - padding: 3px; } - headerbar.selection-mode separator, headerbar.selection-mode separator:disabled, - .titlebar:not(headerbar).selection-mode separator, - .titlebar:not(headerbar).selection-mode separator:disabled { - color: #0d5f43; - border-color: currentColor; - -GtkWidget-window-dragging: true; } - headerbar.selection-mode button, - .titlebar:not(headerbar).selection-mode button { - background-color: #169f6f; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, - .titlebar:not(headerbar).selection-mode button:focus, - .titlebar:not(headerbar).selection-mode button:hover { - border-color: #0a4530; } - headerbar.selection-mode button:active, headerbar.selection-mode button:active:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover:focus, headerbar.selection-mode button:checked, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:active, - .titlebar:not(headerbar).selection-mode button:active:hover, - .titlebar:not(headerbar).selection-mode button:active:focus, - .titlebar:not(headerbar).selection-mode button:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:checked, - .titlebar:not(headerbar).selection-mode button:checked:hover, - .titlebar:not(headerbar).selection-mode button:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - headerbar.selection-mode button:disabled, - .titlebar:not(headerbar).selection-mode button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - headerbar.selection-mode button:active, - .titlebar:not(headerbar).selection-mode button:active { - color: #ffffff; } - headerbar.selection-mode button.flat, - .titlebar:not(headerbar).selection-mode button.flat { - color: #ffffff; - border-color: rgba(22, 159, 111, 0); - background-color: rgba(22, 159, 111, 0); - background-image: none; - box-shadow: none; } - headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:hover, - .titlebar:not(headerbar).selection-mode button:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - headerbar.selection-mode button:hover:focus, headerbar.selection-mode button:hover:hover, headerbar.selection-mode button.flat:hover:focus, headerbar.selection-mode button.flat:hover:hover, - .titlebar:not(headerbar).selection-mode button:hover:focus, - .titlebar:not(headerbar).selection-mode button:hover:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:hover { - border-color: #0a4530; } - headerbar.selection-mode button:hover:active, headerbar.selection-mode button:hover:active:hover, headerbar.selection-mode button:hover:active:focus, headerbar.selection-mode button:hover:active:hover:focus, headerbar.selection-mode button:hover:checked, headerbar.selection-mode button:hover:checked:hover, headerbar.selection-mode button:hover:checked:focus, headerbar.selection-mode button:hover:checked:hover:focus, headerbar.selection-mode button.flat:hover:active, headerbar.selection-mode button.flat:hover:active:hover, headerbar.selection-mode button.flat:hover:active:focus, headerbar.selection-mode button.flat:hover:active:hover:focus, headerbar.selection-mode button.flat:hover:checked, headerbar.selection-mode button.flat:hover:checked:hover, headerbar.selection-mode button.flat:hover:checked:focus, headerbar.selection-mode button.flat:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:hover:active, - .titlebar:not(headerbar).selection-mode button:hover:active:hover, - .titlebar:not(headerbar).selection-mode button:hover:active:focus, - .titlebar:not(headerbar).selection-mode button:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:hover:checked, - .titlebar:not(headerbar).selection-mode button:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:active, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar.selection-mode button:hover:disabled, headerbar.selection-mode button.flat:hover:disabled, - .titlebar:not(headerbar).selection-mode button:hover:disabled, - .titlebar:not(headerbar).selection-mode button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar.selection-mode button:hover:active:disabled, headerbar.selection-mode button:hover:checked:disabled, headerbar.selection-mode button.flat:hover:active:disabled, headerbar.selection-mode button.flat:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar.selection-mode button:focus, headerbar.selection-mode button.flat:focus, - .titlebar:not(headerbar).selection-mode button:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - headerbar.selection-mode button:focus:focus, headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:focus, headerbar.selection-mode button.flat:focus:hover, - .titlebar:not(headerbar).selection-mode button:focus:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover { - border-color: #0a4530; } - headerbar.selection-mode button:focus:active, headerbar.selection-mode button:focus:active:hover, headerbar.selection-mode button:focus:active:focus, headerbar.selection-mode button:focus:active:hover:focus, headerbar.selection-mode button:focus:checked, headerbar.selection-mode button:focus:checked:hover, headerbar.selection-mode button:focus:checked:focus, headerbar.selection-mode button:focus:checked:hover:focus, headerbar.selection-mode button.flat:focus:active, headerbar.selection-mode button.flat:focus:active:hover, headerbar.selection-mode button.flat:focus:active:focus, headerbar.selection-mode button.flat:focus:active:hover:focus, headerbar.selection-mode button.flat:focus:checked, headerbar.selection-mode button.flat:focus:checked:hover, headerbar.selection-mode button.flat:focus:checked:focus, headerbar.selection-mode button.flat:focus:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:active, - .titlebar:not(headerbar).selection-mode button:focus:active:hover, - .titlebar:not(headerbar).selection-mode button:focus:active:focus, - .titlebar:not(headerbar).selection-mode button:focus:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:checked, - .titlebar:not(headerbar).selection-mode button:focus:checked:hover, - .titlebar:not(headerbar).selection-mode button:focus:checked:focus, - .titlebar:not(headerbar).selection-mode button:focus:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:active, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar.selection-mode button:focus:disabled, headerbar.selection-mode button.flat:focus:disabled, - .titlebar:not(headerbar).selection-mode button:focus:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar.selection-mode button:focus:active:disabled, headerbar.selection-mode button:focus:checked:disabled, headerbar.selection-mode button.flat:focus:active:disabled, headerbar.selection-mode button.flat:focus:checked:disabled, - .titlebar:not(headerbar).selection-mode button:focus:active:disabled, - .titlebar:not(headerbar).selection-mode button:focus:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover { - background-color: #18af7a; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - headerbar.selection-mode button:focus:hover:focus, headerbar.selection-mode button:focus:hover:hover, headerbar.selection-mode button.flat:focus:hover:focus, headerbar.selection-mode button.flat:focus:hover:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:hover { - border-color: #0a4530; } - headerbar.selection-mode button:focus:hover:active, headerbar.selection-mode button:focus:hover:active:hover, headerbar.selection-mode button:focus:hover:active:focus, headerbar.selection-mode button:focus:hover:active:hover:focus, headerbar.selection-mode button:focus:hover:checked, headerbar.selection-mode button:focus:hover:checked:hover, headerbar.selection-mode button:focus:hover:checked:focus, headerbar.selection-mode button:focus:hover:checked:hover:focus, headerbar.selection-mode button.flat:focus:hover:active, headerbar.selection-mode button.flat:focus:hover:active:hover, headerbar.selection-mode button.flat:focus:hover:active:focus, headerbar.selection-mode button.flat:focus:hover:active:hover:focus, headerbar.selection-mode button.flat:focus:hover:checked, headerbar.selection-mode button.flat:focus:hover:checked:hover, headerbar.selection-mode button.flat:focus:hover:checked:focus, headerbar.selection-mode button.flat:focus:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:active, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar.selection-mode button:focus:hover:disabled, headerbar.selection-mode button.flat:focus:hover:disabled, - .titlebar:not(headerbar).selection-mode button:focus:hover:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar.selection-mode button:focus:hover:active:disabled, headerbar.selection-mode button:focus:hover:checked:disabled, headerbar.selection-mode button.flat:focus:hover:active:disabled, headerbar.selection-mode button.flat:focus:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button.flat:checked, headerbar.selection-mode button.flat:active, - .titlebar:not(headerbar).selection-mode button:checked, - .titlebar:not(headerbar).selection-mode button:active, - .titlebar:not(headerbar).selection-mode button.flat:checked, - .titlebar:not(headerbar).selection-mode button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, - .titlebar:not(headerbar).selection-mode button:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:hover, - .titlebar:not(headerbar).selection-mode button:active:focus, - .titlebar:not(headerbar).selection-mode button:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:hover { - border-color: #0a4530; } - headerbar.selection-mode button:checked:active, headerbar.selection-mode button:checked:active:hover, headerbar.selection-mode button:checked:active:focus, headerbar.selection-mode button:checked:active:hover:focus, headerbar.selection-mode button:checked:checked, headerbar.selection-mode button:checked:checked:hover, headerbar.selection-mode button:checked:checked:focus, headerbar.selection-mode button:checked:checked:hover:focus, headerbar.selection-mode button:active:active, headerbar.selection-mode button:active:active:hover, headerbar.selection-mode button:active:active:focus, headerbar.selection-mode button:active:active:hover:focus, headerbar.selection-mode button:active:checked, headerbar.selection-mode button:active:checked:hover, headerbar.selection-mode button:active:checked:focus, headerbar.selection-mode button:active:checked:hover:focus, headerbar.selection-mode button.flat:checked:active, headerbar.selection-mode button.flat:checked:active:hover, headerbar.selection-mode button.flat:checked:active:focus, headerbar.selection-mode button.flat:checked:active:hover:focus, headerbar.selection-mode button.flat:checked:checked, headerbar.selection-mode button.flat:checked:checked:hover, headerbar.selection-mode button.flat:checked:checked:focus, headerbar.selection-mode button.flat:checked:checked:hover:focus, headerbar.selection-mode button.flat:active:active, headerbar.selection-mode button.flat:active:active:hover, headerbar.selection-mode button.flat:active:active:focus, headerbar.selection-mode button.flat:active:active:hover:focus, headerbar.selection-mode button.flat:active:checked, headerbar.selection-mode button.flat:active:checked:hover, headerbar.selection-mode button.flat:active:checked:focus, headerbar.selection-mode button.flat:active:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:checked:active, - .titlebar:not(headerbar).selection-mode button:checked:active:hover, - .titlebar:not(headerbar).selection-mode button:checked:active:focus, - .titlebar:not(headerbar).selection-mode button:checked:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:checked:checked, - .titlebar:not(headerbar).selection-mode button:checked:checked:hover, - .titlebar:not(headerbar).selection-mode button:checked:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:active:active, - .titlebar:not(headerbar).selection-mode button:active:active:hover, - .titlebar:not(headerbar).selection-mode button:active:active:focus, - .titlebar:not(headerbar).selection-mode button:active:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:active:checked, - .titlebar:not(headerbar).selection-mode button:active:checked:hover, - .titlebar:not(headerbar).selection-mode button:active:checked:focus, - .titlebar:not(headerbar).selection-mode button:active:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:active, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:active, - .titlebar:not(headerbar).selection-mode button.flat:active:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:checked, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button:active:disabled, headerbar.selection-mode button.flat:checked:disabled, headerbar.selection-mode button.flat:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - headerbar.selection-mode button:checked:active:disabled, headerbar.selection-mode button:checked:checked:disabled, headerbar.selection-mode button:active:active:disabled, headerbar.selection-mode button:active:checked:disabled, headerbar.selection-mode button.flat:checked:active:disabled, headerbar.selection-mode button.flat:checked:checked:disabled, headerbar.selection-mode button.flat:active:active:disabled, headerbar.selection-mode button.flat:active:checked:disabled, - .titlebar:not(headerbar).selection-mode button:checked:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:active:disabled, - .titlebar:not(headerbar).selection-mode button:active:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, - .titlebar:not(headerbar).selection-mode button:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:hover, - .titlebar:not(headerbar).selection-mode button:active:focus, - .titlebar:not(headerbar).selection-mode button:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:focus, headerbar.selection-mode button.flat:hover, - .titlebar:not(headerbar).selection-mode button:focus, - .titlebar:not(headerbar).selection-mode button:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover { - color: #ffffff; } - headerbar.selection-mode button:disabled:disabled, headerbar.selection-mode button.flat:disabled:disabled, - .titlebar:not(headerbar).selection-mode button:disabled:disabled, - .titlebar:not(headerbar).selection-mode button.flat:disabled:disabled { - background-color: alpha(mix(#169f6f,#ffffff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#169f6f,#ffffff,0.5); - box-shadow: none; } - headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button.flat:active:disabled, headerbar.selection-mode button.flat:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - headerbar.selection-mode button.separator, headerbar.selection-mode button .separator, - .titlebar:not(headerbar).selection-mode button.separator, - .titlebar:not(headerbar).selection-mode button .separator { - border: 1px solid currentColor; - color: rgba(22, 159, 111, 0.9); } - headerbar.selection-mode button.separator:disabled, headerbar.selection-mode button .separator:disabled, - .titlebar:not(headerbar).selection-mode button.separator:disabled, - .titlebar:not(headerbar).selection-mode button .separator:disabled { - color: rgba(22, 159, 111, 0.85); } - headerbar.selection-mode:backdrop, - .titlebar:not(headerbar).selection-mode:backdrop { - background-color: #169f6f; - background-image: none; } - headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu, - .titlebar:not(headerbar).selection-mode .selection-menu:backdrop, - .titlebar:not(headerbar).selection-mode .selection-menu { - color: #127f59; - background-color: transparent; - background-image: none; - box-shadow: none; - border: 0; } - headerbar.selection-mode .selection-menu:backdrop:hover, headerbar.selection-mode .selection-menu:hover, - .titlebar:not(headerbar).selection-mode .selection-menu:backdrop:hover, - .titlebar:not(headerbar).selection-mode .selection-menu:hover { - color: #0f6f4e; } - headerbar.selection-mode .selection-menu:backdrop:active, headerbar.selection-mode .selection-menu:active, - .titlebar:not(headerbar).selection-mode .selection-menu:backdrop:active, - .titlebar:not(headerbar).selection-mode .selection-menu:active { - color: #117753; } - headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow, - .titlebar:not(headerbar).selection-mode .selection-menu:backdrop .arrow, - .titlebar:not(headerbar).selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: rgba(255, 255, 255, 0.5); - -gtk-icon-shadow: none; } - headerbar.selection-mode .dim-label, headerbar.selection-mode label.separator, .selection-menu headerbar.selection-mode .dim-label, .selection-menu headerbar.selection-mode label.separator, - .titlebar:not(headerbar).selection-mode .dim-label, - .titlebar:not(headerbar).selection-mode label.separator, .selection-menu - .titlebar:not(headerbar).selection-mode .dim-label, .selection-menu - .titlebar:not(headerbar).selection-mode label.separator { - color: #0f6f4e; } - -/********** - ! Calendar -***********/ -calendar { - padding: 1px 3px; - outline-offset: -1px; - color: #ffffff; } - calendar:selected { - border-radius: 2px; } - calendar.header { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0; } - calendar.header:backdrop { - border-color: rgba(0, 0, 0, 0.1); } - calendar.button { - color: rgba(222, 222, 222, 0.55); } - calendar.button:hover { - color: #dedede; } - calendar.button:backdrop { - color: alpha(mix(#dedede,#333333,0.5),0.55); } - calendar.button:disabled { - color: alpha(mix(#dedede,#333333,0.5),0.55); } - calendar:indeterminate, calendar:indeterminate:backdrop { - color: mix(#dedede,#333333,0.5); } - calendar.highlight, calendar.highlight:backdrop { - font-size: smaller; - color: #169f6f; } - calendar:backdrop { - color: mix(#2c2c2c,#ffffff,0.8); } - -/* gnome-calendar */ -.calendar-view { - background-color: #2c2c2c; - color: #ffffff; } - -/*************** - ! Color chooser -****************/ -colorswatch:drop(active), colorswatch { - border-style: none; } -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; } - colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; } -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; } - colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; } - colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; } -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; } - colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; } -colorswatch.dark overlay { - color: #ffffff; } - colorswatch.dark overlay:hover { - border-color: #2d2d2d; } - colorswatch.dark overlay:backdrop { - color: mix(#169f6f,#ffffff,0.66); } -colorswatch.light overlay { - color: #ffffff; } - colorswatch.light overlay:hover { - border-color: #2d2d2d; } - colorswatch.light overlay:backdrop { - color: mix(#2c2c2c,#ffffff,0.8); } -colorswatch:drop(active) { - box-shadow: none; } - colorswatch:drop(active).light overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #2d2d2d, inset 0 0 0 1px #4e9a06; } - colorswatch:drop(active).dark overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #2d2d2d, inset 0 0 0 1px #4e9a06; } -colorswatch overlay { - border: 1px solid #2d2d2d; } - colorswatch overlay:hover { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } - colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { - border-color: #2d2d2d; - box-shadow: none; } -colorswatch:disabled { - opacity: .5; } - colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; } -row:selected colorswatch { - box-shadow: 0 0 0 2px #ffffff; } -colorswatch#add-color-button { - border-radius: 2px 2px 0 0; } - colorswatch#add-color-button:only-child { - border-radius: 2px; } - colorswatch#add-color-button overlay { - background-color: #303030; - color: #dedede; } - colorswatch#add-color-button overlay:hover { - background-color: #2e2e2e; } - colorswatch#add-color-button overlay:backdrop { - background-color: #303030; } -colorswatch#editor-color-sample { - border-radius: 2px; } - colorswatch#editor-color-sample overlay { - border-radius: 2.5px; } - -button.color { - padding: 3px; } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { - border-radius: 0; } - -colorchooser .popover.osd { - border-radius: 2px; } - -/*********************** -! Font and file choosers -************************/ -filechooser { - /* for fallback when header bar not used */ } - filechooser .dialog-action-box { - border-top: 1px solid #2d2d2d; } - filechooser .dialog-action-box:backdrop { - border-top-color: mix(#333333,#2d2d2d,0.9); } - filechooser #pathbarbox { - border-bottom: 1px solid #333333; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/****************** - ! Grid and flowbox -*******************/ -list { - color: #ffffff; - background-color: #2c2c2c; - border-color: #2d2d2d; } - list:backdrop { - background-color: #2c2c2c; - border-color: mix(#333333,#2d2d2d,0.9); } - list row { - padding: 3px; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - row:backdrop { - transition: 200ms ease-out; } - row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(222, 222, 222, 0.05); } - row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:backdrop:hover { - background-color: transparent; } - row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: mix(#169f6f,#dedede,0.1); } - row.activatable:selected:backdrop { - background-color: #169f6f; } - -flowbox flowboxchild { - padding: 3px; - border-radius: 2px; } - flowbox flowboxchild:selected { - outline-offset: -2px; } - -/********* - ! Buttons -**********/ -/****************** -! ComboBoxes * -*******************/ -/********* - ! Infobar -**********/ -infobar { - border: 0; } - infobar.info, infobar.info:backdrop { - background-color: #03a9f4; - background-image: none; - border: 1px solid #0287c3; - caret-color: currentColor; } - infobar.info label, infobar.info, infobar.info:backdrop label, infobar.info:backdrop { - color: #fff; } - infobar.info button { - background-color: #03a9f4; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - infobar.info button:focus, infobar.info button:hover { - border-color: #0a4530; } - infobar.info button:active, infobar.info button:active:hover, infobar.info button:active:focus, infobar.info button:active:hover:focus, infobar.info button:checked, infobar.info button:checked:hover, infobar.info button:checked:focus, infobar.info button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.info button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.info button:active:disabled, infobar.info button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.info button:active { - color: #fff; } - infobar.info button.flat { - color: #fff; - border-color: rgba(3, 169, 244, 0); - background-color: rgba(3, 169, 244, 0); - background-image: none; - box-shadow: none; } - infobar.info button:hover, infobar.info button.flat:hover { - background-color: #07b0fc; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - infobar.info button:hover:focus, infobar.info button:hover:hover, infobar.info button.flat:hover:focus, infobar.info button.flat:hover:hover { - border-color: #0a4530; } - infobar.info button:hover:active, infobar.info button:hover:active:hover, infobar.info button:hover:active:focus, infobar.info button:hover:active:hover:focus, infobar.info button:hover:checked, infobar.info button:hover:checked:hover, infobar.info button:hover:checked:focus, infobar.info button:hover:checked:hover:focus, infobar.info button.flat:hover:active, infobar.info button.flat:hover:active:hover, infobar.info button.flat:hover:active:focus, infobar.info button.flat:hover:active:hover:focus, infobar.info button.flat:hover:checked, infobar.info button.flat:hover:checked:hover, infobar.info button.flat:hover:checked:focus, infobar.info button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.info button:hover:disabled, infobar.info button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.info button:hover:active:disabled, infobar.info button:hover:checked:disabled, infobar.info button.flat:hover:active:disabled, infobar.info button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.info button:focus, infobar.info button.flat:focus { - background-color: #07b0fc; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - infobar.info button:focus:focus, infobar.info button:focus:hover, infobar.info button.flat:focus:focus, infobar.info button.flat:focus:hover { - border-color: #0a4530; } - infobar.info button:focus:active, infobar.info button:focus:active:hover, infobar.info button:focus:active:focus, infobar.info button:focus:active:hover:focus, infobar.info button:focus:checked, infobar.info button:focus:checked:hover, infobar.info button:focus:checked:focus, infobar.info button:focus:checked:hover:focus, infobar.info button.flat:focus:active, infobar.info button.flat:focus:active:hover, infobar.info button.flat:focus:active:focus, infobar.info button.flat:focus:active:hover:focus, infobar.info button.flat:focus:checked, infobar.info button.flat:focus:checked:hover, infobar.info button.flat:focus:checked:focus, infobar.info button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.info button:focus:disabled, infobar.info button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.info button:focus:active:disabled, infobar.info button:focus:checked:disabled, infobar.info button.flat:focus:active:disabled, infobar.info button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.info button:focus:hover, infobar.info button.flat:focus:hover { - background-color: #14b4fc; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - infobar.info button:focus:hover:focus, infobar.info button:focus:hover:hover, infobar.info button.flat:focus:hover:focus, infobar.info button.flat:focus:hover:hover { - border-color: #0a4530; } - infobar.info button:focus:hover:active, infobar.info button:focus:hover:active:hover, infobar.info button:focus:hover:active:focus, infobar.info button:focus:hover:active:hover:focus, infobar.info button:focus:hover:checked, infobar.info button:focus:hover:checked:hover, infobar.info button:focus:hover:checked:focus, infobar.info button:focus:hover:checked:hover:focus, infobar.info button.flat:focus:hover:active, infobar.info button.flat:focus:hover:active:hover, infobar.info button.flat:focus:hover:active:focus, infobar.info button.flat:focus:hover:active:hover:focus, infobar.info button.flat:focus:hover:checked, infobar.info button.flat:focus:hover:checked:hover, infobar.info button.flat:focus:hover:checked:focus, infobar.info button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.info button:focus:hover:disabled, infobar.info button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.info button:focus:hover:active:disabled, infobar.info button:focus:hover:checked:disabled, infobar.info button.flat:focus:hover:active:disabled, infobar.info button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.info button:checked, infobar.info button:active, infobar.info button.flat:checked, infobar.info button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - infobar.info button:checked:focus, infobar.info button:checked:hover, infobar.info button:active:focus, infobar.info button:active:hover, infobar.info button.flat:checked:focus, infobar.info button.flat:checked:hover, infobar.info button.flat:active:focus, infobar.info button.flat:active:hover { - border-color: #0a4530; } - infobar.info button:checked:active, infobar.info button:checked:active:hover, infobar.info button:checked:active:focus, infobar.info button:checked:active:hover:focus, infobar.info button:checked:checked, infobar.info button:checked:checked:hover, infobar.info button:checked:checked:focus, infobar.info button:checked:checked:hover:focus, infobar.info button:active:active, infobar.info button:active:active:hover, infobar.info button:active:active:focus, infobar.info button:active:active:hover:focus, infobar.info button:active:checked, infobar.info button:active:checked:hover, infobar.info button:active:checked:focus, infobar.info button:active:checked:hover:focus, infobar.info button.flat:checked:active, infobar.info button.flat:checked:active:hover, infobar.info button.flat:checked:active:focus, infobar.info button.flat:checked:active:hover:focus, infobar.info button.flat:checked:checked, infobar.info button.flat:checked:checked:hover, infobar.info button.flat:checked:checked:focus, infobar.info button.flat:checked:checked:hover:focus, infobar.info button.flat:active:active, infobar.info button.flat:active:active:hover, infobar.info button.flat:active:active:focus, infobar.info button.flat:active:active:hover:focus, infobar.info button.flat:active:checked, infobar.info button.flat:active:checked:hover, infobar.info button.flat:active:checked:focus, infobar.info button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.info button:checked:disabled, infobar.info button:active:disabled, infobar.info button.flat:checked:disabled, infobar.info button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.info button:checked:active:disabled, infobar.info button:checked:checked:disabled, infobar.info button:active:active:disabled, infobar.info button:active:checked:disabled, infobar.info button.flat:checked:active:disabled, infobar.info button.flat:checked:checked:disabled, infobar.info button.flat:active:active:disabled, infobar.info button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.info button:checked:focus, infobar.info button:checked:hover, infobar.info button:active:focus, infobar.info button:active:hover, infobar.info button.flat:checked:focus, infobar.info button.flat:checked:hover, infobar.info button.flat:active:focus, infobar.info button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - infobar.info button:focus, infobar.info button:hover, infobar.info button.flat:focus, infobar.info button.flat:hover { - color: #fff; } - infobar.info button:disabled:disabled, infobar.info button.flat:disabled:disabled { - background-color: alpha(mix(#03a9f4,#fff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#03a9f4,#fff,0.5); - box-shadow: none; } - infobar.info button:active:disabled, infobar.info button:checked:disabled, infobar.info button.flat:active:disabled, infobar.info button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - infobar.info button.separator, infobar.info button .separator { - border: 1px solid currentColor; - color: rgba(3, 169, 244, 0.9); } - infobar.info button.separator:disabled, infobar.info button .separator:disabled { - color: rgba(3, 169, 244, 0.85); } - infobar.warning, infobar.warning:backdrop { - background-color: #ef6c00; - background-image: none; - border: 1px solid #bf5600; - caret-color: currentColor; } - infobar.warning label, infobar.warning, infobar.warning:backdrop label, infobar.warning:backdrop { - color: #fff; } - infobar.warning button { - background-color: #ef6c00; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - infobar.warning button:focus, infobar.warning button:hover { - border-color: #0a4530; } - infobar.warning button:active, infobar.warning button:active:hover, infobar.warning button:active:focus, infobar.warning button:active:hover:focus, infobar.warning button:checked, infobar.warning button:checked:hover, infobar.warning button:checked:focus, infobar.warning button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.warning button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.warning button:active:disabled, infobar.warning button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.warning button:active { - color: #fff; } - infobar.warning button.flat { - color: #fff; - border-color: rgba(239, 108, 0, 0); - background-color: rgba(239, 108, 0, 0); - background-image: none; - box-shadow: none; } - infobar.warning button:hover, infobar.warning button.flat:hover { - background-color: #fb7100; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - infobar.warning button:hover:focus, infobar.warning button:hover:hover, infobar.warning button.flat:hover:focus, infobar.warning button.flat:hover:hover { - border-color: #0a4530; } - infobar.warning button:hover:active, infobar.warning button:hover:active:hover, infobar.warning button:hover:active:focus, infobar.warning button:hover:active:hover:focus, infobar.warning button:hover:checked, infobar.warning button:hover:checked:hover, infobar.warning button:hover:checked:focus, infobar.warning button:hover:checked:hover:focus, infobar.warning button.flat:hover:active, infobar.warning button.flat:hover:active:hover, infobar.warning button.flat:hover:active:focus, infobar.warning button.flat:hover:active:hover:focus, infobar.warning button.flat:hover:checked, infobar.warning button.flat:hover:checked:hover, infobar.warning button.flat:hover:checked:focus, infobar.warning button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.warning button:hover:disabled, infobar.warning button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.warning button:hover:active:disabled, infobar.warning button:hover:checked:disabled, infobar.warning button.flat:hover:active:disabled, infobar.warning button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.warning button:focus, infobar.warning button.flat:focus { - background-color: #fb7100; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - infobar.warning button:focus:focus, infobar.warning button:focus:hover, infobar.warning button.flat:focus:focus, infobar.warning button.flat:focus:hover { - border-color: #0a4530; } - infobar.warning button:focus:active, infobar.warning button:focus:active:hover, infobar.warning button:focus:active:focus, infobar.warning button:focus:active:hover:focus, infobar.warning button:focus:checked, infobar.warning button:focus:checked:hover, infobar.warning button:focus:checked:focus, infobar.warning button:focus:checked:hover:focus, infobar.warning button.flat:focus:active, infobar.warning button.flat:focus:active:hover, infobar.warning button.flat:focus:active:focus, infobar.warning button.flat:focus:active:hover:focus, infobar.warning button.flat:focus:checked, infobar.warning button.flat:focus:checked:hover, infobar.warning button.flat:focus:checked:focus, infobar.warning button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.warning button:focus:disabled, infobar.warning button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.warning button:focus:active:disabled, infobar.warning button:focus:checked:disabled, infobar.warning button.flat:focus:active:disabled, infobar.warning button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.warning button:focus:hover, infobar.warning button.flat:focus:hover { - background-color: #ff7808; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - infobar.warning button:focus:hover:focus, infobar.warning button:focus:hover:hover, infobar.warning button.flat:focus:hover:focus, infobar.warning button.flat:focus:hover:hover { - border-color: #0a4530; } - infobar.warning button:focus:hover:active, infobar.warning button:focus:hover:active:hover, infobar.warning button:focus:hover:active:focus, infobar.warning button:focus:hover:active:hover:focus, infobar.warning button:focus:hover:checked, infobar.warning button:focus:hover:checked:hover, infobar.warning button:focus:hover:checked:focus, infobar.warning button:focus:hover:checked:hover:focus, infobar.warning button.flat:focus:hover:active, infobar.warning button.flat:focus:hover:active:hover, infobar.warning button.flat:focus:hover:active:focus, infobar.warning button.flat:focus:hover:active:hover:focus, infobar.warning button.flat:focus:hover:checked, infobar.warning button.flat:focus:hover:checked:hover, infobar.warning button.flat:focus:hover:checked:focus, infobar.warning button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.warning button:focus:hover:disabled, infobar.warning button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.warning button:focus:hover:active:disabled, infobar.warning button:focus:hover:checked:disabled, infobar.warning button.flat:focus:hover:active:disabled, infobar.warning button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.warning button:checked, infobar.warning button:active, infobar.warning button.flat:checked, infobar.warning button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - infobar.warning button:checked:focus, infobar.warning button:checked:hover, infobar.warning button:active:focus, infobar.warning button:active:hover, infobar.warning button.flat:checked:focus, infobar.warning button.flat:checked:hover, infobar.warning button.flat:active:focus, infobar.warning button.flat:active:hover { - border-color: #0a4530; } - infobar.warning button:checked:active, infobar.warning button:checked:active:hover, infobar.warning button:checked:active:focus, infobar.warning button:checked:active:hover:focus, infobar.warning button:checked:checked, infobar.warning button:checked:checked:hover, infobar.warning button:checked:checked:focus, infobar.warning button:checked:checked:hover:focus, infobar.warning button:active:active, infobar.warning button:active:active:hover, infobar.warning button:active:active:focus, infobar.warning button:active:active:hover:focus, infobar.warning button:active:checked, infobar.warning button:active:checked:hover, infobar.warning button:active:checked:focus, infobar.warning button:active:checked:hover:focus, infobar.warning button.flat:checked:active, infobar.warning button.flat:checked:active:hover, infobar.warning button.flat:checked:active:focus, infobar.warning button.flat:checked:active:hover:focus, infobar.warning button.flat:checked:checked, infobar.warning button.flat:checked:checked:hover, infobar.warning button.flat:checked:checked:focus, infobar.warning button.flat:checked:checked:hover:focus, infobar.warning button.flat:active:active, infobar.warning button.flat:active:active:hover, infobar.warning button.flat:active:active:focus, infobar.warning button.flat:active:active:hover:focus, infobar.warning button.flat:active:checked, infobar.warning button.flat:active:checked:hover, infobar.warning button.flat:active:checked:focus, infobar.warning button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.warning button:checked:disabled, infobar.warning button:active:disabled, infobar.warning button.flat:checked:disabled, infobar.warning button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.warning button:checked:active:disabled, infobar.warning button:checked:checked:disabled, infobar.warning button:active:active:disabled, infobar.warning button:active:checked:disabled, infobar.warning button.flat:checked:active:disabled, infobar.warning button.flat:checked:checked:disabled, infobar.warning button.flat:active:active:disabled, infobar.warning button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.warning button:checked:focus, infobar.warning button:checked:hover, infobar.warning button:active:focus, infobar.warning button:active:hover, infobar.warning button.flat:checked:focus, infobar.warning button.flat:checked:hover, infobar.warning button.flat:active:focus, infobar.warning button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - infobar.warning button:focus, infobar.warning button:hover, infobar.warning button.flat:focus, infobar.warning button.flat:hover { - color: #fff; } - infobar.warning button:disabled:disabled, infobar.warning button.flat:disabled:disabled { - background-color: alpha(mix(#ef6c00,#fff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#ef6c00,#fff,0.5); - box-shadow: none; } - infobar.warning button:active:disabled, infobar.warning button:checked:disabled, infobar.warning button.flat:active:disabled, infobar.warning button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - infobar.warning button.separator, infobar.warning button .separator { - border: 1px solid currentColor; - color: rgba(239, 108, 0, 0.9); } - infobar.warning button.separator:disabled, infobar.warning button .separator:disabled { - color: rgba(239, 108, 0, 0.85); } - infobar.question, infobar.question:backdrop { - background-color: #673ab7; - background-image: none; - border: 1px solid #522e92; - caret-color: currentColor; } - infobar.question label, infobar.question, infobar.question:backdrop label, infobar.question:backdrop { - color: #fff; } - infobar.question button { - background-color: #673ab7; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - infobar.question button:focus, infobar.question button:hover { - border-color: #0a4530; } - infobar.question button:active, infobar.question button:active:hover, infobar.question button:active:focus, infobar.question button:active:hover:focus, infobar.question button:checked, infobar.question button:checked:hover, infobar.question button:checked:focus, infobar.question button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.question button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.question button:active:disabled, infobar.question button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.question button:active { - color: #fff; } - infobar.question button.flat { - color: #fff; - border-color: rgba(103, 58, 183, 0); - background-color: rgba(103, 58, 183, 0); - background-image: none; - box-shadow: none; } - infobar.question button:hover, infobar.question button.flat:hover { - background-color: #6c3dc0; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - infobar.question button:hover:focus, infobar.question button:hover:hover, infobar.question button.flat:hover:focus, infobar.question button.flat:hover:hover { - border-color: #0a4530; } - infobar.question button:hover:active, infobar.question button:hover:active:hover, infobar.question button:hover:active:focus, infobar.question button:hover:active:hover:focus, infobar.question button:hover:checked, infobar.question button:hover:checked:hover, infobar.question button:hover:checked:focus, infobar.question button:hover:checked:hover:focus, infobar.question button.flat:hover:active, infobar.question button.flat:hover:active:hover, infobar.question button.flat:hover:active:focus, infobar.question button.flat:hover:active:hover:focus, infobar.question button.flat:hover:checked, infobar.question button.flat:hover:checked:hover, infobar.question button.flat:hover:checked:focus, infobar.question button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.question button:hover:disabled, infobar.question button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.question button:hover:active:disabled, infobar.question button:hover:checked:disabled, infobar.question button.flat:hover:active:disabled, infobar.question button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.question button:focus, infobar.question button.flat:focus { - background-color: #6c3dc0; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - infobar.question button:focus:focus, infobar.question button:focus:hover, infobar.question button.flat:focus:focus, infobar.question button.flat:focus:hover { - border-color: #0a4530; } - infobar.question button:focus:active, infobar.question button:focus:active:hover, infobar.question button:focus:active:focus, infobar.question button:focus:active:hover:focus, infobar.question button:focus:checked, infobar.question button:focus:checked:hover, infobar.question button:focus:checked:focus, infobar.question button:focus:checked:hover:focus, infobar.question button.flat:focus:active, infobar.question button.flat:focus:active:hover, infobar.question button.flat:focus:active:focus, infobar.question button.flat:focus:active:hover:focus, infobar.question button.flat:focus:checked, infobar.question button.flat:focus:checked:hover, infobar.question button.flat:focus:checked:focus, infobar.question button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.question button:focus:disabled, infobar.question button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.question button:focus:active:disabled, infobar.question button:focus:checked:disabled, infobar.question button.flat:focus:active:disabled, infobar.question button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.question button:focus:hover, infobar.question button.flat:focus:hover { - background-color: #7345c4; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - infobar.question button:focus:hover:focus, infobar.question button:focus:hover:hover, infobar.question button.flat:focus:hover:focus, infobar.question button.flat:focus:hover:hover { - border-color: #0a4530; } - infobar.question button:focus:hover:active, infobar.question button:focus:hover:active:hover, infobar.question button:focus:hover:active:focus, infobar.question button:focus:hover:active:hover:focus, infobar.question button:focus:hover:checked, infobar.question button:focus:hover:checked:hover, infobar.question button:focus:hover:checked:focus, infobar.question button:focus:hover:checked:hover:focus, infobar.question button.flat:focus:hover:active, infobar.question button.flat:focus:hover:active:hover, infobar.question button.flat:focus:hover:active:focus, infobar.question button.flat:focus:hover:active:hover:focus, infobar.question button.flat:focus:hover:checked, infobar.question button.flat:focus:hover:checked:hover, infobar.question button.flat:focus:hover:checked:focus, infobar.question button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.question button:focus:hover:disabled, infobar.question button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.question button:focus:hover:active:disabled, infobar.question button:focus:hover:checked:disabled, infobar.question button.flat:focus:hover:active:disabled, infobar.question button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.question button:checked, infobar.question button:active, infobar.question button.flat:checked, infobar.question button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - infobar.question button:checked:focus, infobar.question button:checked:hover, infobar.question button:active:focus, infobar.question button:active:hover, infobar.question button.flat:checked:focus, infobar.question button.flat:checked:hover, infobar.question button.flat:active:focus, infobar.question button.flat:active:hover { - border-color: #0a4530; } - infobar.question button:checked:active, infobar.question button:checked:active:hover, infobar.question button:checked:active:focus, infobar.question button:checked:active:hover:focus, infobar.question button:checked:checked, infobar.question button:checked:checked:hover, infobar.question button:checked:checked:focus, infobar.question button:checked:checked:hover:focus, infobar.question button:active:active, infobar.question button:active:active:hover, infobar.question button:active:active:focus, infobar.question button:active:active:hover:focus, infobar.question button:active:checked, infobar.question button:active:checked:hover, infobar.question button:active:checked:focus, infobar.question button:active:checked:hover:focus, infobar.question button.flat:checked:active, infobar.question button.flat:checked:active:hover, infobar.question button.flat:checked:active:focus, infobar.question button.flat:checked:active:hover:focus, infobar.question button.flat:checked:checked, infobar.question button.flat:checked:checked:hover, infobar.question button.flat:checked:checked:focus, infobar.question button.flat:checked:checked:hover:focus, infobar.question button.flat:active:active, infobar.question button.flat:active:active:hover, infobar.question button.flat:active:active:focus, infobar.question button.flat:active:active:hover:focus, infobar.question button.flat:active:checked, infobar.question button.flat:active:checked:hover, infobar.question button.flat:active:checked:focus, infobar.question button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.question button:checked:disabled, infobar.question button:active:disabled, infobar.question button.flat:checked:disabled, infobar.question button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.question button:checked:active:disabled, infobar.question button:checked:checked:disabled, infobar.question button:active:active:disabled, infobar.question button:active:checked:disabled, infobar.question button.flat:checked:active:disabled, infobar.question button.flat:checked:checked:disabled, infobar.question button.flat:active:active:disabled, infobar.question button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.question button:checked:focus, infobar.question button:checked:hover, infobar.question button:active:focus, infobar.question button:active:hover, infobar.question button.flat:checked:focus, infobar.question button.flat:checked:hover, infobar.question button.flat:active:focus, infobar.question button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - infobar.question button:focus, infobar.question button:hover, infobar.question button.flat:focus, infobar.question button.flat:hover { - color: #fff; } - infobar.question button:disabled:disabled, infobar.question button.flat:disabled:disabled { - background-color: alpha(mix(#673ab7,#fff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#673ab7,#fff,0.5); - box-shadow: none; } - infobar.question button:active:disabled, infobar.question button:checked:disabled, infobar.question button.flat:active:disabled, infobar.question button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - infobar.question button.separator, infobar.question button .separator { - border: 1px solid currentColor; - color: rgba(103, 58, 183, 0.9); } - infobar.question button.separator:disabled, infobar.question button .separator:disabled { - color: rgba(103, 58, 183, 0.85); } - infobar.error, infobar.error:backdrop { - background-color: #f44336; - background-image: none; - border: 1px solid #e21b0c; - caret-color: currentColor; } - infobar.error label, infobar.error, infobar.error:backdrop label, infobar.error:backdrop { - color: #fff; } - infobar.error button { - background-color: #f44336; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.12); } - infobar.error button:focus, infobar.error button:hover { - border-color: #0a4530; } - infobar.error button:active, infobar.error button:active:hover, infobar.error button:active:focus, infobar.error button:active:hover:focus, infobar.error button:checked, infobar.error button:checked:hover, infobar.error button:checked:focus, infobar.error button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.error button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.error button:active:disabled, infobar.error button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.error button:active { - color: #fff; } - infobar.error button.flat { - color: #fff; - border-color: rgba(244, 67, 54, 0); - background-color: rgba(244, 67, 54, 0); - background-image: none; - box-shadow: none; } - infobar.error button:hover, infobar.error button.flat:hover { - background-color: #f55044; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - infobar.error button:hover:focus, infobar.error button:hover:hover, infobar.error button.flat:hover:focus, infobar.error button.flat:hover:hover { - border-color: #0a4530; } - infobar.error button:hover:active, infobar.error button:hover:active:hover, infobar.error button:hover:active:focus, infobar.error button:hover:active:hover:focus, infobar.error button:hover:checked, infobar.error button:hover:checked:hover, infobar.error button:hover:checked:focus, infobar.error button:hover:checked:hover:focus, infobar.error button.flat:hover:active, infobar.error button.flat:hover:active:hover, infobar.error button.flat:hover:active:focus, infobar.error button.flat:hover:active:hover:focus, infobar.error button.flat:hover:checked, infobar.error button.flat:hover:checked:hover, infobar.error button.flat:hover:checked:focus, infobar.error button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.error button:hover:disabled, infobar.error button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.error button:hover:active:disabled, infobar.error button:hover:checked:disabled, infobar.error button.flat:hover:active:disabled, infobar.error button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.error button:focus, infobar.error button.flat:focus { - background-color: #f55044; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - infobar.error button:focus:focus, infobar.error button:focus:hover, infobar.error button.flat:focus:focus, infobar.error button.flat:focus:hover { - border-color: #0a4530; } - infobar.error button:focus:active, infobar.error button:focus:active:hover, infobar.error button:focus:active:focus, infobar.error button:focus:active:hover:focus, infobar.error button:focus:checked, infobar.error button:focus:checked:hover, infobar.error button:focus:checked:focus, infobar.error button:focus:checked:hover:focus, infobar.error button.flat:focus:active, infobar.error button.flat:focus:active:hover, infobar.error button.flat:focus:active:focus, infobar.error button.flat:focus:active:hover:focus, infobar.error button.flat:focus:checked, infobar.error button.flat:focus:checked:hover, infobar.error button.flat:focus:checked:focus, infobar.error button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.error button:focus:disabled, infobar.error button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.error button:focus:active:disabled, infobar.error button:focus:checked:disabled, infobar.error button.flat:focus:active:disabled, infobar.error button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.error button:focus:hover, infobar.error button.flat:focus:hover { - background-color: #f65d52; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.38); } - infobar.error button:focus:hover:focus, infobar.error button:focus:hover:hover, infobar.error button.flat:focus:hover:focus, infobar.error button.flat:focus:hover:hover { - border-color: #0a4530; } - infobar.error button:focus:hover:active, infobar.error button:focus:hover:active:hover, infobar.error button:focus:hover:active:focus, infobar.error button:focus:hover:active:hover:focus, infobar.error button:focus:hover:checked, infobar.error button:focus:hover:checked:hover, infobar.error button:focus:hover:checked:focus, infobar.error button:focus:hover:checked:hover:focus, infobar.error button.flat:focus:hover:active, infobar.error button.flat:focus:hover:active:hover, infobar.error button.flat:focus:hover:active:focus, infobar.error button.flat:focus:hover:active:hover:focus, infobar.error button.flat:focus:hover:checked, infobar.error button.flat:focus:hover:checked:hover, infobar.error button.flat:focus:hover:checked:focus, infobar.error button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.error button:focus:hover:disabled, infobar.error button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.error button:focus:hover:active:disabled, infobar.error button:focus:hover:checked:disabled, infobar.error button.flat:focus:hover:active:disabled, infobar.error button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.error button:checked, infobar.error button:active, infobar.error button.flat:checked, infobar.error button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - infobar.error button:checked:focus, infobar.error button:checked:hover, infobar.error button:active:focus, infobar.error button:active:hover, infobar.error button.flat:checked:focus, infobar.error button.flat:checked:hover, infobar.error button.flat:active:focus, infobar.error button.flat:active:hover { - border-color: #0a4530; } - infobar.error button:checked:active, infobar.error button:checked:active:hover, infobar.error button:checked:active:focus, infobar.error button:checked:active:hover:focus, infobar.error button:checked:checked, infobar.error button:checked:checked:hover, infobar.error button:checked:checked:focus, infobar.error button:checked:checked:hover:focus, infobar.error button:active:active, infobar.error button:active:active:hover, infobar.error button:active:active:focus, infobar.error button:active:active:hover:focus, infobar.error button:active:checked, infobar.error button:active:checked:hover, infobar.error button:active:checked:focus, infobar.error button:active:checked:hover:focus, infobar.error button.flat:checked:active, infobar.error button.flat:checked:active:hover, infobar.error button.flat:checked:active:focus, infobar.error button.flat:checked:active:hover:focus, infobar.error button.flat:checked:checked, infobar.error button.flat:checked:checked:hover, infobar.error button.flat:checked:checked:focus, infobar.error button.flat:checked:checked:hover:focus, infobar.error button.flat:active:active, infobar.error button.flat:active:active:hover, infobar.error button.flat:active:active:focus, infobar.error button.flat:active:active:hover:focus, infobar.error button.flat:active:checked, infobar.error button.flat:active:checked:hover, infobar.error button.flat:active:checked:focus, infobar.error button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.error button:checked:disabled, infobar.error button:active:disabled, infobar.error button.flat:checked:disabled, infobar.error button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.error button:checked:active:disabled, infobar.error button:checked:checked:disabled, infobar.error button:active:active:disabled, infobar.error button:active:checked:disabled, infobar.error button.flat:checked:active:disabled, infobar.error button.flat:checked:checked:disabled, infobar.error button.flat:active:active:disabled, infobar.error button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.error button:checked:focus, infobar.error button:checked:hover, infobar.error button:active:focus, infobar.error button:active:hover, infobar.error button.flat:checked:focus, infobar.error button.flat:checked:hover, infobar.error button.flat:active:focus, infobar.error button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - infobar.error button:focus, infobar.error button:hover, infobar.error button.flat:focus, infobar.error button.flat:hover { - color: #fff; } - infobar.error button:disabled:disabled, infobar.error button.flat:disabled:disabled { - background-color: alpha(mix(#f44336,#fff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#f44336,#fff,0.5); - box-shadow: none; } - infobar.error button:active:disabled, infobar.error button:checked:disabled, infobar.error button.flat:active:disabled, infobar.error button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - infobar.error button.separator, infobar.error button .separator { - border: 1px solid currentColor; - color: rgba(244, 67, 54, 0.9); } - infobar.error button.separator:disabled, infobar.error button .separator:disabled { - color: rgba(244, 67, 54, 0.85); } - -/********* - ! Entry * -**********/ -.linked:not(.vertical) > entry { - border-width: 1px; - border-radius: 0; - border-right-width: 0; - border-left-width: 0; } - .linked:not(.vertical) > entry:first-child { - border-width: 1px; - border-radius: 2px; - border-right-width: 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .linked:not(.vertical) > entry:first-child:dir(rtl) { - border-left-width: 0; - border-right-width: 1px; } - .linked:not(.vertical) > entry:last-child { - border-width: 1px; - border-radius: 2px; - border-left-width: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .linked:not(.vertical) > entry:last-child:dir(rtl) { - border-left-width: 1px; - border-right-width: 0; } - .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child { - border-width: 1px; } - .linked:not(.vertical) > entry:only-child { - border-radius: 2px; } - -.linked.vertical > entry { - border-width: 1px; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; } - .linked.vertical > entry:first-child { - border-width: 1px; - border-radius: 2px; - border-top-width: 1px; - border-bottom-width: 0; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .linked.vertical > entry:first-child:dir(rtl) { - border-top-width: 0; - border-bottom-width: 1px; } - .linked.vertical > entry:last-child { - border-width: 1px; - border-radius: 2px; - border-top-width: 0; - border-bottom-width: 1px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - .linked.vertical > entry:last-child:dir(rtl) { - border-top-width: 1px; - border-bottom-width: 0; } - .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child { - border-width: 1px; } - .linked.vertical > entry:only-child { - border-radius: 2px; } - -entry, menuitem entry, popover.background entry, .osd entry, -#XfceNotifyWindow entry, #login_window entry { - border-width: 1px; - border-style: solid; - border-radius: 2px; - transition: border 150ms ease; - box-shadow: inset 1px 1px rgba(44, 44, 44, 0.06), inset -1px 0 rgba(44, 44, 44, 0.06); } - entry:focus, popover.background entry:focus, - #XfceNotifyWindow entry:focus, #login_window entry:focus, entry:hover, popover.background entry:hover, - #XfceNotifyWindow entry:hover, #login_window entry:hover, entry:active, popover.background entry:active, - #XfceNotifyWindow entry:active, #login_window entry:active { - transition: none; } - entry:selected, popover.background entry:selected, - #XfceNotifyWindow entry:selected, #login_window entry:selected, entry:selected:selected:focus, - #XfceNotifyWindow entry:selected:selected:focus, #login_window entry:selected:selected:focus { - background-color: #169f6f; - color: #ffffff; } - entry:disabled, popover.background entry:disabled, - #XfceNotifyWindow entry:disabled, #login_window entry:disabled { - box-shadow: none; } - entry progress, popover.background entry progress, .osd entry progress, - #XfceNotifyWindow entry progress, #login_window entry progress { - background-color: #169f6f; - background-image: none; - border-width: 0; - border-radius: 2px; - color: #ffffff; } - entry image.left, - #XfceNotifyWindow entry image.left, #login_window entry image.left { - padding-right: 3px; } - entry image.right, - #XfceNotifyWindow entry image.right, #login_window entry image.right { - padding-left: 3px; } - entry.warning, popover.background entry.warning, - #XfceNotifyWindow entry.warning, #login_window entry.warning { - color: #fff; - border-color: #bf5600; - background-color: mix(#2c2c2c,#ef6c00,0.6); } - entry.warning image, - #XfceNotifyWindow entry.warning image, #login_window entry.warning image { - color: #fff; } - entry.warning:focus, - #XfceNotifyWindow entry.warning:focus, #login_window entry.warning:focus { - color: #fff; - border-color: #0a4530; - background-color: #ef6c00; - box-shadow: none; } - entry.warning selection, - #XfceNotifyWindow entry.warning selection, #login_window entry.warning selection { - background-color: #fff; - color: #ef6c00; } - entry.error, popover.background entry.error, - #XfceNotifyWindow entry.error, #login_window entry.error { - color: #fff; - border-color: #e21b0c; - background-color: mix(#2c2c2c,#f44336,0.6); } - entry.error image, - #XfceNotifyWindow entry.error image, #login_window entry.error image { - color: #fff; } - entry.error:focus, - #XfceNotifyWindow entry.error:focus, #login_window entry.error:focus { - color: #fff; - border-color: #0a4530; - background-color: #f44336; - box-shadow: none; } - entry.error selection, - #XfceNotifyWindow entry.error selection, #login_window entry.error selection { - background-color: #fff; - color: #f44336; } - entry.search-missing, popover.background entry.search-missing, - #XfceNotifyWindow entry.search-missing, #login_window entry.search-missing { - color: #fff; - border-color: #e21b0c; - background-color: mix(#2c2c2c,#f44336,0.6); } - entry.search-missing image, - #XfceNotifyWindow entry.search-missing image, #login_window entry.search-missing image { - color: #fff; } - entry.search-missing:focus, - #XfceNotifyWindow entry.search-missing:focus, #login_window entry.search-missing:focus { - color: #fff; - border-color: #0a4530; - background-color: #f44336; - box-shadow: none; } - entry.search-missing selection, - #XfceNotifyWindow entry.search-missing selection, #login_window entry.search-missing selection { - background-color: #fff; - color: #f44336; } - -/********* - ! Menubar -**********/ -menubar, .menubar { - -GtkWidget-window-dragging: true; - padding: 0; - border: 0; - background-color: #2c2c2c; - background-image: none; - color: #e9e9e9; } - menubar > menuitem, .menubar > menuitem { - min-height: 16px; - padding: 2px 4px; - border: 1px solid transparent; - background-color: transparent; - background-image: none; - color: #e9e9e9; } - menubar > menuitem:hover, .menubar > menuitem:hover { - border-color: mix(#2c2c2c,#e9e9e9,0.21); - background-color: mix(#2c2c2c,#e9e9e9,0.21); - background-image: none; - color: #fcfcfc; } - menubar > menuitem *:hover, .menubar > menuitem *:hover { - color: #fcfcfc; } - -/****** - ! Menu -*******/ -menu, -.menu, -.context-menu { - border: 0; - border-radius: 0; - padding: 3px; - background-color: #2c2c2c; - color: #e9e9e9; } - .csd menu, .csd - .menu, .csd - .context-menu { - border: 0; } - menu:selected, - .menu:selected, - .context-menu:selected { - background-color: #169f6f; } - menu separator, .csd menu separator, - .menu separator, .csd - .menu separator, - .context-menu separator, .csd - .context-menu separator { - background-color: #282828; - margin: 1px 0; } - menu .separator, .csd menu .separator, - .menu .separator, .csd - .menu .separator, - .context-menu .separator, .csd - .context-menu .separator { - color: #282828; } - menu menuitem, - .menu menuitem, - .context-menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 3px; - border-radius: 0; } - menu menuitem:active, menu menuitem:hover, - .menu menuitem:active, - .menu menuitem:hover, - .context-menu menuitem:active, - .context-menu menuitem:hover { - border: 0; - background-color: #169f6f; - background-image: none; - color: #ffffff; } - menu menuitem *:active, menu menuitem *:hover, - .menu menuitem *:active, - .menu menuitem *:hover, - .context-menu menuitem *:active, - .context-menu menuitem *:hover { - color: #ffffff; } - menu menuitem:disabled, menu menuitem *:disabled, - .menu menuitem:disabled, - .menu menuitem *:disabled, - .context-menu menuitem:disabled, - .context-menu menuitem *:disabled { - color: mix(#e9e9e9,#2c2c2c,0.5); } - menu menuitem arrow, - .menu menuitem arrow, - .context-menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - menu menuitem arrow:dir(ltr), - .menu menuitem arrow:dir(ltr), - .context-menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 10px; } - menu menuitem arrow:dir(rtl), - .menu menuitem arrow:dir(rtl), - .context-menu menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-right: 10px; } - menu menuitem.button, menu menuitem.button:focus, menu menuitem.button:active, menu menuitem.button:disabled, menu menuitem.button:active:disabled, menu menuitem.button.flat, menu menuitem.button.flat:focus, menu menuitem.button.flat:active, menu menuitem.button.flat:disabled, menu menuitem.button.flat:active:disabled, - .menu menuitem.button, - .menu menuitem.button:focus, - .menu menuitem.button:active, - .menu menuitem.button:disabled, - .menu menuitem.button:active:disabled, - .menu menuitem.button.flat, - .menu menuitem.button.flat:focus, - .menu menuitem.button.flat:active, - .menu menuitem.button.flat:disabled, - .menu menuitem.button.flat:active:disabled, - .context-menu menuitem.button, - .context-menu menuitem.button:focus, - .context-menu menuitem.button:active, - .context-menu menuitem.button:disabled, - .context-menu menuitem.button:active:disabled, - .context-menu menuitem.button.flat, - .context-menu menuitem.button.flat:focus, - .context-menu menuitem.button.flat:active, - .context-menu menuitem.button.flat:disabled, - .context-menu menuitem.button.flat:active:disabled { - background-color: transparent; - background-image: none; - border: 0; - box-shadow: none; - color: currentColor; } - menu menuitem.button:hover, menu menuitem.button:focus:hover, menu menuitem.button:active:hover, menu menuitem.button:selected, menu menuitem.button.flat:hover, menu menuitem.button.flat:focus:hover, menu menuitem.button.flat:active:hover, menu menuitem.button.flat:selected, - .menu menuitem.button:hover, - .menu menuitem.button:focus:hover, - .menu menuitem.button:active:hover, - .menu menuitem.button:selected, - .menu menuitem.button.flat:hover, - .menu menuitem.button.flat:focus:hover, - .menu menuitem.button.flat:active:hover, - .menu menuitem.button.flat:selected, - .context-menu menuitem.button:hover, - .context-menu menuitem.button:focus:hover, - .context-menu menuitem.button:active:hover, - .context-menu menuitem.button:selected, - .context-menu menuitem.button.flat:hover, - .context-menu menuitem.button.flat:focus:hover, - .context-menu menuitem.button.flat:active:hover, - .context-menu menuitem.button.flat:selected { - background-image: none; - background-color: #169f6f; - color: #ffffff; } - menu menuitem calendar, - .menu menuitem calendar, - .context-menu menuitem calendar { - color: #e9e9e9; } - menu menuitem calendar.header, - .menu menuitem calendar.header, - .context-menu menuitem calendar.header { - border-bottom: 1px solid #282828; - border-radius: 0; } - menu menuitem calendar.header:backdrop, - .menu menuitem calendar.header:backdrop, - .context-menu menuitem calendar.header:backdrop { - border-color: #282828; } - menu menuitem calendar.button, - .menu menuitem calendar.button, - .context-menu menuitem calendar.button { - color: rgba(233, 233, 233, 0.55); } - menu menuitem calendar.button:hover, - .menu menuitem calendar.button:hover, - .context-menu menuitem calendar.button:hover { - color: #e9e9e9; } - menu menuitem calendar:indeterminate, menu menuitem calendar:indeterminate:backdrop, - .menu menuitem calendar:indeterminate, - .menu menuitem calendar:indeterminate:backdrop, - .context-menu menuitem calendar:indeterminate, - .context-menu menuitem calendar:indeterminate:backdrop { - color: mix(#e9e9e9,#2c2c2c,0.5); } - menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), - .menu menuitem label:dir(rtl), - .menu menuitem label:dir(ltr), - .context-menu menuitem label:dir(rtl), - .context-menu menuitem label:dir(ltr) { - color: inherit; } - menu > arrow, - .menu > arrow, - .context-menu > arrow { - min-height: 16px; - min-width: 16px; - padding: 3px; - background-color: #2c2c2c; - border-radius: 0; } - menu > arrow.top, - .menu > arrow.top, - .context-menu > arrow.top { - margin-top: -6px; - border-bottom: 1px solid mix(#dedede,#2c2c2c,0.1); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, - .menu > arrow.bottom, - .context-menu > arrow.bottom { - margin-bottom: -6px; - border-top: 1px solid mix(#dedede,#2c2c2c,0.1); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover, - .context-menu > arrow:hover { - background-color: mix(#dedede,#2c2c2c,0.1); } - menu > arrow:backdrop, - .menu > arrow:backdrop, - .context-menu > arrow:backdrop { - background-color: mix(#333333,#2c2c2c,0.2); } - menu > arrow:disabled, - .menu > arrow:disabled, - .context-menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } - -.context-menu { - font: initial; } - -.monospace { - font-family: monospace; } - -menuitem accelerator { - color: rgba(233, 233, 233, 0.6); } - menuitem accelerator:hover { - color: rgba(255, 255, 255, 0.8); } - menuitem accelerator:disabled { - color: alpha(mix(#e9e9e9,#2c2c2c,0.5),0.4); } -menuitem check, menuitem radio { - min-height: 16px; - min-width: 16px; } - menuitem check:dir(ltr), menuitem radio:dir(ltr) { - margin-right: 7px; } - menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 7px; } -menuitem window decoration { - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); } -menuitem entry { - background-color: #2c2c2c; - background-image: none; - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.8); - padding: 3px; - color: #e9e9e9; - caret-color: #e9e9e9; } - menuitem entry:focus, menuitem entry:hover { - border-color: #0a4530; } - menuitem entry:active, menuitem entry:active:hover, menuitem entry:active:focus, menuitem entry:active:hover:focus, menuitem entry:checked, menuitem entry:checked:hover, menuitem entry:checked:focus, menuitem entry:checked:hover:focus { - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.7); } - menuitem entry:disabled { - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.85); } - menuitem entry:active:disabled, menuitem entry:checked:disabled { - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.8); } - menuitem entry:focus, menuitem entry:active { - border-color: #0a4530; } - menuitem entry:disabled { - background-color: #282828; - background-image: none; - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.8); - /*@include border(mix($bg, $fg, .20));*/ - /*border-color: alpha(mix($bg, $fg, .15), .8);*/ - /*opacity: .8;*/ - color: mix(#2c2c2c,#e9e9e9,0.5); } - menuitem entry:disabled:focus, menuitem entry:disabled:hover { - border-color: #0a4530; } - menuitem entry:disabled:active, menuitem entry:disabled:active:hover, menuitem entry:disabled:active:focus, menuitem entry:disabled:active:hover:focus, menuitem entry:disabled:checked, menuitem entry:disabled:checked:hover, menuitem entry:disabled:checked:focus, menuitem entry:disabled:checked:hover:focus { - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.7); } - menuitem entry:disabled:disabled { - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.85); } - menuitem entry:disabled:active:disabled, menuitem entry:disabled:checked:disabled { - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.8); } - -/********* - ! Popover -**********/ -popover.background { - padding: 3px; - border-radius: 2px; - background-clip: border-box; - background-color: #2c2c2c; - background-image: none; - color: #e9e9e9; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } - .csd popover.background, popover.background { - /*@include border($menu_bg_color);*/ - border-color: rgba(186, 186, 186, 0.5); - border-width: 1px; - border-style: solid; } - .csd popover.background:focus, .csd popover.background:hover, popover.background:focus, popover.background:hover { - border-color: #0a4530; } - .csd popover.background:active, .csd popover.background:active:hover, .csd popover.background:active:focus, .csd popover.background:active:hover:focus, .csd popover.background:checked, .csd popover.background:checked:hover, .csd popover.background:checked:focus, .csd popover.background:checked:hover:focus, popover.background:active, popover.background:active:hover, popover.background:active:focus, popover.background:active:hover:focus, popover.background:checked, popover.background:checked:hover, popover.background:checked:focus, popover.background:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.5); } - .csd popover.background:disabled, popover.background:disabled { - border-color: rgba(198, 198, 198, 0.5); } - .csd popover.background:active:disabled, .csd popover.background:checked:disabled, popover.background:active:disabled, popover.background:checked:disabled { - border-color: rgba(186, 186, 186, 0.5); } - popover.background:backdrop { - box-shadow: none; } - .osd popover.background { - box-shadow: 0 2px 7px 3px rgba(0, 0, 0, 0.5); } - .osd popover.background > toolbar button { - border-radius: 0; - border-width: 0; - background-color: transparent; - background-image: none; } - popover.background treeview.view:hover, popover.background treeview.view:selected, popover.background treeview.view:selected:focus, popover.background treeview.view:backdrop:selected, popover.background treeview.view:backdrop:selected:focus { - border-top-color: #169f6f; } - popover.background treeview.view, popover.background treeview.view:backdrop { - border-top-color: #353535; } - popover.background view:hover, popover.background .view:hover, popover.background iconview:hover, popover.background list:hover { - background-image: none; - background-color: #169f6f; - color: #ffffff; } - popover.background view, popover.background view:backdrop, popover.background .view, popover.background iconview, popover.background .view:backdrop, popover.background iconview:backdrop, popover.background list, popover.background list:backdrop { - background-color: #393939; - background-image: none; - color: #e9e9e9; - border-color: #232323; } - popover.background list row, popover.background list row .button { - background-color: transparent; - background-image: none; - color: #e9e9e9; } - popover.background list row:focus, popover.background list row:hover, popover.background list row:active, popover.background list row .button:focus, popover.background list row .button:hover, popover.background list row .button:active { - background-image: none; - background-color: #169f6f; - color: #ffffff; } - popover.background .frame { - border-color: #232323; - border-radius: 2px; } - popover.background entry { - background-color: #2c2c2c; - background-image: none; - border-color: shade(mix(#2c2c2c,#ffffff,0.2),0.8); - padding: 3px; - color: #ffffff; - caret-color: #ffffff; } - popover.background entry:focus, popover.background entry:hover { - border-color: #0a4530; } - popover.background entry:active, popover.background entry:active:hover, popover.background entry:active:focus, popover.background entry:active:hover:focus, popover.background entry:checked, popover.background entry:checked:hover, popover.background entry:checked:focus, popover.background entry:checked:hover:focus { - border-color: shade(mix(#2c2c2c,#ffffff,0.2),0.7); } - popover.background entry:disabled { - border-color: shade(mix(#2c2c2c,#ffffff,0.2),0.85); } - popover.background entry:active:disabled, popover.background entry:checked:disabled { - border-color: shade(mix(#2c2c2c,#ffffff,0.2),0.8); } - popover.background entry:focus, popover.background entry:active { - border-color: #0a4530; } - popover.background entry:disabled { - background-color: #282828; - background-image: none; - border-color: shade(alpha(mix(#2c2c2c,#ffffff,0.2),0.4),0.8); - /*@include border(mix($bg, $fg, .20));*/ - /*border-color: alpha(mix($bg, $fg, .15), .8);*/ - /*opacity: .8;*/ - color: mix(#2c2c2c,#ffffff,0.5); } - popover.background entry:disabled:focus, popover.background entry:disabled:hover { - border-color: #0a4530; } - popover.background entry:disabled:active, popover.background entry:disabled:active:hover, popover.background entry:disabled:active:focus, popover.background entry:disabled:active:hover:focus, popover.background entry:disabled:checked, popover.background entry:disabled:checked:hover, popover.background entry:disabled:checked:focus, popover.background entry:disabled:checked:hover:focus { - border-color: shade(alpha(mix(#2c2c2c,#ffffff,0.2),0.4),0.7); } - popover.background entry:disabled:disabled { - border-color: shade(alpha(mix(#2c2c2c,#ffffff,0.2),0.4),0.85); } - popover.background entry:disabled:active:disabled, popover.background entry:disabled:checked:disabled { - border-color: shade(alpha(mix(#2c2c2c,#ffffff,0.2),0.4),0.8); } - popover.background button { - background-color: #169f6f; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - popover.background button:focus, popover.background button:hover { - border-color: #0a4530; } - popover.background button:active, popover.background button:active:hover, popover.background button:active:focus, popover.background button:active:hover:focus, popover.background button:checked, popover.background button:checked:hover, popover.background button:checked:focus, popover.background button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - popover.background button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - popover.background button:active:disabled, popover.background button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - popover.background button:active { - color: #ffffff; } - popover.background button.flat { - color: #ffffff; - border-color: rgba(22, 159, 111, 0); - background-color: rgba(22, 159, 111, 0); - background-image: none; - box-shadow: none; } - popover.background button:hover, popover.background button.flat:hover { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - popover.background button:hover:focus, popover.background button:hover:hover, popover.background button.flat:hover:focus, popover.background button.flat:hover:hover { - border-color: #0a4530; } - popover.background button:hover:active, popover.background button:hover:active:hover, popover.background button:hover:active:focus, popover.background button:hover:active:hover:focus, popover.background button:hover:checked, popover.background button:hover:checked:hover, popover.background button:hover:checked:focus, popover.background button:hover:checked:hover:focus, popover.background button.flat:hover:active, popover.background button.flat:hover:active:hover, popover.background button.flat:hover:active:focus, popover.background button.flat:hover:active:hover:focus, popover.background button.flat:hover:checked, popover.background button.flat:hover:checked:hover, popover.background button.flat:hover:checked:focus, popover.background button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - popover.background button:hover:disabled, popover.background button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - popover.background button:hover:active:disabled, popover.background button:hover:checked:disabled, popover.background button.flat:hover:active:disabled, popover.background button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - popover.background button:focus, popover.background button.flat:focus { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - popover.background button:focus:focus, popover.background button:focus:hover, popover.background button.flat:focus:focus, popover.background button.flat:focus:hover { - border-color: #0a4530; } - popover.background button:focus:active, popover.background button:focus:active:hover, popover.background button:focus:active:focus, popover.background button:focus:active:hover:focus, popover.background button:focus:checked, popover.background button:focus:checked:hover, popover.background button:focus:checked:focus, popover.background button:focus:checked:hover:focus, popover.background button.flat:focus:active, popover.background button.flat:focus:active:hover, popover.background button.flat:focus:active:focus, popover.background button.flat:focus:active:hover:focus, popover.background button.flat:focus:checked, popover.background button.flat:focus:checked:hover, popover.background button.flat:focus:checked:focus, popover.background button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - popover.background button:focus:disabled, popover.background button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - popover.background button:focus:active:disabled, popover.background button:focus:checked:disabled, popover.background button.flat:focus:active:disabled, popover.background button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - popover.background button:focus:hover, popover.background button.flat:focus:hover { - background-color: #18af7a; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - popover.background button:focus:hover:focus, popover.background button:focus:hover:hover, popover.background button.flat:focus:hover:focus, popover.background button.flat:focus:hover:hover { - border-color: #0a4530; } - popover.background button:focus:hover:active, popover.background button:focus:hover:active:hover, popover.background button:focus:hover:active:focus, popover.background button:focus:hover:active:hover:focus, popover.background button:focus:hover:checked, popover.background button:focus:hover:checked:hover, popover.background button:focus:hover:checked:focus, popover.background button:focus:hover:checked:hover:focus, popover.background button.flat:focus:hover:active, popover.background button.flat:focus:hover:active:hover, popover.background button.flat:focus:hover:active:focus, popover.background button.flat:focus:hover:active:hover:focus, popover.background button.flat:focus:hover:checked, popover.background button.flat:focus:hover:checked:hover, popover.background button.flat:focus:hover:checked:focus, popover.background button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - popover.background button:focus:hover:disabled, popover.background button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - popover.background button:focus:hover:active:disabled, popover.background button:focus:hover:checked:disabled, popover.background button.flat:focus:hover:active:disabled, popover.background button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - popover.background button:checked, popover.background button:active, popover.background button.flat:checked, popover.background button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - popover.background button:checked:focus, popover.background button:checked:hover, popover.background button:active:focus, popover.background button:active:hover, popover.background button.flat:checked:focus, popover.background button.flat:checked:hover, popover.background button.flat:active:focus, popover.background button.flat:active:hover { - border-color: #0a4530; } - popover.background button:checked:active, popover.background button:checked:active:hover, popover.background button:checked:active:focus, popover.background button:checked:active:hover:focus, popover.background button:checked:checked, popover.background button:checked:checked:hover, popover.background button:checked:checked:focus, popover.background button:checked:checked:hover:focus, popover.background button:active:active, popover.background button:active:active:hover, popover.background button:active:active:focus, popover.background button:active:active:hover:focus, popover.background button:active:checked, popover.background button:active:checked:hover, popover.background button:active:checked:focus, popover.background button:active:checked:hover:focus, popover.background button.flat:checked:active, popover.background button.flat:checked:active:hover, popover.background button.flat:checked:active:focus, popover.background button.flat:checked:active:hover:focus, popover.background button.flat:checked:checked, popover.background button.flat:checked:checked:hover, popover.background button.flat:checked:checked:focus, popover.background button.flat:checked:checked:hover:focus, popover.background button.flat:active:active, popover.background button.flat:active:active:hover, popover.background button.flat:active:active:focus, popover.background button.flat:active:active:hover:focus, popover.background button.flat:active:checked, popover.background button.flat:active:checked:hover, popover.background button.flat:active:checked:focus, popover.background button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - popover.background button:checked:disabled, popover.background button:active:disabled, popover.background button.flat:checked:disabled, popover.background button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - popover.background button:checked:active:disabled, popover.background button:checked:checked:disabled, popover.background button:active:active:disabled, popover.background button:active:checked:disabled, popover.background button.flat:checked:active:disabled, popover.background button.flat:checked:checked:disabled, popover.background button.flat:active:active:disabled, popover.background button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - popover.background button:checked:focus, popover.background button:checked:hover, popover.background button:active:focus, popover.background button:active:hover, popover.background button.flat:checked:focus, popover.background button.flat:checked:hover, popover.background button.flat:active:focus, popover.background button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - popover.background button:focus, popover.background button:hover, popover.background button.flat:focus, popover.background button.flat:hover { - color: #ffffff; } - popover.background button:disabled:disabled, popover.background button.flat:disabled:disabled { - background-color: alpha(mix(#169f6f,#ffffff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#169f6f,#ffffff,0.5); - box-shadow: none; } - popover.background button:active:disabled, popover.background button:checked:disabled, popover.background button.flat:active:disabled, popover.background button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - popover.background button.separator, popover.background button .separator { - border: 1px solid currentColor; - color: rgba(22, 159, 111, 0.9); } - popover.background button.separator:disabled, popover.background button .separator:disabled { - color: rgba(22, 159, 111, 0.85); } - popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { - border-style: none; - background-color: transparent; } - -modelbutton.flat, -menuitem.button.flat { - padding: 3px 5px; - outline-color: transparent; - transition: none; } - modelbutton.flat:hover, - menuitem.button.flat:hover { - background-color: #169f6f; - color: #ffffff; } - modelbutton.flat:checked, - menuitem.button.flat:checked { - color: #dedede; } - modelbutton.flat arrow.left, - menuitem.button.flat arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, - menuitem.button.flat arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - modelbutton.flat check:last-child, - modelbutton.flat radio:last-child, - menuitem.button.flat check:last-child, - menuitem.button.flat radio:last-child { - margin-left: 8px; } - modelbutton.flat check:first-child, - modelbutton.flat radio:first-child, - menuitem.button.flat check:first-child, - menuitem.button.flat radio:first-child { - margin-right: 8px; } - -/*************** -! Dimmed label * -****************/ -.dim-label, label.separator { - opacity: .5; - text-shadow: none; } - -/*********** - ! Tooltip * -************/ -.tooltip.background, .tooltip.background.csd, -tooltip.background, -tooltip.background.csd { - background-color: #dedede; - background-clip: padding-box; - border: 1px solid #b2b2b2; - border-radius: 2px; - color: #333333; } -.tooltip *, -tooltip * { - background-color: transparent; - color: inherit; } - -/*********** - ! Dialogs * -************/ -messagedialog, .message-dialog, .prompt { - -GtkDialog-content-area-border: 0; - -GtkDialog-action-area-border: 3px; - -GtkDialog-button-spacing: 0; - margin: 0; - padding: 0; } - -printdialog paper { - color: #dedede; - border: 1px solid #2d2d2d; - background: #fff; - padding: 0; } - printdialog paper:backdrop { - color: mix(#dedede,#333333,0.5); - border-color: mix(#333333,#2d2d2d,0.9); } -printdialog .dialog-action-box { - margin: 6px; } - -/********************* - ! App notifications * -**********************/ -frame.app-notification { - border-style: solid; - border-color: rgba(35, 35, 35, 0.8); - border-width: 0 1px 1px; - border-radius: 0 0 2px 2px; - padding: 6px; - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - color: #e9e9e9; } - frame.app-notification button { - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - frame.app-notification button:focus, frame.app-notification button:hover { - border-color: #0a4530; } - frame.app-notification button:active, frame.app-notification button:active:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover:focus, frame.app-notification button:checked, frame.app-notification button:checked:hover, frame.app-notification button:checked:focus, frame.app-notification button:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - frame.app-notification button:disabled { - border-color: rgba(198, 198, 198, 0.22); } - frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - frame.app-notification button:active { - color: #e9e9e9; } - frame.app-notification button.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - frame.app-notification button:hover, frame.app-notification button.flat:hover { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - frame.app-notification button:hover:focus, frame.app-notification button:hover:hover, frame.app-notification button.flat:hover:focus, frame.app-notification button.flat:hover:hover { - border-color: #0a4530; } - frame.app-notification button:hover:active, frame.app-notification button:hover:active:hover, frame.app-notification button:hover:active:focus, frame.app-notification button:hover:active:hover:focus, frame.app-notification button:hover:checked, frame.app-notification button:hover:checked:hover, frame.app-notification button:hover:checked:focus, frame.app-notification button:hover:checked:hover:focus, frame.app-notification button.flat:hover:active, frame.app-notification button.flat:hover:active:hover, frame.app-notification button.flat:hover:active:focus, frame.app-notification button.flat:hover:active:hover:focus, frame.app-notification button.flat:hover:checked, frame.app-notification button.flat:hover:checked:hover, frame.app-notification button.flat:hover:checked:focus, frame.app-notification button.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - frame.app-notification button:hover:disabled, frame.app-notification button.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - frame.app-notification button:hover:active:disabled, frame.app-notification button:hover:checked:disabled, frame.app-notification button.flat:hover:active:disabled, frame.app-notification button.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - frame.app-notification button:focus, frame.app-notification button.flat:focus { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - frame.app-notification button:focus:focus, frame.app-notification button:focus:hover, frame.app-notification button.flat:focus:focus, frame.app-notification button.flat:focus:hover { - border-color: #0a4530; } - frame.app-notification button:focus:active, frame.app-notification button:focus:active:hover, frame.app-notification button:focus:active:focus, frame.app-notification button:focus:active:hover:focus, frame.app-notification button:focus:checked, frame.app-notification button:focus:checked:hover, frame.app-notification button:focus:checked:focus, frame.app-notification button:focus:checked:hover:focus, frame.app-notification button.flat:focus:active, frame.app-notification button.flat:focus:active:hover, frame.app-notification button.flat:focus:active:focus, frame.app-notification button.flat:focus:active:hover:focus, frame.app-notification button.flat:focus:checked, frame.app-notification button.flat:focus:checked:hover, frame.app-notification button.flat:focus:checked:focus, frame.app-notification button.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - frame.app-notification button:focus:disabled, frame.app-notification button.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - frame.app-notification button:focus:active:disabled, frame.app-notification button:focus:checked:disabled, frame.app-notification button.flat:focus:active:disabled, frame.app-notification button.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - frame.app-notification button:focus:hover, frame.app-notification button.flat:focus:hover { - background-color: rgba(48, 48, 48, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - frame.app-notification button:focus:hover:focus, frame.app-notification button:focus:hover:hover, frame.app-notification button.flat:focus:hover:focus, frame.app-notification button.flat:focus:hover:hover { - border-color: #0a4530; } - frame.app-notification button:focus:hover:active, frame.app-notification button:focus:hover:active:hover, frame.app-notification button:focus:hover:active:focus, frame.app-notification button:focus:hover:active:hover:focus, frame.app-notification button:focus:hover:checked, frame.app-notification button:focus:hover:checked:hover, frame.app-notification button:focus:hover:checked:focus, frame.app-notification button:focus:hover:checked:hover:focus, frame.app-notification button.flat:focus:hover:active, frame.app-notification button.flat:focus:hover:active:hover, frame.app-notification button.flat:focus:hover:active:focus, frame.app-notification button.flat:focus:hover:active:hover:focus, frame.app-notification button.flat:focus:hover:checked, frame.app-notification button.flat:focus:hover:checked:hover, frame.app-notification button.flat:focus:hover:checked:focus, frame.app-notification button.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - frame.app-notification button:focus:hover:disabled, frame.app-notification button.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - frame.app-notification button:focus:hover:active:disabled, frame.app-notification button:focus:hover:checked:disabled, frame.app-notification button.flat:focus:hover:active:disabled, frame.app-notification button.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - frame.app-notification button:checked, frame.app-notification button:active, frame.app-notification button.flat:checked, frame.app-notification button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - frame.app-notification button:checked:focus, frame.app-notification button:checked:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover, frame.app-notification button.flat:checked:focus, frame.app-notification button.flat:checked:hover, frame.app-notification button.flat:active:focus, frame.app-notification button.flat:active:hover { - border-color: #0a4530; } - frame.app-notification button:checked:active, frame.app-notification button:checked:active:hover, frame.app-notification button:checked:active:focus, frame.app-notification button:checked:active:hover:focus, frame.app-notification button:checked:checked, frame.app-notification button:checked:checked:hover, frame.app-notification button:checked:checked:focus, frame.app-notification button:checked:checked:hover:focus, frame.app-notification button:active:active, frame.app-notification button:active:active:hover, frame.app-notification button:active:active:focus, frame.app-notification button:active:active:hover:focus, frame.app-notification button:active:checked, frame.app-notification button:active:checked:hover, frame.app-notification button:active:checked:focus, frame.app-notification button:active:checked:hover:focus, frame.app-notification button.flat:checked:active, frame.app-notification button.flat:checked:active:hover, frame.app-notification button.flat:checked:active:focus, frame.app-notification button.flat:checked:active:hover:focus, frame.app-notification button.flat:checked:checked, frame.app-notification button.flat:checked:checked:hover, frame.app-notification button.flat:checked:checked:focus, frame.app-notification button.flat:checked:checked:hover:focus, frame.app-notification button.flat:active:active, frame.app-notification button.flat:active:active:hover, frame.app-notification button.flat:active:active:focus, frame.app-notification button.flat:active:active:hover:focus, frame.app-notification button.flat:active:checked, frame.app-notification button.flat:active:checked:hover, frame.app-notification button.flat:active:checked:focus, frame.app-notification button.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - frame.app-notification button:checked:disabled, frame.app-notification button:active:disabled, frame.app-notification button.flat:checked:disabled, frame.app-notification button.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - frame.app-notification button:checked:active:disabled, frame.app-notification button:checked:checked:disabled, frame.app-notification button:active:active:disabled, frame.app-notification button:active:checked:disabled, frame.app-notification button.flat:checked:active:disabled, frame.app-notification button.flat:checked:checked:disabled, frame.app-notification button.flat:active:active:disabled, frame.app-notification button.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - frame.app-notification button:checked:focus, frame.app-notification button:checked:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover, frame.app-notification button.flat:checked:focus, frame.app-notification button.flat:checked:hover, frame.app-notification button.flat:active:focus, frame.app-notification button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - frame.app-notification button:focus, frame.app-notification button:hover, frame.app-notification button.flat:focus, frame.app-notification button.flat:hover { - color: #e9e9e9; } - frame.app-notification button:disabled:disabled, frame.app-notification button.flat:disabled:disabled { - background-color: alpha(mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.5); - box-shadow: none; } - frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled, frame.app-notification button.flat:active:disabled, frame.app-notification button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - frame.app-notification button.separator, frame.app-notification button .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.7); } - frame.app-notification button.separator:disabled, frame.app-notification button .separator:disabled { - color: rgba(44, 44, 44, 0.65); } - frame.app-notification border { - border: 0; } - -/************* - ! Expanders * -**************/ -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - expander arrow:hover { - color: alpha(currentColor,0.8); } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/******************* - ! Symbolic images * -********************/ -.image { - color: alpha(currentColor,0.5); } - .image:hover { - color: alpha(currentColor,0.9); } - .image:selected, .image:selected:hover { - color: #ffffff; } - -/**************** - ! Floating bar * -*****************/ -.floating-bar { - background-color: #333333; - background-image: none; - border: 1px solid #292929; - border-radius: 2px; - color: #dedede; } - .floating-bar.top { - border-top-width: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; } - .floating-bar.right { - border-right-width: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .floating-bar.bottom { - border-bottom-width: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - .floating-bar.left { - border-left-width: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .floating-bar .button { - border: 0; - background-color: transparent; - background-image: none; } - -/************************* - ! Touch text selections * -**************************/ -GtkBubbleWindow { - border-radius: 2px; - background-clip: border-box; } - GtkBubbleWindow.osd.background { - background-color: rgba(44, 44, 44, 0.8); } - GtkBubbleWindow .toolbar { - background-color: transparent; } - -/*************** - ! Font-viewer * -****************/ -SushiFontWidget { - padding: 3px 6px; } - -/************* - ! Gucharmap * -**************/ -GucharmapChartable { - background-color: #2c2c2c; - color: #ffffff; } - -/************* - ! Evolution * -**************/ -EPreviewPane .entry { - background-color: #2c2c2c; - color: #ffffff; } - -/******************* - ! Gnome Bluetooth * -********************/ -entry.entry.pin-entry { - font-style: normal; - font-size: 50px; - padding-left: 25px; - padding-right: 25px; } - -label.pin-label { - font-style: normal; - font-size: 50px; } - -/************************ - ! Shortcut window keys * -*************************/ -.keycap { - min-width: 20px; - min-height: 24px; - margin-top: 2px; - padding-bottom: 1.5px; - padding-left: 3px; - padding-right: 3px; - color: #dedede; - background-color: #2c2c2c; - border: 1px solid; - border-color: #2d2d2d; - border-radius: 2px; - box-shadow: inset 0 -3px mix(#2d2d2d,#2c2c2c,0.6); - font-size: smaller; } - .keycap:backdrop { - background-color: #2c2c2c; - color: mix(#dedede,#333333,0.5); - transition: 200ms ease-out; } - -/***************** - ! Stackswitcher * -******************/ -stackswitcher button.text-button { - min-width: 80px; } -stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { - min-width: 28px; - min-height: 28px; - padding: 0; } - -/******************* - ! Selected Items * -********************/ -entry selection, menuitem entry selection, popover.background entry selection, .osd entry selection, -#XfceNotifyWindow entry selection, #login_window entry selection, calendar:selected, row:selected, flowbox flowboxchild:selected, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, -menuitem.button.flat:active, -menuitem.button.flat:active arrow, -menuitem.button.flat:selected, -menuitem.button.flat:selected arrow, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, -.view text:selected:focus, -iconview text:selected:focus, -textview text:selected:focus, -.view text:selected, -iconview text:selected, -textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, -textview text selection:focus, -textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { - background-color: #169f6f; } - row:selected label, label:selected, entry selection, menuitem entry selection, popover.background entry selection, .osd entry selection, - #XfceNotifyWindow entry selection, #login_window entry selection, calendar:selected, row:selected, flowbox flowboxchild:selected, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, - menuitem.button.flat:active, - menuitem.button.flat:active arrow, - menuitem.button.flat:selected, - menuitem.button.flat:selected arrow, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - .view text:selected:focus, - iconview text:selected:focus, - textview text:selected:focus, - .view text:selected, - iconview text:selected, - textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, - textview text selection:focus, - textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { - color: #ffffff; } - row:selected label:disabled, label:disabled:selected, label:disabled selection, entry selection:disabled, - #XfceNotifyWindow entry selection:disabled, #login_window entry selection:disabled, calendar:disabled:selected, row:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, modelbutton.flat:selected arrow:disabled, - menuitem.button.flat:disabled:active, - menuitem.button.flat:active arrow:disabled, - menuitem.button.flat:disabled:selected, - menuitem.button.flat:selected arrow:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, - iconview text:disabled:selected:focus, - textview text:disabled:selected:focus, - .view text:disabled:selected, - iconview text:disabled:selected, - textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, - textview text selection:disabled, .cs-category-view:disabled:selected, .cs-category-view iconview:disabled:selected:focus, .cs-category-view iconview:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected { - color: mix(#ffffff,#169f6f,0.5); } - row:selected label:backdrop, label:backdrop:selected, label:backdrop selection, entry selection:backdrop, - #XfceNotifyWindow entry selection:backdrop, #login_window entry selection:backdrop, calendar:backdrop:selected, row:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:active, modelbutton.flat:active arrow:backdrop, modelbutton.flat:backdrop:selected, modelbutton.flat:selected arrow:backdrop, - menuitem.button.flat:backdrop:active, - menuitem.button.flat:active arrow:backdrop, - menuitem.button.flat:backdrop:selected, - menuitem.button.flat:selected arrow:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, - iconview text:backdrop:selected:focus, - textview text:backdrop:selected:focus, - .view text:backdrop:selected, - iconview text:backdrop:selected, - textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, - textview text selection:backdrop, .cs-category-view:backdrop:selected, .cs-category-view iconview:backdrop:selected:focus, .cs-category-view iconview:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected { - background-color: #169f6f; - color: mix(#169f6f,#ffffff,0.66); } - row:selected label:backdrop:disabled, label:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, entry selection:backdrop:disabled, - #XfceNotifyWindow entry selection:backdrop:disabled, #login_window entry selection:backdrop:disabled, calendar:backdrop:disabled:selected, row:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:active, modelbutton.flat:active arrow:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, modelbutton.flat:selected arrow:backdrop:disabled, - menuitem.button.flat:backdrop:disabled:active, - menuitem.button.flat:active arrow:backdrop:disabled, - menuitem.button.flat:backdrop:disabled:selected, - menuitem.button.flat:selected arrow:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, - .view text:backdrop:disabled:selected, - iconview text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, - textview text selection:backdrop:disabled, .cs-category-view:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:disabled:selected { - color: mix(mix(#169f6f,#ffffff,0.66),#169f6f,0.3); } - -/********* - ! Buttons -**********/ -/****************** -! ComboBoxes * -*******************/ -/********** - ! Notebook -***********/ -notebook { - padding: 0; } - notebook.frame { - border: 1px solid #2d2d2d; } - notebook.frame > header { - margin: -1px; } - notebook.frame > header.top { - margin-bottom: 0; } - notebook.frame > header.bottom { - margin-top: 0; } - notebook.frame > header.left { - margin-right: 0; } - notebook.frame > header.right { - margin-left: 0; } - notebook.frame > header.top, notebook.frame > header.bottom { - padding-left: 0; - padding-right: 0; } - notebook.frame > header.left, notebook.frame > header.right { - padding-top: 0; - padding-bottom: 0; } - notebook > stack:not(:only-child) { - background-color: #333333; } - notebook > header { - padding: 2px; - background-color: #333333; } - notebook > header.top { - box-shadow: inset 0 -1px #2d2d2d; } - notebook > header.bottom { - box-shadow: inset 0 1px #2d2d2d; } - notebook > header.right { - box-shadow: inset 1px 0 #2d2d2d; } - notebook > header.left { - box-shadow: inset -1px 0 #2d2d2d; } - notebook > header.top { - padding-bottom: 0; } - notebook > header.top > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-bottom: none; - border-top-width: 3px; - border-radius: 1px 1px 0 0; } - notebook > header.top > tabs > tab:checked { - border-top-color: #169f6f; } - notebook > header.top > tabs > tab + tab { - margin-left: -1px; } - notebook > header.bottom { - padding-top: 0; } - notebook > header.bottom > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-top: none; - border-bottom-width: 3px; - border-radius: 0 0 1px 1px; } - notebook > header.bottom > tabs > tab:checked { - border-bottom-color: #169f6f; } - notebook > header.bottom > tabs > tab + tab { - margin-left: -1px; } - notebook > header.right { - padding-left: 0; } - notebook > header.right > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-left: none; - border-right-width: 3px; - border-radius: 0 1px 1px 0; } - notebook > header.right > tabs > tab:checked { - border-right-color: #169f6f; } - notebook > header.right > tabs > tab + tab { - margin-top: -1px; } - notebook > header.left { - padding-right: 0; } - notebook > header.left > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-right: none; - border-left-width: 3px; - border-radius: 1px 0 0 1px; } - notebook > header.left > tabs > tab:checked { - border-left-color: #169f6f; } - notebook > header.left > tabs > tab + tab { - margin-top: -1px; } - notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; } - notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; } - notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; } - notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; } - notebook > header > tabs > arrow { - color: mix(#dedede,#333333,0.5); } - notebook > header > tabs > arrow:hover { - color: mix(#dedede,mix(#dedede,#333333,0.5),0.5); } - notebook > header > tabs > arrow:active { - color: #dedede; } - notebook > header > tabs > arrow:disabled { - color: alpha(mix(#dedede,#333333,0.5),0.3); } - notebook > header.top > tabs > tab:hover:not(:checked) { - box-shadow: inset 0 -1px #2d2d2d; } - notebook > header.bottom > tabs > tab:hover:not(:checked) { - box-shadow: inset 0 1px #2d2d2d; } - notebook > header.left > tabs > tab:hover:not(:checked) { - box-shadow: inset -1px 0 #2d2d2d; } - notebook > header.right > tabs > tab:hover:not(:checked) { - box-shadow: inset 1px 0 #2d2d2d; } - notebook > header > tabs > tab { - color: rgba(222, 222, 222, 0.8); - background-color: alpha(mix(#333333,#dedede,0.1),0.7); } - notebook > header > tabs > tab:hover:not(:checked) { - color: mix(#dedede,mix(#dedede,#333333,0.5),0.5); - background-color: rgba(44, 44, 44, 0.5); - border-color: #2d2d2d; } - notebook > header > tabs > tab:checked { - border-color: #2d2d2d; - color: #dedede; - background-color: #333333; } - notebook > header > tabs > tab button.flat { - min-height: 22px; - min-width: 16px; - padding: 0; - color: mix(#333333,#dedede,0.35); } - notebook > header > tabs > tab button.flat:hover { - color: #ff4d4d; } - notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { - color: #169f6f; } - -/********* - ! Buttons -**********/ -/****************** -! ComboBoxes * -*******************/ -/******* - ! OSD * -********/ -overlay.osd { - background-color: transparent; } - -button.osd, -#XfceNotifyWindow button { - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - button.osd:focus, button.osd:hover, - #XfceNotifyWindow button:focus, - #XfceNotifyWindow button:hover { - border-color: #0a4530; } - button.osd:active, button.osd:active:hover, button.osd:active:focus, button.osd:active:hover:focus, button.osd:checked, button.osd:checked:hover, button.osd:checked:focus, button.osd:checked:hover:focus, - #XfceNotifyWindow button:active, - #XfceNotifyWindow button:active:hover, - #XfceNotifyWindow button:active:focus, - #XfceNotifyWindow button:active:hover:focus, - #XfceNotifyWindow button:checked, - #XfceNotifyWindow button:checked:hover, - #XfceNotifyWindow button:checked:focus, - #XfceNotifyWindow button:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - button.osd:disabled, - #XfceNotifyWindow button:disabled { - border-color: rgba(198, 198, 198, 0.22); } - button.osd:active:disabled, button.osd:checked:disabled, - #XfceNotifyWindow button:active:disabled, - #XfceNotifyWindow button:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - button.osd:active, - #XfceNotifyWindow button:active { - color: #e9e9e9; } - button.osd.flat, - #XfceNotifyWindow button.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - button.osd:hover, button.osd.flat:hover, - #XfceNotifyWindow button:hover, - #XfceNotifyWindow button.flat:hover { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - button.osd:hover:focus, button.osd:hover:hover, button.osd.flat:hover:focus, button.osd.flat:hover:hover, - #XfceNotifyWindow button:hover:focus, - #XfceNotifyWindow button:hover:hover, - #XfceNotifyWindow button.flat:hover:focus, - #XfceNotifyWindow button.flat:hover:hover { - border-color: #0a4530; } - button.osd:hover:active, button.osd:hover:active:hover, button.osd:hover:active:focus, button.osd:hover:active:hover:focus, button.osd:hover:checked, button.osd:hover:checked:hover, button.osd:hover:checked:focus, button.osd:hover:checked:hover:focus, button.osd.flat:hover:active, button.osd.flat:hover:active:hover, button.osd.flat:hover:active:focus, button.osd.flat:hover:active:hover:focus, button.osd.flat:hover:checked, button.osd.flat:hover:checked:hover, button.osd.flat:hover:checked:focus, button.osd.flat:hover:checked:hover:focus, - #XfceNotifyWindow button:hover:active, - #XfceNotifyWindow button:hover:active:hover, - #XfceNotifyWindow button:hover:active:focus, - #XfceNotifyWindow button:hover:active:hover:focus, - #XfceNotifyWindow button:hover:checked, - #XfceNotifyWindow button:hover:checked:hover, - #XfceNotifyWindow button:hover:checked:focus, - #XfceNotifyWindow button:hover:checked:hover:focus, - #XfceNotifyWindow button.flat:hover:active, - #XfceNotifyWindow button.flat:hover:active:hover, - #XfceNotifyWindow button.flat:hover:active:focus, - #XfceNotifyWindow button.flat:hover:active:hover:focus, - #XfceNotifyWindow button.flat:hover:checked, - #XfceNotifyWindow button.flat:hover:checked:hover, - #XfceNotifyWindow button.flat:hover:checked:focus, - #XfceNotifyWindow button.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - button.osd:hover:disabled, button.osd.flat:hover:disabled, - #XfceNotifyWindow button:hover:disabled, - #XfceNotifyWindow button.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - button.osd:hover:active:disabled, button.osd:hover:checked:disabled, button.osd.flat:hover:active:disabled, button.osd.flat:hover:checked:disabled, - #XfceNotifyWindow button:hover:active:disabled, - #XfceNotifyWindow button:hover:checked:disabled, - #XfceNotifyWindow button.flat:hover:active:disabled, - #XfceNotifyWindow button.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - button.osd:focus, button.osd.flat:focus, - #XfceNotifyWindow button:focus, - #XfceNotifyWindow button.flat:focus { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - button.osd:focus:focus, button.osd:focus:hover, button.osd.flat:focus:focus, button.osd.flat:focus:hover, - #XfceNotifyWindow button:focus:focus, - #XfceNotifyWindow button:focus:hover, - #XfceNotifyWindow button.flat:focus:focus, - #XfceNotifyWindow button.flat:focus:hover { - border-color: #0a4530; } - button.osd:focus:active, button.osd:focus:active:hover, button.osd:focus:active:focus, button.osd:focus:active:hover:focus, button.osd:focus:checked, button.osd:focus:checked:hover, button.osd:focus:checked:focus, button.osd:focus:checked:hover:focus, button.osd.flat:focus:active, button.osd.flat:focus:active:hover, button.osd.flat:focus:active:focus, button.osd.flat:focus:active:hover:focus, button.osd.flat:focus:checked, button.osd.flat:focus:checked:hover, button.osd.flat:focus:checked:focus, button.osd.flat:focus:checked:hover:focus, - #XfceNotifyWindow button:focus:active, - #XfceNotifyWindow button:focus:active:hover, - #XfceNotifyWindow button:focus:active:focus, - #XfceNotifyWindow button:focus:active:hover:focus, - #XfceNotifyWindow button:focus:checked, - #XfceNotifyWindow button:focus:checked:hover, - #XfceNotifyWindow button:focus:checked:focus, - #XfceNotifyWindow button:focus:checked:hover:focus, - #XfceNotifyWindow button.flat:focus:active, - #XfceNotifyWindow button.flat:focus:active:hover, - #XfceNotifyWindow button.flat:focus:active:focus, - #XfceNotifyWindow button.flat:focus:active:hover:focus, - #XfceNotifyWindow button.flat:focus:checked, - #XfceNotifyWindow button.flat:focus:checked:hover, - #XfceNotifyWindow button.flat:focus:checked:focus, - #XfceNotifyWindow button.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - button.osd:focus:disabled, button.osd.flat:focus:disabled, - #XfceNotifyWindow button:focus:disabled, - #XfceNotifyWindow button.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - button.osd:focus:active:disabled, button.osd:focus:checked:disabled, button.osd.flat:focus:active:disabled, button.osd.flat:focus:checked:disabled, - #XfceNotifyWindow button:focus:active:disabled, - #XfceNotifyWindow button:focus:checked:disabled, - #XfceNotifyWindow button.flat:focus:active:disabled, - #XfceNotifyWindow button.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - button.osd:focus:hover, button.osd.flat:focus:hover, - #XfceNotifyWindow button:focus:hover, - #XfceNotifyWindow button.flat:focus:hover { - background-color: rgba(48, 48, 48, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - button.osd:focus:hover:focus, button.osd:focus:hover:hover, button.osd.flat:focus:hover:focus, button.osd.flat:focus:hover:hover, - #XfceNotifyWindow button:focus:hover:focus, - #XfceNotifyWindow button:focus:hover:hover, - #XfceNotifyWindow button.flat:focus:hover:focus, - #XfceNotifyWindow button.flat:focus:hover:hover { - border-color: #0a4530; } - button.osd:focus:hover:active, button.osd:focus:hover:active:hover, button.osd:focus:hover:active:focus, button.osd:focus:hover:active:hover:focus, button.osd:focus:hover:checked, button.osd:focus:hover:checked:hover, button.osd:focus:hover:checked:focus, button.osd:focus:hover:checked:hover:focus, button.osd.flat:focus:hover:active, button.osd.flat:focus:hover:active:hover, button.osd.flat:focus:hover:active:focus, button.osd.flat:focus:hover:active:hover:focus, button.osd.flat:focus:hover:checked, button.osd.flat:focus:hover:checked:hover, button.osd.flat:focus:hover:checked:focus, button.osd.flat:focus:hover:checked:hover:focus, - #XfceNotifyWindow button:focus:hover:active, - #XfceNotifyWindow button:focus:hover:active:hover, - #XfceNotifyWindow button:focus:hover:active:focus, - #XfceNotifyWindow button:focus:hover:active:hover:focus, - #XfceNotifyWindow button:focus:hover:checked, - #XfceNotifyWindow button:focus:hover:checked:hover, - #XfceNotifyWindow button:focus:hover:checked:focus, - #XfceNotifyWindow button:focus:hover:checked:hover:focus, - #XfceNotifyWindow button.flat:focus:hover:active, - #XfceNotifyWindow button.flat:focus:hover:active:hover, - #XfceNotifyWindow button.flat:focus:hover:active:focus, - #XfceNotifyWindow button.flat:focus:hover:active:hover:focus, - #XfceNotifyWindow button.flat:focus:hover:checked, - #XfceNotifyWindow button.flat:focus:hover:checked:hover, - #XfceNotifyWindow button.flat:focus:hover:checked:focus, - #XfceNotifyWindow button.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - button.osd:focus:hover:disabled, button.osd.flat:focus:hover:disabled, - #XfceNotifyWindow button:focus:hover:disabled, - #XfceNotifyWindow button.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - button.osd:focus:hover:active:disabled, button.osd:focus:hover:checked:disabled, button.osd.flat:focus:hover:active:disabled, button.osd.flat:focus:hover:checked:disabled, - #XfceNotifyWindow button:focus:hover:active:disabled, - #XfceNotifyWindow button:focus:hover:checked:disabled, - #XfceNotifyWindow button.flat:focus:hover:active:disabled, - #XfceNotifyWindow button.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - button.osd:checked, button.osd:active, button.osd.flat:checked, button.osd.flat:active, - #XfceNotifyWindow button:checked, - #XfceNotifyWindow button:active, - #XfceNotifyWindow button.flat:checked, - #XfceNotifyWindow button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - button.osd:checked:focus, button.osd:checked:hover, button.osd:active:focus, button.osd:active:hover, button.osd.flat:checked:focus, button.osd.flat:checked:hover, button.osd.flat:active:focus, button.osd.flat:active:hover, - #XfceNotifyWindow button:checked:focus, - #XfceNotifyWindow button:checked:hover, - #XfceNotifyWindow button:active:focus, - #XfceNotifyWindow button:active:hover, - #XfceNotifyWindow button.flat:checked:focus, - #XfceNotifyWindow button.flat:checked:hover, - #XfceNotifyWindow button.flat:active:focus, - #XfceNotifyWindow button.flat:active:hover { - border-color: #0a4530; } - button.osd:checked:active, button.osd:checked:active:hover, button.osd:checked:active:focus, button.osd:checked:active:hover:focus, button.osd:checked:checked, button.osd:checked:checked:hover, button.osd:checked:checked:focus, button.osd:checked:checked:hover:focus, button.osd:active:active, button.osd:active:active:hover, button.osd:active:active:focus, button.osd:active:active:hover:focus, button.osd:active:checked, button.osd:active:checked:hover, button.osd:active:checked:focus, button.osd:active:checked:hover:focus, button.osd.flat:checked:active, button.osd.flat:checked:active:hover, button.osd.flat:checked:active:focus, button.osd.flat:checked:active:hover:focus, button.osd.flat:checked:checked, button.osd.flat:checked:checked:hover, button.osd.flat:checked:checked:focus, button.osd.flat:checked:checked:hover:focus, button.osd.flat:active:active, button.osd.flat:active:active:hover, button.osd.flat:active:active:focus, button.osd.flat:active:active:hover:focus, button.osd.flat:active:checked, button.osd.flat:active:checked:hover, button.osd.flat:active:checked:focus, button.osd.flat:active:checked:hover:focus, - #XfceNotifyWindow button:checked:active, - #XfceNotifyWindow button:checked:active:hover, - #XfceNotifyWindow button:checked:active:focus, - #XfceNotifyWindow button:checked:active:hover:focus, - #XfceNotifyWindow button:checked:checked, - #XfceNotifyWindow button:checked:checked:hover, - #XfceNotifyWindow button:checked:checked:focus, - #XfceNotifyWindow button:checked:checked:hover:focus, - #XfceNotifyWindow button:active:active, - #XfceNotifyWindow button:active:active:hover, - #XfceNotifyWindow button:active:active:focus, - #XfceNotifyWindow button:active:active:hover:focus, - #XfceNotifyWindow button:active:checked, - #XfceNotifyWindow button:active:checked:hover, - #XfceNotifyWindow button:active:checked:focus, - #XfceNotifyWindow button:active:checked:hover:focus, - #XfceNotifyWindow button.flat:checked:active, - #XfceNotifyWindow button.flat:checked:active:hover, - #XfceNotifyWindow button.flat:checked:active:focus, - #XfceNotifyWindow button.flat:checked:active:hover:focus, - #XfceNotifyWindow button.flat:checked:checked, - #XfceNotifyWindow button.flat:checked:checked:hover, - #XfceNotifyWindow button.flat:checked:checked:focus, - #XfceNotifyWindow button.flat:checked:checked:hover:focus, - #XfceNotifyWindow button.flat:active:active, - #XfceNotifyWindow button.flat:active:active:hover, - #XfceNotifyWindow button.flat:active:active:focus, - #XfceNotifyWindow button.flat:active:active:hover:focus, - #XfceNotifyWindow button.flat:active:checked, - #XfceNotifyWindow button.flat:active:checked:hover, - #XfceNotifyWindow button.flat:active:checked:focus, - #XfceNotifyWindow button.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - button.osd:checked:disabled, button.osd:active:disabled, button.osd.flat:checked:disabled, button.osd.flat:active:disabled, - #XfceNotifyWindow button:checked:disabled, - #XfceNotifyWindow button:active:disabled, - #XfceNotifyWindow button.flat:checked:disabled, - #XfceNotifyWindow button.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - button.osd:checked:active:disabled, button.osd:checked:checked:disabled, button.osd:active:active:disabled, button.osd:active:checked:disabled, button.osd.flat:checked:active:disabled, button.osd.flat:checked:checked:disabled, button.osd.flat:active:active:disabled, button.osd.flat:active:checked:disabled, - #XfceNotifyWindow button:checked:active:disabled, - #XfceNotifyWindow button:checked:checked:disabled, - #XfceNotifyWindow button:active:active:disabled, - #XfceNotifyWindow button:active:checked:disabled, - #XfceNotifyWindow button.flat:checked:active:disabled, - #XfceNotifyWindow button.flat:checked:checked:disabled, - #XfceNotifyWindow button.flat:active:active:disabled, - #XfceNotifyWindow button.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - button.osd:checked:focus, button.osd:checked:hover, button.osd:active:focus, button.osd:active:hover, button.osd.flat:checked:focus, button.osd.flat:checked:hover, button.osd.flat:active:focus, button.osd.flat:active:hover, - #XfceNotifyWindow button:checked:focus, - #XfceNotifyWindow button:checked:hover, - #XfceNotifyWindow button:active:focus, - #XfceNotifyWindow button:active:hover, - #XfceNotifyWindow button.flat:checked:focus, - #XfceNotifyWindow button.flat:checked:hover, - #XfceNotifyWindow button.flat:active:focus, - #XfceNotifyWindow button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - button.osd:focus, button.osd:hover, button.osd.flat:focus, button.osd.flat:hover, - #XfceNotifyWindow button:focus, - #XfceNotifyWindow button:hover, - #XfceNotifyWindow button.flat:focus, - #XfceNotifyWindow button.flat:hover { - color: #e9e9e9; } - button.osd:disabled:disabled, button.osd.flat:disabled:disabled, - #XfceNotifyWindow button:disabled:disabled, - #XfceNotifyWindow button.flat:disabled:disabled { - background-color: alpha(mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.5); - box-shadow: none; } - button.osd:active:disabled, button.osd:checked:disabled, button.osd.flat:active:disabled, button.osd.flat:checked:disabled, - #XfceNotifyWindow button:active:disabled, - #XfceNotifyWindow button:checked:disabled, - #XfceNotifyWindow button.flat:active:disabled, - #XfceNotifyWindow button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - button.osd.separator, button.osd .separator, - #XfceNotifyWindow button.separator, - #XfceNotifyWindow button .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.7); } - button.osd.separator:disabled, button.osd .separator:disabled, - #XfceNotifyWindow button.separator:disabled, - #XfceNotifyWindow button .separator:disabled { - color: rgba(44, 44, 44, 0.65); } - button.osd.image-button, - #XfceNotifyWindow button.image-button { - padding: 0; - min-height: 36px; - min-width: 36px; } - -toolbar.osd { - -GtkToolbar-button-relief: normal; - padding: 3px; - border: 1px solid rgba(35, 35, 35, 0.8); - border-radius: 2px; - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - color: #e9e9e9; } - toolbar.osd separator { - color: rgba(40, 40, 40, 0.8); } - toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; } - -.osd, -#XfceNotifyWindow { - background-color: rgba(44, 44, 44, 0.8); - color: #e9e9e9; - /* used by gnome-settings-daemon's media-keys OSD */ - /* used by Documents */ } - .osd.background, - #XfceNotifyWindow.background { - background-color: rgba(44, 44, 44, 0.6); - color: #e9e9e9; } - .osd .frame, - #XfceNotifyWindow .frame { - background-clip: border-box; - background-origin: border-box; } - .osd button, - #XfceNotifyWindow button { - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - .osd button:focus, .osd button:hover, - #XfceNotifyWindow button:focus, - #XfceNotifyWindow button:hover { - border-color: #0a4530; } - .osd button:active, .osd button:active:hover, .osd button:active:focus, .osd button:active:hover:focus, .osd button:checked, .osd button:checked:hover, .osd button:checked:focus, .osd button:checked:hover:focus, - #XfceNotifyWindow button:active, - #XfceNotifyWindow button:active:hover, - #XfceNotifyWindow button:active:focus, - #XfceNotifyWindow button:active:hover:focus, - #XfceNotifyWindow button:checked, - #XfceNotifyWindow button:checked:hover, - #XfceNotifyWindow button:checked:focus, - #XfceNotifyWindow button:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - .osd button:disabled, - #XfceNotifyWindow button:disabled { - border-color: rgba(198, 198, 198, 0.22); } - .osd button:active:disabled, .osd button:checked:disabled, - #XfceNotifyWindow button:active:disabled, - #XfceNotifyWindow button:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - .osd button:active, - #XfceNotifyWindow button:active { - color: #e9e9e9; } - .osd button.flat, - #XfceNotifyWindow button.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - .osd button:hover, .osd button.flat:hover, - #XfceNotifyWindow button:hover, - #XfceNotifyWindow button.flat:hover { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - .osd button:hover:focus, .osd button:hover:hover, .osd button.flat:hover:focus, .osd button.flat:hover:hover, - #XfceNotifyWindow button:hover:focus, - #XfceNotifyWindow button:hover:hover, - #XfceNotifyWindow button.flat:hover:focus, - #XfceNotifyWindow button.flat:hover:hover { - border-color: #0a4530; } - .osd button:hover:active, .osd button:hover:active:hover, .osd button:hover:active:focus, .osd button:hover:active:hover:focus, .osd button:hover:checked, .osd button:hover:checked:hover, .osd button:hover:checked:focus, .osd button:hover:checked:hover:focus, .osd button.flat:hover:active, .osd button.flat:hover:active:hover, .osd button.flat:hover:active:focus, .osd button.flat:hover:active:hover:focus, .osd button.flat:hover:checked, .osd button.flat:hover:checked:hover, .osd button.flat:hover:checked:focus, .osd button.flat:hover:checked:hover:focus, - #XfceNotifyWindow button:hover:active, - #XfceNotifyWindow button:hover:active:hover, - #XfceNotifyWindow button:hover:active:focus, - #XfceNotifyWindow button:hover:active:hover:focus, - #XfceNotifyWindow button:hover:checked, - #XfceNotifyWindow button:hover:checked:hover, - #XfceNotifyWindow button:hover:checked:focus, - #XfceNotifyWindow button:hover:checked:hover:focus, - #XfceNotifyWindow button.flat:hover:active, - #XfceNotifyWindow button.flat:hover:active:hover, - #XfceNotifyWindow button.flat:hover:active:focus, - #XfceNotifyWindow button.flat:hover:active:hover:focus, - #XfceNotifyWindow button.flat:hover:checked, - #XfceNotifyWindow button.flat:hover:checked:hover, - #XfceNotifyWindow button.flat:hover:checked:focus, - #XfceNotifyWindow button.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd button:hover:disabled, .osd button.flat:hover:disabled, - #XfceNotifyWindow button:hover:disabled, - #XfceNotifyWindow button.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd button:hover:active:disabled, .osd button:hover:checked:disabled, .osd button.flat:hover:active:disabled, .osd button.flat:hover:checked:disabled, - #XfceNotifyWindow button:hover:active:disabled, - #XfceNotifyWindow button:hover:checked:disabled, - #XfceNotifyWindow button.flat:hover:active:disabled, - #XfceNotifyWindow button.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd button:focus, .osd button.flat:focus, - #XfceNotifyWindow button:focus, - #XfceNotifyWindow button.flat:focus { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - .osd button:focus:focus, .osd button:focus:hover, .osd button.flat:focus:focus, .osd button.flat:focus:hover, - #XfceNotifyWindow button:focus:focus, - #XfceNotifyWindow button:focus:hover, - #XfceNotifyWindow button.flat:focus:focus, - #XfceNotifyWindow button.flat:focus:hover { - border-color: #0a4530; } - .osd button:focus:active, .osd button:focus:active:hover, .osd button:focus:active:focus, .osd button:focus:active:hover:focus, .osd button:focus:checked, .osd button:focus:checked:hover, .osd button:focus:checked:focus, .osd button:focus:checked:hover:focus, .osd button.flat:focus:active, .osd button.flat:focus:active:hover, .osd button.flat:focus:active:focus, .osd button.flat:focus:active:hover:focus, .osd button.flat:focus:checked, .osd button.flat:focus:checked:hover, .osd button.flat:focus:checked:focus, .osd button.flat:focus:checked:hover:focus, - #XfceNotifyWindow button:focus:active, - #XfceNotifyWindow button:focus:active:hover, - #XfceNotifyWindow button:focus:active:focus, - #XfceNotifyWindow button:focus:active:hover:focus, - #XfceNotifyWindow button:focus:checked, - #XfceNotifyWindow button:focus:checked:hover, - #XfceNotifyWindow button:focus:checked:focus, - #XfceNotifyWindow button:focus:checked:hover:focus, - #XfceNotifyWindow button.flat:focus:active, - #XfceNotifyWindow button.flat:focus:active:hover, - #XfceNotifyWindow button.flat:focus:active:focus, - #XfceNotifyWindow button.flat:focus:active:hover:focus, - #XfceNotifyWindow button.flat:focus:checked, - #XfceNotifyWindow button.flat:focus:checked:hover, - #XfceNotifyWindow button.flat:focus:checked:focus, - #XfceNotifyWindow button.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd button:focus:disabled, .osd button.flat:focus:disabled, - #XfceNotifyWindow button:focus:disabled, - #XfceNotifyWindow button.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd button:focus:active:disabled, .osd button:focus:checked:disabled, .osd button.flat:focus:active:disabled, .osd button.flat:focus:checked:disabled, - #XfceNotifyWindow button:focus:active:disabled, - #XfceNotifyWindow button:focus:checked:disabled, - #XfceNotifyWindow button.flat:focus:active:disabled, - #XfceNotifyWindow button.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd button:focus:hover, .osd button.flat:focus:hover, - #XfceNotifyWindow button:focus:hover, - #XfceNotifyWindow button.flat:focus:hover { - background-color: rgba(48, 48, 48, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - .osd button:focus:hover:focus, .osd button:focus:hover:hover, .osd button.flat:focus:hover:focus, .osd button.flat:focus:hover:hover, - #XfceNotifyWindow button:focus:hover:focus, - #XfceNotifyWindow button:focus:hover:hover, - #XfceNotifyWindow button.flat:focus:hover:focus, - #XfceNotifyWindow button.flat:focus:hover:hover { - border-color: #0a4530; } - .osd button:focus:hover:active, .osd button:focus:hover:active:hover, .osd button:focus:hover:active:focus, .osd button:focus:hover:active:hover:focus, .osd button:focus:hover:checked, .osd button:focus:hover:checked:hover, .osd button:focus:hover:checked:focus, .osd button:focus:hover:checked:hover:focus, .osd button.flat:focus:hover:active, .osd button.flat:focus:hover:active:hover, .osd button.flat:focus:hover:active:focus, .osd button.flat:focus:hover:active:hover:focus, .osd button.flat:focus:hover:checked, .osd button.flat:focus:hover:checked:hover, .osd button.flat:focus:hover:checked:focus, .osd button.flat:focus:hover:checked:hover:focus, - #XfceNotifyWindow button:focus:hover:active, - #XfceNotifyWindow button:focus:hover:active:hover, - #XfceNotifyWindow button:focus:hover:active:focus, - #XfceNotifyWindow button:focus:hover:active:hover:focus, - #XfceNotifyWindow button:focus:hover:checked, - #XfceNotifyWindow button:focus:hover:checked:hover, - #XfceNotifyWindow button:focus:hover:checked:focus, - #XfceNotifyWindow button:focus:hover:checked:hover:focus, - #XfceNotifyWindow button.flat:focus:hover:active, - #XfceNotifyWindow button.flat:focus:hover:active:hover, - #XfceNotifyWindow button.flat:focus:hover:active:focus, - #XfceNotifyWindow button.flat:focus:hover:active:hover:focus, - #XfceNotifyWindow button.flat:focus:hover:checked, - #XfceNotifyWindow button.flat:focus:hover:checked:hover, - #XfceNotifyWindow button.flat:focus:hover:checked:focus, - #XfceNotifyWindow button.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd button:focus:hover:disabled, .osd button.flat:focus:hover:disabled, - #XfceNotifyWindow button:focus:hover:disabled, - #XfceNotifyWindow button.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd button:focus:hover:active:disabled, .osd button:focus:hover:checked:disabled, .osd button.flat:focus:hover:active:disabled, .osd button.flat:focus:hover:checked:disabled, - #XfceNotifyWindow button:focus:hover:active:disabled, - #XfceNotifyWindow button:focus:hover:checked:disabled, - #XfceNotifyWindow button.flat:focus:hover:active:disabled, - #XfceNotifyWindow button.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd button:checked, .osd button:active, .osd button.flat:checked, .osd button.flat:active, - #XfceNotifyWindow button:checked, - #XfceNotifyWindow button:active, - #XfceNotifyWindow button.flat:checked, - #XfceNotifyWindow button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - .osd button:checked:focus, .osd button:checked:hover, .osd button:active:focus, .osd button:active:hover, .osd button.flat:checked:focus, .osd button.flat:checked:hover, .osd button.flat:active:focus, .osd button.flat:active:hover, - #XfceNotifyWindow button:checked:focus, - #XfceNotifyWindow button:checked:hover, - #XfceNotifyWindow button:active:focus, - #XfceNotifyWindow button:active:hover, - #XfceNotifyWindow button.flat:checked:focus, - #XfceNotifyWindow button.flat:checked:hover, - #XfceNotifyWindow button.flat:active:focus, - #XfceNotifyWindow button.flat:active:hover { - border-color: #0a4530; } - .osd button:checked:active, .osd button:checked:active:hover, .osd button:checked:active:focus, .osd button:checked:active:hover:focus, .osd button:checked:checked, .osd button:checked:checked:hover, .osd button:checked:checked:focus, .osd button:checked:checked:hover:focus, .osd button:active:active, .osd button:active:active:hover, .osd button:active:active:focus, .osd button:active:active:hover:focus, .osd button:active:checked, .osd button:active:checked:hover, .osd button:active:checked:focus, .osd button:active:checked:hover:focus, .osd button.flat:checked:active, .osd button.flat:checked:active:hover, .osd button.flat:checked:active:focus, .osd button.flat:checked:active:hover:focus, .osd button.flat:checked:checked, .osd button.flat:checked:checked:hover, .osd button.flat:checked:checked:focus, .osd button.flat:checked:checked:hover:focus, .osd button.flat:active:active, .osd button.flat:active:active:hover, .osd button.flat:active:active:focus, .osd button.flat:active:active:hover:focus, .osd button.flat:active:checked, .osd button.flat:active:checked:hover, .osd button.flat:active:checked:focus, .osd button.flat:active:checked:hover:focus, - #XfceNotifyWindow button:checked:active, - #XfceNotifyWindow button:checked:active:hover, - #XfceNotifyWindow button:checked:active:focus, - #XfceNotifyWindow button:checked:active:hover:focus, - #XfceNotifyWindow button:checked:checked, - #XfceNotifyWindow button:checked:checked:hover, - #XfceNotifyWindow button:checked:checked:focus, - #XfceNotifyWindow button:checked:checked:hover:focus, - #XfceNotifyWindow button:active:active, - #XfceNotifyWindow button:active:active:hover, - #XfceNotifyWindow button:active:active:focus, - #XfceNotifyWindow button:active:active:hover:focus, - #XfceNotifyWindow button:active:checked, - #XfceNotifyWindow button:active:checked:hover, - #XfceNotifyWindow button:active:checked:focus, - #XfceNotifyWindow button:active:checked:hover:focus, - #XfceNotifyWindow button.flat:checked:active, - #XfceNotifyWindow button.flat:checked:active:hover, - #XfceNotifyWindow button.flat:checked:active:focus, - #XfceNotifyWindow button.flat:checked:active:hover:focus, - #XfceNotifyWindow button.flat:checked:checked, - #XfceNotifyWindow button.flat:checked:checked:hover, - #XfceNotifyWindow button.flat:checked:checked:focus, - #XfceNotifyWindow button.flat:checked:checked:hover:focus, - #XfceNotifyWindow button.flat:active:active, - #XfceNotifyWindow button.flat:active:active:hover, - #XfceNotifyWindow button.flat:active:active:focus, - #XfceNotifyWindow button.flat:active:active:hover:focus, - #XfceNotifyWindow button.flat:active:checked, - #XfceNotifyWindow button.flat:active:checked:hover, - #XfceNotifyWindow button.flat:active:checked:focus, - #XfceNotifyWindow button.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - .osd button:checked:disabled, .osd button:active:disabled, .osd button.flat:checked:disabled, .osd button.flat:active:disabled, - #XfceNotifyWindow button:checked:disabled, - #XfceNotifyWindow button:active:disabled, - #XfceNotifyWindow button.flat:checked:disabled, - #XfceNotifyWindow button.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - .osd button:checked:active:disabled, .osd button:checked:checked:disabled, .osd button:active:active:disabled, .osd button:active:checked:disabled, .osd button.flat:checked:active:disabled, .osd button.flat:checked:checked:disabled, .osd button.flat:active:active:disabled, .osd button.flat:active:checked:disabled, - #XfceNotifyWindow button:checked:active:disabled, - #XfceNotifyWindow button:checked:checked:disabled, - #XfceNotifyWindow button:active:active:disabled, - #XfceNotifyWindow button:active:checked:disabled, - #XfceNotifyWindow button.flat:checked:active:disabled, - #XfceNotifyWindow button.flat:checked:checked:disabled, - #XfceNotifyWindow button.flat:active:active:disabled, - #XfceNotifyWindow button.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - .osd button:checked:focus, .osd button:checked:hover, .osd button:active:focus, .osd button:active:hover, .osd button.flat:checked:focus, .osd button.flat:checked:hover, .osd button.flat:active:focus, .osd button.flat:active:hover, - #XfceNotifyWindow button:checked:focus, - #XfceNotifyWindow button:checked:hover, - #XfceNotifyWindow button:active:focus, - #XfceNotifyWindow button:active:hover, - #XfceNotifyWindow button.flat:checked:focus, - #XfceNotifyWindow button.flat:checked:hover, - #XfceNotifyWindow button.flat:active:focus, - #XfceNotifyWindow button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - .osd button:focus, .osd button:hover, .osd button.flat:focus, .osd button.flat:hover, - #XfceNotifyWindow button:focus, - #XfceNotifyWindow button:hover, - #XfceNotifyWindow button.flat:focus, - #XfceNotifyWindow button.flat:hover { - color: #e9e9e9; } - .osd button:disabled:disabled, .osd button.flat:disabled:disabled, - #XfceNotifyWindow button:disabled:disabled, - #XfceNotifyWindow button.flat:disabled:disabled { - background-color: alpha(mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.5); - box-shadow: none; } - .osd button:active:disabled, .osd button:checked:disabled, .osd button.flat:active:disabled, .osd button.flat:checked:disabled, - #XfceNotifyWindow button:active:disabled, - #XfceNotifyWindow button:checked:disabled, - #XfceNotifyWindow button.flat:active:disabled, - #XfceNotifyWindow button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - .osd button.separator, .osd button .separator, - #XfceNotifyWindow button.separator, - #XfceNotifyWindow button .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.7); } - .osd button.separator:disabled, .osd button .separator:disabled, - #XfceNotifyWindow button.separator:disabled, - #XfceNotifyWindow button .separator:disabled { - color: rgba(44, 44, 44, 0.65); } - .osd entry, - #XfceNotifyWindow entry { - background-color: #2c2c2c; - background-image: none; - border-color: shade(mix(#2c2c2c,#fff,0.2),0.8); - padding: 3px; - color: #fff; - caret-color: #fff; } - .osd entry:focus, .osd entry:hover, - #XfceNotifyWindow entry:focus, - #XfceNotifyWindow entry:hover { - border-color: #0a4530; } - .osd entry:active, .osd entry:active:hover, .osd entry:active:focus, .osd entry:active:hover:focus, .osd entry:checked, .osd entry:checked:hover, .osd entry:checked:focus, .osd entry:checked:hover:focus, - #XfceNotifyWindow entry:active, - #XfceNotifyWindow entry:active:hover, - #XfceNotifyWindow entry:active:focus, - #XfceNotifyWindow entry:active:hover:focus, - #XfceNotifyWindow entry:checked, - #XfceNotifyWindow entry:checked:hover, - #XfceNotifyWindow entry:checked:focus, - #XfceNotifyWindow entry:checked:hover:focus { - border-color: shade(mix(#2c2c2c,#fff,0.2),0.7); } - .osd entry:disabled, - #XfceNotifyWindow entry:disabled { - border-color: shade(mix(#2c2c2c,#fff,0.2),0.85); } - .osd entry:active:disabled, .osd entry:checked:disabled, - #XfceNotifyWindow entry:active:disabled, - #XfceNotifyWindow entry:checked:disabled { - border-color: shade(mix(#2c2c2c,#fff,0.2),0.8); } - .osd entry:focus, .osd entry:active, - #XfceNotifyWindow entry:focus, - #XfceNotifyWindow entry:active { - border-color: #0a4530; } - .osd entry:disabled, - #XfceNotifyWindow entry:disabled { - background-color: #282828; - background-image: none; - border-color: shade(alpha(mix(#2c2c2c,#fff,0.2),0.4),0.8); - /*@include border(mix($bg, $fg, .20));*/ - /*border-color: alpha(mix($bg, $fg, .15), .8);*/ - /*opacity: .8;*/ - color: mix(#2c2c2c,#fff,0.5); } - .osd entry:disabled:focus, .osd entry:disabled:hover, - #XfceNotifyWindow entry:disabled:focus, - #XfceNotifyWindow entry:disabled:hover { - border-color: #0a4530; } - .osd entry:disabled:active, .osd entry:disabled:active:hover, .osd entry:disabled:active:focus, .osd entry:disabled:active:hover:focus, .osd entry:disabled:checked, .osd entry:disabled:checked:hover, .osd entry:disabled:checked:focus, .osd entry:disabled:checked:hover:focus, - #XfceNotifyWindow entry:disabled:active, - #XfceNotifyWindow entry:disabled:active:hover, - #XfceNotifyWindow entry:disabled:active:focus, - #XfceNotifyWindow entry:disabled:active:hover:focus, - #XfceNotifyWindow entry:disabled:checked, - #XfceNotifyWindow entry:disabled:checked:hover, - #XfceNotifyWindow entry:disabled:checked:focus, - #XfceNotifyWindow entry:disabled:checked:hover:focus { - border-color: shade(alpha(mix(#2c2c2c,#fff,0.2),0.4),0.7); } - .osd entry:disabled:disabled, - #XfceNotifyWindow entry:disabled:disabled { - border-color: shade(alpha(mix(#2c2c2c,#fff,0.2),0.4),0.85); } - .osd entry:disabled:active:disabled, .osd entry:disabled:checked:disabled, - #XfceNotifyWindow entry:disabled:active:disabled, - #XfceNotifyWindow entry:disabled:checked:disabled { - border-color: shade(alpha(mix(#2c2c2c,#fff,0.2),0.4),0.8); } - .osd trough, - #XfceNotifyWindow trough { - background-color: rgba(35, 35, 35, 0.8); } - .osd progressbar, - #XfceNotifyWindow progressbar { - background-color: #e9e9e9; } - .osd scale slider, - #XfceNotifyWindow scale slider { - background-color: rgba(48, 48, 48, 0.8); - background-image: none; - border-color: rgba(35, 35, 35, 0.8); } - .osd scale slider:focus, .osd scale slider:hover, - #XfceNotifyWindow scale slider:focus, - #XfceNotifyWindow scale slider:hover { - border-color: #0a4530; } - .osd scale slider:active, .osd scale slider:active:hover, .osd scale slider:active:focus, .osd scale slider:active:hover:focus, .osd scale slider:checked, .osd scale slider:checked:hover, .osd scale slider:checked:focus, .osd scale slider:checked:hover:focus, - #XfceNotifyWindow scale slider:active, - #XfceNotifyWindow scale slider:active:hover, - #XfceNotifyWindow scale slider:active:focus, - #XfceNotifyWindow scale slider:active:hover:focus, - #XfceNotifyWindow scale slider:checked, - #XfceNotifyWindow scale slider:checked:hover, - #XfceNotifyWindow scale slider:checked:focus, - #XfceNotifyWindow scale slider:checked:hover:focus { - border-color: rgba(31, 31, 31, 0.8); } - .osd scale slider:disabled, - #XfceNotifyWindow scale slider:disabled { - border-color: rgba(37, 37, 37, 0.8); } - .osd scale slider:active:disabled, .osd scale slider:checked:disabled, - #XfceNotifyWindow scale slider:active:disabled, - #XfceNotifyWindow scale slider:checked:disabled { - border-color: rgba(35, 35, 35, 0.8); } - .osd scale slider:disabled, - #XfceNotifyWindow scale slider:disabled { - background-color: rgba(40, 40, 40, 0.8); - background-image: none; } - .osd scale trough, - #XfceNotifyWindow scale trough { - border-color: rgba(35, 35, 35, 0.8); - background-color: rgba(48, 48, 48, 0.8); - background-image: none; } - .osd scale trough.highlight, - #XfceNotifyWindow scale trough.highlight { - border-color: #169f6f; - background-color: #169f6f; - background-image: none; } - .osd scale trough:disabled, .osd scale trough.highlight:disabled, - #XfceNotifyWindow scale trough:disabled, - #XfceNotifyWindow scale trough.highlight:disabled { - border-color: rgba(37, 37, 37, 0.8); - background-color: rgba(40, 40, 40, 0.8); - background-image: none; } - .osd.view, iconview.osd, .osd .view, .osd iconview, .osd view, - #XfceNotifyWindow.view, - iconview#XfceNotifyWindow, - #XfceNotifyWindow .view, - #XfceNotifyWindow iconview, - #XfceNotifyWindow view { - background-color: rgba(44, 44, 44, 0.8); } - .osd scrollbar trough, - #XfceNotifyWindow scrollbar trough { - background-color: rgba(44, 44, 44, 0.8); } - .osd scrollbar slider, - #XfceNotifyWindow scrollbar slider { - border: 1px solid mix(rgba(38, 38, 38, 0.8),#e9e9e9,0.21); - border-radius: 0; - background-color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.21); } - .osd scrollbar slider:hover, - #XfceNotifyWindow scrollbar slider:hover { - border-color: mix(rgba(38, 38, 38, 0.8),#e9e9e9,0.31); - background-color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.31); } - .osd scrollbar slider:active, - #XfceNotifyWindow scrollbar slider:active { - border-color: #148f64; - background-color: #169f6f; } - .osd iconview.cell:selected, .osd iconview.cell:selected:focus, - #XfceNotifyWindow iconview.cell:selected, - #XfceNotifyWindow iconview.cell:selected:focus { - background-color: transparent; - border: 3px solid mix(rgba(38, 38, 38, 0.8),#e9e9e9,0.21); - border-radius: 2px; - outline-color: transparent; } - .osd .page-thumbnail, - #XfceNotifyWindow .page-thumbnail { - border: 1px solid rgba(40, 40, 40, 0.8); - /* when there's no pixbuf yet */ - background-color: rgba(44, 44, 44, 0.8); } - .osd spinbutton:not(.vertical), - #XfceNotifyWindow spinbutton:not(.vertical) { - background-color: #2c2c2c; - background-image: none; - border-color: #232323; - padding: 0; - color: #fff; - caret-color: #fff; } - .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):hover, - #XfceNotifyWindow spinbutton:not(.vertical):focus, - #XfceNotifyWindow spinbutton:not(.vertical):hover { - border-color: #0a4530; } - .osd spinbutton:not(.vertical):active, .osd spinbutton:not(.vertical):active:hover, .osd spinbutton:not(.vertical):active:focus, .osd spinbutton:not(.vertical):active:hover:focus, .osd spinbutton:not(.vertical):checked, .osd spinbutton:not(.vertical):checked:hover, .osd spinbutton:not(.vertical):checked:focus, .osd spinbutton:not(.vertical):checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical):active, - #XfceNotifyWindow spinbutton:not(.vertical):active:hover, - #XfceNotifyWindow spinbutton:not(.vertical):active:focus, - #XfceNotifyWindow spinbutton:not(.vertical):active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical):checked, - #XfceNotifyWindow spinbutton:not(.vertical):checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical):checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical):checked:hover:focus { - border-color: #1f1f1f; } - .osd spinbutton:not(.vertical):disabled, - #XfceNotifyWindow spinbutton:not(.vertical):disabled { - border-color: #252525; } - .osd spinbutton:not(.vertical):active:disabled, .osd spinbutton:not(.vertical):checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical):active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical):checked:disabled { - border-color: #232323; } - .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):active, - #XfceNotifyWindow spinbutton:not(.vertical):focus, - #XfceNotifyWindow spinbutton:not(.vertical):active { - border-color: #0a4530; } - .osd spinbutton:not(.vertical):disabled, - #XfceNotifyWindow spinbutton:not(.vertical):disabled { - background-color: #282828; - background-image: none; - color: mix(#2c2c2c,#fff,0.5); } - .osd spinbutton:not(.vertical) button, - #XfceNotifyWindow spinbutton:not(.vertical) button { - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); - border-radius: 0; - border-color: rgba(37, 37, 37, 0.5); - border-style: none none none solid; - background-image: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover { - border-color: #0a4530; } - .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover:focus, .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - .osd spinbutton:not(.vertical) button:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:disabled { - border-color: rgba(198, 198, 198, 0.22); } - .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - .osd spinbutton:not(.vertical) button:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:active { - color: #e9e9e9; } - .osd spinbutton:not(.vertical) button.flat, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:hover, .osd spinbutton:not(.vertical) button.flat:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - .osd spinbutton:not(.vertical) button:hover:focus, .osd spinbutton:not(.vertical) button:hover:hover, .osd spinbutton:not(.vertical) button.flat:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:hover { - border-color: #0a4530; } - .osd spinbutton:not(.vertical) button:hover:active, .osd spinbutton:not(.vertical) button:hover:active:hover, .osd spinbutton:not(.vertical) button:hover:active:focus, .osd spinbutton:not(.vertical) button:hover:active:hover:focus, .osd spinbutton:not(.vertical) button:hover:checked, .osd spinbutton:not(.vertical) button:hover:checked:hover, .osd spinbutton:not(.vertical) button:hover:checked:focus, .osd spinbutton:not(.vertical) button:hover:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:active, .osd spinbutton:not(.vertical) button.flat:hover:active:hover, .osd spinbutton:not(.vertical) button.flat:hover:active:focus, .osd spinbutton:not(.vertical) button.flat:hover:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:checked, .osd spinbutton:not(.vertical) button.flat:hover:checked:hover, .osd spinbutton:not(.vertical) button.flat:hover:checked:focus, .osd spinbutton:not(.vertical) button.flat:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd spinbutton:not(.vertical) button:hover:disabled, .osd spinbutton:not(.vertical) button.flat:hover:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd spinbutton:not(.vertical) button:hover:active:disabled, .osd spinbutton:not(.vertical) button:hover:checked:disabled, .osd spinbutton:not(.vertical) button.flat:hover:active:disabled, .osd spinbutton:not(.vertical) button.flat:hover:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button.flat:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - .osd spinbutton:not(.vertical) button:focus:focus, .osd spinbutton:not(.vertical) button:focus:hover, .osd spinbutton:not(.vertical) button.flat:focus:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover { - border-color: #0a4530; } - .osd spinbutton:not(.vertical) button:focus:active, .osd spinbutton:not(.vertical) button:focus:active:hover, .osd spinbutton:not(.vertical) button:focus:active:focus, .osd spinbutton:not(.vertical) button:focus:active:hover:focus, .osd spinbutton:not(.vertical) button:focus:checked, .osd spinbutton:not(.vertical) button:focus:checked:hover, .osd spinbutton:not(.vertical) button:focus:checked:focus, .osd spinbutton:not(.vertical) button:focus:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:active, .osd spinbutton:not(.vertical) button.flat:focus:active:hover, .osd spinbutton:not(.vertical) button.flat:focus:active:focus, .osd spinbutton:not(.vertical) button.flat:focus:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:checked, .osd spinbutton:not(.vertical) button.flat:focus:checked:hover, .osd spinbutton:not(.vertical) button.flat:focus:checked:focus, .osd spinbutton:not(.vertical) button.flat:focus:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd spinbutton:not(.vertical) button:focus:disabled, .osd spinbutton:not(.vertical) button.flat:focus:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd spinbutton:not(.vertical) button:focus:active:disabled, .osd spinbutton:not(.vertical) button:focus:checked:disabled, .osd spinbutton:not(.vertical) button.flat:focus:active:disabled, .osd spinbutton:not(.vertical) button.flat:focus:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd spinbutton:not(.vertical) button:focus:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover { - background-color: rgba(48, 48, 48, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - .osd spinbutton:not(.vertical) button:focus:hover:focus, .osd spinbutton:not(.vertical) button:focus:hover:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:hover { - border-color: #0a4530; } - .osd spinbutton:not(.vertical) button:focus:hover:active, .osd spinbutton:not(.vertical) button:focus:hover:active:hover, .osd spinbutton:not(.vertical) button:focus:hover:active:focus, .osd spinbutton:not(.vertical) button:focus:hover:active:hover:focus, .osd spinbutton:not(.vertical) button:focus:hover:checked, .osd spinbutton:not(.vertical) button:focus:hover:checked:hover, .osd spinbutton:not(.vertical) button:focus:hover:checked:focus, .osd spinbutton:not(.vertical) button:focus:hover:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:active, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd spinbutton:not(.vertical) button:focus:hover:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd spinbutton:not(.vertical) button:focus:hover:active:disabled, .osd spinbutton:not(.vertical) button:focus:hover:checked:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button.flat:checked, .osd spinbutton:not(.vertical) button.flat:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:active, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:focus, .osd spinbutton:not(.vertical) button.flat:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:hover { - border-color: #0a4530; } - .osd spinbutton:not(.vertical) button:checked:active, .osd spinbutton:not(.vertical) button:checked:active:hover, .osd spinbutton:not(.vertical) button:checked:active:focus, .osd spinbutton:not(.vertical) button:checked:active:hover:focus, .osd spinbutton:not(.vertical) button:checked:checked, .osd spinbutton:not(.vertical) button:checked:checked:hover, .osd spinbutton:not(.vertical) button:checked:checked:focus, .osd spinbutton:not(.vertical) button:checked:checked:hover:focus, .osd spinbutton:not(.vertical) button:active:active, .osd spinbutton:not(.vertical) button:active:active:hover, .osd spinbutton:not(.vertical) button:active:active:focus, .osd spinbutton:not(.vertical) button:active:active:hover:focus, .osd spinbutton:not(.vertical) button:active:checked, .osd spinbutton:not(.vertical) button:active:checked:hover, .osd spinbutton:not(.vertical) button:active:checked:focus, .osd spinbutton:not(.vertical) button:active:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:checked:active, .osd spinbutton:not(.vertical) button.flat:checked:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:active:focus, .osd spinbutton:not(.vertical) button.flat:checked:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:checked:checked, .osd spinbutton:not(.vertical) button.flat:checked:checked:hover, .osd spinbutton:not(.vertical) button.flat:checked:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:active:active, .osd spinbutton:not(.vertical) button.flat:active:active:hover, .osd spinbutton:not(.vertical) button.flat:active:active:focus, .osd spinbutton:not(.vertical) button.flat:active:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:active:checked, .osd spinbutton:not(.vertical) button.flat:active:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:checked:focus, .osd spinbutton:not(.vertical) button.flat:active:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - .osd spinbutton:not(.vertical) button:checked:disabled, .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - .osd spinbutton:not(.vertical) button:checked:active:disabled, .osd spinbutton:not(.vertical) button:checked:checked:disabled, .osd spinbutton:not(.vertical) button:active:active:disabled, .osd spinbutton:not(.vertical) button:active:checked:disabled, .osd spinbutton:not(.vertical) button.flat:checked:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:active:disabled, .osd spinbutton:not(.vertical) button.flat:active:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:focus, .osd spinbutton:not(.vertical) button.flat:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button:hover, .osd spinbutton:not(.vertical) button.flat:focus, .osd spinbutton:not(.vertical) button.flat:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover { - color: #e9e9e9; } - .osd spinbutton:not(.vertical) button:disabled:disabled, .osd spinbutton:not(.vertical) button.flat:disabled:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:disabled:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:disabled:disabled { - background-color: alpha(mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.5); - box-shadow: none; } - .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - .osd spinbutton:not(.vertical) button.separator, .osd spinbutton:not(.vertical) button .separator, - #XfceNotifyWindow spinbutton:not(.vertical) button.separator, - #XfceNotifyWindow spinbutton:not(.vertical) button .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.7); } - .osd spinbutton:not(.vertical) button.separator:disabled, .osd spinbutton:not(.vertical) button .separator:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.separator:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button .separator:disabled { - color: rgba(44, 44, 44, 0.65); } - .osd spinbutton:not(.vertical) button:dir(rtl), - #XfceNotifyWindow spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover { - color: #fff; } - .osd spinbutton:not(.vertical) button:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:disabled { - color: alpha(mix(#e9e9e9,#2c2c2c,0.6),0.8); } - .osd spinbutton:not(.vertical) button:backdrop, - #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop { - color: mix(#2c2c2c,mix(#dedede,#333333,0.5),0.9); } - .osd spinbutton:not(.vertical) button:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - .osd spinbutton:not(.vertical) button:backdrop:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(89, 89, 89, 0.8); - border-style: none none none solid; } - .osd spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl), - #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; } - .osd spinbutton:not(.vertical) button:dir(rtl):first-child, - #XfceNotifyWindow spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 2px 0 0 2px; } - .osd spinbutton:not(.vertical) button:dir(ltr):last-child, - #XfceNotifyWindow spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 2px 2px 0; } - .osd spinbutton.vertical button:first-child, - #XfceNotifyWindow spinbutton.vertical button:first-child { - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover { - border-color: #0a4530; } - .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover:focus, .osd spinbutton.vertical button:first-child:checked, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - .osd spinbutton.vertical button:first-child:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:disabled { - border-color: rgba(198, 198, 198, 0.22); } - .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - .osd spinbutton.vertical button:first-child:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:active { - color: #e9e9e9; } - .osd spinbutton.vertical button:first-child.flat, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical button:first-child.flat:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - .osd spinbutton.vertical button:first-child:hover:focus, .osd spinbutton.vertical button:first-child:hover:hover, .osd spinbutton.vertical button:first-child.flat:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:hover { - border-color: #0a4530; } - .osd spinbutton.vertical button:first-child:hover:active, .osd spinbutton.vertical button:first-child:hover:active:hover, .osd spinbutton.vertical button:first-child:hover:active:focus, .osd spinbutton.vertical button:first-child:hover:active:hover:focus, .osd spinbutton.vertical button:first-child:hover:checked, .osd spinbutton.vertical button:first-child:hover:checked:hover, .osd spinbutton.vertical button:first-child:hover:checked:focus, .osd spinbutton.vertical button:first-child:hover:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:active, .osd spinbutton.vertical button:first-child.flat:hover:active:hover, .osd spinbutton.vertical button:first-child.flat:hover:active:focus, .osd spinbutton.vertical button:first-child.flat:hover:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:checked, .osd spinbutton.vertical button:first-child.flat:hover:checked:hover, .osd spinbutton.vertical button:first-child.flat:hover:checked:focus, .osd spinbutton.vertical button:first-child.flat:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd spinbutton.vertical button:first-child:hover:disabled, .osd spinbutton.vertical button:first-child.flat:hover:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd spinbutton.vertical button:first-child:hover:active:disabled, .osd spinbutton.vertical button:first-child:hover:checked:disabled, .osd spinbutton.vertical button:first-child.flat:hover:active:disabled, .osd spinbutton.vertical button:first-child.flat:hover:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child.flat:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - .osd spinbutton.vertical button:first-child:focus:focus, .osd spinbutton.vertical button:first-child:focus:hover, .osd spinbutton.vertical button:first-child.flat:focus:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover { - border-color: #0a4530; } - .osd spinbutton.vertical button:first-child:focus:active, .osd spinbutton.vertical button:first-child:focus:active:hover, .osd spinbutton.vertical button:first-child:focus:active:focus, .osd spinbutton.vertical button:first-child:focus:active:hover:focus, .osd spinbutton.vertical button:first-child:focus:checked, .osd spinbutton.vertical button:first-child:focus:checked:hover, .osd spinbutton.vertical button:first-child:focus:checked:focus, .osd spinbutton.vertical button:first-child:focus:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:active, .osd spinbutton.vertical button:first-child.flat:focus:active:hover, .osd spinbutton.vertical button:first-child.flat:focus:active:focus, .osd spinbutton.vertical button:first-child.flat:focus:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:checked, .osd spinbutton.vertical button:first-child.flat:focus:checked:hover, .osd spinbutton.vertical button:first-child.flat:focus:checked:focus, .osd spinbutton.vertical button:first-child.flat:focus:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd spinbutton.vertical button:first-child:focus:disabled, .osd spinbutton.vertical button:first-child.flat:focus:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd spinbutton.vertical button:first-child:focus:active:disabled, .osd spinbutton.vertical button:first-child:focus:checked:disabled, .osd spinbutton.vertical button:first-child.flat:focus:active:disabled, .osd spinbutton.vertical button:first-child.flat:focus:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd spinbutton.vertical button:first-child:focus:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover { - background-color: rgba(48, 48, 48, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - .osd spinbutton.vertical button:first-child:focus:hover:focus, .osd spinbutton.vertical button:first-child:focus:hover:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:hover { - border-color: #0a4530; } - .osd spinbutton.vertical button:first-child:focus:hover:active, .osd spinbutton.vertical button:first-child:focus:hover:active:hover, .osd spinbutton.vertical button:first-child:focus:hover:active:focus, .osd spinbutton.vertical button:first-child:focus:hover:active:hover:focus, .osd spinbutton.vertical button:first-child:focus:hover:checked, .osd spinbutton.vertical button:first-child:focus:hover:checked:hover, .osd spinbutton.vertical button:first-child:focus:hover:checked:focus, .osd spinbutton.vertical button:first-child:focus:hover:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:active, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd spinbutton.vertical button:first-child:focus:hover:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd spinbutton.vertical button:first-child:focus:hover:active:disabled, .osd spinbutton.vertical button:first-child:focus:hover:checked:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd spinbutton.vertical button:first-child:checked, .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical button:first-child.flat:checked, .osd spinbutton.vertical button:first-child.flat:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:active, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:focus, .osd spinbutton.vertical button:first-child.flat:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:hover { - border-color: #0a4530; } - .osd spinbutton.vertical button:first-child:checked:active, .osd spinbutton.vertical button:first-child:checked:active:hover, .osd spinbutton.vertical button:first-child:checked:active:focus, .osd spinbutton.vertical button:first-child:checked:active:hover:focus, .osd spinbutton.vertical button:first-child:checked:checked, .osd spinbutton.vertical button:first-child:checked:checked:hover, .osd spinbutton.vertical button:first-child:checked:checked:focus, .osd spinbutton.vertical button:first-child:checked:checked:hover:focus, .osd spinbutton.vertical button:first-child:active:active, .osd spinbutton.vertical button:first-child:active:active:hover, .osd spinbutton.vertical button:first-child:active:active:focus, .osd spinbutton.vertical button:first-child:active:active:hover:focus, .osd spinbutton.vertical button:first-child:active:checked, .osd spinbutton.vertical button:first-child:active:checked:hover, .osd spinbutton.vertical button:first-child:active:checked:focus, .osd spinbutton.vertical button:first-child:active:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:checked:active, .osd spinbutton.vertical button:first-child.flat:checked:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:active:focus, .osd spinbutton.vertical button:first-child.flat:checked:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:checked:checked, .osd spinbutton.vertical button:first-child.flat:checked:checked:hover, .osd spinbutton.vertical button:first-child.flat:checked:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:active:active, .osd spinbutton.vertical button:first-child.flat:active:active:hover, .osd spinbutton.vertical button:first-child.flat:active:active:focus, .osd spinbutton.vertical button:first-child.flat:active:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:active:checked, .osd spinbutton.vertical button:first-child.flat:active:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:checked:focus, .osd spinbutton.vertical button:first-child.flat:active:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - .osd spinbutton.vertical button:first-child:checked:disabled, .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - .osd spinbutton.vertical button:first-child:checked:active:disabled, .osd spinbutton.vertical button:first-child:checked:checked:disabled, .osd spinbutton.vertical button:first-child:active:active:disabled, .osd spinbutton.vertical button:first-child:active:checked:disabled, .osd spinbutton.vertical button:first-child.flat:checked:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:active:disabled, .osd spinbutton.vertical button:first-child.flat:active:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:focus, .osd spinbutton.vertical button:first-child.flat:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical button:first-child.flat:focus, .osd spinbutton.vertical button:first-child.flat:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover { - color: #e9e9e9; } - .osd spinbutton.vertical button:first-child:disabled:disabled, .osd spinbutton.vertical button:first-child.flat:disabled:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:disabled:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:disabled:disabled { - background-color: alpha(mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.5); - box-shadow: none; } - .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - .osd spinbutton.vertical button:first-child.separator, .osd spinbutton.vertical button:first-child .separator, - #XfceNotifyWindow spinbutton.vertical button:first-child.separator, - #XfceNotifyWindow spinbutton.vertical button:first-child .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.7); } - .osd spinbutton.vertical button:first-child.separator:disabled, .osd spinbutton.vertical button:first-child .separator:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.separator:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child .separator:disabled { - color: rgba(44, 44, 44, 0.65); } - -scrolledwindow viewport.frame { - border-style: none; } -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(22, 159, 111, 0.2)), to(rgba(22, 159, 111, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: 0; - box-shadow: none; } - scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: 0; - box-shadow: none; } -scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(22, 159, 111, 0.2)), to(rgba(22, 159, 111, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: 0; - box-shadow: none; } - scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: 0; - box-shadow: none; } -scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(22, 159, 111, 0.2)), to(rgba(22, 159, 111, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: 0; - box-shadow: none; } - scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: 0; - box-shadow: none; } -scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(22, 159, 111, 0.2)), to(rgba(22, 159, 111, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: 0; - box-shadow: none; } - scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: 0; - box-shadow: none; } -scrolledwindow undershoot.top { - background-color: transparent; - /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%);*/ - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: 0; - box-shadow: none; } -scrolledwindow undershoot.bottom { - background-color: transparent; - /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%);*/ - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: 0; - box-shadow: none; } -scrolledwindow undershoot.left { - background-color: transparent; - /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%);*/ - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: 0; - box-shadow: none; } -scrolledwindow undershoot.right { - background-color: transparent; - /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%);*/ - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: 0; - box-shadow: none; } -scrolledwindow junction { - border-color: transparent; - border-image: linear-gradient(to bottom, #2d2d2d 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: mix(#2c2c2c,#333333,0.4); } - scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; } - scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, mix(#333333,#2d2d2d,0.9) 1px, transparent 1px); - background-color: #2b2b2b; - transition: 200ms ease-out; } - -/***************** - ! Progress bars * -******************/ -progressbar { - padding: 0; - border-radius: 2px; - font-size: smaller; - color: rgba(222, 222, 222, 0.6); } - progressbar.horizontal trough, - progressbar.horizontal progress { - min-height: 6px; } - progressbar.vertical trough, - progressbar.vertical progress { - min-width: 6px; } - progressbar trough { - border: 1px solid rgba(41, 41, 41, 0.5); - background-color: #373737; - background-image: none; - border-radius: 2px; } - progressbar progress { - background-color: #169f6f; - background-image: none; - border-radius: 0; } - progressbar progress.left { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; } - progressbar progress.right { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; } - progressbar progress.bottom { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } - progressbar progress.top { - border-top-left-radius: 2px; - border-top-right-radius: 2px; } - progressbar.osd { - margin: 2px; - min-height: 2px; - min-width: 2px; } - progressbar.osd trough { - border-style: none; - border-radius: 0; - background-image: none; - background-color: transparent; } - progressbar.osd progress { - border-style: none; - border-radius: 0; - background-color: #169f6f; - background-image: none; } - -levelbar.horizontal block { - min-width: 34px; - min-height: 4px; } -levelbar.vertical block { - min-width: 4px; - min-height: 34px; } -levelbar:backdrop { - transition: 200ms ease-out; } -levelbar trough { - background-color: #373737; - background-image: none; - border: 1px solid rgba(41, 41, 41, 0.5); - border-radius: 2px; - padding: 2px; } -levelbar.horizontal.discrete block { - margin: 0 1px; } - levelbar.horizontal.discrete block:first-child { - margin: 0; } -levelbar.vertical.discrete block { - margin: 1px 0; } - levelbar.vertical.discrete block:first-child { - margin: 0; } -levelbar block { - background-color: #169f6f; - background-image: none; - border-color: transparent; - border-radius: 2px; } - levelbar block.low { - background-color: #ef6c00; - border-color: transparent; } - levelbar block.high, levelbar block:not(.empty) { - background-color: #4caf50; - border-color: transparent; } - levelbar block.full { - background-color: #127f59; - border-color: transparent; } - levelbar block.empty { - background-color: transparent; - border-color: transparent; - box-shadow: none; } - -scale { - min-height: 10px; - min-width: 10px; - padding: 3px; } - scale.horizontal trough { - padding: 0 3px; } - scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; } - scale.vertical trough { - padding: 3px 0; } - scale.vertical highlight, scale.vertical fill { - margin: -4px 0; } - scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; } - scale.fine-tune slider { - margin: -7px; } - scale.fine-tune highlight { - background-color: #18af7a; } - scale.fine-tune fill, - scale.fine-tune highlight, - scale.fine-tune trough { - border-radius: 5px; - -gtk-outline-radius: 7px; } - scale trough { - outline-offset: 2px; - -gtk-outline-radius: 4.5px; - border-radius: 2.5px; - background-color: #262626; } - scale trough:disabled { - background-color: rgba(38, 38, 38, 0.55); } - .osd scale trough { - background-color: rgba(62, 62, 62, 0.8); } - .osd scale trough highlight { - background-color: #169f6f; } - menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); } - menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: #ffffff; } - menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: mix(#ffffff,#169f6f,0.55); } - menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); } - scale highlight { - border-radius: 2.5px; - background-color: #169f6f; } - scale highlight:disabled { - background-color: rgba(22, 159, 111, 0.55); } - scale fill { - border-radius: 2.5px; - background-color: rgba(22, 159, 111, 0.5); } - scale fill:disabled { - background-color: transparent; } - scale slider { - background-color: #333333; - border: 1px solid rgba(189, 189, 189, 0.16); - border-radius: 100%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; } - scale slider:hover { - background-color: #404040; } - scale slider:active { - background-clip: border-box; - background-color: #169f6f; - border-color: #169f6f; } - scale slider:disabled { - background-color: mix(#333333,#333333,0.55); - border-color: rgba(189, 189, 189, 0); } - menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: #ffffff; - border-color: #ffffff; } - menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: mix(#ffffff,#169f6f,0.85); - border-color: mix(#ffffff,#169f6f,0.85); } - menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: mix(#ffffff,#169f6f,0.5); - border-color: mix(#ffffff,#169f6f,0.5); } - menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: mix(#ffffff,#169f6f,0.55); - border-color: mix(#ffffff,#169f6f,0.55); } - .osd scale slider { - background-clip: border-box; - background-color: #169f6f; - border-color: #169f6f; } - .osd scale slider:hover { - background-color: #1ccc8e; - border-color: #1ccc8e; } - .osd scale slider:active { - background-color: #107250; - border-color: #107250; } - scale value { - color: alpha(currentColor,0.4); } - scale marks { - color: alpha(currentColor,0.4); } - scale marks.top { - margin-bottom: 1px; - margin-top: -4px; } - scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; } - scale marks.top { - margin-right: 1px; - margin-left: -4px; } - scale marks.bottom { - margin-left: 1px; - margin-right: -4px; } - scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; } - scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; } - scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; } - scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; } - scale.horizontal indicator { - min-height: 3px; - min-width: 1px; } - scale.horizontal.fine-tune indicator { - min-height: 2px; } - scale.vertical indicator { - min-height: 1px; - min-width: 3px; } - scale.vertical.fine-tune indicator { - min-width: 2px; } - scale.color trough { - padding: 0; - border: 0; - background-image: none; } - scale.color highlight, scale.color fill { - margin: 0; } - scale.color.horizontal { - padding: 0 0 6px 0; } - scale.color.horizontal trough { - border-top-left-radius: 0; - border-top-right-radius: 0; } - scale.color.horizontal slider:hover, scale.color.horizontal slider:backdrop, scale.color.horizontal slider:disabled, scale.color.horizontal slider:backdrop:disabled, scale.color.horizontal slider { - margin-bottom: 0; - margin-top: 0; } - scale.color.vertical:dir(ltr) { - padding: 0 0 0 6px; } - scale.color.vertical:dir(ltr) trough { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { - margin-left: 0; - margin-right: 0; } - scale.color.vertical:dir(rtl) { - padding: 0 6px 0 0; } - scale.color.vertical:dir(rtl) trough { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { - margin-right: 0; - margin-left: 0; } - -/*********** - ! Scrollbar -************/ -scrollbar { - background-color: mix(#2c2c2c,#333333,0.4); - transition: 300ms ease-out; } - * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - scrollbar.top { - border-bottom: 1px solid #2d2d2d; } - scrollbar.bottom { - border-top: 1px solid #2d2d2d; } - scrollbar.left { - border-right: 1px solid #2d2d2d; } - scrollbar.right { - border-left: 1px solid #2d2d2d; } - scrollbar:backdrop { - background-color: #2b2b2b; - border-color: mix(#333333,#2d2d2d,0.9); - transition: 400ms ease-in; } - scrollbar slider { - min-width: 7px; - min-height: 7px; - border: 1px solid transparent; - border-radius: 2px; - background-clip: padding-box; - background-color: mix(#333333,#dedede,0.5); } - scrollbar slider:hover { - background-color: mix(#333333,#dedede,0.7); } - scrollbar slider:hover:active { - background-color: #1ccc8e; } - scrollbar slider:backdrop { - background-color: mix(mix(#dedede,#333333,0.5),#333333,0.4); } - scrollbar slider:disabled { - background-color: transparent; } - scrollbar.horizontal slider { - min-width: 40px; } - scrollbar.vertical slider { - min-height: 40px; } - scrollbar.fine-tune slider:active { - background-color: #38e3a7; } - scrollbar.overlay-indicator { - opacity: .8; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: .4; - background-color: transparent; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - min-width: 4px; - min-height: 4px; - background-color: #dedede; - border: 1px solid #000; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 4px; - min-height: 4px; - border-color: transparent; - -gtk-icon-source: none; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - min-width: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 7px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - min-height: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 7px; } - scrollbar button { - min-width: 7px; - min-height: 7px; - padding: 0; - border: 0; - border-radius: 0; - border-color: #2d2d2d; - background-color: transparent; - box-shadow: none; - color: mix(#333333,#dedede,0.5); } - scrollbar button:hover { - color: mix(#333333,#dedede,0.7); } - scrollbar button:active, scrollbar button:checked { - color: #1ccc8e; } - scrollbar button:backdrop { - color: mix(mix(#dedede,#333333,0.5),#333333,0.4); } - scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - border-top: 1px solid #2d2d2d; } - scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); - border-bottom: 1px solid #2d2d2d; } - scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - border-left: 1px solid #2d2d2d; } - scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); - border-right: 1px solid #2d2d2d; } - -/********* - ! Sidebar -**********/ -.sidebar { - border-style: none; - background-color: mix(#333333,#2c2c2c,0.5); } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid #2d2d2d; - border-left-style: none; } - stacksidebar.sidebar:dir(rtl) list - .sidebar:dir(rtl), stacksidebar.sidebar.right list - .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #2d2d2d; - border-right-style: none; } - .sidebar:backdrop { - background-color: mix(#333333,#2c2c2c,0.5); - border-color: mix(#333333,#2d2d2d,0.9); - transition: 200ms ease-out; } - .sidebar .frame, .sidebar frame { - border-width: 0; } - .sidebar list { - background-color: transparent; } - paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { - border-style: none; } - -stacksidebar row { - padding: 6px 3px; } - stacksidebar row > label { - padding-left: 3px; - padding-right: 3px; } - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - -placessidebar > viewport.frame { - border-style: none; } -placessidebar row { - min-height: 32px; - padding: 0; } - placessidebar row > revealer { - padding: 0 6px; } - placessidebar row:selected { - color: #ffffff; } - placessidebar row:disabled { - color: mix(#dedede,#333333,0.5); } - placessidebar row:backdrop { - color: mix(#dedede,#333333,0.5); } - placessidebar row:backdrop:selected { - color: mix(#169f6f,#ffffff,0.66); } - placessidebar row:backdrop:disabled { - color: #595959; } - placessidebar row image.sidebar-icon { - opacity: 0.7; } - placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; - padding-left: 3px; } - placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; - padding-right: 3px; } - placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 20px; - min-width: 20px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100%; - -gtk-outline-radius: 100%; } - button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { - opacity: 0.7; } - placessidebar row:selected:active { - box-shadow: none; } - placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image(#4e9a06); - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: #169f6f; } - placessidebar row:drop(active):not(:disabled) { - color: #4e9a06; - box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } - placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; - background-color: #4e9a06; } - -/****** -! Paned -*******/ -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(#2e2e2e); - background-size: 1px 1px; - background-position: center center; } - paned > separator:selected { - background-image: image(#169f6f); } - paned > separator:backdrop { - background-image: image(mix(#333333,#2d2d2d,0.9)); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: image(#292929), image(#292929); - background-size: 1px 1px, 1px 1px; } - paned > separator.wide:backdrop { - background-color: #333333; - background-image: image(mix(#333333,#2d2d2d,0.9)), image(mix(#333333,#2d2d2d,0.9)); } -paned.horizontal > separator { - background-repeat: repeat-y; - padding: 0 2px; - margin: 0 -2px; } - paned.horizontal > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; } -paned.vertical > separator { - background-repeat: repeat-x; - padding: 2px 0; - margin: -2px 0; } - paned.vertical > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; } -paned.titlebar > separator { - background-image: image(#282828); } - -/******************* - ! Spinner animation -********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -spinner { - background-image: none; - color: #169f6f; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - spinner:checked:disabled { - opacity: .5; } - -/*********************** - ! Check and Radio items -************************/ -radio { - background-image: none; - -gtk-icon-source: url("../assets/radio-unchecked-dark.svg"); - min-width: 16px; - min-height: 16px; - margin-right: 3px; } - radio:disabled { - -gtk-icon-source: url("../assets/radio-unchecked-insensitive-dark.svg"); } - radio:checked, radio:active { - -gtk-icon-source: url("../assets/radio-checked-dark.svg"); } - radio:checked:disabled, radio:active:disabled { - -gtk-icon-source: url("../assets/radio-checked-insensitive-dark.svg"); } - radio:indeterminate { - -gtk-icon-source: url("../assets/radio-mixed-dark.svg"); } - radio:indeterminate:disabled { - -gtk-icon-source: url("../assets/radio-mixed-insensitive-dark.svg"); } - menuitem radio, modelbutton radio { - -gtk-icon-source: url("../assets/menuitem-radio-checked-insensitive.svg"); } - menuitem radio:disabled, modelbutton radio:disabled { - -gtk-icon-source: none; } - menuitem radio:checked, menuitem radio:active, modelbutton radio:checked, modelbutton radio:active { - -gtk-icon-source: url("../assets/menuitem-radio-checked.svg"); } - menuitem radio:checked:hover, menuitem radio:active:hover, modelbutton radio:checked:hover, modelbutton radio:active:hover { - -gtk-icon-source: url("../assets/menuitem-radio-checked-hover.svg"); } - menuitem radio:checked:disabled, menuitem radio:active:disabled, modelbutton radio:checked:disabled, modelbutton radio:active:disabled { - -gtk-icon-source: url("../assets/menuitem-radio-checked-insensitive.svg"); } - menuitem radio:indeterminate, modelbutton radio:indeterminate { - -gtk-icon-source: url("../assets/menuitem-radio-mixed.svg"); } - menuitem radio:indeterminate:hover, modelbutton radio:indeterminate:hover { - -gtk-icon-source: url("../assets/menuitem-radio-mixed-hover.svg"); } - menuitem radio:indeterminate:disabled, modelbutton radio:indeterminate:disabled { - -gtk-icon-source: url("../assets/menuitem-radio-mixed-insensitive.svg"); } - -check { - background-image: none; - -gtk-icon-source: url("../assets/checkbox-unchecked-dark.svg"); - min-width: 16px; - min-height: 16px; - margin-right: 3px; } - check:disabled { - -gtk-icon-source: url("../assets/checkbox-unchecked-insensitive-dark.svg"); } - check:checked, check:active { - -gtk-icon-source: url("../assets/checkbox-checked-dark.svg"); } - check:checked:disabled, check:active:disabled { - -gtk-icon-source: url("../assets/checkbox-checked-insensitive-dark.svg"); } - check:indeterminate { - -gtk-icon-source: url("../assets/checkbox-mixed-dark.svg"); } - check:indeterminate:disabled { - -gtk-icon-source: url("../assets/checkbox-mixed-insensitive-dark.svg"); } - menuitem check, modelbutton check { - -gtk-icon-source: url("../assets/menuitem-checkbox-checked-insensitive.svg"); } - menuitem check:disabled, modelbutton check:disabled { - -gtk-icon-source: none; } - menuitem check:checked, menuitem check:active, modelbutton check:checked, modelbutton check:active { - -gtk-icon-source: url("../assets/menuitem-checkbox-checked.svg"); } - menuitem check:checked:hover, menuitem check:active:hover, modelbutton check:checked:hover, modelbutton check:active:hover { - -gtk-icon-source: url("../assets/menuitem-checkbox-checked-hover.svg"); } - menuitem check:checked:disabled, menuitem check:active:disabled, modelbutton check:checked:disabled, modelbutton check:active:disabled { - -gtk-icon-source: url("../assets/menuitem-checkbox-checked-insensitive.svg"); } - menuitem check:indeterminate, modelbutton check:indeterminate { - -gtk-icon-source: url("../assets/menuitem-checkbox-mixed.svg"); } - menuitem check:indeterminate:hover, modelbutton check:indeterminate:hover { - -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-hover.svg"); } - menuitem check:indeterminate:disabled, modelbutton check:indeterminate:disabled { - -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-insensitive.svg"); } - -radio:dir(rtl), check:dir(rtl) { - margin-right: 0; - margin-left: 3px; } - -.view.content-view.check:not(list), iconview.content-view.check:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-unchecked-dark.svg"); - background-color: transparent; } - -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-unchecked-dark.svg"); - background-color: transparent; } - -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-checked-dark.svg"); - background-color: transparent; } - -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-unchecked-dark.svg"); - background-color: transparent; } - -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-checked-dark.svg"); - background-color: transparent; } - -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-checked-dark.svg"); - background-color: transparent; } - -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-checked-dark.svg"); - background-color: transparent; } - -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-checked-dark.svg"); - background-color: transparent; } - -/******** - ! Switch -*********/ -switch { - border-radius: 2px; - padding: 2px; - border: none; - outline: none; - transition: background-color .3s linear; - min-width: 88px; - min-height: 24px; - background-color: mix(#333333,#2c2c2c,0.3); - color: #ffffff; - box-shadow: inset 1px -1px 0 rgba(44, 44, 44, 0.06), inset -1px 1px 0 rgba(44, 44, 44, 0.06); } - switch slider { - background-color: mix(#ffffff,#333333,0.5); - transition: all 0.3s ease-in; - box-shadow: 0 1px 2px 0 rgba(44, 44, 44, 0.07), 1px 0 2px 0 rgba(44, 44, 44, 0.07); - border-radius: 2px; } - switch:checked { - background-color: #169f6f; - background-image: none; - border-color: #169f6f; - color: #2c2c2c; } - switch:checked slider { - background-color: #fff; - box-shadow: 0 1px 3px 0 rgba(44, 44, 44, 0.1); } - switch:disabled { - background-color: mix(#333333,#2c2c2c,0.5); - background-image: none; - border-color: #333333; - color: #333333; - box-shadow: none; } - switch:disabled slider { - background-color: #333333; } - list row:selected switch { - background-color: #333333; - color: mix(#333333,#2c2c2c,0.5); } - list row:selected switch slider { - background-color: mix(mix(#333333,#2c2c2c,0.5),#2c2c2c,0.4); } - list row:selected switch:checked { - color: #169f6f; - background-color: mix(#ffffff,#333333,0.5); } - list row:selected switch:checked slider { - background-color: #169f6f; } - -/********* - ! Buttons -**********/ -/****************** -! ComboBoxes * -*******************/ -/********* - ! Toolbar -**********/ -/*************** - ! Generic views -****************/ -.view, iconview, -.view text, -iconview text, -textview text { - color: #ffffff; - background-color: #2c2c2c; } - .view:backdrop, iconview:backdrop, - .view text:backdrop, - iconview text:backdrop, - textview text:backdrop { - color: mix(#2c2c2c,#ffffff,0.8); - background-color: #2c2c2c; } - .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - .view text:selected:focus, - iconview text:selected:focus, - textview text:selected:focus, - .view text:selected, - iconview text:selected, - textview text:selected { - border-radius: 2px; } - -textview border { - background-color: mix(#333333,#2c2c2c,0.5); } - -/************ -! Treeview -*************/ -.rubberband, -rubberband, -flowbox rubberband, -treeview.view rubberband { - border: 1px solid #169f6f; - background-color: rgba(22, 159, 111, 0.2); } - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: #2c2c2c; - transition-property: color, background; } -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: #2c2c2c; } - treeview entry.flat:focus, treeview entry:focus { - border-color: #169f6f; } - -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - padding: 1px 4px; - border-radius: 0; - background-image: none; - text-shadow: none; - border-style: none solid solid none; - border-color: #333333; } - treeview.view header button:disabled { - border-color: #333333; - background-image: none; } - treeview.view header button:backdrop { - border-color: #333333; - border-style: none solid solid none; - color: mix(mix(#dedede,#333333,0.5),#333333,0.5); - background-image: none; - background-color: #2c2c2c; } - treeview.view header button:backdrop:disabled { - border-color: #333333; - background-image: none; } - -treeview.view { - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - border-left-color: mix(#dedede,#2c2c2c,0.5); - border-top-color: #333333; } - treeview.view:selected:focus, treeview.view:selected { - border-radius: 0; } - treeview.view:selected:backdrop, treeview.view:selected { - border-left-color: mix(#ffffff,#169f6f,0.5); - border-top-color: rgba(222, 222, 222, 0.1); } - treeview.view:disabled { - color: mix(#dedede,#333333,0.5); } - treeview.view:disabled:selected { - color: mix(#ffffff,#169f6f,0.4); } - treeview.view:disabled:selected:backdrop { - color: mix(mix(#169f6f,#ffffff,0.66),#169f6f,0.3); } - treeview.view:disabled:backdrop { - color: #595959; } - treeview.view.separator { - min-height: 2px; - color: #333333; } - treeview.view.separator:backdrop { - color: rgba(51, 51, 51, 0.1); } - treeview.view:backdrop { - border-left-color: mix(mix(#dedede,#333333,0.5),#333333,0.5); - border-top: #333333; } - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #0a4530; } - treeview.view:drop(active).after { - border-top-style: none; } - treeview.view:drop(active).before { - border-bottom-style: none; } - treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: mix(#2c2c2c,#dedede,0.7); } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - treeview.view.expander:hover { - color: #dedede; } - treeview.view.expander:selected { - color: mix(#169f6f,#ffffff,0.7); } - treeview.view.expander:selected:hover { - color: #ffffff; } - treeview.view.expander:selected:backdrop { - color: mix(#169f6f,mix(#169f6f,#ffffff,0.66),0.7); } - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.expander:backdrop { - color: mix(#2c2c2c,mix(#dedede,#333333,0.5),0.7); } - treeview.view.progressbar { - border-radius: 2px; - border: 1px solid #0a4530; - background-color: #169f6f; } - treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #169f6f; - background-image: none; - border-radius: 2px; } - treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - border-color: #2c2c2c; - background-color: mix(#2c2c2c,#169f6f,0.9); } - treeview.view.progressbar:disabled { - background-color: #333333; - background-image: none; - border-color: #2b2b2b; } - treeview.view.progressbar:backdrop { - border-color: #2c2c2c; - background-image: none; - box-shadow: none; } - treeview.view.trough { - background-color: rgba(222, 222, 222, 0.1); - border-radius: 2px; } - treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: #169f6f; - border-radius: 2px; } - treeview.view header button { - color: mix(#dedede,#2c2c2c,0.5); - background-color: #2c2c2c; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - treeview.view header button:hover { - color: mix(mix(#dedede,#2c2c2c,0.5),#dedede,0.5); - box-shadow: none; - transition: none; } - treeview.view header button:active { - color: #dedede; - transition: none; } - treeview.view header button:last-child:backdrop, treeview.view header button:last-child { - border-right-style: none; } - treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 0 6px; - transition: none; - background-image: none; - background-color: #169f6f; - color: #2c2c2c; - border-radius: 0; - border-style: none; - box-shadow: inset 0 0 0 1px #2c2c2c; - text-shadow: none; } - treeview.view acceleditor > label { - background-color: #169f6f; } - -/*********** - ! Separator -************/ -separator { - background: rgba(0, 0, 0, 0.1); - min-width: 1px; - min-height: 1px; } - -/********** - ! Frames * -***********/ -frame > border, .frame { - border: 1px solid #2d2d2d; } - frame > border.flat, .frame.flat { - border-style: none; } - frame > border:backdrop, .frame:backdrop { - border-color: mix(#333333,#2d2d2d,0.9); } - -/* avoid double borders when a viewport is packed into a GtkScrolledWindow */ -scrolledwindow viewport.frame { - border: 0; } - -/*************** - ! Places view * -****************/ -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); } -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(-0.5turn); } -placesview row.activatable:hover { - background-color: transparent; } -placesview > actionbar > revealer > box > label { - padding-left: 8px; - padding-right: 8px; } - -/************** - ! Window frame -***************/ -decoration { - border-radius: 2px 2px 0 0; - border-width: 0; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.7), 0 0 0 1px transparent; - /* this is used for the resize cursor area */ - margin: 9px; } - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; - transition: 200ms ease-out; } - .maximized decoration, .fullscreen decoration, .tiled decoration { - border-radius: 0; } - .popup decoration { - box-shadow: none; } - .ssd decoration { - box-shadow: 0 0 0 1px transparent; } - .solid-csd decoration { - border-radius: 0; - margin: 1px; - background-color: #333333; - box-shadow: none; } - .csd.popup decoration { - border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(45, 45, 45, 0.8); } - tooltip.csd decoration { - border-radius: 2px; - box-shadow: none; } - messagedialog.csd decoration { - border-radius: 2px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(45, 45, 45, 0.8); } - -/*********************** - ! Fallback mode panel * -************************/ -panel-plug, -panel-toplevel.background, clock-box, clock-box:backdrop, -panel-applet > menubar, -panel-applet > menubar:backdrop, -panel-toplevel .gnome-panel-menu-bar, -panel-toplevel .gnome-panel-menu-bar:backdrop, clock-box menuitem, clock-box:backdrop menuitem, -panel-applet > menubar menuitem, -panel-applet > menubar:backdrop menuitem, -panel-toplevel .gnome-panel-menu-bar menuitem, -panel-toplevel .gnome-panel-menu-bar:backdrop menuitem, wnck-pager, wnck-tasklist, .mate-panel-menu-bar, .xfce4-panel, UnityPanelWidget, .unity-panel { - background-color: #2c2c2c; - background-image: none; - color: #e9e9e9; } - -clock-box menuitem label, clock-box:backdrop menuitem label, -panel-applet > menubar menuitem label, -panel-applet > menubar:backdrop menuitem label, -panel-toplevel .gnome-panel-menu-bar menuitem label, -panel-toplevel .gnome-panel-menu-bar:backdrop menuitem label, gp-calendar-window label, -#tasklist-button label, -#clock-applet-button label, -#showdesktop-button label { - font-weight: normal; - color: #e9e9e9; } - -#clock-applet-button, #clock-applet-button:backdrop, panel-applet button, panel-applet button:backdrop, .xfce4-panel button, #login_window, #shutdown_dialog, #restart_dialog { - border-width: 0 1px; - border-radius: 0; - border-color: transparent; - background-color: transparent; - background-image: none; - color: #e9e9e9; } - #clock-applet-button:hover, panel-applet button:hover, .xfce4-panel button:hover, #login_window:hover, #shutdown_dialog:hover, #restart_dialog:hover { - background-color: mix(#2c2c2c,#e9e9e9,0.11); - background-image: none; - border-color: mix(#2c2c2c,#e9e9e9,0.11); - color: #fcfcfc; } - #clock-applet-button:active, panel-applet button:active, .xfce4-panel button:active, #login_window:active, #shutdown_dialog:active, #restart_dialog:active, #clock-applet-button:checked, panel-applet button:checked, .xfce4-panel button:checked, #login_window:checked, #shutdown_dialog:checked, #restart_dialog:checked { - background-color: mix(#2c2c2c,#e9e9e9,0.21); - background-image: none; - border-color: mix(#2c2c2c,#e9e9e9,0.21); - color: #fcfcfc; } - #clock-applet-button:active:hover, panel-applet button:active:hover, .xfce4-panel button:active:hover, #login_window:active:hover, #shutdown_dialog:active:hover, #restart_dialog:active:hover, #clock-applet-button:checked:hover, panel-applet button:checked:hover, .xfce4-panel button:checked:hover, #login_window:checked:hover, #shutdown_dialog:checked:hover, #restart_dialog:checked:hover { - background-color: mix(#2c2c2c,#e9e9e9,0.31); - background-image: none; - border-color: mix(#2c2c2c,#e9e9e9,0.31); } - -panel-plug, -panel-toplevel.background { - padding: 0; } - -.gp-text-color { - color: #000; } - -panel-applet { - border: 0; } - -clock-box menuitem, clock-box:backdrop menuitem, -panel-applet > menubar menuitem, -panel-applet > menubar:backdrop menuitem, -panel-toplevel .gnome-panel-menu-bar menuitem, -panel-toplevel .gnome-panel-menu-bar:backdrop menuitem { - border: 0; } - -/**************** - ! MATE styles * -*****************/ -.mate-panel-menu-bar { - border: 0; - padding: 0; - text-shadow: none; } - -#PanelApplet label, -.mate-panel-menu-bar menubar > menuitem { - color: #e9e9e9; } - -PanelSeparator, MatePanelAppletFrameDBus { - border-width: 0; - color: transparent; - background-image: -gtk-scaled(url("../assets/pane-handle.png"), url("../assets/pane-handle@2.png")); - background-color: transparent; - background-repeat: no-repeat; - background-position: left; } - -#PanelApplet button, -#PanelApplet button.flat, -#PanelApplet button.toggle -#PanelApplet button.flat.toggle { - background-image: none; - background-color: transparent; - border-color: transparent; - border-style: solid; - border-radius: 0; - border-width: 1px; - color: #e9e9e9; - text-shadow: none; - box-shadow: none; - padding: 2px; } - -#PanelApplet button:hover:active, -#PanelApplet button:checked, -#PanelApplet button:checked:hover, -#PanelApplet button.flat:hover:active, -#PanelApplet button.flat:checked, -#PanelApplet button.flat:checked:hover, -#PanelApplet button.toggle:hover:active, -#PanelApplet button.toggle:checked, -#PanelApplet button.toggle:checked:hover, -#PanelApplet button.flat.toggle:hover:active, -#PanelApplet button.flat.toggle:checked, -#PanelApplet button.flat.toggle:checked:hover { - background-image: none; - background-color: darker(#2c2c2c); - border-color: transparent; - border-radius: 0; - border-width: 1px; - color: lighter(#e9e9e9); - text-shadow: none; - padding: 2px; } - -#PanelApplet button:hover, -#PanelApplet button.flat:hover, -#PanelApplet button.toggle:hover, -#PanelApplet button.flat.toggle:hover { - background-image: none; - background-color: #393939; - border-color: transparent; - border-radius: 0; - border-width: 1px; - color: #ffffff; - text-shadow: none; - padding: 2px; } - -.mate-panel-menu-bar menubar > menuitem { - padding: 3px 7px; } - -/********************* - ! Cinnamon Settings * -**********************/ -.cs-category-view, .cs-category-view:backdrop, .cs-category-view .view, .cs-category-view iconview, .cs-category-view .view:backdrop, .cs-category-view iconview:backdrop { - background-color: transparent; } - -/**************** - ! Gnome clocks * -*****************/ -.clocks-analog-frame.trough { - color: mix(#dedede,#333333,0.85); } -.clocks-analog-frame.progress { - color: mix(#333333,#169f6f,0.5); } -.clocks-analog-frame.progress-fast { - color: #0f6f4e; } - -/***************** - ! Gnome Builder * -******************/ -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: 0; - box-shadow: none; } - workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 2px 2px 0 0; } - -/*********************** - ! Unity Greeter * - ***********************/ -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); } } -.lightdm.button, .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.9); - border-radius: 5px; - padding: 3px; - color: #fff; } - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.6); - border-color: rgba(255, 255, 255, 0.2); - border-radius: 4px; - padding: 1px; - color: #fff; } - .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { - color: #fff; } -.lightdm.menubar *, .lightdm.menubar.menuitem { - padding: 0px; } -.lightdm.option-button { - padding: 3px; - background: none; - border: 0; } -.lightdm.toggle-button { - background: none; - border-width: 0; } - .lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.3); - border-width: 1px; } - .lightdm.toggle-button.selected:hover { - background-color: rgba(255, 255, 255, 0.3); } -.lightdm.button:hover { - background-color: rgba(255, 255, 255, 0.3); - border-color: rgba(255, 255, 255, 0.6); - text-shadow: none; } -.lightdm.entry, .lightdm.button:active, .lightdm.button:active:focus, .lightdm.button:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.6); - border-radius: 5px; - padding: 5px; - color: #fff; - text-shadow: none; } -.lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focus { - background-image: none; - border-image: none; } -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; } -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.6); - border-width: 1px; - border-style: solid; - color: #fff; } -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.2); } - -.lightdm-combo.menu { - background-color: #303030; - border-radius: 0; - padding: 0; - color: #fff; } - -/********* - ! Gedit * -**********/ -GeditWindow .pane-separator { - border-width: 0 1px 0 0; - border-style: solid; } - GeditWindow .pane-separator, GeditWindow .pane-separator:hover { - border-color: #2e2e2e; - background-color: #333333; } - -.gedit-document-panel { - background-color: #333333; - color: mix(#dedede,#333333,0.1); } - .gedit-document-panel list row { - padding: 3px; } - .gedit-document-panel list row button { - padding: 1px; - border-radius: 2px; - border-style: solid; - border-color: transparent; - border-width: 1px; - background-color: transparent; - background-image: none; - color: transparent; - -gtk-icon-shadow: none; } - .gedit-document-panel .prelight-row button { - border-color: rgba(0, 0, 0, 0.1); - color: rgba(255, 255, 255, 0.8); } - .gedit-document-panel .prelight-row button:active { - border-color: rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.08); - color: #fff; } - .gedit-document-panel list row button:hover, .gedit-document-panel .prelight-row button:hover { - border-color: rgba(0, 0, 0, 0.1); - color: #fff; } - -.gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { - border-top: 1px solid #2e2e2e; - background-color: #333333; } - -.gedit-document-panel-document-row:hover { - background-color: #363636; } - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: rgba(0, 0, 0, 0.5); - color: #fff; } - -.gedit-document-panel-placeholder-row { - border: 0; - background-color: rgba(0, 0, 0, 0.08); - transition: all 200ms ease-in; } - -statusbar GeditSmallButton, GeditStatusMenuButton { - text-shadow: none; } - statusbar GeditSmallButton button, GeditStatusMenuButton button { - border-style: solid; - border-width: 0 1px; - border-color: transparent; - border-radius: 0; - padding: 1px 6px 2px 4px; } - statusbar GeditSmallButton button:hover, statusbar GeditSmallButton button:active, statusbar GeditSmallButton button:active:hover, GeditStatusMenuButton button:hover, GeditStatusMenuButton button:active, GeditStatusMenuButton button:active:hover { - border-color: #292929; } - statusbar GeditSmallButton button:active, GeditStatusMenuButton button:active { - background-color: #303030; - color: #dedede; } - -GeditViewFrame .gedit-search-slider { - padding: 3px; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px; - border-style: solid; - border-color: #232323; - background-color: #2c2c2c; } - GeditViewFrame .gedit-search-slider .not-found { - background-color: #f44336; - background-image: none; - color: #fff; } - -GeditFileBrowserWidget .toolbar { - padding: 1.5px; - border-top: 0; - background-color: #333333; - background-image: none; } - -.gedit-search-entry-occurrences-tag { - margin: 1.5px; - padding: 1.5px; - color: mix(#ffffff,#2c2c2c,0.5); } - -.gedit-bottom-panel-paned, -.gedit-side-panel-paned, -paned.titlebar { - margin-right: 0; } - -.gedit-bottom-panel-paned notebook { - border-top: none; } - -/************ - ! Nautilus * -*************/ -.nautilus-desktop, .nautilus-desktop:backdrop, .nautilus-desktop *, .nautilus-desktop *:backdrop { - color: #fff; - text-shadow: 1px 1px #000; } - .nautilus-desktop:active, .nautilus-desktop:backdrop:active, .nautilus-desktop *:active, .nautilus-desktop *:backdrop:active { - color: #dedede; } - .nautilus-desktop:selected, .nautilus-desktop:backdrop:selected, .nautilus-desktop *:selected, .nautilus-desktop *:backdrop:selected { - color: #ffffff; } - .nautilus-desktop:active, .nautilus-desktop:hover, .nautilus-desktop:selected, .nautilus-desktop:backdrop:active, .nautilus-desktop:backdrop:hover, .nautilus-desktop:backdrop:selected, .nautilus-desktop *:active, .nautilus-desktop *:hover, .nautilus-desktop *:selected, .nautilus-desktop *:backdrop:active, .nautilus-desktop *:backdrop:hover, .nautilus-desktop *:backdrop:selected { - text-shadow: none; } - -.nautilus-window toolbar { - border-width: 0 0 1px; - border-style: solid; - border-color: #292929; } -.nautilus-window .sidebar { - border: 0; } - .nautilus-window .sidebar frame { - border: 0; } -.nautilus-window notebook { - background-color: #2c2c2c; - border: 0; } - .nautilus-window notebook frame { - border: 0; } -.nautilus-window .searchbar-container { - margin-top: -1px; } - .nautilus-window .searchbar-container searchbar { - padding-top: 0px; - padding-bottom: 1px; - border-bottom: 1px solid #2d2d2d; } - -.disk-space-display { - border-style: solid; - border-width: 1px; } - .disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(200, 200, 200, 0.5); } - .disk-space-display.used { - background-color: rgba(22, 159, 111, 0.8); - border-color: rgba(20, 143, 100, 0.8); } - .disk-space-display.free { - background-color: #303030; - border-color: #2c2c2c; } - -.conflict-row.activatable, .conflict-row.activatable:active { - color: #fff; - background-color: #f44336; } -.conflict-row.activatable:hover { - background-color: #f65d52; } -.conflict-row.activatable:selected { - color: #ffffff; - background-color: #169f6f; } - -/******** - ! Nemo * -*********/ -.nemo-desktop, .nemo-desktop:backdrop, .nemo-desktop *, .nemo-desktop *:backdrop { - color: #fff; - text-shadow: 1px 1px #000; } - .nemo-desktop:active, .nemo-desktop:backdrop:active, .nemo-desktop *:active, .nemo-desktop *:backdrop:active { - color: #dedede; } - .nemo-desktop:selected, .nemo-desktop:backdrop:selected, .nemo-desktop *:selected, .nemo-desktop *:backdrop:selected { - color: #ffffff; } - .nemo-desktop:active, .nemo-desktop:hover, .nemo-desktop:selected, .nemo-desktop:backdrop:active, .nemo-desktop:backdrop:hover, .nemo-desktop:backdrop:selected, .nemo-desktop *:active, .nemo-desktop *:hover, .nemo-desktop *:selected, .nemo-desktop *:backdrop:active, .nemo-desktop *:backdrop:hover, .nemo-desktop *:backdrop:selected { - text-shadow: none; } - -.nemo-window { - /* Status Bar */ } - .nemo-window toolbar { - border-width: 0 0 1px; - border-style: solid; - border-color: #292929; - /* Path Bar */ } - .nemo-window toolbar button { - background-color: #333333; - background-image: none; - border-color: rgba(178, 178, 178, 0.22); - color: #dedede; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - .nemo-window toolbar button:focus, .nemo-window toolbar button:hover { - border-color: #0a4530; } - .nemo-window toolbar button:active, .nemo-window toolbar button:active:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover:focus, .nemo-window toolbar button:checked, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.22); } - .nemo-window toolbar button:disabled { - border-color: rgba(189, 189, 189, 0.22); } - .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled { - border-color: rgba(178, 178, 178, 0.22); } - .nemo-window toolbar button:active { - color: #dedede; } - .nemo-window toolbar button.flat { - color: #dedede; - border-color: rgba(51, 51, 51, 0); - background-color: rgba(51, 51, 51, 0); - background-image: none; - box-shadow: none; } - .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:hover { - background-color: #363636; - background-image: none; - border-color: rgba(178, 178, 178, 0.3); - color: #dedede; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - .nemo-window toolbar button:hover:focus, .nemo-window toolbar button:hover:hover, .nemo-window toolbar button.flat:hover:focus, .nemo-window toolbar button.flat:hover:hover { - border-color: #0a4530; } - .nemo-window toolbar button:hover:active, .nemo-window toolbar button:hover:active:hover, .nemo-window toolbar button:hover:active:focus, .nemo-window toolbar button:hover:active:hover:focus, .nemo-window toolbar button:hover:checked, .nemo-window toolbar button:hover:checked:hover, .nemo-window toolbar button:hover:checked:focus, .nemo-window toolbar button:hover:checked:hover:focus, .nemo-window toolbar button.flat:hover:active, .nemo-window toolbar button.flat:hover:active:hover, .nemo-window toolbar button.flat:hover:active:focus, .nemo-window toolbar button.flat:hover:active:hover:focus, .nemo-window toolbar button.flat:hover:checked, .nemo-window toolbar button.flat:hover:checked:hover, .nemo-window toolbar button.flat:hover:checked:focus, .nemo-window toolbar button.flat:hover:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.3); } - .nemo-window toolbar button:hover:disabled, .nemo-window toolbar button.flat:hover:disabled { - border-color: rgba(189, 189, 189, 0.3); } - .nemo-window toolbar button:hover:active:disabled, .nemo-window toolbar button:hover:checked:disabled, .nemo-window toolbar button.flat:hover:active:disabled, .nemo-window toolbar button.flat:hover:checked:disabled { - border-color: rgba(178, 178, 178, 0.3); } - .nemo-window toolbar button:focus, .nemo-window toolbar button.flat:focus { - background-color: #363636; - background-image: none; - border-color: rgba(178, 178, 178, 0.3); - color: #dedede; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - .nemo-window toolbar button:focus:focus, .nemo-window toolbar button:focus:hover, .nemo-window toolbar button.flat:focus:focus, .nemo-window toolbar button.flat:focus:hover { - border-color: #0a4530; } - .nemo-window toolbar button:focus:active, .nemo-window toolbar button:focus:active:hover, .nemo-window toolbar button:focus:active:focus, .nemo-window toolbar button:focus:active:hover:focus, .nemo-window toolbar button:focus:checked, .nemo-window toolbar button:focus:checked:hover, .nemo-window toolbar button:focus:checked:focus, .nemo-window toolbar button:focus:checked:hover:focus, .nemo-window toolbar button.flat:focus:active, .nemo-window toolbar button.flat:focus:active:hover, .nemo-window toolbar button.flat:focus:active:focus, .nemo-window toolbar button.flat:focus:active:hover:focus, .nemo-window toolbar button.flat:focus:checked, .nemo-window toolbar button.flat:focus:checked:hover, .nemo-window toolbar button.flat:focus:checked:focus, .nemo-window toolbar button.flat:focus:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.3); } - .nemo-window toolbar button:focus:disabled, .nemo-window toolbar button.flat:focus:disabled { - border-color: rgba(189, 189, 189, 0.3); } - .nemo-window toolbar button:focus:active:disabled, .nemo-window toolbar button:focus:checked:disabled, .nemo-window toolbar button.flat:focus:active:disabled, .nemo-window toolbar button.flat:focus:checked:disabled { - border-color: rgba(178, 178, 178, 0.3); } - .nemo-window toolbar button:focus:hover, .nemo-window toolbar button.flat:focus:hover { - background-color: #383838; - background-image: none; - border-color: rgba(178, 178, 178, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - .nemo-window toolbar button:focus:hover:focus, .nemo-window toolbar button:focus:hover:hover, .nemo-window toolbar button.flat:focus:hover:focus, .nemo-window toolbar button.flat:focus:hover:hover { - border-color: #0a4530; } - .nemo-window toolbar button:focus:hover:active, .nemo-window toolbar button:focus:hover:active:hover, .nemo-window toolbar button:focus:hover:active:focus, .nemo-window toolbar button:focus:hover:active:hover:focus, .nemo-window toolbar button:focus:hover:checked, .nemo-window toolbar button:focus:hover:checked:hover, .nemo-window toolbar button:focus:hover:checked:focus, .nemo-window toolbar button:focus:hover:checked:hover:focus, .nemo-window toolbar button.flat:focus:hover:active, .nemo-window toolbar button.flat:focus:hover:active:hover, .nemo-window toolbar button.flat:focus:hover:active:focus, .nemo-window toolbar button.flat:focus:hover:active:hover:focus, .nemo-window toolbar button.flat:focus:hover:checked, .nemo-window toolbar button.flat:focus:hover:checked:hover, .nemo-window toolbar button.flat:focus:hover:checked:focus, .nemo-window toolbar button.flat:focus:hover:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.3); } - .nemo-window toolbar button:focus:hover:disabled, .nemo-window toolbar button.flat:focus:hover:disabled { - border-color: rgba(189, 189, 189, 0.3); } - .nemo-window toolbar button:focus:hover:active:disabled, .nemo-window toolbar button:focus:hover:checked:disabled, .nemo-window toolbar button.flat:focus:hover:active:disabled, .nemo-window toolbar button.flat:focus:hover:checked:disabled { - border-color: rgba(178, 178, 178, 0.3); } - .nemo-window toolbar button:checked, .nemo-window toolbar button:active, .nemo-window toolbar button.flat:checked, .nemo-window toolbar button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); - border-color: rgba(178, 178, 178, 0.22); } - .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover, .nemo-window toolbar button.flat:checked:focus, .nemo-window toolbar button.flat:checked:hover, .nemo-window toolbar button.flat:active:focus, .nemo-window toolbar button.flat:active:hover { - border-color: #0a4530; } - .nemo-window toolbar button:checked:active, .nemo-window toolbar button:checked:active:hover, .nemo-window toolbar button:checked:active:focus, .nemo-window toolbar button:checked:active:hover:focus, .nemo-window toolbar button:checked:checked, .nemo-window toolbar button:checked:checked:hover, .nemo-window toolbar button:checked:checked:focus, .nemo-window toolbar button:checked:checked:hover:focus, .nemo-window toolbar button:active:active, .nemo-window toolbar button:active:active:hover, .nemo-window toolbar button:active:active:focus, .nemo-window toolbar button:active:active:hover:focus, .nemo-window toolbar button:active:checked, .nemo-window toolbar button:active:checked:hover, .nemo-window toolbar button:active:checked:focus, .nemo-window toolbar button:active:checked:hover:focus, .nemo-window toolbar button.flat:checked:active, .nemo-window toolbar button.flat:checked:active:hover, .nemo-window toolbar button.flat:checked:active:focus, .nemo-window toolbar button.flat:checked:active:hover:focus, .nemo-window toolbar button.flat:checked:checked, .nemo-window toolbar button.flat:checked:checked:hover, .nemo-window toolbar button.flat:checked:checked:focus, .nemo-window toolbar button.flat:checked:checked:hover:focus, .nemo-window toolbar button.flat:active:active, .nemo-window toolbar button.flat:active:active:hover, .nemo-window toolbar button.flat:active:active:focus, .nemo-window toolbar button.flat:active:active:hover:focus, .nemo-window toolbar button.flat:active:checked, .nemo-window toolbar button.flat:active:checked:hover, .nemo-window toolbar button.flat:active:checked:focus, .nemo-window toolbar button.flat:active:checked:hover:focus { - border-color: rgba(155, 155, 155, 0.22); } - .nemo-window toolbar button:checked:disabled, .nemo-window toolbar button:active:disabled, .nemo-window toolbar button.flat:checked:disabled, .nemo-window toolbar button.flat:active:disabled { - border-color: rgba(189, 189, 189, 0.22); } - .nemo-window toolbar button:checked:active:disabled, .nemo-window toolbar button:checked:checked:disabled, .nemo-window toolbar button:active:active:disabled, .nemo-window toolbar button:active:checked:disabled, .nemo-window toolbar button.flat:checked:active:disabled, .nemo-window toolbar button.flat:checked:checked:disabled, .nemo-window toolbar button.flat:active:active:disabled, .nemo-window toolbar button.flat:active:checked:disabled { - border-color: rgba(178, 178, 178, 0.22); } - .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover, .nemo-window toolbar button.flat:checked:focus, .nemo-window toolbar button.flat:checked:hover, .nemo-window toolbar button.flat:active:focus, .nemo-window toolbar button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - .nemo-window toolbar button:focus, .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:focus, .nemo-window toolbar button.flat:hover { - color: #dedede; } - .nemo-window toolbar button:disabled:disabled, .nemo-window toolbar button.flat:disabled:disabled { - background-color: alpha(mix(#333333,#dedede,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#333333,#dedede,0.5); - box-shadow: none; } - .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled, .nemo-window toolbar button.flat:active:disabled, .nemo-window toolbar button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - .nemo-window toolbar button.separator, .nemo-window toolbar button .separator { - border: 1px solid currentColor; - color: rgba(51, 51, 51, 0.9); } - .nemo-window toolbar button.separator:disabled, .nemo-window toolbar button .separator:disabled { - color: rgba(51, 51, 51, 0.85); } - .nemo-window toolbar .linked > button { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - .nemo-window toolbar .linked > button:focus, .nemo-window toolbar .linked > button:hover { - box-shadow: inset -1px 0 #0a4530, 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - .nemo-window toolbar .linked > button:active, .nemo-window toolbar .linked > button:active:hover, .nemo-window toolbar .linked > button:active:focus, .nemo-window toolbar .linked > button:active:hover:focus, .nemo-window toolbar .linked > button:checked, .nemo-window toolbar .linked > button:checked:hover, .nemo-window toolbar .linked > button:checked:focus, .nemo-window toolbar .linked > button:checked:hover:focus { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } - .nemo-window toolbar .linked > button:disabled { - box-shadow: inset -1px 0 #292929; } - .nemo-window toolbar .linked > button:last-child, .nemo-window toolbar .linked > button:only-child { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - .nemo-window toolbar .linked > button:last-child:hover, .nemo-window toolbar .linked > button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - .nemo-window toolbar .linked > button:disabled:last-child, .nemo-window toolbar .linked > button:disabled:only-child, .nemo-window toolbar .linked > button:active:disabled:last-child, .nemo-window toolbar .linked > button:active:disabled:only-child, .nemo-window toolbar .linked > button:checked:disabled:last-child, .nemo-window toolbar .linked > button:checked:disabled:only-child { - box-shadow: none; } - .nemo-window toolbar .linked > button:active:last-child, .nemo-window toolbar .linked > button:active:last-child:focus, .nemo-window toolbar .linked > button:active:last-child:hover, .nemo-window toolbar .linked > button:active:last-child:hover:focus, .nemo-window toolbar .linked > button:checked:last-child, .nemo-window toolbar .linked > button:checked:last-child:focus, .nemo-window toolbar .linked > button:checked:last-child:hover, .nemo-window toolbar .linked > button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - .nemo-window toolbar .linked > button:active:only-child, .nemo-window toolbar .linked > button:active:only-child:focus, .nemo-window toolbar .linked > button:active:only-child:hover, .nemo-window toolbar .linked > button:active:only-child:hover:focus, .nemo-window toolbar .linked > button:checked:only-child, .nemo-window toolbar .linked > button:checked:only-child:focus, .nemo-window toolbar .linked > button:checked:only-child:hover, .nemo-window toolbar .linked > button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - .nemo-window toolbar separator, .nemo-window toolbar separator:disabled { - color: #2e2e2e; - border-color: currentColor; - -GtkWidget-window-dragging: true; } - .nemo-window toolbar.primary-toolbar button.image-button { - padding: 0 8px; } - .nemo-window toolbar combobox, .nemo-window toolbar button { - padding: 3px; } - .nemo-window toolbar combobox.text-button, .nemo-window toolbar button.text-button { - padding: 3px; } - .nemo-window toolbar combobox.image-button, .nemo-window toolbar button.image-button { - padding: 3px; } - .nemo-window toolbar toolitem stack { - margin-left: 15px; } - .nemo-window toolbar toolitem stack widget button { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); - -NemoPathbarButton-border-radius: 2px; } - .nemo-window toolbar toolitem stack widget button:focus, .nemo-window toolbar toolitem stack widget button:hover { - box-shadow: inset -1px 0 #0a4530, 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - .nemo-window toolbar toolitem stack widget button:active, .nemo-window toolbar toolitem stack widget button:active:hover, .nemo-window toolbar toolitem stack widget button:active:focus, .nemo-window toolbar toolitem stack widget button:active:hover:focus, .nemo-window toolbar toolitem stack widget button:checked, .nemo-window toolbar toolitem stack widget button:checked:hover, .nemo-window toolbar toolitem stack widget button:checked:focus, .nemo-window toolbar toolitem stack widget button:checked:hover:focus { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } - .nemo-window toolbar toolitem stack widget button:disabled { - box-shadow: inset -1px 0 #292929; } - .nemo-window toolbar toolitem stack widget button:last-child, .nemo-window toolbar toolitem stack widget button:only-child { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - .nemo-window toolbar toolitem stack widget button:last-child:hover, .nemo-window toolbar toolitem stack widget button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - .nemo-window toolbar toolitem stack widget button:disabled:last-child, .nemo-window toolbar toolitem stack widget button:disabled:only-child, .nemo-window toolbar toolitem stack widget button:active:disabled:last-child, .nemo-window toolbar toolitem stack widget button:active:disabled:only-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:last-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:only-child { - box-shadow: none; } - .nemo-window toolbar toolitem stack widget button:active:last-child, .nemo-window toolbar toolitem stack widget button:active:last-child:focus, .nemo-window toolbar toolitem stack widget button:active:last-child:hover, .nemo-window toolbar toolitem stack widget button:active:last-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child, .nemo-window toolbar toolitem stack widget button:checked:last-child:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - .nemo-window toolbar toolitem stack widget button:active:only-child, .nemo-window toolbar toolitem stack widget button:active:only-child:focus, .nemo-window toolbar toolitem stack widget button:active:only-child:hover, .nemo-window toolbar toolitem stack widget button:active:only-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child, .nemo-window toolbar toolitem stack widget button:checked:only-child:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } - .nemo-window grid > widget:last-child button { - min-height: 16px; - min-width: 16px; - padding: 2px 4px; } - .nemo-window grid > widget:last-child button:first-child { - margin-left: 20px; } - .nemo-window grid > widget:last-child button:first-child + button { - margin-right: 15px; } - .nemo-window grid > widget:last-child button:first-child + button + separator + button { - margin-left: 15px; } - .nemo-window grid > widget:last-child > box > scale { - margin-right: 12px; } - .nemo-window grid > widget:last-child statusbar { - border: 0; } - .nemo-window .sidebar { - /* Nemo Query Editor (File Search Bar) */ } - .nemo-window .sidebar .frame { - border: 0; } - .nemo-window .sidebar image { - padding-left: 3px; - padding-right: 3px; } - .nemo-window .sidebar .nemo-places-sidebar, .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview { - background-color: mix(#333333,#2c2c2c,0.5); } - .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview { - -NemoPlacesTreeView-disk-full-bg-color: #292929; - -NemoPlacesTreeView-disk-full-fg-color: #169f6f; - -NemoPlacesTreeView-disk-full-bar-width: 2px; - -NemoPlacesTreeView-disk-full-bar-radius: 1px; - -NemoPlacesTreeView-disk-full-bottom-padding: 0px; - -NemoPlacesTreeView-disk-full-max-length: 75px; } - .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { - -NemoPlacesTreeView-disk-full-bg-color: #ffffff; - -NemoPlacesTreeView-disk-full-fg-color: #1abf85; } - .nemo-window .sidebar + separator + box .primary-toolbar { - background-color: #323232; - background-image: none; - padding-top: 0px; - padding-bottom: 0px; - border-bottom: 1px solid #2d2d2d; } - .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(2) { - border-right: none; - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(3) { - margin-left: -6px; - border-left: none; - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .nemo-window .sidebar + separator + box .primary-toolbar button.flat { - background-color: #3d3d3d; - background-image: none; - border-color: rgba(0, 0, 0, 0.22); - color: #dedede; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); - padding: 5px 6px; } - .nemo-window .sidebar + separator + box .primary-toolbar button.flat:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:hover { - border-color: #0a4530; } - .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover:focus { - border-color: rgba(0, 0, 0, 0.22); } - .nemo-window .sidebar + separator + box .primary-toolbar button.flat:disabled { - border-color: rgba(0, 0, 0, 0.22); } - .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:disabled, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:disabled { - border-color: rgba(0, 0, 0, 0.22); } - .nemo-window notebook { - background-color: #2c2c2c; - border-width: 0; } - .nemo-window notebook tabs { - border: 0; } - -/*********************** - ! Fallback mode panel * -************************/ -/************ - ! Synaptic * -*************/ -GtkWindow > GtkVBox > .dock, GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar { - background-color: #333333; - background-image: none; - padding: 3px; - border: 0; - color: #dedede; } - -/*********************** - ! Fallback mode panel * -************************/ -/*************** - ! Xfce styles * -****************/ -.XfceHeading { - margin: 0; - padding: 0; - border: 0; - background-image: none; - background-color: #2c2c2c; - color: #ffffff; } - -.xfce4-panel { - font: inherit; } - -/*********************** - ! Fallback mode panel * -************************/ -/**************** - ! Unity styles * -*****************/ -UnityDecoration { - -UnityDecoration-extents: 24px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 1px; - -UnityDecoration-shadow-offset-y: 1px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.7); - -UnityDecoration-active-shadow-radius: 8px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5); - -UnityDecoration-inactive-shadow-radius: 5px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #169f6f; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0; } - UnityDecoration .top { - border: 1px solid transparent; - border-bottom: 0; - border-radius: 2px 2px 0 0; - padding: 1px 6px 0 6px; - background-color: #2c2c2c; - color: mix(#e9e9e9,#2c2c2c,0.1); - text-shadow: none; } - UnityDecoration .top:backdrop { - border: 1px solid transparent; - color: mix(#e9e9e9,#2c2c2c,0.4); } - UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom { - background-color: #2c2c2c; } - UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: mix(#1f1f1f,#e9e9e9,0.21); } - -UnityPanelWidget, .unity-panel { - border: 0; } - -.unity-panel.menuitem, .unity-panel .menuitem { - border-width: 0 1px; - color: #e9e9e9; } - .unity-panel.menuitem:hover, .unity-panel.menuitem *:hover, .unity-panel .menuitem:hover, .unity-panel .menuitem *:hover { - border-color: mix(#2c2c2c,#e9e9e9,0.21); - background-color: mix(#2c2c2c,#e9e9e9,0.21); - background-image: none; - color: #fcfcfc; } - -SheetStyleDialog.unity-force-quit { - background-color: #333333; } - -/*********************** - ! LightDM GTK Greeter * - ***********************/ -#panel_window { - background-color: #2c2c2c; - background-image: none; - color: #fff; - font-weight: bold; - text-shadow: 0 1px rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); } - #panel_window menubar { - padding-left: 3px; } - #panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - background-image: none; - border-style: none; - color: #fff; - text-shadow: 0 1px rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); } - #panel_window menubar:hover, #panel_window menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - color: #fff; } - #panel_window menubar *:hover, #panel_window menubar > menuitem *:hover { - color: #fff; } - #panel_window menubar:disabled, #panel_window menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.7); } - #panel_window menubar menu > menuitem { - font-weight: normal; } - -#content_frame { - padding-bottom: 9px; } - -#login_window, #shutdown_dialog, #restart_dialog { - border-style: none; - border-radius: 2px; - background-color: #2c2c2c; - color: #e9e9e9; - /* draw border using box-shadow */ - box-shadow: inset 1px 0 mix(#1f1f1f,#e9e9e9,0.21), inset -1px 0 mix(#1f1f1f,#e9e9e9,0.21), inset 0 1px mix(#1f1f1f,#e9e9e9,0.21), inset 0 -1px mix(#1f1f1f,#e9e9e9,0.21); } - -#login_window menu { - border-radius: 0; } -#login_window button { - background-color: #2c2c2c; - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - #login_window button:focus, #login_window button:hover { - border-color: #0a4530; } - #login_window button:active, #login_window button:active:hover, #login_window button:active:focus, #login_window button:active:hover:focus, #login_window button:checked, #login_window button:checked:hover, #login_window button:checked:focus, #login_window button:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - #login_window button:disabled { - border-color: rgba(198, 198, 198, 0.22); } - #login_window button:active:disabled, #login_window button:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - #login_window button:active { - color: #e9e9e9; } - #login_window button.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - #login_window button:hover, #login_window button.flat:hover { - background-color: #2e2e2e; - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - #login_window button:hover:focus, #login_window button:hover:hover, #login_window button.flat:hover:focus, #login_window button.flat:hover:hover { - border-color: #0a4530; } - #login_window button:hover:active, #login_window button:hover:active:hover, #login_window button:hover:active:focus, #login_window button:hover:active:hover:focus, #login_window button:hover:checked, #login_window button:hover:checked:hover, #login_window button:hover:checked:focus, #login_window button:hover:checked:hover:focus, #login_window button.flat:hover:active, #login_window button.flat:hover:active:hover, #login_window button.flat:hover:active:focus, #login_window button.flat:hover:active:hover:focus, #login_window button.flat:hover:checked, #login_window button.flat:hover:checked:hover, #login_window button.flat:hover:checked:focus, #login_window button.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - #login_window button:hover:disabled, #login_window button.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - #login_window button:hover:active:disabled, #login_window button:hover:checked:disabled, #login_window button.flat:hover:active:disabled, #login_window button.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - #login_window button:focus, #login_window button.flat:focus { - background-color: #2e2e2e; - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - #login_window button:focus:focus, #login_window button:focus:hover, #login_window button.flat:focus:focus, #login_window button.flat:focus:hover { - border-color: #0a4530; } - #login_window button:focus:active, #login_window button:focus:active:hover, #login_window button:focus:active:focus, #login_window button:focus:active:hover:focus, #login_window button:focus:checked, #login_window button:focus:checked:hover, #login_window button:focus:checked:focus, #login_window button:focus:checked:hover:focus, #login_window button.flat:focus:active, #login_window button.flat:focus:active:hover, #login_window button.flat:focus:active:focus, #login_window button.flat:focus:active:hover:focus, #login_window button.flat:focus:checked, #login_window button.flat:focus:checked:hover, #login_window button.flat:focus:checked:focus, #login_window button.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - #login_window button:focus:disabled, #login_window button.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - #login_window button:focus:active:disabled, #login_window button:focus:checked:disabled, #login_window button.flat:focus:active:disabled, #login_window button.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - #login_window button:focus:hover, #login_window button.flat:focus:hover { - background-color: #303030; - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - #login_window button:focus:hover:focus, #login_window button:focus:hover:hover, #login_window button.flat:focus:hover:focus, #login_window button.flat:focus:hover:hover { - border-color: #0a4530; } - #login_window button:focus:hover:active, #login_window button:focus:hover:active:hover, #login_window button:focus:hover:active:focus, #login_window button:focus:hover:active:hover:focus, #login_window button:focus:hover:checked, #login_window button:focus:hover:checked:hover, #login_window button:focus:hover:checked:focus, #login_window button:focus:hover:checked:hover:focus, #login_window button.flat:focus:hover:active, #login_window button.flat:focus:hover:active:hover, #login_window button.flat:focus:hover:active:focus, #login_window button.flat:focus:hover:active:hover:focus, #login_window button.flat:focus:hover:checked, #login_window button.flat:focus:hover:checked:hover, #login_window button.flat:focus:hover:checked:focus, #login_window button.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - #login_window button:focus:hover:disabled, #login_window button.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - #login_window button:focus:hover:active:disabled, #login_window button:focus:hover:checked:disabled, #login_window button.flat:focus:hover:active:disabled, #login_window button.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - #login_window button:checked, #login_window button:active, #login_window button.flat:checked, #login_window button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - #login_window button:checked:focus, #login_window button:checked:hover, #login_window button:active:focus, #login_window button:active:hover, #login_window button.flat:checked:focus, #login_window button.flat:checked:hover, #login_window button.flat:active:focus, #login_window button.flat:active:hover { - border-color: #0a4530; } - #login_window button:checked:active, #login_window button:checked:active:hover, #login_window button:checked:active:focus, #login_window button:checked:active:hover:focus, #login_window button:checked:checked, #login_window button:checked:checked:hover, #login_window button:checked:checked:focus, #login_window button:checked:checked:hover:focus, #login_window button:active:active, #login_window button:active:active:hover, #login_window button:active:active:focus, #login_window button:active:active:hover:focus, #login_window button:active:checked, #login_window button:active:checked:hover, #login_window button:active:checked:focus, #login_window button:active:checked:hover:focus, #login_window button.flat:checked:active, #login_window button.flat:checked:active:hover, #login_window button.flat:checked:active:focus, #login_window button.flat:checked:active:hover:focus, #login_window button.flat:checked:checked, #login_window button.flat:checked:checked:hover, #login_window button.flat:checked:checked:focus, #login_window button.flat:checked:checked:hover:focus, #login_window button.flat:active:active, #login_window button.flat:active:active:hover, #login_window button.flat:active:active:focus, #login_window button.flat:active:active:hover:focus, #login_window button.flat:active:checked, #login_window button.flat:active:checked:hover, #login_window button.flat:active:checked:focus, #login_window button.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - #login_window button:checked:disabled, #login_window button:active:disabled, #login_window button.flat:checked:disabled, #login_window button.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - #login_window button:checked:active:disabled, #login_window button:checked:checked:disabled, #login_window button:active:active:disabled, #login_window button:active:checked:disabled, #login_window button.flat:checked:active:disabled, #login_window button.flat:checked:checked:disabled, #login_window button.flat:active:active:disabled, #login_window button.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - #login_window button:checked:focus, #login_window button:checked:hover, #login_window button:active:focus, #login_window button:active:hover, #login_window button.flat:checked:focus, #login_window button.flat:checked:hover, #login_window button.flat:active:focus, #login_window button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - #login_window button:focus, #login_window button:hover, #login_window button.flat:focus, #login_window button.flat:hover { - color: #e9e9e9; } - #login_window button:disabled:disabled, #login_window button.flat:disabled:disabled { - background-color: alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#2c2c2c,#e9e9e9,0.5); - box-shadow: none; } - #login_window button:active:disabled, #login_window button:checked:disabled, #login_window button.flat:active:disabled, #login_window button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - #login_window button.separator, #login_window button .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.9); } - #login_window button.separator:disabled, #login_window button .separator:disabled { - color: rgba(44, 44, 44, 0.85); } -#login_window entry { - background-color: #2c2c2c; - background-image: none; - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.8); - padding: 3px; - color: #e9e9e9; - caret-color: #e9e9e9; } - #login_window entry:focus, #login_window entry:hover { - border-color: #0a4530; } - #login_window entry:active, #login_window entry:active:hover, #login_window entry:active:focus, #login_window entry:active:hover:focus, #login_window entry:checked, #login_window entry:checked:hover, #login_window entry:checked:focus, #login_window entry:checked:hover:focus { - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.7); } - #login_window entry:disabled { - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.85); } - #login_window entry:active:disabled, #login_window entry:checked:disabled { - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.8); } - #login_window entry:focus, #login_window entry:active { - border-color: #0a4530; } - #login_window entry:disabled { - background-color: #282828; - background-image: none; - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.8); - /*@include border(mix($bg, $fg, .20));*/ - /*border-color: alpha(mix($bg, $fg, .15), .8);*/ - /*opacity: .8;*/ - color: mix(#2c2c2c,#e9e9e9,0.5); } - #login_window entry:disabled:focus, #login_window entry:disabled:hover { - border-color: #0a4530; } - #login_window entry:disabled:active, #login_window entry:disabled:active:hover, #login_window entry:disabled:active:focus, #login_window entry:disabled:active:hover:focus, #login_window entry:disabled:checked, #login_window entry:disabled:checked:hover, #login_window entry:disabled:checked:focus, #login_window entry:disabled:checked:hover:focus { - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.7); } - #login_window entry:disabled:disabled { - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.85); } - #login_window entry:disabled:active:disabled, #login_window entry:disabled:checked:disabled { - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.8); } - -#user_combobox { - color: #e9e9e9; - font-size: 18px; } - #user_combobox menu { - font-weight: normal; } - #user_combobox arrow { - color: mix(#e9e9e9,#2c2c2c,0.5); } - -#user_image { - border-radius: 2px; - /* draw border using box-shadow */ - box-shadow: inset 1px 0 #1f1f1f, inset -1px 0 #1f1f1f, inset 0 1px #1f1f1f, inset 0 -1px #1f1f1f; } - -#user_image_border { - border-radius: 2px; - background-color: #282828; - background-image: none; - box-shadow: inset 1px 0 rgba(44, 44, 44, 0.07), inset 0 1px rgba(44, 44, 44, 0.08), inset -1px 0 rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } - -#buttonbox_frame { - padding-top: 6px; - padding-bottom: 0; - border-style: none; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; - background-color: transparent; - background-image: none; - box-shadow: none; } - -/* shutdown button */ -#shutdown_button button { - background-color: #f44336; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.12); } - #shutdown_button button:focus, #shutdown_button button:hover { - border-color: #0a4530; } - #shutdown_button button:active, #shutdown_button button:active:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover:focus, #shutdown_button button:checked, #shutdown_button button:checked:hover, #shutdown_button button:checked:focus, #shutdown_button button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - #shutdown_button button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - #shutdown_button button:active:disabled, #shutdown_button button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - #shutdown_button button:active { - color: #fff; } - #shutdown_button button.flat { - color: #fff; - border-color: rgba(244, 67, 54, 0); - background-color: rgba(244, 67, 54, 0); - background-image: none; - box-shadow: none; } - #shutdown_button button:hover, #shutdown_button button.flat:hover { - background-color: #f55044; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - #shutdown_button button:hover:focus, #shutdown_button button:hover:hover, #shutdown_button button.flat:hover:focus, #shutdown_button button.flat:hover:hover { - border-color: #0a4530; } - #shutdown_button button:hover:active, #shutdown_button button:hover:active:hover, #shutdown_button button:hover:active:focus, #shutdown_button button:hover:active:hover:focus, #shutdown_button button:hover:checked, #shutdown_button button:hover:checked:hover, #shutdown_button button:hover:checked:focus, #shutdown_button button:hover:checked:hover:focus, #shutdown_button button.flat:hover:active, #shutdown_button button.flat:hover:active:hover, #shutdown_button button.flat:hover:active:focus, #shutdown_button button.flat:hover:active:hover:focus, #shutdown_button button.flat:hover:checked, #shutdown_button button.flat:hover:checked:hover, #shutdown_button button.flat:hover:checked:focus, #shutdown_button button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - #shutdown_button button:hover:disabled, #shutdown_button button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - #shutdown_button button:hover:active:disabled, #shutdown_button button:hover:checked:disabled, #shutdown_button button.flat:hover:active:disabled, #shutdown_button button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - #shutdown_button button:focus, #shutdown_button button.flat:focus { - background-color: #f55044; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - #shutdown_button button:focus:focus, #shutdown_button button:focus:hover, #shutdown_button button.flat:focus:focus, #shutdown_button button.flat:focus:hover { - border-color: #0a4530; } - #shutdown_button button:focus:active, #shutdown_button button:focus:active:hover, #shutdown_button button:focus:active:focus, #shutdown_button button:focus:active:hover:focus, #shutdown_button button:focus:checked, #shutdown_button button:focus:checked:hover, #shutdown_button button:focus:checked:focus, #shutdown_button button:focus:checked:hover:focus, #shutdown_button button.flat:focus:active, #shutdown_button button.flat:focus:active:hover, #shutdown_button button.flat:focus:active:focus, #shutdown_button button.flat:focus:active:hover:focus, #shutdown_button button.flat:focus:checked, #shutdown_button button.flat:focus:checked:hover, #shutdown_button button.flat:focus:checked:focus, #shutdown_button button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - #shutdown_button button:focus:disabled, #shutdown_button button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - #shutdown_button button:focus:active:disabled, #shutdown_button button:focus:checked:disabled, #shutdown_button button.flat:focus:active:disabled, #shutdown_button button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - #shutdown_button button:focus:hover, #shutdown_button button.flat:focus:hover { - background-color: #f65d52; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.38); } - #shutdown_button button:focus:hover:focus, #shutdown_button button:focus:hover:hover, #shutdown_button button.flat:focus:hover:focus, #shutdown_button button.flat:focus:hover:hover { - border-color: #0a4530; } - #shutdown_button button:focus:hover:active, #shutdown_button button:focus:hover:active:hover, #shutdown_button button:focus:hover:active:focus, #shutdown_button button:focus:hover:active:hover:focus, #shutdown_button button:focus:hover:checked, #shutdown_button button:focus:hover:checked:hover, #shutdown_button button:focus:hover:checked:focus, #shutdown_button button:focus:hover:checked:hover:focus, #shutdown_button button.flat:focus:hover:active, #shutdown_button button.flat:focus:hover:active:hover, #shutdown_button button.flat:focus:hover:active:focus, #shutdown_button button.flat:focus:hover:active:hover:focus, #shutdown_button button.flat:focus:hover:checked, #shutdown_button button.flat:focus:hover:checked:hover, #shutdown_button button.flat:focus:hover:checked:focus, #shutdown_button button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - #shutdown_button button:focus:hover:disabled, #shutdown_button button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - #shutdown_button button:focus:hover:active:disabled, #shutdown_button button:focus:hover:checked:disabled, #shutdown_button button.flat:focus:hover:active:disabled, #shutdown_button button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - #shutdown_button button:checked, #shutdown_button button:active, #shutdown_button button.flat:checked, #shutdown_button button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - #shutdown_button button:checked:focus, #shutdown_button button:checked:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover, #shutdown_button button.flat:checked:focus, #shutdown_button button.flat:checked:hover, #shutdown_button button.flat:active:focus, #shutdown_button button.flat:active:hover { - border-color: #0a4530; } - #shutdown_button button:checked:active, #shutdown_button button:checked:active:hover, #shutdown_button button:checked:active:focus, #shutdown_button button:checked:active:hover:focus, #shutdown_button button:checked:checked, #shutdown_button button:checked:checked:hover, #shutdown_button button:checked:checked:focus, #shutdown_button button:checked:checked:hover:focus, #shutdown_button button:active:active, #shutdown_button button:active:active:hover, #shutdown_button button:active:active:focus, #shutdown_button button:active:active:hover:focus, #shutdown_button button:active:checked, #shutdown_button button:active:checked:hover, #shutdown_button button:active:checked:focus, #shutdown_button button:active:checked:hover:focus, #shutdown_button button.flat:checked:active, #shutdown_button button.flat:checked:active:hover, #shutdown_button button.flat:checked:active:focus, #shutdown_button button.flat:checked:active:hover:focus, #shutdown_button button.flat:checked:checked, #shutdown_button button.flat:checked:checked:hover, #shutdown_button button.flat:checked:checked:focus, #shutdown_button button.flat:checked:checked:hover:focus, #shutdown_button button.flat:active:active, #shutdown_button button.flat:active:active:hover, #shutdown_button button.flat:active:active:focus, #shutdown_button button.flat:active:active:hover:focus, #shutdown_button button.flat:active:checked, #shutdown_button button.flat:active:checked:hover, #shutdown_button button.flat:active:checked:focus, #shutdown_button button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - #shutdown_button button:checked:disabled, #shutdown_button button:active:disabled, #shutdown_button button.flat:checked:disabled, #shutdown_button button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - #shutdown_button button:checked:active:disabled, #shutdown_button button:checked:checked:disabled, #shutdown_button button:active:active:disabled, #shutdown_button button:active:checked:disabled, #shutdown_button button.flat:checked:active:disabled, #shutdown_button button.flat:checked:checked:disabled, #shutdown_button button.flat:active:active:disabled, #shutdown_button button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - #shutdown_button button:checked:focus, #shutdown_button button:checked:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover, #shutdown_button button.flat:checked:focus, #shutdown_button button.flat:checked:hover, #shutdown_button button.flat:active:focus, #shutdown_button button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - #shutdown_button button:focus, #shutdown_button button:hover, #shutdown_button button.flat:focus, #shutdown_button button.flat:hover { - color: #fff; } - #shutdown_button button:disabled:disabled, #shutdown_button button.flat:disabled:disabled { - background-color: alpha(mix(#f44336,#fff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#f44336,#fff,0.5); - box-shadow: none; } - #shutdown_button button:active:disabled, #shutdown_button button:checked:disabled, #shutdown_button button.flat:active:disabled, #shutdown_button button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - #shutdown_button button.separator, #shutdown_button button .separator { - border: 1px solid currentColor; - color: rgba(244, 67, 54, 0.9); } - #shutdown_button button.separator:disabled, #shutdown_button button .separator:disabled { - color: rgba(244, 67, 54, 0.85); } - -/* restart button */ -#restart_button button { - background-color: #ef6c00; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } - #restart_button button:focus, #restart_button button:hover { - border-color: #0a4530; } - #restart_button button:active, #restart_button button:active:hover, #restart_button button:active:focus, #restart_button button:active:hover:focus, #restart_button button:checked, #restart_button button:checked:hover, #restart_button button:checked:focus, #restart_button button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - #restart_button button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - #restart_button button:active:disabled, #restart_button button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - #restart_button button:active { - color: #fff; } - #restart_button button.flat { - color: #fff; - border-color: rgba(239, 108, 0, 0); - background-color: rgba(239, 108, 0, 0); - background-image: none; - box-shadow: none; } - #restart_button button:hover, #restart_button button.flat:hover { - background-color: #fb7100; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } - #restart_button button:hover:focus, #restart_button button:hover:hover, #restart_button button.flat:hover:focus, #restart_button button.flat:hover:hover { - border-color: #0a4530; } - #restart_button button:hover:active, #restart_button button:hover:active:hover, #restart_button button:hover:active:focus, #restart_button button:hover:active:hover:focus, #restart_button button:hover:checked, #restart_button button:hover:checked:hover, #restart_button button:hover:checked:focus, #restart_button button:hover:checked:hover:focus, #restart_button button.flat:hover:active, #restart_button button.flat:hover:active:hover, #restart_button button.flat:hover:active:focus, #restart_button button.flat:hover:active:hover:focus, #restart_button button.flat:hover:checked, #restart_button button.flat:hover:checked:hover, #restart_button button.flat:hover:checked:focus, #restart_button button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - #restart_button button:hover:disabled, #restart_button button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - #restart_button button:hover:active:disabled, #restart_button button:hover:checked:disabled, #restart_button button.flat:hover:active:disabled, #restart_button button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - #restart_button button:focus, #restart_button button.flat:focus { - background-color: #fb7100; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } - #restart_button button:focus:focus, #restart_button button:focus:hover, #restart_button button.flat:focus:focus, #restart_button button.flat:focus:hover { - border-color: #0a4530; } - #restart_button button:focus:active, #restart_button button:focus:active:hover, #restart_button button:focus:active:focus, #restart_button button:focus:active:hover:focus, #restart_button button:focus:checked, #restart_button button:focus:checked:hover, #restart_button button:focus:checked:focus, #restart_button button:focus:checked:hover:focus, #restart_button button.flat:focus:active, #restart_button button.flat:focus:active:hover, #restart_button button.flat:focus:active:focus, #restart_button button.flat:focus:active:hover:focus, #restart_button button.flat:focus:checked, #restart_button button.flat:focus:checked:hover, #restart_button button.flat:focus:checked:focus, #restart_button button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - #restart_button button:focus:disabled, #restart_button button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - #restart_button button:focus:active:disabled, #restart_button button:focus:checked:disabled, #restart_button button.flat:focus:active:disabled, #restart_button button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - #restart_button button:focus:hover, #restart_button button.flat:focus:hover { - background-color: #ff7808; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } - #restart_button button:focus:hover:focus, #restart_button button:focus:hover:hover, #restart_button button.flat:focus:hover:focus, #restart_button button.flat:focus:hover:hover { - border-color: #0a4530; } - #restart_button button:focus:hover:active, #restart_button button:focus:hover:active:hover, #restart_button button:focus:hover:active:focus, #restart_button button:focus:hover:active:hover:focus, #restart_button button:focus:hover:checked, #restart_button button:focus:hover:checked:hover, #restart_button button:focus:hover:checked:focus, #restart_button button:focus:hover:checked:hover:focus, #restart_button button.flat:focus:hover:active, #restart_button button.flat:focus:hover:active:hover, #restart_button button.flat:focus:hover:active:focus, #restart_button button.flat:focus:hover:active:hover:focus, #restart_button button.flat:focus:hover:checked, #restart_button button.flat:focus:hover:checked:hover, #restart_button button.flat:focus:hover:checked:focus, #restart_button button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - #restart_button button:focus:hover:disabled, #restart_button button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - #restart_button button:focus:hover:active:disabled, #restart_button button:focus:hover:checked:disabled, #restart_button button.flat:focus:hover:active:disabled, #restart_button button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - #restart_button button:checked, #restart_button button:active, #restart_button button.flat:checked, #restart_button button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - #restart_button button:checked:focus, #restart_button button:checked:hover, #restart_button button:active:focus, #restart_button button:active:hover, #restart_button button.flat:checked:focus, #restart_button button.flat:checked:hover, #restart_button button.flat:active:focus, #restart_button button.flat:active:hover { - border-color: #0a4530; } - #restart_button button:checked:active, #restart_button button:checked:active:hover, #restart_button button:checked:active:focus, #restart_button button:checked:active:hover:focus, #restart_button button:checked:checked, #restart_button button:checked:checked:hover, #restart_button button:checked:checked:focus, #restart_button button:checked:checked:hover:focus, #restart_button button:active:active, #restart_button button:active:active:hover, #restart_button button:active:active:focus, #restart_button button:active:active:hover:focus, #restart_button button:active:checked, #restart_button button:active:checked:hover, #restart_button button:active:checked:focus, #restart_button button:active:checked:hover:focus, #restart_button button.flat:checked:active, #restart_button button.flat:checked:active:hover, #restart_button button.flat:checked:active:focus, #restart_button button.flat:checked:active:hover:focus, #restart_button button.flat:checked:checked, #restart_button button.flat:checked:checked:hover, #restart_button button.flat:checked:checked:focus, #restart_button button.flat:checked:checked:hover:focus, #restart_button button.flat:active:active, #restart_button button.flat:active:active:hover, #restart_button button.flat:active:active:focus, #restart_button button.flat:active:active:hover:focus, #restart_button button.flat:active:checked, #restart_button button.flat:active:checked:hover, #restart_button button.flat:active:checked:focus, #restart_button button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - #restart_button button:checked:disabled, #restart_button button:active:disabled, #restart_button button.flat:checked:disabled, #restart_button button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - #restart_button button:checked:active:disabled, #restart_button button:checked:checked:disabled, #restart_button button:active:active:disabled, #restart_button button:active:checked:disabled, #restart_button button.flat:checked:active:disabled, #restart_button button.flat:checked:checked:disabled, #restart_button button.flat:active:active:disabled, #restart_button button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - #restart_button button:checked:focus, #restart_button button:checked:hover, #restart_button button:active:focus, #restart_button button:active:hover, #restart_button button.flat:checked:focus, #restart_button button.flat:checked:hover, #restart_button button.flat:active:focus, #restart_button button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - #restart_button button:focus, #restart_button button:hover, #restart_button button.flat:focus, #restart_button button.flat:hover { - color: #fff; } - #restart_button button:disabled:disabled, #restart_button button.flat:disabled:disabled { - background-color: alpha(mix(#ef6c00,#fff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#ef6c00,#fff,0.5); - box-shadow: none; } - #restart_button button:active:disabled, #restart_button button:checked:disabled, #restart_button button.flat:active:disabled, #restart_button button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - #restart_button button.separator, #restart_button button .separator { - border: 1px solid currentColor; - color: rgba(239, 108, 0, 0.9); } - #restart_button button.separator:disabled, #restart_button button .separator:disabled { - color: rgba(239, 108, 0, 0.85); } - -/* password warning */ -#greeter_infobar { - font-weight: bold; } - -/****************** - ! Budgie Desktop * -*******************/ -.budgie-container { - background-color: transparent; } - -.raven { - background-color: rgba(51, 51, 51, 0.93); } - .raven .raven-header { - background-color: #333333; - border: solid #2d2d2d; - border-width: 1px 0; } - .raven .raven-background { - background-color: rgba(51, 51, 51, 0.93); } - -.raven-mpris { - background-color: rgba(51, 51, 51, 0.7); } diff --git a/dt-dark-theme/gtk-3.20/dist/gtk.css b/dt-dark-theme/gtk-3.20/dist/gtk.css deleted file mode 100644 index fce6cbc..0000000 --- a/dt-dark-theme/gtk-3.20/dist/gtk.css +++ /dev/null @@ -1,7734 +0,0 @@ -/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ -/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ -/*$dark_shadow: #000;*/ -/*$light_shadow: #fff;*/ -/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ -/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ -/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ -/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ -/*$dark_shadow: #000;*/ -/*$light_shadow: #fff;*/ -/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ -/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ -/* dark color scheme */ -@define-color dark_bg_color #2c2c2c; -@define-color dark_fg_color #e9e9e9; -/* colormap actually used by the theme, to be overridden in other css files */ -@define-color theme_bg_color #dedede; -@define-color theme_fg_color #333333; -@define-color theme_base_color #ffffff; -@define-color theme_text_color #2c2c2c; -@define-color theme_selected_bg_color #169f6f; -@define-color theme_selected_fg_color #ffffff; -@define-color theme_tooltip_bg_color #dedede; -@define-color theme_tooltip_fg_color #333333; -/* shadow effects */ -@define-color light_shadow #dfdfdf; -@define-color dark_shadow #0a0a0a; -/* misc colors used by gtk+ */ -@define-color info_fg_color #fff; -@define-color info_bg_color #03a9f4; -@define-color warning_fg_color #fff; -@define-color warning_bg_color #ef6c00; -@define-color question_fg_color #fff; -@define-color question_bg_color #673ab7; -@define-color error_fg_color #fff; -@define-color error_bg_color #f44336; -@define-color link_color #3f51b5; -@define-color success_color #4caf50; -@define-color warning_color #ef6c00; -@define-color error_color #f44336; -/* widget colors */ -@define-color titlebar_bg_color @dark_bg_color; -@define-color titlebar_fg_color @dark_fg_color; -@define-color menubar_bg_color @dark_bg_color; -@define-color menubar_fg_color @dark_fg_color; -@define-color toolbar_bg_color @theme_bg_color; -@define-color toolbar_fg_color @theme_fg_color; -@define-color menu_bg_color @dark_bg_color; -@define-color menu_fg_color @dark_fg_color; -@define-color panel_bg_color @dark_bg_color; -@define-color panel_fg_color @dark_fg_color; -@define-color borders mix(#dedede,#333333,0.08); -@define-color unfocused_borders mix(#dedede,mix(#dedede,#333333,0.08),0.9); -@define-color insensitive_bg_color mix(#dedede,#ffffff,0.6); -@define-color insensitive_fg_color mix(#333333,#dedede,0.5); -/* osd */ -@define-color osd_base #2c2c2c; -@define-color osd_bg rgba(44, 44, 44, 0.8); -@define-color osd_fg #e9e9e9; -@define-color osd_insensitive_bg_color mix(#e9e9e9,rgba(44, 44, 44, 0.8),0.5); -@define-color osd_insensitive_fg_color mix(#e9e9e9,#2c2c2c,0.6); -@define-color osd_borders_color rgba(37, 37, 37, 0.8); -/* lightdm greeter colors */ -@define-color lightdm_bg_color #2c2c2c; -@define-color lightdm_fg_color #e9e9e9; -/* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color mix(#333333,#dedede,0.5); -/* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #2c2c2c; -/* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #dedede; -/* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color white; -/* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #169f6f; -/* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #b8b8b8; -/* window manager colors */ -@define-color wm_bg #2c2c2c; -@define-color wm_border_focused transparent; -@define-color wm_border_unfocused transparent; -@define-color wm_title_focused mix(#e9e9e9,#2c2c2c,0.1); -@define-color wm_title_unfocused mix(#e9e9e9,#2c2c2c,0.4); -@define-color wm_icons_focused mix(#e9e9e9,#2c2c2c,0.1); -@define-color wm_icons_focused_prelight #169f6f; -@define-color wm_icons_focused_pressed #127f59; -@define-color wm_icons_unfocused mix(#e9e9e9,#2c2c2c,0.4); -@define-color wm_icons_unfocused_prelight #169f6f; -@define-color wm_icons_unfocused_pressed #127f59; -/************** - ! GTK settings -***************/ -* { - -GtkWindow-resize-grip-height: 0; - -GtkWindow-resize-grip-width: 0; - -WnckTasklist-fade-overlay-rect: 0; - outline-color: rgba(22, 159, 111, 0.5); - outline-style: dashed; - outline-width: 1px; - outline-offset: -1px; - -gtk-outline-radius: 2px; } - -/************* - ! Base states - *************/ -*:selected, .gtkstyle-fallback:selected, GucharmapChartable:focus, GucharmapChartable:hover, GucharmapChartable:active, GucharmapChartable:selected, .gedit-document-panel-document-row:selected, .gedit-document-panel-document-row:selected:hover, GeditViewFrame .gedit-search-slider .not-found:selected, :focus:selected, GucharmapChartable:focus, .gedit-document-panel-document-row:focus:selected:hover, GeditViewFrame .gedit-search-slider .not-found:focus:selected { - background-color: #169f6f; - color: #ffffff; } - -* { - /* hyperlinks */ - -GtkIMHtml-hyperlink-color: #3f51b5; } - *:disabled, *:disabled:disabled { - color: mix(#333333,#dedede,0.5); } - *:disabled, *:disabled { - -gtk-icon-effect: dim; } - *:hover { - -gtk-icon-effect: highlight; } - *:link, *:visited { - color: #3f51b5; } - -.background { - background-color: #dedede; - color: #333333; } - .background:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; } - .background.csd { - background-color: #dedede; } - -.gtkstyle-fallback { - background-color: rgba(222, 222, 222, 0.5); - color: #333333; } - .gtkstyle-fallback:hover { - background-color: #f4f4f4; - color: #333333; } - .gtkstyle-fallback:active { - background-color: #c8c8c8; - color: #333333; } - .gtkstyle-fallback:disabled { - background-color: #dddddd; - color: mix(#333333,#dedede,0.5); } - -image, image:disabled, label, label:disabled, box, box:disabled, grid, grid:disabled { - background-color: transparent; } - -label.separator { - color: #333333; } - label.separator:backdrop { - color: mix(#333333,#dedede,0.5); } -label selection { - background-color: #169f6f; - color: #ffffff; } -label:disabled { - color: mix(#333333,#dedede,0.5); } - label:disabled:backdrop { - color: #b8b8b8; } -label:backdrop { - color: mix(#333333,#dedede,0.5); } - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid mix(#dedede,#333333,0.08); } - assistant .sidebar:backdrop { - background-color: white; - border-color: mix(#dedede,mix(#dedede,#333333,0.08),0.9); } -assistant.csd .sidebar { - border-top-style: none; } -assistant .sidebar label { - padding: 3px 6px; } -assistant .sidebar label.highlight { - background-color: mix(#333333,#dedede,0.8); } - -/********* - ! Buttons -**********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#169f6f), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#169f6f), to(transparent)); } } -stacksidebar row.needs-attention > label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#169f6f), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - stacksidebar row.needs-attention > label:backdrop { - background-size: 6px 6px, 0 0; } - stacksidebar row.needs-attention > label:dir(rtl) { - background-position: left 3px, left 4px; } - -button, headerbar button, .titlebar:not(headerbar) button, toolbar button, toolbar.inline-toolbar button, .suggested-action, headerbar.selection-mode button.suggested-action, -.titlebar:not(headerbar).selection-mode button.suggested-action, .destructive-action, headerbar.selection-mode button, -.titlebar:not(headerbar).selection-mode button, infobar.info button, infobar.warning button, infobar.question button, infobar.error button, popover.background button, frame.app-notification button, button.osd, -#XfceNotifyWindow button, .osd button, .osd spinbutton:not(.vertical) button, -#XfceNotifyWindow spinbutton:not(.vertical) button, .osd spinbutton.vertical button:first-child, -#XfceNotifyWindow spinbutton.vertical button:first-child, .nemo-window toolbar button, .nemo-window .sidebar + separator + box .primary-toolbar button.flat, #login_window button, #shutdown_button button, #restart_button button { - min-height: 20px; - min-width: 20px; - padding: 3px 5px; - border-width: 1px; - border-style: solid; - border-radius: 2px; - transition: 150ms ease; - outline-color: transparent; } - -calendar.view, calendar.view:backdrop, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, menu menuitem calendar.button, -.menu menuitem calendar.button, -.context-menu menuitem calendar.button, menu menuitem calendar.button:hover, -.menu menuitem calendar.button:hover, -.context-menu menuitem calendar.button:hover, modelbutton.flat, -menuitem.button.flat, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; } - -spinbutton:not(.vertical) button, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat { - border-radius: 0; - border-left-style: none; - border-right-style: solid; } - spinbutton:not(.vertical) button:dir(rtl), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), toolbar.inline-toolbar toolbutton > button.flat:dir(rtl) { - border-radius: 0; - border-right-style: none; - border-left-style: solid; } - -.linked.vertical > combobox > box > button.combo { - border-radius: 0; - border-top-style: none; - border-bottom-style: solid; } - .linked.vertical > combobox > box > button.combo:dir(rtl) { - border-radius: 0; - border-top-style: none; - border-bottom-style: solid; } - -.inline-toolbar button, .linked > button, combobox box button, combobox box entry, headerbar .linked > button, .titlebar:not(headerbar) .linked > button, toolbar .linked > button, headerbar.selection-mode .linked > button, -.titlebar:not(headerbar).selection-mode .linked > button, .nemo-window toolbar .linked > button, .nemo-window toolbar toolitem stack widget button { - border-width: 1px; - border-style: solid; - border-radius: 0; - border-right-style: none; - border-left-style: none; } - .inline-toolbar button:first-child, .linked > button:first-child, combobox box button:first-child, combobox box entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, headerbar .linked > button:first-child, .titlebar:not(headerbar) .linked > button:first-child, toolbar .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, - toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .nemo-window toolbar toolitem stack widget button:first-child { - border-width: 1px; - border-radius: 2px; - border-left-style: solid; - border-right-style: none; - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .inline-toolbar button:first-child:dir(rtl), .linked > button:first-child:dir(rtl), combobox box button:first-child:dir(rtl), combobox box entry:first-child:dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo:dir(rtl), headerbar .linked > button:first-child:dir(rtl), .titlebar:not(headerbar) .linked > button:first-child:dir(rtl), toolbar .linked > button:first-child:dir(rtl), toolbar.inline-toolbar toolbutton:first-child > button.flat:dir(rtl), .nemo-window toolbar toolitem stack widget button:first-child:dir(rtl) { - border-left-style: none; - border-right-style: solid; } - .inline-toolbar button:last-child, .linked > button:last-child, combobox box button:last-child, combobox box entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, headerbar .linked > button:last-child, .titlebar:not(headerbar) .linked > button:last-child, toolbar .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, - toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .nemo-window toolbar toolitem stack widget button:last-child { - border-width: 1px; - border-radius: 2px; - border-left-style: none; - border-right-style: solid; - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), combobox box button:last-child:dir(rtl), combobox box entry:last-child:dir(rtl), .linked:not(.vertical) > combobox:last-child > box > button.combo:dir(rtl), headerbar .linked > button:last-child:dir(rtl), .titlebar:not(headerbar) .linked > button:last-child:dir(rtl), toolbar .linked > button:last-child:dir(rtl), toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(rtl), .nemo-window toolbar toolitem stack widget button:last-child:dir(rtl) { - border-left-style: solid; - border-right-style: none; } - .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, - toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .nemo-window toolbar toolitem stack widget button:only-child, .inline-toolbar button:first-child:only-child, .linked > button:first-child:only-child, combobox box button:first-child:only-child, combobox box entry:first-child:only-child, .linked:not(.vertical) > combobox:first-child > box > button.combo:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo:first-child, headerbar .linked > button:first-child:only-child, .titlebar:not(headerbar) .linked > button:first-child:only-child, toolbar .linked > button:first-child:only-child, toolbar.inline-toolbar toolbutton:first-child > button.flat:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat:first-child, .nemo-window toolbar toolitem stack widget button:first-child:only-child { - border-width: 1px; - border-style: solid; } - .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, - toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .nemo-window toolbar toolitem stack widget button:only-child { - border-radius: 2px; } - -.linked.vertical > button { - border-width: 1px; - border-style: solid; - border-radius: 0; - border-top-style: none; - border-bottom-style: none; } - .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-width: 1px; - border-radius: 2px; - border-top-style: solid; - border-bottom-style: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .linked.vertical > button:first-child:dir(rtl), .linked.vertical > combobox:first-child > box > button.combo:dir(rtl) { - border-top-style: none; - border-bottom-style: solid; } - .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-width: 1px; - border-radius: 2px; - border-top-style: none; - border-bottom-style: solid; - border-top-left-radius: 0; - border-top-right-radius: 0; } - .linked.vertical > button:last-child:dir(rtl), .linked.vertical > combobox:last-child > box > button.combo:dir(rtl) { - border-top-style: solid; - border-bottom-style: none; } - .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > button:first-child:only-child, .linked.vertical > combobox:first-child > box > button.combo:only-child, .linked.vertical > combobox:only-child > box > button.combo:first-child { - border-width: 1px; - border-style: solid; } - .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 2px; } - -infobar.info button.close, infobar.warning button.close, infobar.question button.close, infobar.error button.close, notebook > header > tabs > arrow { - border: 1px solid transparent; - background-color: transparent; - background-image: none; - box-shadow: none; } - infobar.info button.close:focus, infobar.warning button.close:focus, infobar.question button.close:focus, infobar.error button.close:focus, notebook > header > tabs > arrow:focus, infobar.info button.close:hover, infobar.warning button.close:hover, infobar.question button.close:hover, infobar.error button.close:hover, notebook > header > tabs > arrow:hover { - border: 1px solid rgba(222, 222, 222, 0.3); - background-color: rgba(51, 51, 51, 0.2); - background-image: none; - box-shadow: none; } - infobar.info button.close:active, infobar.warning button.close:active, infobar.question button.close:active, infobar.error button.close:active, notebook > header > tabs > arrow:active, infobar.info button.close:checked, infobar.warning button.close:checked, infobar.question button.close:checked, infobar.error button.close:checked, notebook > header > tabs > arrow:checked, infobar.info button.close:active:hover, infobar.warning button.close:active:hover, infobar.question button.close:active:hover, infobar.error button.close:active:hover, notebook > header > tabs > arrow:active:hover, infobar.info button.close:checked:hover, infobar.warning button.close:checked:hover, infobar.question button.close:checked:hover, infobar.error button.close:checked:hover, notebook > header > tabs > arrow:checked:hover { - border: 1px solid rgba(22, 159, 111, 0.3); - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - box-shadow: none; } - -button { - background-color: #bdbdbd; - background-image: none; - border-color: rgba(41, 41, 41, 0.32); - color: #333333; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - button:focus, button:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.32),0.3); } - button:active, button:active:hover, button:active:focus, button:active:hover:focus, button:checked, button:checked:hover, button:checked:focus, button:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.32); } - button:disabled { - border-color: rgba(43, 43, 43, 0.32); } - button:active:disabled, button:checked:disabled { - border-color: rgba(41, 41, 41, 0.32); } - button:active { - color: #333333; } - button.flat { - color: #333333; - border-color: rgba(189, 189, 189, 0); - background-color: rgba(189, 189, 189, 0); - background-image: none; - box-shadow: none; } - button:hover, button.flat:hover { - background-color: #c6c6c6; - background-image: none; - border-color: rgba(41, 41, 41, 0.4); - color: #333333; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - button:hover:focus, button:hover:hover, button.flat:hover:focus, button.flat:hover:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.4),0.3); } - button:hover:active, button:hover:active:hover, button:hover:active:focus, button:hover:active:hover:focus, button:hover:checked, button:hover:checked:hover, button:hover:checked:focus, button:hover:checked:hover:focus, button.flat:hover:active, button.flat:hover:active:hover, button.flat:hover:active:focus, button.flat:hover:active:hover:focus, button.flat:hover:checked, button.flat:hover:checked:hover, button.flat:hover:checked:focus, button.flat:hover:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.4); } - button:hover:disabled, button.flat:hover:disabled { - border-color: rgba(43, 43, 43, 0.4); } - button:hover:active:disabled, button:hover:checked:disabled, button.flat:hover:active:disabled, button.flat:hover:checked:disabled { - border-color: rgba(41, 41, 41, 0.4); } - button:focus, button.flat:focus { - background-color: #c6c6c6; - background-image: none; - border-color: rgba(41, 41, 41, 0.4); - color: #333333; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - button:focus:focus, button:focus:hover, button.flat:focus:focus, button.flat:focus:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.4),0.3); } - button:focus:active, button:focus:active:hover, button:focus:active:focus, button:focus:active:hover:focus, button:focus:checked, button:focus:checked:hover, button:focus:checked:focus, button:focus:checked:hover:focus, button.flat:focus:active, button.flat:focus:active:hover, button.flat:focus:active:focus, button.flat:focus:active:hover:focus, button.flat:focus:checked, button.flat:focus:checked:hover, button.flat:focus:checked:focus, button.flat:focus:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.4); } - button:focus:disabled, button.flat:focus:disabled { - border-color: rgba(43, 43, 43, 0.4); } - button:focus:active:disabled, button:focus:checked:disabled, button.flat:focus:active:disabled, button.flat:focus:checked:disabled { - border-color: rgba(41, 41, 41, 0.4); } - button:focus:hover, button.flat:focus:hover { - background-color: #d0d0d0; - background-image: none; - border-color: rgba(41, 41, 41, 0.4); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.38); } - button:focus:hover:focus, button:focus:hover:hover, button.flat:focus:hover:focus, button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.4),0.3); } - button:focus:hover:active, button:focus:hover:active:hover, button:focus:hover:active:focus, button:focus:hover:active:hover:focus, button:focus:hover:checked, button:focus:hover:checked:hover, button:focus:hover:checked:focus, button:focus:hover:checked:hover:focus, button.flat:focus:hover:active, button.flat:focus:hover:active:hover, button.flat:focus:hover:active:focus, button.flat:focus:hover:active:hover:focus, button.flat:focus:hover:checked, button.flat:focus:hover:checked:hover, button.flat:focus:hover:checked:focus, button.flat:focus:hover:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.4); } - button:focus:hover:disabled, button.flat:focus:hover:disabled { - border-color: rgba(43, 43, 43, 0.4); } - button:focus:hover:active:disabled, button:focus:hover:checked:disabled, button.flat:focus:hover:active:disabled, button.flat:focus:hover:checked:disabled { - border-color: rgba(41, 41, 41, 0.4); } - button:checked, button:active, button.flat:checked, button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(51, 51, 51, 0.06), inset 0 1px rgba(51, 51, 51, 0.07), inset -1px 0 rgba(51, 51, 51, 0.06), inset 0 -1px rgba(51, 51, 51, 0.05); - border-color: rgba(41, 41, 41, 0.32); } - button:checked:focus, button:checked:hover, button:active:focus, button:active:hover, button.flat:checked:focus, button.flat:checked:hover, button.flat:active:focus, button.flat:active:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.32),0.3); } - button:checked:active, button:checked:active:hover, button:checked:active:focus, button:checked:active:hover:focus, button:checked:checked, button:checked:checked:hover, button:checked:checked:focus, button:checked:checked:hover:focus, button:active:active, button:active:active:hover, button:active:active:focus, button:active:active:hover:focus, button:active:checked, button:active:checked:hover, button:active:checked:focus, button:active:checked:hover:focus, button.flat:checked:active, button.flat:checked:active:hover, button.flat:checked:active:focus, button.flat:checked:active:hover:focus, button.flat:checked:checked, button.flat:checked:checked:hover, button.flat:checked:checked:focus, button.flat:checked:checked:hover:focus, button.flat:active:active, button.flat:active:active:hover, button.flat:active:active:focus, button.flat:active:active:hover:focus, button.flat:active:checked, button.flat:active:checked:hover, button.flat:active:checked:focus, button.flat:active:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.32); } - button:checked:disabled, button:active:disabled, button.flat:checked:disabled, button.flat:active:disabled { - border-color: rgba(43, 43, 43, 0.32); } - button:checked:active:disabled, button:checked:checked:disabled, button:active:active:disabled, button:active:checked:disabled, button.flat:checked:active:disabled, button.flat:checked:checked:disabled, button.flat:active:active:disabled, button.flat:active:checked:disabled { - border-color: rgba(41, 41, 41, 0.32); } - button:checked:focus, button:checked:hover, button:active:focus, button:active:hover, button.flat:checked:focus, button.flat:checked:hover, button.flat:active:focus, button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - button:focus, button:hover, button.flat:focus, button.flat:hover { - color: #333333; } - button:disabled:disabled, button.flat:disabled:disabled { - background-color: alpha(mix(#bdbdbd,#333333,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#bdbdbd,#333333,0.5); - box-shadow: none; } - button:active:disabled, button:checked:disabled, button.flat:active:disabled, button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - button.separator, button .separator { - border: 1px solid currentColor; - color: rgba(189, 189, 189, 0.9); } - button.separator:disabled, button .separator:disabled { - color: rgba(189, 189, 189, 0.85); } - .inline-toolbar button, .linked > button { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - .inline-toolbar button:focus, .inline-toolbar button:hover, .linked > button:focus, .linked > button:hover { - box-shadow: inset -1px 0 mix(#169f6f,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .inline-toolbar button:active, .inline-toolbar button:active:hover, .inline-toolbar button:active:focus, .inline-toolbar button:active:hover:focus, .inline-toolbar button:checked, .inline-toolbar button:checked:hover, .inline-toolbar button:checked:focus, .inline-toolbar button:checked:hover:focus, .linked > button:active, .linked > button:active:hover, .linked > button:active:focus, .linked > button:active:hover:focus, .linked > button:checked, .linked > button:checked:hover, .linked > button:checked:focus, .linked > button:checked:hover:focus { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(10, 10, 10, 0.07), inset 0 -1px rgba(10, 10, 10, 0.05); } - .inline-toolbar button:disabled, .linked > button:disabled { - box-shadow: inset -1px 0 #979797; } - .inline-toolbar button:last-child, .inline-toolbar button:only-child, .linked > button:last-child, .linked > button:only-child { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - .inline-toolbar button:last-child:hover, .inline-toolbar button:only-child:hover, .linked > button:last-child:hover, .linked > button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .inline-toolbar button:disabled:last-child, .inline-toolbar button:disabled:only-child, .inline-toolbar button:active:disabled:last-child, .inline-toolbar button:active:disabled:only-child, .inline-toolbar button:checked:disabled:last-child, .inline-toolbar button:checked:disabled:only-child, .linked > button:disabled:last-child, .linked > button:disabled:only-child, .linked > button:active:disabled:last-child, .linked > button:active:disabled:only-child, .linked > button:checked:disabled:last-child, .linked > button:checked:disabled:only-child { - box-shadow: none; } - .inline-toolbar button:active:last-child, .inline-toolbar button:active:last-child:focus, .inline-toolbar button:active:last-child:hover, .inline-toolbar button:active:last-child:hover:focus, .inline-toolbar button:checked:last-child, .inline-toolbar button:checked:last-child:focus, .inline-toolbar button:checked:last-child:hover, .inline-toolbar button:checked:last-child:hover:focus, .linked > button:active:last-child, .linked > button:active:last-child:focus, .linked > button:active:last-child:hover, .linked > button:active:last-child:hover:focus, .linked > button:checked:last-child, .linked > button:checked:last-child:focus, .linked > button:checked:last-child:hover, .linked > button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - .inline-toolbar button:active:only-child, .inline-toolbar button:active:only-child:focus, .inline-toolbar button:active:only-child:hover, .inline-toolbar button:active:only-child:hover:focus, .inline-toolbar button:checked:only-child, .inline-toolbar button:checked:only-child:focus, .inline-toolbar button:checked:only-child:hover, .inline-toolbar button:checked:only-child:hover:focus, .linked > button:active:only-child, .linked > button:active:only-child:focus, .linked > button:active:only-child:hover, .linked > button:active:only-child:hover:focus, .linked > button:checked:only-child, .linked > button:checked:only-child:focus, .linked > button:checked:only-child:hover, .linked > button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(10, 10, 10, 0.06), inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - .linked.vertical > button { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - .linked.vertical > button:focus, .linked.vertical > button:hover { - box-shadow: inset 0 -1px mix(#169f6f,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .linked.vertical > button:active, .linked.vertical > button:active:hover, .linked.vertical > button:active:focus, .linked.vertical > button:active:hover:focus, .linked.vertical > button:checked, .linked.vertical > button:checked:hover, .linked.vertical > button:checked:focus, .linked.vertical > button:checked:hover:focus { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 1px 0 rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.05); } - .linked.vertical > button:disabled { - box-shadow: inset 0 -1px #979797; } - .linked.vertical > button:last-child, .linked.vertical > button:only-child { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - .linked.vertical > button:last-child:hover, .linked.vertical > button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .linked.vertical > button:disabled:last-child, .linked.vertical > button:disabled:only-child, .linked.vertical > button:active:disabled:last-child, .linked.vertical > button:active:disabled:only-child, .linked.vertical > button:checked:disabled:last-child, .linked.vertical > button:checked:disabled:only-child { - box-shadow: none; } - .linked.vertical > button:active:last-child, .linked.vertical > button:active:last-child:focus, .linked.vertical > button:active:last-child:hover, .linked.vertical > button:active:last-child:hover:focus, .linked.vertical > button:checked:last-child, .linked.vertical > button:checked:last-child:focus, .linked.vertical > button:checked:last-child:hover, .linked.vertical > button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - .linked.vertical > button:active:only-child, .linked.vertical > button:active:only-child:focus, .linked.vertical > button:active:only-child:hover, .linked.vertical > button:active:only-child:hover:focus, .linked.vertical > button:checked:only-child, .linked.vertical > button:checked:only-child:focus, .linked.vertical > button:checked:only-child:hover, .linked.vertical > button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(10, 10, 10, 0.06), inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - button.circular, button.nautilus-circular-button.image-button, button.circular-button { - padding: 0; - min-width: 28px; - min-height: 28px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; } - button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { - padding: 0; } - -spinbutton:disabled { - opacity: .4; } -spinbutton button { - color: #333333; } - spinbutton button:active, spinbutton button:checked, spinbutton button:hover { - background-color: #e3e3e3; - background-image: none; } - spinbutton button:disabled { - color: mix(#333333,#dedede,0.7); } - spinbutton button:backdrop { - color: mix(white,mix(#333333,#dedede,0.5),0.9); } - spinbutton button:backdrop:disabled { - color: rgba(184, 184, 184, 0.8); } -spinbutton:not(.vertical) { - /*@extend %entry;*/ - background-color: #ffffff; - background-image: none; - /*@include border($base_color);*/ - padding: 0; - border-radius: 2px; - color: #2c2c2c; - caret-color: #2c2c2c; - /*&:focus, &:active { border-color: border_focus($borders_color); }*/ } - spinbutton:not(.vertical):disabled { - background-color: #e6e6e6; - background-image: none; - color: mix(#ffffff,#2c2c2c,0.5); } - spinbutton:not(.vertical) entry { - border-radius: 2px 0 0 2px; - border-right-width: 0; - box-shadow: none; } - spinbutton:not(.vertical) button { - border-radius: 0; - /*border-color: alpha($borders_color, .8);*/ - /*border-style: none none none solid;*/ - background-image: none; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - spinbutton:not(.vertical) button:backdrop { - border-color: alpha(mix(#dedede,mix(#dedede,#333333,0.08),0.9),0.8); } - spinbutton:not(.vertical) button:backdrop:disabled { - border-style: none none none solid; } - spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 2px 0 0 2px; } - spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 2px 2px 0; } -spinbutton.vertical button, spinbutton.vertical entry { - min-width: 0; - padding-left: 1px; - padding-right: 1px; } -spinbutton.vertical entry { - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; } -spinbutton.vertical button.up { - border-style: solid solid none solid; - border-radius: 2px 2px 0 0; } -spinbutton.vertical button.down { - border-style: none solid solid solid; - border-radius: 0 0 2px 2px; } - -/****************** -! ComboBoxes * -*******************/ -combobox button.combo { - min-width: 0; - padding-left: 5px; - padding-right: 5px; } -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } -combobox box button, combobox box entry { - padding: 3px 5px; } - -/********* - ! Entry * -**********/ -.linked:not(.vertical) > entry { - border-width: 1px; - border-radius: 0; - border-right-width: 0; - border-left-width: 0; } - .linked:not(.vertical) > entry:first-child { - border-width: 1px; - border-radius: 2px; - border-right-width: 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .linked:not(.vertical) > entry:first-child:dir(rtl) { - border-left-width: 0; - border-right-width: 1px; } - .linked:not(.vertical) > entry:last-child { - border-width: 1px; - border-radius: 2px; - border-left-width: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .linked:not(.vertical) > entry:last-child:dir(rtl) { - border-left-width: 1px; - border-right-width: 0; } - .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child { - border-width: 1px; } - .linked:not(.vertical) > entry:only-child { - border-radius: 2px; } - -.linked.vertical > entry { - border-width: 1px; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; } - .linked.vertical > entry:first-child { - border-width: 1px; - border-radius: 2px; - border-top-width: 1px; - border-bottom-width: 0; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .linked.vertical > entry:first-child:dir(rtl) { - border-top-width: 0; - border-bottom-width: 1px; } - .linked.vertical > entry:last-child { - border-width: 1px; - border-radius: 2px; - border-top-width: 0; - border-bottom-width: 1px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - .linked.vertical > entry:last-child:dir(rtl) { - border-top-width: 1px; - border-bottom-width: 0; } - .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child { - border-width: 1px; } - .linked.vertical > entry:only-child { - border-radius: 2px; } - -entry, menuitem entry, popover.background entry, .osd entry, -#XfceNotifyWindow entry, #login_window entry { - border-width: 1px; - border-style: solid; - border-radius: 2px; - transition: border 150ms ease; - box-shadow: inset 1px 1px rgba(10, 10, 10, 0.06), inset -1px 0 rgba(10, 10, 10, 0.06); } - entry:focus, popover.background entry:focus, - #XfceNotifyWindow entry:focus, #login_window entry:focus, entry:hover, popover.background entry:hover, - #XfceNotifyWindow entry:hover, #login_window entry:hover, entry:active, popover.background entry:active, - #XfceNotifyWindow entry:active, #login_window entry:active { - transition: none; } - entry:selected, popover.background entry:selected, - #XfceNotifyWindow entry:selected, #login_window entry:selected, entry:selected:selected:focus, - #XfceNotifyWindow entry:selected:selected:focus, #login_window entry:selected:selected:focus { - background-color: #169f6f; - color: #ffffff; } - entry:disabled, popover.background entry:disabled, - #XfceNotifyWindow entry:disabled, #login_window entry:disabled { - box-shadow: none; } - entry progress, popover.background entry progress, .osd entry progress, - #XfceNotifyWindow entry progress, #login_window entry progress { - background-color: #169f6f; - background-image: none; - border-width: 0; - border-radius: 2px; - color: #ffffff; } - entry image.left, - #XfceNotifyWindow entry image.left, #login_window entry image.left { - padding-right: 3px; } - entry image.right, - #XfceNotifyWindow entry image.right, #login_window entry image.right { - padding-left: 3px; } - entry.warning, popover.background entry.warning, - #XfceNotifyWindow entry.warning, #login_window entry.warning { - color: #fff; - border-color: #bf5600; - background-color: mix(#ffffff,#ef6c00,0.6); } - entry.warning image, - #XfceNotifyWindow entry.warning image, #login_window entry.warning image { - color: #fff; } - entry.warning:focus, - #XfceNotifyWindow entry.warning:focus, #login_window entry.warning:focus { - color: #fff; - border-color: mix(#169f6f,#ef6c00,0.3); - background-color: #ef6c00; - box-shadow: none; } - entry.warning selection, - #XfceNotifyWindow entry.warning selection, #login_window entry.warning selection { - background-color: #fff; - color: #ef6c00; } - entry.error, popover.background entry.error, - #XfceNotifyWindow entry.error, #login_window entry.error { - color: #fff; - border-color: #e21b0c; - background-color: mix(#ffffff,#f44336,0.6); } - entry.error image, - #XfceNotifyWindow entry.error image, #login_window entry.error image { - color: #fff; } - entry.error:focus, - #XfceNotifyWindow entry.error:focus, #login_window entry.error:focus { - color: #fff; - border-color: mix(#169f6f,#f44336,0.3); - background-color: #f44336; - box-shadow: none; } - entry.error selection, - #XfceNotifyWindow entry.error selection, #login_window entry.error selection { - background-color: #fff; - color: #f44336; } - entry.search-missing, popover.background entry.search-missing, - #XfceNotifyWindow entry.search-missing, #login_window entry.search-missing { - color: #fff; - border-color: #e21b0c; - background-color: mix(#ffffff,#f44336,0.6); } - entry.search-missing image, - #XfceNotifyWindow entry.search-missing image, #login_window entry.search-missing image { - color: #fff; } - entry.search-missing:focus, - #XfceNotifyWindow entry.search-missing:focus, #login_window entry.search-missing:focus { - color: #fff; - border-color: mix(#169f6f,#f44336,0.3); - background-color: #f44336; - box-shadow: none; } - entry.search-missing selection, - #XfceNotifyWindow entry.search-missing selection, #login_window entry.search-missing selection { - background-color: #fff; - color: #f44336; } - -entry { - background-color: #ffffff; - background-image: none; - border-color: shade(mix(#ffffff,#2c2c2c,0.2),0.8); - padding: 3px; - color: #2c2c2c; - caret-color: #2c2c2c; } - entry:focus, entry:hover { - border-color: mix(#169f6f,mix(#ffffff,#2c2c2c,0.2),0.3); } - entry:active, entry:active:hover, entry:active:focus, entry:active:hover:focus, entry:checked, entry:checked:hover, entry:checked:focus, entry:checked:hover:focus { - border-color: shade(mix(#ffffff,#2c2c2c,0.2),0.7); } - entry:disabled { - border-color: shade(mix(#ffffff,#2c2c2c,0.2),0.85); } - entry:active:disabled, entry:checked:disabled { - border-color: shade(mix(#ffffff,#2c2c2c,0.2),0.8); } - entry:focus, entry:active { - border-color: mix(#169f6f,mix(#dedede,#333333,0.08),0.3); } - entry:disabled { - background-color: #e6e6e6; - background-image: none; - border-color: shade(alpha(mix(#ffffff,#2c2c2c,0.2),0.4),0.8); - /*@include border(mix($bg, $fg, .20));*/ - /*border-color: alpha(mix($bg, $fg, .15), .8);*/ - /*opacity: .8;*/ - color: mix(#ffffff,#2c2c2c,0.5); } - entry:disabled:focus, entry:disabled:hover { - border-color: mix(#169f6f,alpha(mix(#ffffff,#2c2c2c,0.2),0.4),0.3); } - entry:disabled:active, entry:disabled:active:hover, entry:disabled:active:focus, entry:disabled:active:hover:focus, entry:disabled:checked, entry:disabled:checked:hover, entry:disabled:checked:focus, entry:disabled:checked:hover:focus { - border-color: shade(alpha(mix(#ffffff,#2c2c2c,0.2),0.4),0.7); } - entry:disabled:disabled { - border-color: shade(alpha(mix(#ffffff,#2c2c2c,0.2),0.4),0.85); } - entry:disabled:active:disabled, entry:disabled:checked:disabled { - border-color: shade(alpha(mix(#ffffff,#2c2c2c,0.2),0.4),0.8); } - -/********* - ! Buttons -**********/ -/****************** -! ComboBoxes * -*******************/ -/********* - ! Buttons -**********/ -/****************** -! ComboBoxes * -*******************/ -/********* - ! Toolbar -**********/ -toolbar { - padding: 2px; - border-style: none; } - toolbar.horizontal separator { - margin: 0 5px 1px; } - toolbar.vertical separator { - margin: 5px 1px 5px 0; } - -headerbar { - border-width: 0 0 1px; - border-style: solid; } - headerbar entry, - headerbar spinbutton, - headerbar separator, - headerbar button { - margin-top: 6px; - margin-bottom: 6px; } - headerbar switch { - margin-top: 4px; - margin-bottom: 4px; } - window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { - border-top-left-radius: 2px; } - window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { - border-top-right-radius: 2px; } - -headerbar, .titlebar:not(headerbar) { - background-color: #2c2c2c; - background-image: none; - border-color: #232323; - color: #e9e9e9; - background-color: #2c2c2c; - background-image: none; - border-radius: 2px 2px 0 0; - color: mix(#e9e9e9,#2c2c2c,0.1); - padding: 0 3px; - min-height: 42px; } - headerbar:focus, .titlebar:focus:not(headerbar), headerbar:hover, .titlebar:hover:not(headerbar) { - border-color: mix(#169f6f,#2c2c2c,0.3); } - headerbar:active, .titlebar:active:not(headerbar), headerbar:active:hover, .titlebar:active:hover:not(headerbar), headerbar:active:focus, .titlebar:active:focus:not(headerbar), headerbar:active:hover:focus, .titlebar:active:hover:focus:not(headerbar), headerbar:checked, .titlebar:checked:not(headerbar), headerbar:checked:hover, .titlebar:checked:hover:not(headerbar), headerbar:checked:focus, .titlebar:checked:focus:not(headerbar), headerbar:checked:hover:focus, .titlebar:checked:hover:focus:not(headerbar) { - border-color: #1f1f1f; } - headerbar:disabled, .titlebar:disabled:not(headerbar) { - border-color: #252525; } - headerbar:active:disabled, .titlebar:active:disabled:not(headerbar), headerbar:checked:disabled, .titlebar:checked:disabled:not(headerbar) { - border-color: #232323; } - headerbar:disabled, .titlebar:disabled:not(headerbar) { - background-color: #282828; - background-image: none; - color: mix(#e9e9e9,#2c2c2c,0.5); } - headerbar .title, .titlebar:not(headerbar) .title { - font-weight: bold; - padding: 0 6px; } - headerbar .subtitle, .titlebar:not(headerbar) .subtitle { - font-size: smaller; - padding: 0 6px; } - headerbar button, .titlebar:not(headerbar) button { - background-color: #2c2c2c; - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover:focus, .titlebar:not(headerbar) button:active:hover:focus, headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover:focus, .titlebar:not(headerbar) button:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - headerbar button:disabled, .titlebar:not(headerbar) button:disabled { - border-color: rgba(198, 198, 198, 0.22); } - headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - headerbar button:active, .titlebar:not(headerbar) button:active { - color: #e9e9e9; } - headerbar button.flat, .titlebar:not(headerbar) button.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { - background-color: #2e2e2e; - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - headerbar button:hover:focus, .titlebar:not(headerbar) button:hover:focus, headerbar button:hover:hover, .titlebar:not(headerbar) button:hover:hover, headerbar button.flat:hover:focus, .titlebar:not(headerbar) button.flat:hover:focus, headerbar button.flat:hover:hover, .titlebar:not(headerbar) button.flat:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - headerbar button:hover:active, .titlebar:not(headerbar) button:hover:active, headerbar button:hover:active:hover, .titlebar:not(headerbar) button:hover:active:hover, headerbar button:hover:active:focus, .titlebar:not(headerbar) button:hover:active:focus, headerbar button:hover:active:hover:focus, .titlebar:not(headerbar) button:hover:active:hover:focus, headerbar button:hover:checked, .titlebar:not(headerbar) button:hover:checked, headerbar button:hover:checked:hover, .titlebar:not(headerbar) button:hover:checked:hover, headerbar button:hover:checked:focus, .titlebar:not(headerbar) button:hover:checked:focus, headerbar button:hover:checked:hover:focus, .titlebar:not(headerbar) button:hover:checked:hover:focus, headerbar button.flat:hover:active, .titlebar:not(headerbar) button.flat:hover:active, headerbar button.flat:hover:active:hover, .titlebar:not(headerbar) button.flat:hover:active:hover, headerbar button.flat:hover:active:focus, .titlebar:not(headerbar) button.flat:hover:active:focus, headerbar button.flat:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:hover:active:hover:focus, headerbar button.flat:hover:checked, .titlebar:not(headerbar) button.flat:hover:checked, headerbar button.flat:hover:checked:hover, .titlebar:not(headerbar) button.flat:hover:checked:hover, headerbar button.flat:hover:checked:focus, .titlebar:not(headerbar) button.flat:hover:checked:focus, headerbar button.flat:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - headerbar button:hover:disabled, .titlebar:not(headerbar) button:hover:disabled, headerbar button.flat:hover:disabled, .titlebar:not(headerbar) button.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - headerbar button:hover:active:disabled, .titlebar:not(headerbar) button:hover:active:disabled, headerbar button:hover:checked:disabled, .titlebar:not(headerbar) button:hover:checked:disabled, headerbar button.flat:hover:active:disabled, .titlebar:not(headerbar) button.flat:hover:active:disabled, headerbar button.flat:hover:checked:disabled, .titlebar:not(headerbar) button.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus { - background-color: #2e2e2e; - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - headerbar button:focus:focus, .titlebar:not(headerbar) button:focus:focus, headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:focus, .titlebar:not(headerbar) button.flat:focus:focus, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - headerbar button:focus:active, .titlebar:not(headerbar) button:focus:active, headerbar button:focus:active:hover, .titlebar:not(headerbar) button:focus:active:hover, headerbar button:focus:active:focus, .titlebar:not(headerbar) button:focus:active:focus, headerbar button:focus:active:hover:focus, .titlebar:not(headerbar) button:focus:active:hover:focus, headerbar button:focus:checked, .titlebar:not(headerbar) button:focus:checked, headerbar button:focus:checked:hover, .titlebar:not(headerbar) button:focus:checked:hover, headerbar button:focus:checked:focus, .titlebar:not(headerbar) button:focus:checked:focus, headerbar button:focus:checked:hover:focus, .titlebar:not(headerbar) button:focus:checked:hover:focus, headerbar button.flat:focus:active, .titlebar:not(headerbar) button.flat:focus:active, headerbar button.flat:focus:active:hover, .titlebar:not(headerbar) button.flat:focus:active:hover, headerbar button.flat:focus:active:focus, .titlebar:not(headerbar) button.flat:focus:active:focus, headerbar button.flat:focus:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:active:hover:focus, headerbar button.flat:focus:checked, .titlebar:not(headerbar) button.flat:focus:checked, headerbar button.flat:focus:checked:hover, .titlebar:not(headerbar) button.flat:focus:checked:hover, headerbar button.flat:focus:checked:focus, .titlebar:not(headerbar) button.flat:focus:checked:focus, headerbar button.flat:focus:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - headerbar button:focus:disabled, .titlebar:not(headerbar) button:focus:disabled, headerbar button.flat:focus:disabled, .titlebar:not(headerbar) button.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - headerbar button:focus:active:disabled, .titlebar:not(headerbar) button:focus:active:disabled, headerbar button:focus:checked:disabled, .titlebar:not(headerbar) button:focus:checked:disabled, headerbar button.flat:focus:active:disabled, .titlebar:not(headerbar) button.flat:focus:active:disabled, headerbar button.flat:focus:checked:disabled, .titlebar:not(headerbar) button.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { - background-color: #303030; - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - headerbar button:focus:hover:focus, .titlebar:not(headerbar) button:focus:hover:focus, headerbar button:focus:hover:hover, .titlebar:not(headerbar) button:focus:hover:hover, headerbar button.flat:focus:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:focus, headerbar button.flat:focus:hover:hover, .titlebar:not(headerbar) button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - headerbar button:focus:hover:active, .titlebar:not(headerbar) button:focus:hover:active, headerbar button:focus:hover:active:hover, .titlebar:not(headerbar) button:focus:hover:active:hover, headerbar button:focus:hover:active:focus, .titlebar:not(headerbar) button:focus:hover:active:focus, headerbar button:focus:hover:active:hover:focus, .titlebar:not(headerbar) button:focus:hover:active:hover:focus, headerbar button:focus:hover:checked, .titlebar:not(headerbar) button:focus:hover:checked, headerbar button:focus:hover:checked:hover, .titlebar:not(headerbar) button:focus:hover:checked:hover, headerbar button:focus:hover:checked:focus, .titlebar:not(headerbar) button:focus:hover:checked:focus, headerbar button:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button:focus:hover:checked:hover:focus, headerbar button.flat:focus:hover:active, .titlebar:not(headerbar) button.flat:focus:hover:active, headerbar button.flat:focus:hover:active:hover, .titlebar:not(headerbar) button.flat:focus:hover:active:hover, headerbar button.flat:focus:hover:active:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:focus, headerbar button.flat:focus:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:hover:focus, headerbar button.flat:focus:hover:checked, .titlebar:not(headerbar) button.flat:focus:hover:checked, headerbar button.flat:focus:hover:checked:hover, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover, headerbar button.flat:focus:hover:checked:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:focus, headerbar button.flat:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - headerbar button:focus:hover:disabled, .titlebar:not(headerbar) button:focus:hover:disabled, headerbar button.flat:focus:hover:disabled, .titlebar:not(headerbar) button.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - headerbar button:focus:hover:active:disabled, .titlebar:not(headerbar) button:focus:hover:active:disabled, headerbar button:focus:hover:checked:disabled, .titlebar:not(headerbar) button:focus:hover:checked:disabled, headerbar button.flat:focus:hover:active:disabled, .titlebar:not(headerbar) button.flat:focus:hover:active:disabled, headerbar button.flat:focus:hover:checked:disabled, .titlebar:not(headerbar) button.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button.flat:checked, .titlebar:not(headerbar) button.flat:checked, headerbar button.flat:active, .titlebar:not(headerbar) button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - headerbar button:checked:active, .titlebar:not(headerbar) button:checked:active, headerbar button:checked:active:hover, .titlebar:not(headerbar) button:checked:active:hover, headerbar button:checked:active:focus, .titlebar:not(headerbar) button:checked:active:focus, headerbar button:checked:active:hover:focus, .titlebar:not(headerbar) button:checked:active:hover:focus, headerbar button:checked:checked, .titlebar:not(headerbar) button:checked:checked, headerbar button:checked:checked:hover, .titlebar:not(headerbar) button:checked:checked:hover, headerbar button:checked:checked:focus, .titlebar:not(headerbar) button:checked:checked:focus, headerbar button:checked:checked:hover:focus, .titlebar:not(headerbar) button:checked:checked:hover:focus, headerbar button:active:active, .titlebar:not(headerbar) button:active:active, headerbar button:active:active:hover, .titlebar:not(headerbar) button:active:active:hover, headerbar button:active:active:focus, .titlebar:not(headerbar) button:active:active:focus, headerbar button:active:active:hover:focus, .titlebar:not(headerbar) button:active:active:hover:focus, headerbar button:active:checked, .titlebar:not(headerbar) button:active:checked, headerbar button:active:checked:hover, .titlebar:not(headerbar) button:active:checked:hover, headerbar button:active:checked:focus, .titlebar:not(headerbar) button:active:checked:focus, headerbar button:active:checked:hover:focus, .titlebar:not(headerbar) button:active:checked:hover:focus, headerbar button.flat:checked:active, .titlebar:not(headerbar) button.flat:checked:active, headerbar button.flat:checked:active:hover, .titlebar:not(headerbar) button.flat:checked:active:hover, headerbar button.flat:checked:active:focus, .titlebar:not(headerbar) button.flat:checked:active:focus, headerbar button.flat:checked:active:hover:focus, .titlebar:not(headerbar) button.flat:checked:active:hover:focus, headerbar button.flat:checked:checked, .titlebar:not(headerbar) button.flat:checked:checked, headerbar button.flat:checked:checked:hover, .titlebar:not(headerbar) button.flat:checked:checked:hover, headerbar button.flat:checked:checked:focus, .titlebar:not(headerbar) button.flat:checked:checked:focus, headerbar button.flat:checked:checked:hover:focus, .titlebar:not(headerbar) button.flat:checked:checked:hover:focus, headerbar button.flat:active:active, .titlebar:not(headerbar) button.flat:active:active, headerbar button.flat:active:active:hover, .titlebar:not(headerbar) button.flat:active:active:hover, headerbar button.flat:active:active:focus, .titlebar:not(headerbar) button.flat:active:active:focus, headerbar button.flat:active:active:hover:focus, .titlebar:not(headerbar) button.flat:active:active:hover:focus, headerbar button.flat:active:checked, .titlebar:not(headerbar) button.flat:active:checked, headerbar button.flat:active:checked:hover, .titlebar:not(headerbar) button.flat:active:checked:hover, headerbar button.flat:active:checked:focus, .titlebar:not(headerbar) button.flat:active:checked:focus, headerbar button.flat:active:checked:hover:focus, .titlebar:not(headerbar) button.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - headerbar button:checked:active:disabled, .titlebar:not(headerbar) button:checked:active:disabled, headerbar button:checked:checked:disabled, .titlebar:not(headerbar) button:checked:checked:disabled, headerbar button:active:active:disabled, .titlebar:not(headerbar) button:active:active:disabled, headerbar button:active:checked:disabled, .titlebar:not(headerbar) button:active:checked:disabled, headerbar button.flat:checked:active:disabled, .titlebar:not(headerbar) button.flat:checked:active:disabled, headerbar button.flat:checked:checked:disabled, .titlebar:not(headerbar) button.flat:checked:checked:disabled, headerbar button.flat:active:active:disabled, .titlebar:not(headerbar) button.flat:active:active:disabled, headerbar button.flat:active:checked:disabled, .titlebar:not(headerbar) button.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { - color: #e9e9e9; } - headerbar button:disabled:disabled, .titlebar:not(headerbar) button:disabled:disabled, headerbar button.flat:disabled:disabled, .titlebar:not(headerbar) button.flat:disabled:disabled { - background-color: alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#2c2c2c,#e9e9e9,0.5); - box-shadow: none; } - headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - headerbar button.separator, .titlebar:not(headerbar) button.separator, headerbar button .separator, .titlebar:not(headerbar) button .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.9); } - headerbar button.separator:disabled, .titlebar:not(headerbar) button.separator:disabled, headerbar button .separator:disabled, .titlebar:not(headerbar) button .separator:disabled { - color: rgba(44, 44, 44, 0.85); } - headerbar .linked > button, .titlebar:not(headerbar) .linked > button { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - headerbar .linked > button:focus, .titlebar:not(headerbar) .linked > button:focus, headerbar .linked > button:hover, .titlebar:not(headerbar) .linked > button:hover { - box-shadow: inset -1px 0 mix(#169f6f,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - headerbar .linked > button:active, .titlebar:not(headerbar) .linked > button:active, headerbar .linked > button:active:hover, .titlebar:not(headerbar) .linked > button:active:hover, headerbar .linked > button:active:focus, .titlebar:not(headerbar) .linked > button:active:focus, headerbar .linked > button:active:hover:focus, .titlebar:not(headerbar) .linked > button:active:hover:focus, headerbar .linked > button:checked, .titlebar:not(headerbar) .linked > button:checked, headerbar .linked > button:checked:hover, .titlebar:not(headerbar) .linked > button:checked:hover, headerbar .linked > button:checked:focus, .titlebar:not(headerbar) .linked > button:checked:focus, headerbar .linked > button:checked:hover:focus, .titlebar:not(headerbar) .linked > button:checked:hover:focus { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(10, 10, 10, 0.07), inset 0 -1px rgba(10, 10, 10, 0.05); } - headerbar .linked > button:disabled, .titlebar:not(headerbar) .linked > button:disabled { - box-shadow: inset -1px 0 #232323; } - headerbar .linked > button:last-child, .titlebar:not(headerbar) .linked > button:last-child, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - headerbar .linked > button:last-child:hover, .titlebar:not(headerbar) .linked > button:last-child:hover, headerbar .linked > button:only-child:hover, .titlebar:not(headerbar) .linked > button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - headerbar .linked > button:disabled:last-child, .titlebar:not(headerbar) .linked > button:disabled:last-child, headerbar .linked > button:disabled:only-child, .titlebar:not(headerbar) .linked > button:disabled:only-child, headerbar .linked > button:active:disabled:last-child, .titlebar:not(headerbar) .linked > button:active:disabled:last-child, headerbar .linked > button:active:disabled:only-child, .titlebar:not(headerbar) .linked > button:active:disabled:only-child, headerbar .linked > button:checked:disabled:last-child, .titlebar:not(headerbar) .linked > button:checked:disabled:last-child, headerbar .linked > button:checked:disabled:only-child, .titlebar:not(headerbar) .linked > button:checked:disabled:only-child { - box-shadow: none; } - headerbar .linked > button:active:last-child, .titlebar:not(headerbar) .linked > button:active:last-child, headerbar .linked > button:active:last-child:focus, .titlebar:not(headerbar) .linked > button:active:last-child:focus, headerbar .linked > button:active:last-child:hover, .titlebar:not(headerbar) .linked > button:active:last-child:hover, headerbar .linked > button:active:last-child:hover:focus, .titlebar:not(headerbar) .linked > button:active:last-child:hover:focus, headerbar .linked > button:checked:last-child, .titlebar:not(headerbar) .linked > button:checked:last-child, headerbar .linked > button:checked:last-child:focus, .titlebar:not(headerbar) .linked > button:checked:last-child:focus, headerbar .linked > button:checked:last-child:hover, .titlebar:not(headerbar) .linked > button:checked:last-child:hover, headerbar .linked > button:checked:last-child:hover:focus, .titlebar:not(headerbar) .linked > button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - headerbar .linked > button:active:only-child, .titlebar:not(headerbar) .linked > button:active:only-child, headerbar .linked > button:active:only-child:focus, .titlebar:not(headerbar) .linked > button:active:only-child:focus, headerbar .linked > button:active:only-child:hover, .titlebar:not(headerbar) .linked > button:active:only-child:hover, headerbar .linked > button:active:only-child:hover:focus, .titlebar:not(headerbar) .linked > button:active:only-child:hover:focus, headerbar .linked > button:checked:only-child, .titlebar:not(headerbar) .linked > button:checked:only-child, headerbar .linked > button:checked:only-child:focus, .titlebar:not(headerbar) .linked > button:checked:only-child:focus, headerbar .linked > button:checked:only-child:hover, .titlebar:not(headerbar) .linked > button:checked:only-child:hover, headerbar .linked > button:checked:only-child:hover:focus, .titlebar:not(headerbar) .linked > button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(10, 10, 10, 0.06), inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - headerbar combobox, .titlebar:not(headerbar) combobox, headerbar button, .titlebar:not(headerbar) button { - padding: 3px; } - headerbar combobox.text-button, .titlebar:not(headerbar) combobox.text-button, headerbar button.text-button, .titlebar:not(headerbar) button.text-button { - padding: 3px; } - headerbar combobox.image-button, .titlebar:not(headerbar) combobox.image-button, headerbar button.image-button, .titlebar:not(headerbar) button.image-button { - padding: 3px; } - headerbar separator, .titlebar:not(headerbar) separator, headerbar separator:disabled, .titlebar:not(headerbar) separator:disabled { - color: #1a1a1a; - border-color: currentColor; - -GtkWidget-window-dragging: true; } - headerbar:backdrop, .titlebar:backdrop:not(headerbar) { - background-color: #2c2c2c; - background-image: none; - color: mix(#e9e9e9,#2c2c2c,0.6); - text-shadow: none; } - headerbar.default-decoration, .default-decoration.titlebar:not(headerbar) { - min-height: 24px; - box-shadow: none; - border: 0; } - headerbar.default-decoration button.titlebutton, .default-decoration.titlebar:not(headerbar) button.titlebutton { - min-height: 16px; - min-width: 16px; - margin: 0; - padding: 0; } - .tiled headerbar:backdrop, .tiled .titlebar:backdrop:not(headerbar), .tiled headerbar, .tiled .titlebar:not(headerbar), .maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar), .maximized headerbar, .maximized .titlebar:not(headerbar) { - border-radius: 0; } - headerbar .title, .titlebar:not(headerbar) .title { - font-weight: bold; } - headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { - margin-left: 3px; } - headerbar button, .titlebar:not(headerbar) button { - background-color: #169f6f; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover:focus, .titlebar:not(headerbar) button:active:hover:focus, headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover:focus, .titlebar:not(headerbar) button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - headerbar button:disabled, .titlebar:not(headerbar) button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - headerbar button:active, .titlebar:not(headerbar) button:active { - color: #ffffff; } - headerbar button.flat, .titlebar:not(headerbar) button.flat { - color: #ffffff; - border-color: rgba(22, 159, 111, 0); - background-color: rgba(22, 159, 111, 0); - background-image: none; - box-shadow: none; } - headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - headerbar button:hover:focus, .titlebar:not(headerbar) button:hover:focus, headerbar button:hover:hover, .titlebar:not(headerbar) button:hover:hover, headerbar button.flat:hover:focus, .titlebar:not(headerbar) button.flat:hover:focus, headerbar button.flat:hover:hover, .titlebar:not(headerbar) button.flat:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - headerbar button:hover:active, .titlebar:not(headerbar) button:hover:active, headerbar button:hover:active:hover, .titlebar:not(headerbar) button:hover:active:hover, headerbar button:hover:active:focus, .titlebar:not(headerbar) button:hover:active:focus, headerbar button:hover:active:hover:focus, .titlebar:not(headerbar) button:hover:active:hover:focus, headerbar button:hover:checked, .titlebar:not(headerbar) button:hover:checked, headerbar button:hover:checked:hover, .titlebar:not(headerbar) button:hover:checked:hover, headerbar button:hover:checked:focus, .titlebar:not(headerbar) button:hover:checked:focus, headerbar button:hover:checked:hover:focus, .titlebar:not(headerbar) button:hover:checked:hover:focus, headerbar button.flat:hover:active, .titlebar:not(headerbar) button.flat:hover:active, headerbar button.flat:hover:active:hover, .titlebar:not(headerbar) button.flat:hover:active:hover, headerbar button.flat:hover:active:focus, .titlebar:not(headerbar) button.flat:hover:active:focus, headerbar button.flat:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:hover:active:hover:focus, headerbar button.flat:hover:checked, .titlebar:not(headerbar) button.flat:hover:checked, headerbar button.flat:hover:checked:hover, .titlebar:not(headerbar) button.flat:hover:checked:hover, headerbar button.flat:hover:checked:focus, .titlebar:not(headerbar) button.flat:hover:checked:focus, headerbar button.flat:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar button:hover:disabled, .titlebar:not(headerbar) button:hover:disabled, headerbar button.flat:hover:disabled, .titlebar:not(headerbar) button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar button:hover:active:disabled, .titlebar:not(headerbar) button:hover:active:disabled, headerbar button:hover:checked:disabled, .titlebar:not(headerbar) button:hover:checked:disabled, headerbar button.flat:hover:active:disabled, .titlebar:not(headerbar) button.flat:hover:active:disabled, headerbar button.flat:hover:checked:disabled, .titlebar:not(headerbar) button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - headerbar button:focus:focus, .titlebar:not(headerbar) button:focus:focus, headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:focus, .titlebar:not(headerbar) button.flat:focus:focus, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - headerbar button:focus:active, .titlebar:not(headerbar) button:focus:active, headerbar button:focus:active:hover, .titlebar:not(headerbar) button:focus:active:hover, headerbar button:focus:active:focus, .titlebar:not(headerbar) button:focus:active:focus, headerbar button:focus:active:hover:focus, .titlebar:not(headerbar) button:focus:active:hover:focus, headerbar button:focus:checked, .titlebar:not(headerbar) button:focus:checked, headerbar button:focus:checked:hover, .titlebar:not(headerbar) button:focus:checked:hover, headerbar button:focus:checked:focus, .titlebar:not(headerbar) button:focus:checked:focus, headerbar button:focus:checked:hover:focus, .titlebar:not(headerbar) button:focus:checked:hover:focus, headerbar button.flat:focus:active, .titlebar:not(headerbar) button.flat:focus:active, headerbar button.flat:focus:active:hover, .titlebar:not(headerbar) button.flat:focus:active:hover, headerbar button.flat:focus:active:focus, .titlebar:not(headerbar) button.flat:focus:active:focus, headerbar button.flat:focus:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:active:hover:focus, headerbar button.flat:focus:checked, .titlebar:not(headerbar) button.flat:focus:checked, headerbar button.flat:focus:checked:hover, .titlebar:not(headerbar) button.flat:focus:checked:hover, headerbar button.flat:focus:checked:focus, .titlebar:not(headerbar) button.flat:focus:checked:focus, headerbar button.flat:focus:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar button:focus:disabled, .titlebar:not(headerbar) button:focus:disabled, headerbar button.flat:focus:disabled, .titlebar:not(headerbar) button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar button:focus:active:disabled, .titlebar:not(headerbar) button:focus:active:disabled, headerbar button:focus:checked:disabled, .titlebar:not(headerbar) button:focus:checked:disabled, headerbar button.flat:focus:active:disabled, .titlebar:not(headerbar) button.flat:focus:active:disabled, headerbar button.flat:focus:checked:disabled, .titlebar:not(headerbar) button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { - background-color: #18af7a; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - headerbar button:focus:hover:focus, .titlebar:not(headerbar) button:focus:hover:focus, headerbar button:focus:hover:hover, .titlebar:not(headerbar) button:focus:hover:hover, headerbar button.flat:focus:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:focus, headerbar button.flat:focus:hover:hover, .titlebar:not(headerbar) button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - headerbar button:focus:hover:active, .titlebar:not(headerbar) button:focus:hover:active, headerbar button:focus:hover:active:hover, .titlebar:not(headerbar) button:focus:hover:active:hover, headerbar button:focus:hover:active:focus, .titlebar:not(headerbar) button:focus:hover:active:focus, headerbar button:focus:hover:active:hover:focus, .titlebar:not(headerbar) button:focus:hover:active:hover:focus, headerbar button:focus:hover:checked, .titlebar:not(headerbar) button:focus:hover:checked, headerbar button:focus:hover:checked:hover, .titlebar:not(headerbar) button:focus:hover:checked:hover, headerbar button:focus:hover:checked:focus, .titlebar:not(headerbar) button:focus:hover:checked:focus, headerbar button:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button:focus:hover:checked:hover:focus, headerbar button.flat:focus:hover:active, .titlebar:not(headerbar) button.flat:focus:hover:active, headerbar button.flat:focus:hover:active:hover, .titlebar:not(headerbar) button.flat:focus:hover:active:hover, headerbar button.flat:focus:hover:active:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:focus, headerbar button.flat:focus:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:hover:focus, headerbar button.flat:focus:hover:checked, .titlebar:not(headerbar) button.flat:focus:hover:checked, headerbar button.flat:focus:hover:checked:hover, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover, headerbar button.flat:focus:hover:checked:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:focus, headerbar button.flat:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar button:focus:hover:disabled, .titlebar:not(headerbar) button:focus:hover:disabled, headerbar button.flat:focus:hover:disabled, .titlebar:not(headerbar) button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar button:focus:hover:active:disabled, .titlebar:not(headerbar) button:focus:hover:active:disabled, headerbar button:focus:hover:checked:disabled, .titlebar:not(headerbar) button:focus:hover:checked:disabled, headerbar button.flat:focus:hover:active:disabled, .titlebar:not(headerbar) button.flat:focus:hover:active:disabled, headerbar button.flat:focus:hover:checked:disabled, .titlebar:not(headerbar) button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button.flat:checked, .titlebar:not(headerbar) button.flat:checked, headerbar button.flat:active, .titlebar:not(headerbar) button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - headerbar button:checked:active, .titlebar:not(headerbar) button:checked:active, headerbar button:checked:active:hover, .titlebar:not(headerbar) button:checked:active:hover, headerbar button:checked:active:focus, .titlebar:not(headerbar) button:checked:active:focus, headerbar button:checked:active:hover:focus, .titlebar:not(headerbar) button:checked:active:hover:focus, headerbar button:checked:checked, .titlebar:not(headerbar) button:checked:checked, headerbar button:checked:checked:hover, .titlebar:not(headerbar) button:checked:checked:hover, headerbar button:checked:checked:focus, .titlebar:not(headerbar) button:checked:checked:focus, headerbar button:checked:checked:hover:focus, .titlebar:not(headerbar) button:checked:checked:hover:focus, headerbar button:active:active, .titlebar:not(headerbar) button:active:active, headerbar button:active:active:hover, .titlebar:not(headerbar) button:active:active:hover, headerbar button:active:active:focus, .titlebar:not(headerbar) button:active:active:focus, headerbar button:active:active:hover:focus, .titlebar:not(headerbar) button:active:active:hover:focus, headerbar button:active:checked, .titlebar:not(headerbar) button:active:checked, headerbar button:active:checked:hover, .titlebar:not(headerbar) button:active:checked:hover, headerbar button:active:checked:focus, .titlebar:not(headerbar) button:active:checked:focus, headerbar button:active:checked:hover:focus, .titlebar:not(headerbar) button:active:checked:hover:focus, headerbar button.flat:checked:active, .titlebar:not(headerbar) button.flat:checked:active, headerbar button.flat:checked:active:hover, .titlebar:not(headerbar) button.flat:checked:active:hover, headerbar button.flat:checked:active:focus, .titlebar:not(headerbar) button.flat:checked:active:focus, headerbar button.flat:checked:active:hover:focus, .titlebar:not(headerbar) button.flat:checked:active:hover:focus, headerbar button.flat:checked:checked, .titlebar:not(headerbar) button.flat:checked:checked, headerbar button.flat:checked:checked:hover, .titlebar:not(headerbar) button.flat:checked:checked:hover, headerbar button.flat:checked:checked:focus, .titlebar:not(headerbar) button.flat:checked:checked:focus, headerbar button.flat:checked:checked:hover:focus, .titlebar:not(headerbar) button.flat:checked:checked:hover:focus, headerbar button.flat:active:active, .titlebar:not(headerbar) button.flat:active:active, headerbar button.flat:active:active:hover, .titlebar:not(headerbar) button.flat:active:active:hover, headerbar button.flat:active:active:focus, .titlebar:not(headerbar) button.flat:active:active:focus, headerbar button.flat:active:active:hover:focus, .titlebar:not(headerbar) button.flat:active:active:hover:focus, headerbar button.flat:active:checked, .titlebar:not(headerbar) button.flat:active:checked, headerbar button.flat:active:checked:hover, .titlebar:not(headerbar) button.flat:active:checked:hover, headerbar button.flat:active:checked:focus, .titlebar:not(headerbar) button.flat:active:checked:focus, headerbar button.flat:active:checked:hover:focus, .titlebar:not(headerbar) button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - headerbar button:checked:active:disabled, .titlebar:not(headerbar) button:checked:active:disabled, headerbar button:checked:checked:disabled, .titlebar:not(headerbar) button:checked:checked:disabled, headerbar button:active:active:disabled, .titlebar:not(headerbar) button:active:active:disabled, headerbar button:active:checked:disabled, .titlebar:not(headerbar) button:active:checked:disabled, headerbar button.flat:checked:active:disabled, .titlebar:not(headerbar) button.flat:checked:active:disabled, headerbar button.flat:checked:checked:disabled, .titlebar:not(headerbar) button.flat:checked:checked:disabled, headerbar button.flat:active:active:disabled, .titlebar:not(headerbar) button.flat:active:active:disabled, headerbar button.flat:active:checked:disabled, .titlebar:not(headerbar) button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { - color: #ffffff; } - headerbar button:disabled:disabled, .titlebar:not(headerbar) button:disabled:disabled, headerbar button.flat:disabled:disabled, .titlebar:not(headerbar) button.flat:disabled:disabled { - background-color: alpha(mix(#169f6f,#ffffff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#169f6f,#ffffff,0.5); - box-shadow: none; } - headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - headerbar button.separator, .titlebar:not(headerbar) button.separator, headerbar button .separator, .titlebar:not(headerbar) button .separator { - border: 1px solid currentColor; - color: rgba(22, 159, 111, 0.9); } - headerbar button.separator:disabled, .titlebar:not(headerbar) button.separator:disabled, headerbar button .separator:disabled, .titlebar:not(headerbar) button .separator:disabled { - color: rgba(22, 159, 111, 0.85); } - headerbar button.titlebutton + separator.titlebutton, .titlebar:not(headerbar) button.titlebutton + separator.titlebutton { - margin-left: 0; - margin-right: 3px; } - headerbar button.titlebutton, .titlebar:not(headerbar) button.titlebutton { - border: 0; - background-image: none; - background-color: transparent; - color: mix(#e9e9e9,#2c2c2c,0.1); - box-shadow: none; } - headerbar button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:hover, headerbar button.titlebutton:hover:focus, .titlebar:not(headerbar) button.titlebutton:hover:focus { - background-image: none; - background-color: transparent; - color: #169f6f; - box-shadow: none; } - headerbar button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:active, headerbar button.titlebutton:active:hover, .titlebar:not(headerbar) button.titlebutton:active:hover { - background-image: none; - background-color: transparent; - color: #148f64; - box-shadow: none; } - headerbar button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop { - background: none; - color: mix(#e9e9e9,#2c2c2c,0.6); - -gtk-icon-shadow: none; } - -toolbar { - background-color: #dedede; - background-image: none; - border-color: #b2b2b2; - color: #333333; } - toolbar:focus, toolbar:hover { - border-color: mix(#169f6f,#dedede,0.3); } - toolbar:active, toolbar:active:hover, toolbar:active:focus, toolbar:active:hover:focus, toolbar:checked, toolbar:checked:hover, toolbar:checked:focus, toolbar:checked:hover:focus { - border-color: #9b9b9b; } - toolbar:disabled { - border-color: #bdbdbd; } - toolbar:active:disabled, toolbar:checked:disabled { - border-color: #b2b2b2; } - toolbar:disabled { - background-color: #c8c8c8; - background-image: none; - color: mix(#333333,#dedede,0.5); } - toolbar .title { - font-weight: bold; - padding: 0 6px; } - toolbar .subtitle { - font-size: smaller; - padding: 0 6px; } - toolbar button { - background-color: #dedede; - background-image: none; - border-color: rgba(41, 41, 41, 0.32); - color: #333333; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - toolbar button:focus, toolbar button:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.32),0.3); } - toolbar button:active, toolbar button:active:hover, toolbar button:active:focus, toolbar button:active:hover:focus, toolbar button:checked, toolbar button:checked:hover, toolbar button:checked:focus, toolbar button:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.32); } - toolbar button:disabled { - border-color: rgba(43, 43, 43, 0.32); } - toolbar button:active:disabled, toolbar button:checked:disabled { - border-color: rgba(41, 41, 41, 0.32); } - toolbar button:active { - color: #333333; } - toolbar button.flat { - color: #333333; - border-color: rgba(222, 222, 222, 0); - background-color: rgba(222, 222, 222, 0); - background-image: none; - box-shadow: none; } - toolbar button:hover, toolbar button.flat:hover { - background-color: #e9e9e9; - background-image: none; - border-color: rgba(41, 41, 41, 0.4); - color: #333333; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - toolbar button:hover:focus, toolbar button:hover:hover, toolbar button.flat:hover:focus, toolbar button.flat:hover:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.4),0.3); } - toolbar button:hover:active, toolbar button:hover:active:hover, toolbar button:hover:active:focus, toolbar button:hover:active:hover:focus, toolbar button:hover:checked, toolbar button:hover:checked:hover, toolbar button:hover:checked:focus, toolbar button:hover:checked:hover:focus, toolbar button.flat:hover:active, toolbar button.flat:hover:active:hover, toolbar button.flat:hover:active:focus, toolbar button.flat:hover:active:hover:focus, toolbar button.flat:hover:checked, toolbar button.flat:hover:checked:hover, toolbar button.flat:hover:checked:focus, toolbar button.flat:hover:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.4); } - toolbar button:hover:disabled, toolbar button.flat:hover:disabled { - border-color: rgba(43, 43, 43, 0.4); } - toolbar button:hover:active:disabled, toolbar button:hover:checked:disabled, toolbar button.flat:hover:active:disabled, toolbar button.flat:hover:checked:disabled { - border-color: rgba(41, 41, 41, 0.4); } - toolbar button:focus, toolbar button.flat:focus { - background-color: #e9e9e9; - background-image: none; - border-color: rgba(41, 41, 41, 0.4); - color: #333333; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - toolbar button:focus:focus, toolbar button:focus:hover, toolbar button.flat:focus:focus, toolbar button.flat:focus:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.4),0.3); } - toolbar button:focus:active, toolbar button:focus:active:hover, toolbar button:focus:active:focus, toolbar button:focus:active:hover:focus, toolbar button:focus:checked, toolbar button:focus:checked:hover, toolbar button:focus:checked:focus, toolbar button:focus:checked:hover:focus, toolbar button.flat:focus:active, toolbar button.flat:focus:active:hover, toolbar button.flat:focus:active:focus, toolbar button.flat:focus:active:hover:focus, toolbar button.flat:focus:checked, toolbar button.flat:focus:checked:hover, toolbar button.flat:focus:checked:focus, toolbar button.flat:focus:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.4); } - toolbar button:focus:disabled, toolbar button.flat:focus:disabled { - border-color: rgba(43, 43, 43, 0.4); } - toolbar button:focus:active:disabled, toolbar button:focus:checked:disabled, toolbar button.flat:focus:active:disabled, toolbar button.flat:focus:checked:disabled { - border-color: rgba(41, 41, 41, 0.4); } - toolbar button:focus:hover, toolbar button.flat:focus:hover { - background-color: #f4f4f4; - background-image: none; - border-color: rgba(41, 41, 41, 0.4); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.38); } - toolbar button:focus:hover:focus, toolbar button:focus:hover:hover, toolbar button.flat:focus:hover:focus, toolbar button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.4),0.3); } - toolbar button:focus:hover:active, toolbar button:focus:hover:active:hover, toolbar button:focus:hover:active:focus, toolbar button:focus:hover:active:hover:focus, toolbar button:focus:hover:checked, toolbar button:focus:hover:checked:hover, toolbar button:focus:hover:checked:focus, toolbar button:focus:hover:checked:hover:focus, toolbar button.flat:focus:hover:active, toolbar button.flat:focus:hover:active:hover, toolbar button.flat:focus:hover:active:focus, toolbar button.flat:focus:hover:active:hover:focus, toolbar button.flat:focus:hover:checked, toolbar button.flat:focus:hover:checked:hover, toolbar button.flat:focus:hover:checked:focus, toolbar button.flat:focus:hover:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.4); } - toolbar button:focus:hover:disabled, toolbar button.flat:focus:hover:disabled { - border-color: rgba(43, 43, 43, 0.4); } - toolbar button:focus:hover:active:disabled, toolbar button:focus:hover:checked:disabled, toolbar button.flat:focus:hover:active:disabled, toolbar button.flat:focus:hover:checked:disabled { - border-color: rgba(41, 41, 41, 0.4); } - toolbar button:checked, toolbar button:active, toolbar button.flat:checked, toolbar button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(51, 51, 51, 0.06), inset 0 1px rgba(51, 51, 51, 0.07), inset -1px 0 rgba(51, 51, 51, 0.06), inset 0 -1px rgba(51, 51, 51, 0.05); - border-color: rgba(41, 41, 41, 0.32); } - toolbar button:checked:focus, toolbar button:checked:hover, toolbar button:active:focus, toolbar button:active:hover, toolbar button.flat:checked:focus, toolbar button.flat:checked:hover, toolbar button.flat:active:focus, toolbar button.flat:active:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.32),0.3); } - toolbar button:checked:active, toolbar button:checked:active:hover, toolbar button:checked:active:focus, toolbar button:checked:active:hover:focus, toolbar button:checked:checked, toolbar button:checked:checked:hover, toolbar button:checked:checked:focus, toolbar button:checked:checked:hover:focus, toolbar button:active:active, toolbar button:active:active:hover, toolbar button:active:active:focus, toolbar button:active:active:hover:focus, toolbar button:active:checked, toolbar button:active:checked:hover, toolbar button:active:checked:focus, toolbar button:active:checked:hover:focus, toolbar button.flat:checked:active, toolbar button.flat:checked:active:hover, toolbar button.flat:checked:active:focus, toolbar button.flat:checked:active:hover:focus, toolbar button.flat:checked:checked, toolbar button.flat:checked:checked:hover, toolbar button.flat:checked:checked:focus, toolbar button.flat:checked:checked:hover:focus, toolbar button.flat:active:active, toolbar button.flat:active:active:hover, toolbar button.flat:active:active:focus, toolbar button.flat:active:active:hover:focus, toolbar button.flat:active:checked, toolbar button.flat:active:checked:hover, toolbar button.flat:active:checked:focus, toolbar button.flat:active:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.32); } - toolbar button:checked:disabled, toolbar button:active:disabled, toolbar button.flat:checked:disabled, toolbar button.flat:active:disabled { - border-color: rgba(43, 43, 43, 0.32); } - toolbar button:checked:active:disabled, toolbar button:checked:checked:disabled, toolbar button:active:active:disabled, toolbar button:active:checked:disabled, toolbar button.flat:checked:active:disabled, toolbar button.flat:checked:checked:disabled, toolbar button.flat:active:active:disabled, toolbar button.flat:active:checked:disabled { - border-color: rgba(41, 41, 41, 0.32); } - toolbar button:checked:focus, toolbar button:checked:hover, toolbar button:active:focus, toolbar button:active:hover, toolbar button.flat:checked:focus, toolbar button.flat:checked:hover, toolbar button.flat:active:focus, toolbar button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - toolbar button:focus, toolbar button:hover, toolbar button.flat:focus, toolbar button.flat:hover { - color: #333333; } - toolbar button:disabled:disabled, toolbar button.flat:disabled:disabled { - background-color: alpha(mix(#dedede,#333333,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#dedede,#333333,0.5); - box-shadow: none; } - toolbar button:active:disabled, toolbar button:checked:disabled, toolbar button.flat:active:disabled, toolbar button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - toolbar button.separator, toolbar button .separator { - border: 1px solid currentColor; - color: rgba(222, 222, 222, 0.9); } - toolbar button.separator:disabled, toolbar button .separator:disabled { - color: rgba(222, 222, 222, 0.85); } - toolbar .linked > button { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - toolbar .linked > button:focus, toolbar .linked > button:hover { - box-shadow: inset -1px 0 mix(#169f6f,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - toolbar .linked > button:active, toolbar .linked > button:active:hover, toolbar .linked > button:active:focus, toolbar .linked > button:active:hover:focus, toolbar .linked > button:checked, toolbar .linked > button:checked:hover, toolbar .linked > button:checked:focus, toolbar .linked > button:checked:hover:focus { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(10, 10, 10, 0.07), inset 0 -1px rgba(10, 10, 10, 0.05); } - toolbar .linked > button:disabled { - box-shadow: inset -1px 0 #b2b2b2; } - toolbar .linked > button:last-child, toolbar .linked > button:only-child { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - toolbar .linked > button:last-child:hover, toolbar .linked > button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - toolbar .linked > button:disabled:last-child, toolbar .linked > button:disabled:only-child, toolbar .linked > button:active:disabled:last-child, toolbar .linked > button:active:disabled:only-child, toolbar .linked > button:checked:disabled:last-child, toolbar .linked > button:checked:disabled:only-child { - box-shadow: none; } - toolbar .linked > button:active:last-child, toolbar .linked > button:active:last-child:focus, toolbar .linked > button:active:last-child:hover, toolbar .linked > button:active:last-child:hover:focus, toolbar .linked > button:checked:last-child, toolbar .linked > button:checked:last-child:focus, toolbar .linked > button:checked:last-child:hover, toolbar .linked > button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - toolbar .linked > button:active:only-child, toolbar .linked > button:active:only-child:focus, toolbar .linked > button:active:only-child:hover, toolbar .linked > button:active:only-child:hover:focus, toolbar .linked > button:checked:only-child, toolbar .linked > button:checked:only-child:focus, toolbar .linked > button:checked:only-child:hover, toolbar .linked > button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(10, 10, 10, 0.06), inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - toolbar combobox, toolbar button { - padding: 3px; } - toolbar combobox.text-button, toolbar button.text-button { - padding: 3px; } - toolbar combobox.image-button, toolbar button.image-button { - padding: 3px; } - toolbar separator, toolbar separator:disabled { - color: #858585; - border-color: currentColor; - -GtkWidget-window-dragging: true; } - toolbar.inline-toolbar { - background-image: none; - border-width: 0 1px 1px; - border-style: solid; - border-color: mix(#dedede,#333333,0.08); - background-color: mix(mix(#dedede,#333333,0.08),#dedede,0.7); } - toolbar.inline-toolbar:backdrop { - border-color: mix(#dedede,mix(#dedede,#333333,0.08),0.9); - background-color: mix(#dedede,mix(#dedede,mix(#dedede,#333333,0.08),0.9),0.35); - transition: 200ms ease-out; } - toolbar.inline-toolbar button { - background-color: #dedede; - background-image: none; - border-color: rgba(41, 41, 41, 0.32); - color: #333333; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.32),0.3); } - toolbar.inline-toolbar button:active, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover:focus, toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.32); } - toolbar.inline-toolbar button:disabled { - border-color: rgba(43, 43, 43, 0.32); } - toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled { - border-color: rgba(41, 41, 41, 0.32); } - toolbar.inline-toolbar button:active { - color: #333333; } - toolbar.inline-toolbar button.flat { - color: #333333; - border-color: rgba(222, 222, 222, 0); - background-color: rgba(222, 222, 222, 0); - background-image: none; - box-shadow: none; } - toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:hover { - background-color: #e9e9e9; - background-image: none; - border-color: rgba(41, 41, 41, 0.4); - color: #333333; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - toolbar.inline-toolbar button:hover:focus, toolbar.inline-toolbar button:hover:hover, toolbar.inline-toolbar button.flat:hover:focus, toolbar.inline-toolbar button.flat:hover:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.4),0.3); } - toolbar.inline-toolbar button:hover:active, toolbar.inline-toolbar button:hover:active:hover, toolbar.inline-toolbar button:hover:active:focus, toolbar.inline-toolbar button:hover:active:hover:focus, toolbar.inline-toolbar button:hover:checked, toolbar.inline-toolbar button:hover:checked:hover, toolbar.inline-toolbar button:hover:checked:focus, toolbar.inline-toolbar button:hover:checked:hover:focus, toolbar.inline-toolbar button.flat:hover:active, toolbar.inline-toolbar button.flat:hover:active:hover, toolbar.inline-toolbar button.flat:hover:active:focus, toolbar.inline-toolbar button.flat:hover:active:hover:focus, toolbar.inline-toolbar button.flat:hover:checked, toolbar.inline-toolbar button.flat:hover:checked:hover, toolbar.inline-toolbar button.flat:hover:checked:focus, toolbar.inline-toolbar button.flat:hover:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.4); } - toolbar.inline-toolbar button:hover:disabled, toolbar.inline-toolbar button.flat:hover:disabled { - border-color: rgba(43, 43, 43, 0.4); } - toolbar.inline-toolbar button:hover:active:disabled, toolbar.inline-toolbar button:hover:checked:disabled, toolbar.inline-toolbar button.flat:hover:active:disabled, toolbar.inline-toolbar button.flat:hover:checked:disabled { - border-color: rgba(41, 41, 41, 0.4); } - toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button.flat:focus { - background-color: #e9e9e9; - background-image: none; - border-color: rgba(41, 41, 41, 0.4); - color: #333333; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - toolbar.inline-toolbar button:focus:focus, toolbar.inline-toolbar button:focus:hover, toolbar.inline-toolbar button.flat:focus:focus, toolbar.inline-toolbar button.flat:focus:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.4),0.3); } - toolbar.inline-toolbar button:focus:active, toolbar.inline-toolbar button:focus:active:hover, toolbar.inline-toolbar button:focus:active:focus, toolbar.inline-toolbar button:focus:active:hover:focus, toolbar.inline-toolbar button:focus:checked, toolbar.inline-toolbar button:focus:checked:hover, toolbar.inline-toolbar button:focus:checked:focus, toolbar.inline-toolbar button:focus:checked:hover:focus, toolbar.inline-toolbar button.flat:focus:active, toolbar.inline-toolbar button.flat:focus:active:hover, toolbar.inline-toolbar button.flat:focus:active:focus, toolbar.inline-toolbar button.flat:focus:active:hover:focus, toolbar.inline-toolbar button.flat:focus:checked, toolbar.inline-toolbar button.flat:focus:checked:hover, toolbar.inline-toolbar button.flat:focus:checked:focus, toolbar.inline-toolbar button.flat:focus:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.4); } - toolbar.inline-toolbar button:focus:disabled, toolbar.inline-toolbar button.flat:focus:disabled { - border-color: rgba(43, 43, 43, 0.4); } - toolbar.inline-toolbar button:focus:active:disabled, toolbar.inline-toolbar button:focus:checked:disabled, toolbar.inline-toolbar button.flat:focus:active:disabled, toolbar.inline-toolbar button.flat:focus:checked:disabled { - border-color: rgba(41, 41, 41, 0.4); } - toolbar.inline-toolbar button:focus:hover, toolbar.inline-toolbar button.flat:focus:hover { - background-color: #f4f4f4; - background-image: none; - border-color: rgba(41, 41, 41, 0.4); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.38); } - toolbar.inline-toolbar button:focus:hover:focus, toolbar.inline-toolbar button:focus:hover:hover, toolbar.inline-toolbar button.flat:focus:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.4),0.3); } - toolbar.inline-toolbar button:focus:hover:active, toolbar.inline-toolbar button:focus:hover:active:hover, toolbar.inline-toolbar button:focus:hover:active:focus, toolbar.inline-toolbar button:focus:hover:active:hover:focus, toolbar.inline-toolbar button:focus:hover:checked, toolbar.inline-toolbar button:focus:hover:checked:hover, toolbar.inline-toolbar button:focus:hover:checked:focus, toolbar.inline-toolbar button:focus:hover:checked:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:active, toolbar.inline-toolbar button.flat:focus:hover:active:hover, toolbar.inline-toolbar button.flat:focus:hover:active:focus, toolbar.inline-toolbar button.flat:focus:hover:active:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:checked, toolbar.inline-toolbar button.flat:focus:hover:checked:hover, toolbar.inline-toolbar button.flat:focus:hover:checked:focus, toolbar.inline-toolbar button.flat:focus:hover:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.4); } - toolbar.inline-toolbar button:focus:hover:disabled, toolbar.inline-toolbar button.flat:focus:hover:disabled { - border-color: rgba(43, 43, 43, 0.4); } - toolbar.inline-toolbar button:focus:hover:active:disabled, toolbar.inline-toolbar button:focus:hover:checked:disabled, toolbar.inline-toolbar button.flat:focus:hover:active:disabled, toolbar.inline-toolbar button.flat:focus:hover:checked:disabled { - border-color: rgba(41, 41, 41, 0.4); } - toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:active, toolbar.inline-toolbar button.flat:checked, toolbar.inline-toolbar button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(51, 51, 51, 0.06), inset 0 1px rgba(51, 51, 51, 0.07), inset -1px 0 rgba(51, 51, 51, 0.06), inset 0 -1px rgba(51, 51, 51, 0.05); - border-color: rgba(41, 41, 41, 0.32); } - toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button.flat:checked:focus, toolbar.inline-toolbar button.flat:checked:hover, toolbar.inline-toolbar button.flat:active:focus, toolbar.inline-toolbar button.flat:active:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.32),0.3); } - toolbar.inline-toolbar button:checked:active, toolbar.inline-toolbar button:checked:active:hover, toolbar.inline-toolbar button:checked:active:focus, toolbar.inline-toolbar button:checked:active:hover:focus, toolbar.inline-toolbar button:checked:checked, toolbar.inline-toolbar button:checked:checked:hover, toolbar.inline-toolbar button:checked:checked:focus, toolbar.inline-toolbar button:checked:checked:hover:focus, toolbar.inline-toolbar button:active:active, toolbar.inline-toolbar button:active:active:hover, toolbar.inline-toolbar button:active:active:focus, toolbar.inline-toolbar button:active:active:hover:focus, toolbar.inline-toolbar button:active:checked, toolbar.inline-toolbar button:active:checked:hover, toolbar.inline-toolbar button:active:checked:focus, toolbar.inline-toolbar button:active:checked:hover:focus, toolbar.inline-toolbar button.flat:checked:active, toolbar.inline-toolbar button.flat:checked:active:hover, toolbar.inline-toolbar button.flat:checked:active:focus, toolbar.inline-toolbar button.flat:checked:active:hover:focus, toolbar.inline-toolbar button.flat:checked:checked, toolbar.inline-toolbar button.flat:checked:checked:hover, toolbar.inline-toolbar button.flat:checked:checked:focus, toolbar.inline-toolbar button.flat:checked:checked:hover:focus, toolbar.inline-toolbar button.flat:active:active, toolbar.inline-toolbar button.flat:active:active:hover, toolbar.inline-toolbar button.flat:active:active:focus, toolbar.inline-toolbar button.flat:active:active:hover:focus, toolbar.inline-toolbar button.flat:active:checked, toolbar.inline-toolbar button.flat:active:checked:hover, toolbar.inline-toolbar button.flat:active:checked:focus, toolbar.inline-toolbar button.flat:active:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.32); } - toolbar.inline-toolbar button:checked:disabled, toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button.flat:checked:disabled, toolbar.inline-toolbar button.flat:active:disabled { - border-color: rgba(43, 43, 43, 0.32); } - toolbar.inline-toolbar button:checked:active:disabled, toolbar.inline-toolbar button:checked:checked:disabled, toolbar.inline-toolbar button:active:active:disabled, toolbar.inline-toolbar button:active:checked:disabled, toolbar.inline-toolbar button.flat:checked:active:disabled, toolbar.inline-toolbar button.flat:checked:checked:disabled, toolbar.inline-toolbar button.flat:active:active:disabled, toolbar.inline-toolbar button.flat:active:checked:disabled { - border-color: rgba(41, 41, 41, 0.32); } - toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button.flat:checked:focus, toolbar.inline-toolbar button.flat:checked:hover, toolbar.inline-toolbar button.flat:active:focus, toolbar.inline-toolbar button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:focus, toolbar.inline-toolbar button.flat:hover { - color: #333333; } - toolbar.inline-toolbar button:disabled:disabled, toolbar.inline-toolbar button.flat:disabled:disabled { - background-color: alpha(mix(#dedede,#333333,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#dedede,#333333,0.5); - box-shadow: none; } - toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled, toolbar.inline-toolbar button.flat:active:disabled, toolbar.inline-toolbar button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - toolbar.inline-toolbar button.separator, toolbar.inline-toolbar button .separator { - border: 1px solid currentColor; - color: rgba(222, 222, 222, 0.9); } - toolbar.inline-toolbar button.separator:disabled, toolbar.inline-toolbar button .separator:disabled { - color: rgba(222, 222, 222, 0.85); } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; } -.titlebar:not(headerbar) > separator { - background-color: #272727; } - -.background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { - border-top-left-radius: 2px; - border-top-right-radius: 2px; } - -.background:not(.csd):not(.ssd):not(.solid-csd) headerbar, .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:not(:last-child), .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:backdrop, .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:backdrop:not(:last-child) { - border-radius: 0; - border-top-color: transparent; } - -/************** - ! Action-bar * -***************/ -actionbar > revealer > box { - padding: 3px; - border-top: 1px solid mix(#dedede,#333333,0.08); } - actionbar > revealer > box:backdrop { - border-color: mix(#dedede,mix(#dedede,#333333,0.08),0.9); } - -/**************************** - ! Search and Location bars * -*****************************/ -searchbar, -.location-bar { - background-color: #dadada; - background-image: none; - border-width: 0 0 1px; - border-style: solid; - border-color: #b2b2b2; - color: #333333; } - -/****************** - ! Action buttons * -*******************/ -.suggested-action, headerbar.selection-mode button.suggested-action, -.titlebar:not(headerbar).selection-mode button.suggested-action { - background-color: #4caf50; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - .suggested-action:active, headerbar.selection-mode button.suggested-action:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:active, .suggested-action:active:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action:active:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover:focus, .suggested-action:checked, headerbar.selection-mode button.suggested-action:checked, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked, .suggested-action:checked:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:checked:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - .suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:disabled { - border-color: rgba(217, 217, 217, 0.22); } - .suggested-action:active:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action:checked:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - .suggested-action:active, headerbar.selection-mode button.suggested-action:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:active { - color: #ffffff; } - .suggested-action.flat, headerbar.selection-mode button.flat.suggested-action, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action { - color: #ffffff; - border-color: rgba(76, 175, 80, 0); - background-color: rgba(76, 175, 80, 0); - background-image: none; - box-shadow: none; } - .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover, .suggested-action.flat:hover, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action:hover { - background-color: #53b457; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .suggested-action:hover:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover:focus, .suggested-action:hover:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover:hover, .suggested-action.flat:hover:focus, .suggested-action.flat:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - .suggested-action:hover:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover:active, .suggested-action:hover:active:hover, .suggested-action:hover:active:focus, .suggested-action:hover:active:hover:focus, .suggested-action:hover:checked, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover:checked, .suggested-action:hover:checked:hover, .suggested-action:hover:checked:focus, .suggested-action:hover:checked:hover:focus, .suggested-action.flat:hover:active, .suggested-action.flat:hover:active:hover, .suggested-action.flat:hover:active:focus, .suggested-action.flat:hover:active:hover:focus, .suggested-action.flat:hover:checked, .suggested-action.flat:hover:checked:hover, .suggested-action.flat:hover:checked:focus, .suggested-action.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - .suggested-action:hover:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover:disabled, .suggested-action.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - .suggested-action:hover:active:disabled, .suggested-action:hover:checked:disabled, .suggested-action.flat:hover:active:disabled, .suggested-action.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action.flat:focus, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action:focus { - background-color: #53b457; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - .suggested-action:focus:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus:focus, .suggested-action:focus:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus:hover, .suggested-action.flat:focus:focus, .suggested-action.flat:focus:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - .suggested-action:focus:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus:active, .suggested-action:focus:active:hover, .suggested-action:focus:active:focus, .suggested-action:focus:active:hover:focus, .suggested-action:focus:checked, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus:checked, .suggested-action:focus:checked:hover, .suggested-action:focus:checked:focus, .suggested-action:focus:checked:hover:focus, .suggested-action.flat:focus:active, .suggested-action.flat:focus:active:hover, .suggested-action.flat:focus:active:focus, .suggested-action.flat:focus:active:hover:focus, .suggested-action.flat:focus:checked, .suggested-action.flat:focus:checked:hover, .suggested-action.flat:focus:checked:focus, .suggested-action.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - .suggested-action:focus:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus:disabled, .suggested-action.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - .suggested-action:focus:active:disabled, .suggested-action:focus:checked:disabled, .suggested-action.flat:focus:active:disabled, .suggested-action.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - .suggested-action:focus:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus:hover, .suggested-action.flat:focus:hover { - background-color: #5cb860; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - .suggested-action:focus:hover:focus, .suggested-action:focus:hover:hover, .suggested-action.flat:focus:hover:focus, .suggested-action.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - .suggested-action:focus:hover:active, .suggested-action:focus:hover:active:hover, .suggested-action:focus:hover:active:focus, .suggested-action:focus:hover:active:hover:focus, .suggested-action:focus:hover:checked, .suggested-action:focus:hover:checked:hover, .suggested-action:focus:hover:checked:focus, .suggested-action:focus:hover:checked:hover:focus, .suggested-action.flat:focus:hover:active, .suggested-action.flat:focus:hover:active:hover, .suggested-action.flat:focus:hover:active:focus, .suggested-action.flat:focus:hover:active:hover:focus, .suggested-action.flat:focus:hover:checked, .suggested-action.flat:focus:hover:checked:hover, .suggested-action.flat:focus:hover:checked:focus, .suggested-action.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - .suggested-action:focus:hover:disabled, .suggested-action.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - .suggested-action:focus:hover:active:disabled, .suggested-action:focus:hover:checked:disabled, .suggested-action.flat:focus:hover:active:disabled, .suggested-action.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - .suggested-action:checked, headerbar.selection-mode button.suggested-action:checked, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked, .suggested-action:active, headerbar.selection-mode button.suggested-action:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:active, .suggested-action.flat:checked, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action:checked, .suggested-action.flat:active, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - .suggested-action:checked:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:active:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action.flat:checked:focus, .suggested-action.flat:checked:hover, .suggested-action.flat:active:focus, .suggested-action.flat:active:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - .suggested-action:checked:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:active, .suggested-action:checked:active:hover, .suggested-action:checked:active:focus, .suggested-action:checked:active:hover:focus, .suggested-action:checked:checked, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:checked, .suggested-action:checked:checked:hover, .suggested-action:checked:checked:focus, .suggested-action:checked:checked:hover:focus, .suggested-action:active:active, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:active, .suggested-action:active:active:hover, .suggested-action:active:active:focus, .suggested-action:active:active:hover:focus, .suggested-action:active:checked, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:checked, .suggested-action:active:checked:hover, .suggested-action:active:checked:focus, .suggested-action:active:checked:hover:focus, .suggested-action.flat:checked:active, .suggested-action.flat:checked:active:hover, .suggested-action.flat:checked:active:focus, .suggested-action.flat:checked:active:hover:focus, .suggested-action.flat:checked:checked, .suggested-action.flat:checked:checked:hover, .suggested-action.flat:checked:checked:focus, .suggested-action.flat:checked:checked:hover:focus, .suggested-action.flat:active:active, .suggested-action.flat:active:active:hover, .suggested-action.flat:active:active:focus, .suggested-action.flat:active:active:hover:focus, .suggested-action.flat:active:checked, .suggested-action.flat:active:checked:hover, .suggested-action.flat:active:checked:focus, .suggested-action.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - .suggested-action:checked:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled, .suggested-action:active:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action.flat:checked:disabled, .suggested-action.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - .suggested-action:checked:active:disabled, .suggested-action:checked:checked:disabled, .suggested-action:active:active:disabled, .suggested-action:active:checked:disabled, .suggested-action.flat:checked:active:disabled, .suggested-action.flat:checked:checked:disabled, .suggested-action.flat:active:active:disabled, .suggested-action.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - .suggested-action:checked:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:active:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action.flat:checked:focus, .suggested-action.flat:checked:hover, .suggested-action.flat:active:focus, .suggested-action.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, - .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, - .titlebar:not(headerbar).selection-mode button.suggested-action:hover, .suggested-action.flat:focus, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action:focus, .suggested-action.flat:hover, - .titlebar:not(headerbar).selection-mode button.flat.suggested-action:hover { - color: #ffffff; } - .suggested-action:disabled:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:disabled:disabled, .suggested-action.flat:disabled:disabled { - background-color: alpha(mix(#4caf50,#ffffff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#4caf50,#ffffff,0.5); - box-shadow: none; } - .suggested-action:active:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action:checked:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled, .suggested-action.flat:active:disabled, .suggested-action.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - .suggested-action.separator, headerbar.selection-mode button.separator.suggested-action, - .titlebar:not(headerbar).selection-mode button.separator.suggested-action, .suggested-action .separator, headerbar.selection-mode button.suggested-action .separator, - .titlebar:not(headerbar).selection-mode button.suggested-action .separator { - border: 1px solid currentColor; - color: rgba(76, 175, 80, 0.9); } - .suggested-action.separator:disabled, - .titlebar:not(headerbar).selection-mode button.separator.suggested-action:disabled, .suggested-action .separator:disabled, - .titlebar:not(headerbar).selection-mode button.suggested-action .separator:disabled { - color: rgba(76, 175, 80, 0.85); } - -.destructive-action { - background-color: #f44336; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - .destructive-action:focus, .destructive-action:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - .destructive-action:active, .destructive-action:active:hover, .destructive-action:active:focus, .destructive-action:active:hover:focus, .destructive-action:checked, .destructive-action:checked:hover, .destructive-action:checked:focus, .destructive-action:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - .destructive-action:disabled { - border-color: rgba(217, 217, 217, 0.22); } - .destructive-action:active:disabled, .destructive-action:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - .destructive-action:active { - color: #ffffff; } - .destructive-action.flat { - color: #ffffff; - border-color: rgba(244, 67, 54, 0); - background-color: rgba(244, 67, 54, 0); - background-image: none; - box-shadow: none; } - .destructive-action:hover, .destructive-action.flat:hover { - background-color: #f55044; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - .destructive-action:hover:focus, .destructive-action:hover:hover, .destructive-action.flat:hover:focus, .destructive-action.flat:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - .destructive-action:hover:active, .destructive-action:hover:active:hover, .destructive-action:hover:active:focus, .destructive-action:hover:active:hover:focus, .destructive-action:hover:checked, .destructive-action:hover:checked:hover, .destructive-action:hover:checked:focus, .destructive-action:hover:checked:hover:focus, .destructive-action.flat:hover:active, .destructive-action.flat:hover:active:hover, .destructive-action.flat:hover:active:focus, .destructive-action.flat:hover:active:hover:focus, .destructive-action.flat:hover:checked, .destructive-action.flat:hover:checked:hover, .destructive-action.flat:hover:checked:focus, .destructive-action.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - .destructive-action:hover:disabled, .destructive-action.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - .destructive-action:hover:active:disabled, .destructive-action:hover:checked:disabled, .destructive-action.flat:hover:active:disabled, .destructive-action.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - .destructive-action:focus, .destructive-action.flat:focus { - background-color: #f55044; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .destructive-action:focus:focus, .destructive-action:focus:hover, .destructive-action.flat:focus:focus, .destructive-action.flat:focus:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - .destructive-action:focus:active, .destructive-action:focus:active:hover, .destructive-action:focus:active:focus, .destructive-action:focus:active:hover:focus, .destructive-action:focus:checked, .destructive-action:focus:checked:hover, .destructive-action:focus:checked:focus, .destructive-action:focus:checked:hover:focus, .destructive-action.flat:focus:active, .destructive-action.flat:focus:active:hover, .destructive-action.flat:focus:active:focus, .destructive-action.flat:focus:active:hover:focus, .destructive-action.flat:focus:checked, .destructive-action.flat:focus:checked:hover, .destructive-action.flat:focus:checked:focus, .destructive-action.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - .destructive-action:focus:disabled, .destructive-action.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - .destructive-action:focus:active:disabled, .destructive-action:focus:checked:disabled, .destructive-action.flat:focus:active:disabled, .destructive-action.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - .destructive-action:focus:hover, .destructive-action.flat:focus:hover { - background-color: #f65d52; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.38); } - .destructive-action:focus:hover:focus, .destructive-action:focus:hover:hover, .destructive-action.flat:focus:hover:focus, .destructive-action.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - .destructive-action:focus:hover:active, .destructive-action:focus:hover:active:hover, .destructive-action:focus:hover:active:focus, .destructive-action:focus:hover:active:hover:focus, .destructive-action:focus:hover:checked, .destructive-action:focus:hover:checked:hover, .destructive-action:focus:hover:checked:focus, .destructive-action:focus:hover:checked:hover:focus, .destructive-action.flat:focus:hover:active, .destructive-action.flat:focus:hover:active:hover, .destructive-action.flat:focus:hover:active:focus, .destructive-action.flat:focus:hover:active:hover:focus, .destructive-action.flat:focus:hover:checked, .destructive-action.flat:focus:hover:checked:hover, .destructive-action.flat:focus:hover:checked:focus, .destructive-action.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - .destructive-action:focus:hover:disabled, .destructive-action.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - .destructive-action:focus:hover:active:disabled, .destructive-action:focus:hover:checked:disabled, .destructive-action.flat:focus:hover:active:disabled, .destructive-action.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - .destructive-action:checked, .destructive-action:active, .destructive-action.flat:checked, .destructive-action.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - .destructive-action:checked:focus, .destructive-action:checked:hover, .destructive-action:active:focus, .destructive-action:active:hover, .destructive-action.flat:checked:focus, .destructive-action.flat:checked:hover, .destructive-action.flat:active:focus, .destructive-action.flat:active:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - .destructive-action:checked:active, .destructive-action:checked:active:hover, .destructive-action:checked:active:focus, .destructive-action:checked:active:hover:focus, .destructive-action:checked:checked, .destructive-action:checked:checked:hover, .destructive-action:checked:checked:focus, .destructive-action:checked:checked:hover:focus, .destructive-action:active:active, .destructive-action:active:active:hover, .destructive-action:active:active:focus, .destructive-action:active:active:hover:focus, .destructive-action:active:checked, .destructive-action:active:checked:hover, .destructive-action:active:checked:focus, .destructive-action:active:checked:hover:focus, .destructive-action.flat:checked:active, .destructive-action.flat:checked:active:hover, .destructive-action.flat:checked:active:focus, .destructive-action.flat:checked:active:hover:focus, .destructive-action.flat:checked:checked, .destructive-action.flat:checked:checked:hover, .destructive-action.flat:checked:checked:focus, .destructive-action.flat:checked:checked:hover:focus, .destructive-action.flat:active:active, .destructive-action.flat:active:active:hover, .destructive-action.flat:active:active:focus, .destructive-action.flat:active:active:hover:focus, .destructive-action.flat:active:checked, .destructive-action.flat:active:checked:hover, .destructive-action.flat:active:checked:focus, .destructive-action.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - .destructive-action:checked:disabled, .destructive-action:active:disabled, .destructive-action.flat:checked:disabled, .destructive-action.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - .destructive-action:checked:active:disabled, .destructive-action:checked:checked:disabled, .destructive-action:active:active:disabled, .destructive-action:active:checked:disabled, .destructive-action.flat:checked:active:disabled, .destructive-action.flat:checked:checked:disabled, .destructive-action.flat:active:active:disabled, .destructive-action.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - .destructive-action:checked:focus, .destructive-action:checked:hover, .destructive-action:active:focus, .destructive-action:active:hover, .destructive-action.flat:checked:focus, .destructive-action.flat:checked:hover, .destructive-action.flat:active:focus, .destructive-action.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - .destructive-action:focus, .destructive-action:hover, .destructive-action.flat:focus, .destructive-action.flat:hover { - color: #ffffff; } - .destructive-action:disabled:disabled, .destructive-action.flat:disabled:disabled { - background-color: alpha(mix(#f44336,#ffffff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#f44336,#ffffff,0.5); - box-shadow: none; } - .destructive-action:active:disabled, .destructive-action:checked:disabled, .destructive-action.flat:active:disabled, .destructive-action.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - .destructive-action.separator, .destructive-action .separator { - border: 1px solid currentColor; - color: rgba(244, 67, 54, 0.9); } - .destructive-action.separator:disabled, .destructive-action .separator:disabled { - color: rgba(244, 67, 54, 0.85); } - -/****************** - ! Selection mode * -*******************/ -headerbar.selection-mode, -.titlebar:not(headerbar).selection-mode { - background-color: #169f6f; - background-image: none; - border-color: #127f59; - color: #ffffff; } - headerbar.selection-mode:focus, headerbar.selection-mode:hover, - .titlebar:not(headerbar).selection-mode:focus, - .titlebar:not(headerbar).selection-mode:hover { - border-color: mix(#169f6f,#169f6f,0.3); } - headerbar.selection-mode:active, headerbar.selection-mode:active:hover, headerbar.selection-mode:active:focus, headerbar.selection-mode:active:hover:focus, headerbar.selection-mode:checked, headerbar.selection-mode:checked:hover, headerbar.selection-mode:checked:focus, headerbar.selection-mode:checked:hover:focus, - .titlebar:not(headerbar).selection-mode:active, - .titlebar:not(headerbar).selection-mode:active:hover, - .titlebar:not(headerbar).selection-mode:active:focus, - .titlebar:not(headerbar).selection-mode:active:hover:focus, - .titlebar:not(headerbar).selection-mode:checked, - .titlebar:not(headerbar).selection-mode:checked:hover, - .titlebar:not(headerbar).selection-mode:checked:focus, - .titlebar:not(headerbar).selection-mode:checked:hover:focus { - border-color: #0f6f4e; } - headerbar.selection-mode:disabled, - .titlebar:not(headerbar).selection-mode:disabled { - border-color: #13875e; } - headerbar.selection-mode:active:disabled, headerbar.selection-mode:checked:disabled, - .titlebar:not(headerbar).selection-mode:active:disabled, - .titlebar:not(headerbar).selection-mode:checked:disabled { - border-color: #127f59; } - headerbar.selection-mode:disabled, - .titlebar:not(headerbar).selection-mode:disabled { - background-color: #148f64; - background-image: none; - color: mix(#ffffff,#169f6f,0.5); } - headerbar.selection-mode .title, - .titlebar:not(headerbar).selection-mode .title { - font-weight: bold; - padding: 0 6px; } - headerbar.selection-mode .subtitle, - .titlebar:not(headerbar).selection-mode .subtitle { - font-size: smaller; - padding: 0 6px; } - headerbar.selection-mode button, - .titlebar:not(headerbar).selection-mode button { - background-color: #169f6f; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, - .titlebar:not(headerbar).selection-mode button:focus, - .titlebar:not(headerbar).selection-mode button:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - headerbar.selection-mode button:active, headerbar.selection-mode button:active:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover:focus, headerbar.selection-mode button:checked, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:active, - .titlebar:not(headerbar).selection-mode button:active:hover, - .titlebar:not(headerbar).selection-mode button:active:focus, - .titlebar:not(headerbar).selection-mode button:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:checked, - .titlebar:not(headerbar).selection-mode button:checked:hover, - .titlebar:not(headerbar).selection-mode button:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - headerbar.selection-mode button:disabled, - .titlebar:not(headerbar).selection-mode button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - headerbar.selection-mode button:active, - .titlebar:not(headerbar).selection-mode button:active { - color: #ffffff; } - headerbar.selection-mode button.flat, - .titlebar:not(headerbar).selection-mode button.flat { - color: #ffffff; - border-color: rgba(22, 159, 111, 0); - background-color: rgba(22, 159, 111, 0); - background-image: none; - box-shadow: none; } - headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:hover, - .titlebar:not(headerbar).selection-mode button:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - headerbar.selection-mode button:hover:focus, headerbar.selection-mode button:hover:hover, headerbar.selection-mode button.flat:hover:focus, headerbar.selection-mode button.flat:hover:hover, - .titlebar:not(headerbar).selection-mode button:hover:focus, - .titlebar:not(headerbar).selection-mode button:hover:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - headerbar.selection-mode button:hover:active, headerbar.selection-mode button:hover:active:hover, headerbar.selection-mode button:hover:active:focus, headerbar.selection-mode button:hover:active:hover:focus, headerbar.selection-mode button:hover:checked, headerbar.selection-mode button:hover:checked:hover, headerbar.selection-mode button:hover:checked:focus, headerbar.selection-mode button:hover:checked:hover:focus, headerbar.selection-mode button.flat:hover:active, headerbar.selection-mode button.flat:hover:active:hover, headerbar.selection-mode button.flat:hover:active:focus, headerbar.selection-mode button.flat:hover:active:hover:focus, headerbar.selection-mode button.flat:hover:checked, headerbar.selection-mode button.flat:hover:checked:hover, headerbar.selection-mode button.flat:hover:checked:focus, headerbar.selection-mode button.flat:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:hover:active, - .titlebar:not(headerbar).selection-mode button:hover:active:hover, - .titlebar:not(headerbar).selection-mode button:hover:active:focus, - .titlebar:not(headerbar).selection-mode button:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:hover:checked, - .titlebar:not(headerbar).selection-mode button:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:active, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar.selection-mode button:hover:disabled, headerbar.selection-mode button.flat:hover:disabled, - .titlebar:not(headerbar).selection-mode button:hover:disabled, - .titlebar:not(headerbar).selection-mode button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar.selection-mode button:hover:active:disabled, headerbar.selection-mode button:hover:checked:disabled, headerbar.selection-mode button.flat:hover:active:disabled, headerbar.selection-mode button.flat:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar.selection-mode button:focus, headerbar.selection-mode button.flat:focus, - .titlebar:not(headerbar).selection-mode button:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - headerbar.selection-mode button:focus:focus, headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:focus, headerbar.selection-mode button.flat:focus:hover, - .titlebar:not(headerbar).selection-mode button:focus:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - headerbar.selection-mode button:focus:active, headerbar.selection-mode button:focus:active:hover, headerbar.selection-mode button:focus:active:focus, headerbar.selection-mode button:focus:active:hover:focus, headerbar.selection-mode button:focus:checked, headerbar.selection-mode button:focus:checked:hover, headerbar.selection-mode button:focus:checked:focus, headerbar.selection-mode button:focus:checked:hover:focus, headerbar.selection-mode button.flat:focus:active, headerbar.selection-mode button.flat:focus:active:hover, headerbar.selection-mode button.flat:focus:active:focus, headerbar.selection-mode button.flat:focus:active:hover:focus, headerbar.selection-mode button.flat:focus:checked, headerbar.selection-mode button.flat:focus:checked:hover, headerbar.selection-mode button.flat:focus:checked:focus, headerbar.selection-mode button.flat:focus:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:active, - .titlebar:not(headerbar).selection-mode button:focus:active:hover, - .titlebar:not(headerbar).selection-mode button:focus:active:focus, - .titlebar:not(headerbar).selection-mode button:focus:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:checked, - .titlebar:not(headerbar).selection-mode button:focus:checked:hover, - .titlebar:not(headerbar).selection-mode button:focus:checked:focus, - .titlebar:not(headerbar).selection-mode button:focus:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:active, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar.selection-mode button:focus:disabled, headerbar.selection-mode button.flat:focus:disabled, - .titlebar:not(headerbar).selection-mode button:focus:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar.selection-mode button:focus:active:disabled, headerbar.selection-mode button:focus:checked:disabled, headerbar.selection-mode button.flat:focus:active:disabled, headerbar.selection-mode button.flat:focus:checked:disabled, - .titlebar:not(headerbar).selection-mode button:focus:active:disabled, - .titlebar:not(headerbar).selection-mode button:focus:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover { - background-color: #18af7a; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - headerbar.selection-mode button:focus:hover:focus, headerbar.selection-mode button:focus:hover:hover, headerbar.selection-mode button.flat:focus:hover:focus, headerbar.selection-mode button.flat:focus:hover:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - headerbar.selection-mode button:focus:hover:active, headerbar.selection-mode button:focus:hover:active:hover, headerbar.selection-mode button:focus:hover:active:focus, headerbar.selection-mode button:focus:hover:active:hover:focus, headerbar.selection-mode button:focus:hover:checked, headerbar.selection-mode button:focus:hover:checked:hover, headerbar.selection-mode button:focus:hover:checked:focus, headerbar.selection-mode button:focus:hover:checked:hover:focus, headerbar.selection-mode button.flat:focus:hover:active, headerbar.selection-mode button.flat:focus:hover:active:hover, headerbar.selection-mode button.flat:focus:hover:active:focus, headerbar.selection-mode button.flat:focus:hover:active:hover:focus, headerbar.selection-mode button.flat:focus:hover:checked, headerbar.selection-mode button.flat:focus:hover:checked:hover, headerbar.selection-mode button.flat:focus:hover:checked:focus, headerbar.selection-mode button.flat:focus:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:active, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar.selection-mode button:focus:hover:disabled, headerbar.selection-mode button.flat:focus:hover:disabled, - .titlebar:not(headerbar).selection-mode button:focus:hover:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar.selection-mode button:focus:hover:active:disabled, headerbar.selection-mode button:focus:hover:checked:disabled, headerbar.selection-mode button.flat:focus:hover:active:disabled, headerbar.selection-mode button.flat:focus:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button.flat:checked, headerbar.selection-mode button.flat:active, - .titlebar:not(headerbar).selection-mode button:checked, - .titlebar:not(headerbar).selection-mode button:active, - .titlebar:not(headerbar).selection-mode button.flat:checked, - .titlebar:not(headerbar).selection-mode button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, - .titlebar:not(headerbar).selection-mode button:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:hover, - .titlebar:not(headerbar).selection-mode button:active:focus, - .titlebar:not(headerbar).selection-mode button:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - headerbar.selection-mode button:checked:active, headerbar.selection-mode button:checked:active:hover, headerbar.selection-mode button:checked:active:focus, headerbar.selection-mode button:checked:active:hover:focus, headerbar.selection-mode button:checked:checked, headerbar.selection-mode button:checked:checked:hover, headerbar.selection-mode button:checked:checked:focus, headerbar.selection-mode button:checked:checked:hover:focus, headerbar.selection-mode button:active:active, headerbar.selection-mode button:active:active:hover, headerbar.selection-mode button:active:active:focus, headerbar.selection-mode button:active:active:hover:focus, headerbar.selection-mode button:active:checked, headerbar.selection-mode button:active:checked:hover, headerbar.selection-mode button:active:checked:focus, headerbar.selection-mode button:active:checked:hover:focus, headerbar.selection-mode button.flat:checked:active, headerbar.selection-mode button.flat:checked:active:hover, headerbar.selection-mode button.flat:checked:active:focus, headerbar.selection-mode button.flat:checked:active:hover:focus, headerbar.selection-mode button.flat:checked:checked, headerbar.selection-mode button.flat:checked:checked:hover, headerbar.selection-mode button.flat:checked:checked:focus, headerbar.selection-mode button.flat:checked:checked:hover:focus, headerbar.selection-mode button.flat:active:active, headerbar.selection-mode button.flat:active:active:hover, headerbar.selection-mode button.flat:active:active:focus, headerbar.selection-mode button.flat:active:active:hover:focus, headerbar.selection-mode button.flat:active:checked, headerbar.selection-mode button.flat:active:checked:hover, headerbar.selection-mode button.flat:active:checked:focus, headerbar.selection-mode button.flat:active:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:checked:active, - .titlebar:not(headerbar).selection-mode button:checked:active:hover, - .titlebar:not(headerbar).selection-mode button:checked:active:focus, - .titlebar:not(headerbar).selection-mode button:checked:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:checked:checked, - .titlebar:not(headerbar).selection-mode button:checked:checked:hover, - .titlebar:not(headerbar).selection-mode button:checked:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:active:active, - .titlebar:not(headerbar).selection-mode button:active:active:hover, - .titlebar:not(headerbar).selection-mode button:active:active:focus, - .titlebar:not(headerbar).selection-mode button:active:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:active:checked, - .titlebar:not(headerbar).selection-mode button:active:checked:hover, - .titlebar:not(headerbar).selection-mode button:active:checked:focus, - .titlebar:not(headerbar).selection-mode button:active:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:active, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:active, - .titlebar:not(headerbar).selection-mode button.flat:active:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:checked, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button:active:disabled, headerbar.selection-mode button.flat:checked:disabled, headerbar.selection-mode button.flat:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - headerbar.selection-mode button:checked:active:disabled, headerbar.selection-mode button:checked:checked:disabled, headerbar.selection-mode button:active:active:disabled, headerbar.selection-mode button:active:checked:disabled, headerbar.selection-mode button.flat:checked:active:disabled, headerbar.selection-mode button.flat:checked:checked:disabled, headerbar.selection-mode button.flat:active:active:disabled, headerbar.selection-mode button.flat:active:checked:disabled, - .titlebar:not(headerbar).selection-mode button:checked:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:active:disabled, - .titlebar:not(headerbar).selection-mode button:active:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, - .titlebar:not(headerbar).selection-mode button:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:hover, - .titlebar:not(headerbar).selection-mode button:active:focus, - .titlebar:not(headerbar).selection-mode button:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:focus, headerbar.selection-mode button.flat:hover, - .titlebar:not(headerbar).selection-mode button:focus, - .titlebar:not(headerbar).selection-mode button:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover { - color: #ffffff; } - headerbar.selection-mode button:disabled:disabled, headerbar.selection-mode button.flat:disabled:disabled, - .titlebar:not(headerbar).selection-mode button:disabled:disabled, - .titlebar:not(headerbar).selection-mode button.flat:disabled:disabled { - background-color: alpha(mix(#169f6f,#ffffff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#169f6f,#ffffff,0.5); - box-shadow: none; } - headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button.flat:active:disabled, headerbar.selection-mode button.flat:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - headerbar.selection-mode button.separator, headerbar.selection-mode button .separator, - .titlebar:not(headerbar).selection-mode button.separator, - .titlebar:not(headerbar).selection-mode button .separator { - border: 1px solid currentColor; - color: rgba(22, 159, 111, 0.9); } - headerbar.selection-mode button.separator:disabled, headerbar.selection-mode button .separator:disabled, - .titlebar:not(headerbar).selection-mode button.separator:disabled, - .titlebar:not(headerbar).selection-mode button .separator:disabled { - color: rgba(22, 159, 111, 0.85); } - headerbar.selection-mode .linked > button, - .titlebar:not(headerbar).selection-mode .linked > button { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - headerbar.selection-mode .linked > button:focus, headerbar.selection-mode .linked > button:hover, - .titlebar:not(headerbar).selection-mode .linked > button:focus, - .titlebar:not(headerbar).selection-mode .linked > button:hover { - box-shadow: inset -1px 0 mix(#169f6f,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - headerbar.selection-mode .linked > button:active, headerbar.selection-mode .linked > button:active:hover, headerbar.selection-mode .linked > button:active:focus, headerbar.selection-mode .linked > button:active:hover:focus, headerbar.selection-mode .linked > button:checked, headerbar.selection-mode .linked > button:checked:hover, headerbar.selection-mode .linked > button:checked:focus, headerbar.selection-mode .linked > button:checked:hover:focus, - .titlebar:not(headerbar).selection-mode .linked > button:active, - .titlebar:not(headerbar).selection-mode .linked > button:active:hover, - .titlebar:not(headerbar).selection-mode .linked > button:active:focus, - .titlebar:not(headerbar).selection-mode .linked > button:active:hover:focus, - .titlebar:not(headerbar).selection-mode .linked > button:checked, - .titlebar:not(headerbar).selection-mode .linked > button:checked:hover, - .titlebar:not(headerbar).selection-mode .linked > button:checked:focus, - .titlebar:not(headerbar).selection-mode .linked > button:checked:hover:focus { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(10, 10, 10, 0.07), inset 0 -1px rgba(10, 10, 10, 0.05); } - headerbar.selection-mode .linked > button:disabled, - .titlebar:not(headerbar).selection-mode .linked > button:disabled { - box-shadow: inset -1px 0 #127f59; } - headerbar.selection-mode .linked > button:last-child, headerbar.selection-mode .linked > button:only-child, - .titlebar:not(headerbar).selection-mode .linked > button:last-child, - .titlebar:not(headerbar).selection-mode .linked > button:only-child { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - headerbar.selection-mode .linked > button:last-child:hover, headerbar.selection-mode .linked > button:only-child:hover, - .titlebar:not(headerbar).selection-mode .linked > button:last-child:hover, - .titlebar:not(headerbar).selection-mode .linked > button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - headerbar.selection-mode .linked > button:disabled:last-child, headerbar.selection-mode .linked > button:disabled:only-child, headerbar.selection-mode .linked > button:active:disabled:last-child, headerbar.selection-mode .linked > button:active:disabled:only-child, headerbar.selection-mode .linked > button:checked:disabled:last-child, headerbar.selection-mode .linked > button:checked:disabled:only-child, - .titlebar:not(headerbar).selection-mode .linked > button:disabled:last-child, - .titlebar:not(headerbar).selection-mode .linked > button:disabled:only-child, - .titlebar:not(headerbar).selection-mode .linked > button:active:disabled:last-child, - .titlebar:not(headerbar).selection-mode .linked > button:active:disabled:only-child, - .titlebar:not(headerbar).selection-mode .linked > button:checked:disabled:last-child, - .titlebar:not(headerbar).selection-mode .linked > button:checked:disabled:only-child { - box-shadow: none; } - headerbar.selection-mode .linked > button:active:last-child, headerbar.selection-mode .linked > button:active:last-child:focus, headerbar.selection-mode .linked > button:active:last-child:hover, headerbar.selection-mode .linked > button:active:last-child:hover:focus, headerbar.selection-mode .linked > button:checked:last-child, headerbar.selection-mode .linked > button:checked:last-child:focus, headerbar.selection-mode .linked > button:checked:last-child:hover, headerbar.selection-mode .linked > button:checked:last-child:hover:focus, - .titlebar:not(headerbar).selection-mode .linked > button:active:last-child, - .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:focus, - .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:hover, - .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:hover:focus, - .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child, - .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:focus, - .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:hover, - .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - headerbar.selection-mode .linked > button:active:only-child, headerbar.selection-mode .linked > button:active:only-child:focus, headerbar.selection-mode .linked > button:active:only-child:hover, headerbar.selection-mode .linked > button:active:only-child:hover:focus, headerbar.selection-mode .linked > button:checked:only-child, headerbar.selection-mode .linked > button:checked:only-child:focus, headerbar.selection-mode .linked > button:checked:only-child:hover, headerbar.selection-mode .linked > button:checked:only-child:hover:focus, - .titlebar:not(headerbar).selection-mode .linked > button:active:only-child, - .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:focus, - .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:hover, - .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:hover:focus, - .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child, - .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:focus, - .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:hover, - .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(10, 10, 10, 0.06), inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - headerbar.selection-mode combobox, headerbar.selection-mode button, - .titlebar:not(headerbar).selection-mode combobox, - .titlebar:not(headerbar).selection-mode button { - padding: 3px; } - headerbar.selection-mode combobox.text-button, headerbar.selection-mode button.text-button, - .titlebar:not(headerbar).selection-mode combobox.text-button, - .titlebar:not(headerbar).selection-mode button.text-button { - padding: 3px; } - headerbar.selection-mode combobox.image-button, headerbar.selection-mode button.image-button, - .titlebar:not(headerbar).selection-mode combobox.image-button, - .titlebar:not(headerbar).selection-mode button.image-button { - padding: 3px; } - headerbar.selection-mode separator, headerbar.selection-mode separator:disabled, - .titlebar:not(headerbar).selection-mode separator, - .titlebar:not(headerbar).selection-mode separator:disabled { - color: #0d5f43; - border-color: currentColor; - -GtkWidget-window-dragging: true; } - headerbar.selection-mode button, - .titlebar:not(headerbar).selection-mode button { - background-color: #169f6f; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, - .titlebar:not(headerbar).selection-mode button:focus, - .titlebar:not(headerbar).selection-mode button:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - headerbar.selection-mode button:active, headerbar.selection-mode button:active:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover:focus, headerbar.selection-mode button:checked, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:active, - .titlebar:not(headerbar).selection-mode button:active:hover, - .titlebar:not(headerbar).selection-mode button:active:focus, - .titlebar:not(headerbar).selection-mode button:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:checked, - .titlebar:not(headerbar).selection-mode button:checked:hover, - .titlebar:not(headerbar).selection-mode button:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - headerbar.selection-mode button:disabled, - .titlebar:not(headerbar).selection-mode button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - headerbar.selection-mode button:active, - .titlebar:not(headerbar).selection-mode button:active { - color: #ffffff; } - headerbar.selection-mode button.flat, - .titlebar:not(headerbar).selection-mode button.flat { - color: #ffffff; - border-color: rgba(22, 159, 111, 0); - background-color: rgba(22, 159, 111, 0); - background-image: none; - box-shadow: none; } - headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:hover, - .titlebar:not(headerbar).selection-mode button:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - headerbar.selection-mode button:hover:focus, headerbar.selection-mode button:hover:hover, headerbar.selection-mode button.flat:hover:focus, headerbar.selection-mode button.flat:hover:hover, - .titlebar:not(headerbar).selection-mode button:hover:focus, - .titlebar:not(headerbar).selection-mode button:hover:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - headerbar.selection-mode button:hover:active, headerbar.selection-mode button:hover:active:hover, headerbar.selection-mode button:hover:active:focus, headerbar.selection-mode button:hover:active:hover:focus, headerbar.selection-mode button:hover:checked, headerbar.selection-mode button:hover:checked:hover, headerbar.selection-mode button:hover:checked:focus, headerbar.selection-mode button:hover:checked:hover:focus, headerbar.selection-mode button.flat:hover:active, headerbar.selection-mode button.flat:hover:active:hover, headerbar.selection-mode button.flat:hover:active:focus, headerbar.selection-mode button.flat:hover:active:hover:focus, headerbar.selection-mode button.flat:hover:checked, headerbar.selection-mode button.flat:hover:checked:hover, headerbar.selection-mode button.flat:hover:checked:focus, headerbar.selection-mode button.flat:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:hover:active, - .titlebar:not(headerbar).selection-mode button:hover:active:hover, - .titlebar:not(headerbar).selection-mode button:hover:active:focus, - .titlebar:not(headerbar).selection-mode button:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:hover:checked, - .titlebar:not(headerbar).selection-mode button:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:active, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar.selection-mode button:hover:disabled, headerbar.selection-mode button.flat:hover:disabled, - .titlebar:not(headerbar).selection-mode button:hover:disabled, - .titlebar:not(headerbar).selection-mode button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar.selection-mode button:hover:active:disabled, headerbar.selection-mode button:hover:checked:disabled, headerbar.selection-mode button.flat:hover:active:disabled, headerbar.selection-mode button.flat:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar.selection-mode button:focus, headerbar.selection-mode button.flat:focus, - .titlebar:not(headerbar).selection-mode button:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - headerbar.selection-mode button:focus:focus, headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:focus, headerbar.selection-mode button.flat:focus:hover, - .titlebar:not(headerbar).selection-mode button:focus:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - headerbar.selection-mode button:focus:active, headerbar.selection-mode button:focus:active:hover, headerbar.selection-mode button:focus:active:focus, headerbar.selection-mode button:focus:active:hover:focus, headerbar.selection-mode button:focus:checked, headerbar.selection-mode button:focus:checked:hover, headerbar.selection-mode button:focus:checked:focus, headerbar.selection-mode button:focus:checked:hover:focus, headerbar.selection-mode button.flat:focus:active, headerbar.selection-mode button.flat:focus:active:hover, headerbar.selection-mode button.flat:focus:active:focus, headerbar.selection-mode button.flat:focus:active:hover:focus, headerbar.selection-mode button.flat:focus:checked, headerbar.selection-mode button.flat:focus:checked:hover, headerbar.selection-mode button.flat:focus:checked:focus, headerbar.selection-mode button.flat:focus:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:active, - .titlebar:not(headerbar).selection-mode button:focus:active:hover, - .titlebar:not(headerbar).selection-mode button:focus:active:focus, - .titlebar:not(headerbar).selection-mode button:focus:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:checked, - .titlebar:not(headerbar).selection-mode button:focus:checked:hover, - .titlebar:not(headerbar).selection-mode button:focus:checked:focus, - .titlebar:not(headerbar).selection-mode button:focus:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:active, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar.selection-mode button:focus:disabled, headerbar.selection-mode button.flat:focus:disabled, - .titlebar:not(headerbar).selection-mode button:focus:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar.selection-mode button:focus:active:disabled, headerbar.selection-mode button:focus:checked:disabled, headerbar.selection-mode button.flat:focus:active:disabled, headerbar.selection-mode button.flat:focus:checked:disabled, - .titlebar:not(headerbar).selection-mode button:focus:active:disabled, - .titlebar:not(headerbar).selection-mode button:focus:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover { - background-color: #18af7a; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - headerbar.selection-mode button:focus:hover:focus, headerbar.selection-mode button:focus:hover:hover, headerbar.selection-mode button.flat:focus:hover:focus, headerbar.selection-mode button.flat:focus:hover:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - headerbar.selection-mode button:focus:hover:active, headerbar.selection-mode button:focus:hover:active:hover, headerbar.selection-mode button:focus:hover:active:focus, headerbar.selection-mode button:focus:hover:active:hover:focus, headerbar.selection-mode button:focus:hover:checked, headerbar.selection-mode button:focus:hover:checked:hover, headerbar.selection-mode button:focus:hover:checked:focus, headerbar.selection-mode button:focus:hover:checked:hover:focus, headerbar.selection-mode button.flat:focus:hover:active, headerbar.selection-mode button.flat:focus:hover:active:hover, headerbar.selection-mode button.flat:focus:hover:active:focus, headerbar.selection-mode button.flat:focus:hover:active:hover:focus, headerbar.selection-mode button.flat:focus:hover:checked, headerbar.selection-mode button.flat:focus:hover:checked:hover, headerbar.selection-mode button.flat:focus:hover:checked:focus, headerbar.selection-mode button.flat:focus:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:active, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - headerbar.selection-mode button:focus:hover:disabled, headerbar.selection-mode button.flat:focus:hover:disabled, - .titlebar:not(headerbar).selection-mode button:focus:hover:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - headerbar.selection-mode button:focus:hover:active:disabled, headerbar.selection-mode button:focus:hover:checked:disabled, headerbar.selection-mode button.flat:focus:hover:active:disabled, headerbar.selection-mode button.flat:focus:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button:focus:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button:focus:hover:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - headerbar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button.flat:checked, headerbar.selection-mode button.flat:active, - .titlebar:not(headerbar).selection-mode button:checked, - .titlebar:not(headerbar).selection-mode button:active, - .titlebar:not(headerbar).selection-mode button.flat:checked, - .titlebar:not(headerbar).selection-mode button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, - .titlebar:not(headerbar).selection-mode button:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:hover, - .titlebar:not(headerbar).selection-mode button:active:focus, - .titlebar:not(headerbar).selection-mode button:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - headerbar.selection-mode button:checked:active, headerbar.selection-mode button:checked:active:hover, headerbar.selection-mode button:checked:active:focus, headerbar.selection-mode button:checked:active:hover:focus, headerbar.selection-mode button:checked:checked, headerbar.selection-mode button:checked:checked:hover, headerbar.selection-mode button:checked:checked:focus, headerbar.selection-mode button:checked:checked:hover:focus, headerbar.selection-mode button:active:active, headerbar.selection-mode button:active:active:hover, headerbar.selection-mode button:active:active:focus, headerbar.selection-mode button:active:active:hover:focus, headerbar.selection-mode button:active:checked, headerbar.selection-mode button:active:checked:hover, headerbar.selection-mode button:active:checked:focus, headerbar.selection-mode button:active:checked:hover:focus, headerbar.selection-mode button.flat:checked:active, headerbar.selection-mode button.flat:checked:active:hover, headerbar.selection-mode button.flat:checked:active:focus, headerbar.selection-mode button.flat:checked:active:hover:focus, headerbar.selection-mode button.flat:checked:checked, headerbar.selection-mode button.flat:checked:checked:hover, headerbar.selection-mode button.flat:checked:checked:focus, headerbar.selection-mode button.flat:checked:checked:hover:focus, headerbar.selection-mode button.flat:active:active, headerbar.selection-mode button.flat:active:active:hover, headerbar.selection-mode button.flat:active:active:focus, headerbar.selection-mode button.flat:active:active:hover:focus, headerbar.selection-mode button.flat:active:checked, headerbar.selection-mode button.flat:active:checked:hover, headerbar.selection-mode button.flat:active:checked:focus, headerbar.selection-mode button.flat:active:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:checked:active, - .titlebar:not(headerbar).selection-mode button:checked:active:hover, - .titlebar:not(headerbar).selection-mode button:checked:active:focus, - .titlebar:not(headerbar).selection-mode button:checked:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:checked:checked, - .titlebar:not(headerbar).selection-mode button:checked:checked:hover, - .titlebar:not(headerbar).selection-mode button:checked:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button:active:active, - .titlebar:not(headerbar).selection-mode button:active:active:hover, - .titlebar:not(headerbar).selection-mode button:active:active:focus, - .titlebar:not(headerbar).selection-mode button:active:active:hover:focus, - .titlebar:not(headerbar).selection-mode button:active:checked, - .titlebar:not(headerbar).selection-mode button:active:checked:hover, - .titlebar:not(headerbar).selection-mode button:active:checked:focus, - .titlebar:not(headerbar).selection-mode button:active:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:active, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:active, - .titlebar:not(headerbar).selection-mode button.flat:active:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:active:hover:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:checked, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button:active:disabled, headerbar.selection-mode button.flat:checked:disabled, headerbar.selection-mode button.flat:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - headerbar.selection-mode button:checked:active:disabled, headerbar.selection-mode button:checked:checked:disabled, headerbar.selection-mode button:active:active:disabled, headerbar.selection-mode button:active:checked:disabled, headerbar.selection-mode button.flat:checked:active:disabled, headerbar.selection-mode button.flat:checked:checked:disabled, headerbar.selection-mode button.flat:active:active:disabled, headerbar.selection-mode button.flat:active:checked:disabled, - .titlebar:not(headerbar).selection-mode button:checked:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:active:disabled, - .titlebar:not(headerbar).selection-mode button:active:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, - .titlebar:not(headerbar).selection-mode button:checked:focus, - .titlebar:not(headerbar).selection-mode button:checked:hover, - .titlebar:not(headerbar).selection-mode button:active:focus, - .titlebar:not(headerbar).selection-mode button:active:hover, - .titlebar:not(headerbar).selection-mode button.flat:checked:focus, - .titlebar:not(headerbar).selection-mode button.flat:checked:hover, - .titlebar:not(headerbar).selection-mode button.flat:active:focus, - .titlebar:not(headerbar).selection-mode button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:focus, headerbar.selection-mode button.flat:hover, - .titlebar:not(headerbar).selection-mode button:focus, - .titlebar:not(headerbar).selection-mode button:hover, - .titlebar:not(headerbar).selection-mode button.flat:focus, - .titlebar:not(headerbar).selection-mode button.flat:hover { - color: #ffffff; } - headerbar.selection-mode button:disabled:disabled, headerbar.selection-mode button.flat:disabled:disabled, - .titlebar:not(headerbar).selection-mode button:disabled:disabled, - .titlebar:not(headerbar).selection-mode button.flat:disabled:disabled { - background-color: alpha(mix(#169f6f,#ffffff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#169f6f,#ffffff,0.5); - box-shadow: none; } - headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button.flat:active:disabled, headerbar.selection-mode button.flat:checked:disabled, - .titlebar:not(headerbar).selection-mode button:active:disabled, - .titlebar:not(headerbar).selection-mode button:checked:disabled, - .titlebar:not(headerbar).selection-mode button.flat:active:disabled, - .titlebar:not(headerbar).selection-mode button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - headerbar.selection-mode button.separator, headerbar.selection-mode button .separator, - .titlebar:not(headerbar).selection-mode button.separator, - .titlebar:not(headerbar).selection-mode button .separator { - border: 1px solid currentColor; - color: rgba(22, 159, 111, 0.9); } - headerbar.selection-mode button.separator:disabled, headerbar.selection-mode button .separator:disabled, - .titlebar:not(headerbar).selection-mode button.separator:disabled, - .titlebar:not(headerbar).selection-mode button .separator:disabled { - color: rgba(22, 159, 111, 0.85); } - headerbar.selection-mode:backdrop, - .titlebar:not(headerbar).selection-mode:backdrop { - background-color: #169f6f; - background-image: none; } - headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu, - .titlebar:not(headerbar).selection-mode .selection-menu:backdrop, - .titlebar:not(headerbar).selection-mode .selection-menu { - color: #127f59; - background-color: transparent; - background-image: none; - box-shadow: none; - border: 0; } - headerbar.selection-mode .selection-menu:backdrop:hover, headerbar.selection-mode .selection-menu:hover, - .titlebar:not(headerbar).selection-mode .selection-menu:backdrop:hover, - .titlebar:not(headerbar).selection-mode .selection-menu:hover { - color: #0f6f4e; } - headerbar.selection-mode .selection-menu:backdrop:active, headerbar.selection-mode .selection-menu:active, - .titlebar:not(headerbar).selection-mode .selection-menu:backdrop:active, - .titlebar:not(headerbar).selection-mode .selection-menu:active { - color: #117753; } - headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow, - .titlebar:not(headerbar).selection-mode .selection-menu:backdrop .arrow, - .titlebar:not(headerbar).selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: rgba(255, 255, 255, 0.5); - -gtk-icon-shadow: none; } - headerbar.selection-mode .dim-label, headerbar.selection-mode label.separator, .selection-menu headerbar.selection-mode .dim-label, .selection-menu headerbar.selection-mode label.separator, - .titlebar:not(headerbar).selection-mode .dim-label, - .titlebar:not(headerbar).selection-mode label.separator, .selection-menu - .titlebar:not(headerbar).selection-mode .dim-label, .selection-menu - .titlebar:not(headerbar).selection-mode label.separator { - color: #0f6f4e; } - -/********** - ! Calendar -***********/ -calendar { - padding: 1px 3px; - outline-offset: -1px; - color: #2c2c2c; } - calendar:selected { - border-radius: 2px; } - calendar.header { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0; } - calendar.header:backdrop { - border-color: rgba(0, 0, 0, 0.1); } - calendar.button { - color: rgba(51, 51, 51, 0.55); } - calendar.button:hover { - color: #333333; } - calendar.button:backdrop { - color: alpha(mix(#333333,#dedede,0.5),0.55); } - calendar.button:disabled { - color: alpha(mix(#333333,#dedede,0.5),0.55); } - calendar:indeterminate, calendar:indeterminate:backdrop { - color: mix(#333333,#dedede,0.5); } - calendar.highlight, calendar.highlight:backdrop { - font-size: smaller; - color: #169f6f; } - calendar:backdrop { - color: mix(white,#2c2c2c,0.8); } - -/* gnome-calendar */ -.calendar-view { - background-color: #ffffff; - color: #2c2c2c; } - -/*************** - ! Color chooser -****************/ -colorswatch:drop(active), colorswatch { - border-style: none; } -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; } - colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; } -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; } - colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; } - colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; } -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; } - colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; } -colorswatch.dark overlay { - color: #ffffff; } - colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.8); } - colorswatch.dark overlay:backdrop { - color: mix(#169f6f,#ffffff,0.66); } -colorswatch.light overlay { - color: #2c2c2c; } - colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.5); } - colorswatch.light overlay:backdrop { - color: mix(white,#2c2c2c,0.8); } -colorswatch:drop(active) { - box-shadow: none; } - colorswatch:drop(active).light overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; } - colorswatch:drop(active).dark overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; } -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.3); } - colorswatch overlay:hover { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } - colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { - border-color: rgba(0, 0, 0, 0.3); - box-shadow: none; } -colorswatch:disabled { - opacity: .5; } - colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; } -row:selected colorswatch { - box-shadow: 0 0 0 2px #ffffff; } -colorswatch#add-color-button { - border-radius: 2px 2px 0 0; } - colorswatch#add-color-button:only-child { - border-radius: 2px; } - colorswatch#add-color-button overlay { - background-color: lightgray; - color: #333333; } - colorswatch#add-color-button overlay:hover { - background-color: #c8c8c8; } - colorswatch#add-color-button overlay:backdrop { - background-color: lightgray; } -colorswatch#editor-color-sample { - border-radius: 2px; } - colorswatch#editor-color-sample overlay { - border-radius: 2.5px; } - -button.color { - padding: 3px; } - button.color colorswatch:only-child { - box-shadow: 0 1px rgba(255, 255, 255, 0.76923); } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { - border-radius: 0; } - button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { - box-shadow: none; } - -colorchooser .popover.osd { - border-radius: 2px; } - -/*********************** -! Font and file choosers -************************/ -filechooser { - /* for fallback when header bar not used */ } - filechooser .dialog-action-box { - border-top: 1px solid mix(#dedede,#333333,0.08); } - filechooser .dialog-action-box:backdrop { - border-top-color: mix(#dedede,mix(#dedede,#333333,0.08),0.9); } - filechooser #pathbarbox { - border-bottom: 1px solid #dedede; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/****************** - ! Grid and flowbox -*******************/ -list { - color: #2c2c2c; - background-color: #ffffff; - border-color: mix(#dedede,#333333,0.08); } - list:backdrop { - background-color: white; - border-color: mix(#dedede,mix(#dedede,#333333,0.08),0.9); } - list row { - padding: 3px; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - row:backdrop { - transition: 200ms ease-out; } - row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(51, 51, 51, 0.05); } - row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:backdrop:hover { - background-color: transparent; } - row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: mix(#169f6f,#333333,0.1); } - row.activatable:selected:backdrop { - background-color: #169f6f; } - -flowbox flowboxchild { - padding: 3px; - border-radius: 2px; } - flowbox flowboxchild:selected { - outline-offset: -2px; } - -/********* - ! Buttons -**********/ -/****************** -! ComboBoxes * -*******************/ -/********* - ! Infobar -**********/ -infobar { - border: 0; } - infobar.info, infobar.info:backdrop { - background-color: #03a9f4; - background-image: none; - border: 1px solid #0287c3; - caret-color: currentColor; } - infobar.info label, infobar.info, infobar.info:backdrop label, infobar.info:backdrop { - color: #fff; } - infobar.info button { - background-color: #03a9f4; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - infobar.info button:focus, infobar.info button:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - infobar.info button:active, infobar.info button:active:hover, infobar.info button:active:focus, infobar.info button:active:hover:focus, infobar.info button:checked, infobar.info button:checked:hover, infobar.info button:checked:focus, infobar.info button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.info button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.info button:active:disabled, infobar.info button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.info button:active { - color: #fff; } - infobar.info button.flat { - color: #fff; - border-color: rgba(3, 169, 244, 0); - background-color: rgba(3, 169, 244, 0); - background-image: none; - box-shadow: none; } - infobar.info button:hover, infobar.info button.flat:hover { - background-color: #07b0fc; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - infobar.info button:hover:focus, infobar.info button:hover:hover, infobar.info button.flat:hover:focus, infobar.info button.flat:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - infobar.info button:hover:active, infobar.info button:hover:active:hover, infobar.info button:hover:active:focus, infobar.info button:hover:active:hover:focus, infobar.info button:hover:checked, infobar.info button:hover:checked:hover, infobar.info button:hover:checked:focus, infobar.info button:hover:checked:hover:focus, infobar.info button.flat:hover:active, infobar.info button.flat:hover:active:hover, infobar.info button.flat:hover:active:focus, infobar.info button.flat:hover:active:hover:focus, infobar.info button.flat:hover:checked, infobar.info button.flat:hover:checked:hover, infobar.info button.flat:hover:checked:focus, infobar.info button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.info button:hover:disabled, infobar.info button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.info button:hover:active:disabled, infobar.info button:hover:checked:disabled, infobar.info button.flat:hover:active:disabled, infobar.info button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.info button:focus, infobar.info button.flat:focus { - background-color: #07b0fc; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - infobar.info button:focus:focus, infobar.info button:focus:hover, infobar.info button.flat:focus:focus, infobar.info button.flat:focus:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - infobar.info button:focus:active, infobar.info button:focus:active:hover, infobar.info button:focus:active:focus, infobar.info button:focus:active:hover:focus, infobar.info button:focus:checked, infobar.info button:focus:checked:hover, infobar.info button:focus:checked:focus, infobar.info button:focus:checked:hover:focus, infobar.info button.flat:focus:active, infobar.info button.flat:focus:active:hover, infobar.info button.flat:focus:active:focus, infobar.info button.flat:focus:active:hover:focus, infobar.info button.flat:focus:checked, infobar.info button.flat:focus:checked:hover, infobar.info button.flat:focus:checked:focus, infobar.info button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.info button:focus:disabled, infobar.info button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.info button:focus:active:disabled, infobar.info button:focus:checked:disabled, infobar.info button.flat:focus:active:disabled, infobar.info button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.info button:focus:hover, infobar.info button.flat:focus:hover { - background-color: #14b4fc; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - infobar.info button:focus:hover:focus, infobar.info button:focus:hover:hover, infobar.info button.flat:focus:hover:focus, infobar.info button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - infobar.info button:focus:hover:active, infobar.info button:focus:hover:active:hover, infobar.info button:focus:hover:active:focus, infobar.info button:focus:hover:active:hover:focus, infobar.info button:focus:hover:checked, infobar.info button:focus:hover:checked:hover, infobar.info button:focus:hover:checked:focus, infobar.info button:focus:hover:checked:hover:focus, infobar.info button.flat:focus:hover:active, infobar.info button.flat:focus:hover:active:hover, infobar.info button.flat:focus:hover:active:focus, infobar.info button.flat:focus:hover:active:hover:focus, infobar.info button.flat:focus:hover:checked, infobar.info button.flat:focus:hover:checked:hover, infobar.info button.flat:focus:hover:checked:focus, infobar.info button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.info button:focus:hover:disabled, infobar.info button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.info button:focus:hover:active:disabled, infobar.info button:focus:hover:checked:disabled, infobar.info button.flat:focus:hover:active:disabled, infobar.info button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.info button:checked, infobar.info button:active, infobar.info button.flat:checked, infobar.info button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - infobar.info button:checked:focus, infobar.info button:checked:hover, infobar.info button:active:focus, infobar.info button:active:hover, infobar.info button.flat:checked:focus, infobar.info button.flat:checked:hover, infobar.info button.flat:active:focus, infobar.info button.flat:active:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - infobar.info button:checked:active, infobar.info button:checked:active:hover, infobar.info button:checked:active:focus, infobar.info button:checked:active:hover:focus, infobar.info button:checked:checked, infobar.info button:checked:checked:hover, infobar.info button:checked:checked:focus, infobar.info button:checked:checked:hover:focus, infobar.info button:active:active, infobar.info button:active:active:hover, infobar.info button:active:active:focus, infobar.info button:active:active:hover:focus, infobar.info button:active:checked, infobar.info button:active:checked:hover, infobar.info button:active:checked:focus, infobar.info button:active:checked:hover:focus, infobar.info button.flat:checked:active, infobar.info button.flat:checked:active:hover, infobar.info button.flat:checked:active:focus, infobar.info button.flat:checked:active:hover:focus, infobar.info button.flat:checked:checked, infobar.info button.flat:checked:checked:hover, infobar.info button.flat:checked:checked:focus, infobar.info button.flat:checked:checked:hover:focus, infobar.info button.flat:active:active, infobar.info button.flat:active:active:hover, infobar.info button.flat:active:active:focus, infobar.info button.flat:active:active:hover:focus, infobar.info button.flat:active:checked, infobar.info button.flat:active:checked:hover, infobar.info button.flat:active:checked:focus, infobar.info button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.info button:checked:disabled, infobar.info button:active:disabled, infobar.info button.flat:checked:disabled, infobar.info button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.info button:checked:active:disabled, infobar.info button:checked:checked:disabled, infobar.info button:active:active:disabled, infobar.info button:active:checked:disabled, infobar.info button.flat:checked:active:disabled, infobar.info button.flat:checked:checked:disabled, infobar.info button.flat:active:active:disabled, infobar.info button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.info button:checked:focus, infobar.info button:checked:hover, infobar.info button:active:focus, infobar.info button:active:hover, infobar.info button.flat:checked:focus, infobar.info button.flat:checked:hover, infobar.info button.flat:active:focus, infobar.info button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - infobar.info button:focus, infobar.info button:hover, infobar.info button.flat:focus, infobar.info button.flat:hover { - color: #fff; } - infobar.info button:disabled:disabled, infobar.info button.flat:disabled:disabled { - background-color: alpha(mix(#03a9f4,#fff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#03a9f4,#fff,0.5); - box-shadow: none; } - infobar.info button:active:disabled, infobar.info button:checked:disabled, infobar.info button.flat:active:disabled, infobar.info button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - infobar.info button.separator, infobar.info button .separator { - border: 1px solid currentColor; - color: rgba(3, 169, 244, 0.9); } - infobar.info button.separator:disabled, infobar.info button .separator:disabled { - color: rgba(3, 169, 244, 0.85); } - infobar.warning, infobar.warning:backdrop { - background-color: #ef6c00; - background-image: none; - border: 1px solid #bf5600; - caret-color: currentColor; } - infobar.warning label, infobar.warning, infobar.warning:backdrop label, infobar.warning:backdrop { - color: #fff; } - infobar.warning button { - background-color: #ef6c00; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - infobar.warning button:focus, infobar.warning button:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - infobar.warning button:active, infobar.warning button:active:hover, infobar.warning button:active:focus, infobar.warning button:active:hover:focus, infobar.warning button:checked, infobar.warning button:checked:hover, infobar.warning button:checked:focus, infobar.warning button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.warning button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.warning button:active:disabled, infobar.warning button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.warning button:active { - color: #fff; } - infobar.warning button.flat { - color: #fff; - border-color: rgba(239, 108, 0, 0); - background-color: rgba(239, 108, 0, 0); - background-image: none; - box-shadow: none; } - infobar.warning button:hover, infobar.warning button.flat:hover { - background-color: #fb7100; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - infobar.warning button:hover:focus, infobar.warning button:hover:hover, infobar.warning button.flat:hover:focus, infobar.warning button.flat:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - infobar.warning button:hover:active, infobar.warning button:hover:active:hover, infobar.warning button:hover:active:focus, infobar.warning button:hover:active:hover:focus, infobar.warning button:hover:checked, infobar.warning button:hover:checked:hover, infobar.warning button:hover:checked:focus, infobar.warning button:hover:checked:hover:focus, infobar.warning button.flat:hover:active, infobar.warning button.flat:hover:active:hover, infobar.warning button.flat:hover:active:focus, infobar.warning button.flat:hover:active:hover:focus, infobar.warning button.flat:hover:checked, infobar.warning button.flat:hover:checked:hover, infobar.warning button.flat:hover:checked:focus, infobar.warning button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.warning button:hover:disabled, infobar.warning button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.warning button:hover:active:disabled, infobar.warning button:hover:checked:disabled, infobar.warning button.flat:hover:active:disabled, infobar.warning button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.warning button:focus, infobar.warning button.flat:focus { - background-color: #fb7100; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - infobar.warning button:focus:focus, infobar.warning button:focus:hover, infobar.warning button.flat:focus:focus, infobar.warning button.flat:focus:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - infobar.warning button:focus:active, infobar.warning button:focus:active:hover, infobar.warning button:focus:active:focus, infobar.warning button:focus:active:hover:focus, infobar.warning button:focus:checked, infobar.warning button:focus:checked:hover, infobar.warning button:focus:checked:focus, infobar.warning button:focus:checked:hover:focus, infobar.warning button.flat:focus:active, infobar.warning button.flat:focus:active:hover, infobar.warning button.flat:focus:active:focus, infobar.warning button.flat:focus:active:hover:focus, infobar.warning button.flat:focus:checked, infobar.warning button.flat:focus:checked:hover, infobar.warning button.flat:focus:checked:focus, infobar.warning button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.warning button:focus:disabled, infobar.warning button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.warning button:focus:active:disabled, infobar.warning button:focus:checked:disabled, infobar.warning button.flat:focus:active:disabled, infobar.warning button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.warning button:focus:hover, infobar.warning button.flat:focus:hover { - background-color: #ff7808; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - infobar.warning button:focus:hover:focus, infobar.warning button:focus:hover:hover, infobar.warning button.flat:focus:hover:focus, infobar.warning button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - infobar.warning button:focus:hover:active, infobar.warning button:focus:hover:active:hover, infobar.warning button:focus:hover:active:focus, infobar.warning button:focus:hover:active:hover:focus, infobar.warning button:focus:hover:checked, infobar.warning button:focus:hover:checked:hover, infobar.warning button:focus:hover:checked:focus, infobar.warning button:focus:hover:checked:hover:focus, infobar.warning button.flat:focus:hover:active, infobar.warning button.flat:focus:hover:active:hover, infobar.warning button.flat:focus:hover:active:focus, infobar.warning button.flat:focus:hover:active:hover:focus, infobar.warning button.flat:focus:hover:checked, infobar.warning button.flat:focus:hover:checked:hover, infobar.warning button.flat:focus:hover:checked:focus, infobar.warning button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.warning button:focus:hover:disabled, infobar.warning button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.warning button:focus:hover:active:disabled, infobar.warning button:focus:hover:checked:disabled, infobar.warning button.flat:focus:hover:active:disabled, infobar.warning button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.warning button:checked, infobar.warning button:active, infobar.warning button.flat:checked, infobar.warning button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - infobar.warning button:checked:focus, infobar.warning button:checked:hover, infobar.warning button:active:focus, infobar.warning button:active:hover, infobar.warning button.flat:checked:focus, infobar.warning button.flat:checked:hover, infobar.warning button.flat:active:focus, infobar.warning button.flat:active:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - infobar.warning button:checked:active, infobar.warning button:checked:active:hover, infobar.warning button:checked:active:focus, infobar.warning button:checked:active:hover:focus, infobar.warning button:checked:checked, infobar.warning button:checked:checked:hover, infobar.warning button:checked:checked:focus, infobar.warning button:checked:checked:hover:focus, infobar.warning button:active:active, infobar.warning button:active:active:hover, infobar.warning button:active:active:focus, infobar.warning button:active:active:hover:focus, infobar.warning button:active:checked, infobar.warning button:active:checked:hover, infobar.warning button:active:checked:focus, infobar.warning button:active:checked:hover:focus, infobar.warning button.flat:checked:active, infobar.warning button.flat:checked:active:hover, infobar.warning button.flat:checked:active:focus, infobar.warning button.flat:checked:active:hover:focus, infobar.warning button.flat:checked:checked, infobar.warning button.flat:checked:checked:hover, infobar.warning button.flat:checked:checked:focus, infobar.warning button.flat:checked:checked:hover:focus, infobar.warning button.flat:active:active, infobar.warning button.flat:active:active:hover, infobar.warning button.flat:active:active:focus, infobar.warning button.flat:active:active:hover:focus, infobar.warning button.flat:active:checked, infobar.warning button.flat:active:checked:hover, infobar.warning button.flat:active:checked:focus, infobar.warning button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.warning button:checked:disabled, infobar.warning button:active:disabled, infobar.warning button.flat:checked:disabled, infobar.warning button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.warning button:checked:active:disabled, infobar.warning button:checked:checked:disabled, infobar.warning button:active:active:disabled, infobar.warning button:active:checked:disabled, infobar.warning button.flat:checked:active:disabled, infobar.warning button.flat:checked:checked:disabled, infobar.warning button.flat:active:active:disabled, infobar.warning button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.warning button:checked:focus, infobar.warning button:checked:hover, infobar.warning button:active:focus, infobar.warning button:active:hover, infobar.warning button.flat:checked:focus, infobar.warning button.flat:checked:hover, infobar.warning button.flat:active:focus, infobar.warning button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - infobar.warning button:focus, infobar.warning button:hover, infobar.warning button.flat:focus, infobar.warning button.flat:hover { - color: #fff; } - infobar.warning button:disabled:disabled, infobar.warning button.flat:disabled:disabled { - background-color: alpha(mix(#ef6c00,#fff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#ef6c00,#fff,0.5); - box-shadow: none; } - infobar.warning button:active:disabled, infobar.warning button:checked:disabled, infobar.warning button.flat:active:disabled, infobar.warning button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - infobar.warning button.separator, infobar.warning button .separator { - border: 1px solid currentColor; - color: rgba(239, 108, 0, 0.9); } - infobar.warning button.separator:disabled, infobar.warning button .separator:disabled { - color: rgba(239, 108, 0, 0.85); } - infobar.question, infobar.question:backdrop { - background-color: #673ab7; - background-image: none; - border: 1px solid #522e92; - caret-color: currentColor; } - infobar.question label, infobar.question, infobar.question:backdrop label, infobar.question:backdrop { - color: #fff; } - infobar.question button { - background-color: #673ab7; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - infobar.question button:focus, infobar.question button:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - infobar.question button:active, infobar.question button:active:hover, infobar.question button:active:focus, infobar.question button:active:hover:focus, infobar.question button:checked, infobar.question button:checked:hover, infobar.question button:checked:focus, infobar.question button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.question button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.question button:active:disabled, infobar.question button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.question button:active { - color: #fff; } - infobar.question button.flat { - color: #fff; - border-color: rgba(103, 58, 183, 0); - background-color: rgba(103, 58, 183, 0); - background-image: none; - box-shadow: none; } - infobar.question button:hover, infobar.question button.flat:hover { - background-color: #6c3dc0; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - infobar.question button:hover:focus, infobar.question button:hover:hover, infobar.question button.flat:hover:focus, infobar.question button.flat:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - infobar.question button:hover:active, infobar.question button:hover:active:hover, infobar.question button:hover:active:focus, infobar.question button:hover:active:hover:focus, infobar.question button:hover:checked, infobar.question button:hover:checked:hover, infobar.question button:hover:checked:focus, infobar.question button:hover:checked:hover:focus, infobar.question button.flat:hover:active, infobar.question button.flat:hover:active:hover, infobar.question button.flat:hover:active:focus, infobar.question button.flat:hover:active:hover:focus, infobar.question button.flat:hover:checked, infobar.question button.flat:hover:checked:hover, infobar.question button.flat:hover:checked:focus, infobar.question button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.question button:hover:disabled, infobar.question button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.question button:hover:active:disabled, infobar.question button:hover:checked:disabled, infobar.question button.flat:hover:active:disabled, infobar.question button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.question button:focus, infobar.question button.flat:focus { - background-color: #6c3dc0; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - infobar.question button:focus:focus, infobar.question button:focus:hover, infobar.question button.flat:focus:focus, infobar.question button.flat:focus:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - infobar.question button:focus:active, infobar.question button:focus:active:hover, infobar.question button:focus:active:focus, infobar.question button:focus:active:hover:focus, infobar.question button:focus:checked, infobar.question button:focus:checked:hover, infobar.question button:focus:checked:focus, infobar.question button:focus:checked:hover:focus, infobar.question button.flat:focus:active, infobar.question button.flat:focus:active:hover, infobar.question button.flat:focus:active:focus, infobar.question button.flat:focus:active:hover:focus, infobar.question button.flat:focus:checked, infobar.question button.flat:focus:checked:hover, infobar.question button.flat:focus:checked:focus, infobar.question button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.question button:focus:disabled, infobar.question button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.question button:focus:active:disabled, infobar.question button:focus:checked:disabled, infobar.question button.flat:focus:active:disabled, infobar.question button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.question button:focus:hover, infobar.question button.flat:focus:hover { - background-color: #7345c4; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - infobar.question button:focus:hover:focus, infobar.question button:focus:hover:hover, infobar.question button.flat:focus:hover:focus, infobar.question button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - infobar.question button:focus:hover:active, infobar.question button:focus:hover:active:hover, infobar.question button:focus:hover:active:focus, infobar.question button:focus:hover:active:hover:focus, infobar.question button:focus:hover:checked, infobar.question button:focus:hover:checked:hover, infobar.question button:focus:hover:checked:focus, infobar.question button:focus:hover:checked:hover:focus, infobar.question button.flat:focus:hover:active, infobar.question button.flat:focus:hover:active:hover, infobar.question button.flat:focus:hover:active:focus, infobar.question button.flat:focus:hover:active:hover:focus, infobar.question button.flat:focus:hover:checked, infobar.question button.flat:focus:hover:checked:hover, infobar.question button.flat:focus:hover:checked:focus, infobar.question button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.question button:focus:hover:disabled, infobar.question button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.question button:focus:hover:active:disabled, infobar.question button:focus:hover:checked:disabled, infobar.question button.flat:focus:hover:active:disabled, infobar.question button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.question button:checked, infobar.question button:active, infobar.question button.flat:checked, infobar.question button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - infobar.question button:checked:focus, infobar.question button:checked:hover, infobar.question button:active:focus, infobar.question button:active:hover, infobar.question button.flat:checked:focus, infobar.question button.flat:checked:hover, infobar.question button.flat:active:focus, infobar.question button.flat:active:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - infobar.question button:checked:active, infobar.question button:checked:active:hover, infobar.question button:checked:active:focus, infobar.question button:checked:active:hover:focus, infobar.question button:checked:checked, infobar.question button:checked:checked:hover, infobar.question button:checked:checked:focus, infobar.question button:checked:checked:hover:focus, infobar.question button:active:active, infobar.question button:active:active:hover, infobar.question button:active:active:focus, infobar.question button:active:active:hover:focus, infobar.question button:active:checked, infobar.question button:active:checked:hover, infobar.question button:active:checked:focus, infobar.question button:active:checked:hover:focus, infobar.question button.flat:checked:active, infobar.question button.flat:checked:active:hover, infobar.question button.flat:checked:active:focus, infobar.question button.flat:checked:active:hover:focus, infobar.question button.flat:checked:checked, infobar.question button.flat:checked:checked:hover, infobar.question button.flat:checked:checked:focus, infobar.question button.flat:checked:checked:hover:focus, infobar.question button.flat:active:active, infobar.question button.flat:active:active:hover, infobar.question button.flat:active:active:focus, infobar.question button.flat:active:active:hover:focus, infobar.question button.flat:active:checked, infobar.question button.flat:active:checked:hover, infobar.question button.flat:active:checked:focus, infobar.question button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.question button:checked:disabled, infobar.question button:active:disabled, infobar.question button.flat:checked:disabled, infobar.question button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.question button:checked:active:disabled, infobar.question button:checked:checked:disabled, infobar.question button:active:active:disabled, infobar.question button:active:checked:disabled, infobar.question button.flat:checked:active:disabled, infobar.question button.flat:checked:checked:disabled, infobar.question button.flat:active:active:disabled, infobar.question button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.question button:checked:focus, infobar.question button:checked:hover, infobar.question button:active:focus, infobar.question button:active:hover, infobar.question button.flat:checked:focus, infobar.question button.flat:checked:hover, infobar.question button.flat:active:focus, infobar.question button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - infobar.question button:focus, infobar.question button:hover, infobar.question button.flat:focus, infobar.question button.flat:hover { - color: #fff; } - infobar.question button:disabled:disabled, infobar.question button.flat:disabled:disabled { - background-color: alpha(mix(#673ab7,#fff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#673ab7,#fff,0.5); - box-shadow: none; } - infobar.question button:active:disabled, infobar.question button:checked:disabled, infobar.question button.flat:active:disabled, infobar.question button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - infobar.question button.separator, infobar.question button .separator { - border: 1px solid currentColor; - color: rgba(103, 58, 183, 0.9); } - infobar.question button.separator:disabled, infobar.question button .separator:disabled { - color: rgba(103, 58, 183, 0.85); } - infobar.error, infobar.error:backdrop { - background-color: #f44336; - background-image: none; - border: 1px solid #e21b0c; - caret-color: currentColor; } - infobar.error label, infobar.error, infobar.error:backdrop label, infobar.error:backdrop { - color: #fff; } - infobar.error button { - background-color: #f44336; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - infobar.error button:focus, infobar.error button:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - infobar.error button:active, infobar.error button:active:hover, infobar.error button:active:focus, infobar.error button:active:hover:focus, infobar.error button:checked, infobar.error button:checked:hover, infobar.error button:checked:focus, infobar.error button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.error button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.error button:active:disabled, infobar.error button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.error button:active { - color: #fff; } - infobar.error button.flat { - color: #fff; - border-color: rgba(244, 67, 54, 0); - background-color: rgba(244, 67, 54, 0); - background-image: none; - box-shadow: none; } - infobar.error button:hover, infobar.error button.flat:hover { - background-color: #f55044; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - infobar.error button:hover:focus, infobar.error button:hover:hover, infobar.error button.flat:hover:focus, infobar.error button.flat:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - infobar.error button:hover:active, infobar.error button:hover:active:hover, infobar.error button:hover:active:focus, infobar.error button:hover:active:hover:focus, infobar.error button:hover:checked, infobar.error button:hover:checked:hover, infobar.error button:hover:checked:focus, infobar.error button:hover:checked:hover:focus, infobar.error button.flat:hover:active, infobar.error button.flat:hover:active:hover, infobar.error button.flat:hover:active:focus, infobar.error button.flat:hover:active:hover:focus, infobar.error button.flat:hover:checked, infobar.error button.flat:hover:checked:hover, infobar.error button.flat:hover:checked:focus, infobar.error button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.error button:hover:disabled, infobar.error button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.error button:hover:active:disabled, infobar.error button:hover:checked:disabled, infobar.error button.flat:hover:active:disabled, infobar.error button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.error button:focus, infobar.error button.flat:focus { - background-color: #f55044; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - infobar.error button:focus:focus, infobar.error button:focus:hover, infobar.error button.flat:focus:focus, infobar.error button.flat:focus:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - infobar.error button:focus:active, infobar.error button:focus:active:hover, infobar.error button:focus:active:focus, infobar.error button:focus:active:hover:focus, infobar.error button:focus:checked, infobar.error button:focus:checked:hover, infobar.error button:focus:checked:focus, infobar.error button:focus:checked:hover:focus, infobar.error button.flat:focus:active, infobar.error button.flat:focus:active:hover, infobar.error button.flat:focus:active:focus, infobar.error button.flat:focus:active:hover:focus, infobar.error button.flat:focus:checked, infobar.error button.flat:focus:checked:hover, infobar.error button.flat:focus:checked:focus, infobar.error button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.error button:focus:disabled, infobar.error button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.error button:focus:active:disabled, infobar.error button:focus:checked:disabled, infobar.error button.flat:focus:active:disabled, infobar.error button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.error button:focus:hover, infobar.error button.flat:focus:hover { - background-color: #f65d52; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.38); } - infobar.error button:focus:hover:focus, infobar.error button:focus:hover:hover, infobar.error button.flat:focus:hover:focus, infobar.error button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - infobar.error button:focus:hover:active, infobar.error button:focus:hover:active:hover, infobar.error button:focus:hover:active:focus, infobar.error button:focus:hover:active:hover:focus, infobar.error button:focus:hover:checked, infobar.error button:focus:hover:checked:hover, infobar.error button:focus:hover:checked:focus, infobar.error button:focus:hover:checked:hover:focus, infobar.error button.flat:focus:hover:active, infobar.error button.flat:focus:hover:active:hover, infobar.error button.flat:focus:hover:active:focus, infobar.error button.flat:focus:hover:active:hover:focus, infobar.error button.flat:focus:hover:checked, infobar.error button.flat:focus:hover:checked:hover, infobar.error button.flat:focus:hover:checked:focus, infobar.error button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - infobar.error button:focus:hover:disabled, infobar.error button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - infobar.error button:focus:hover:active:disabled, infobar.error button:focus:hover:checked:disabled, infobar.error button.flat:focus:hover:active:disabled, infobar.error button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - infobar.error button:checked, infobar.error button:active, infobar.error button.flat:checked, infobar.error button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - infobar.error button:checked:focus, infobar.error button:checked:hover, infobar.error button:active:focus, infobar.error button:active:hover, infobar.error button.flat:checked:focus, infobar.error button.flat:checked:hover, infobar.error button.flat:active:focus, infobar.error button.flat:active:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - infobar.error button:checked:active, infobar.error button:checked:active:hover, infobar.error button:checked:active:focus, infobar.error button:checked:active:hover:focus, infobar.error button:checked:checked, infobar.error button:checked:checked:hover, infobar.error button:checked:checked:focus, infobar.error button:checked:checked:hover:focus, infobar.error button:active:active, infobar.error button:active:active:hover, infobar.error button:active:active:focus, infobar.error button:active:active:hover:focus, infobar.error button:active:checked, infobar.error button:active:checked:hover, infobar.error button:active:checked:focus, infobar.error button:active:checked:hover:focus, infobar.error button.flat:checked:active, infobar.error button.flat:checked:active:hover, infobar.error button.flat:checked:active:focus, infobar.error button.flat:checked:active:hover:focus, infobar.error button.flat:checked:checked, infobar.error button.flat:checked:checked:hover, infobar.error button.flat:checked:checked:focus, infobar.error button.flat:checked:checked:hover:focus, infobar.error button.flat:active:active, infobar.error button.flat:active:active:hover, infobar.error button.flat:active:active:focus, infobar.error button.flat:active:active:hover:focus, infobar.error button.flat:active:checked, infobar.error button.flat:active:checked:hover, infobar.error button.flat:active:checked:focus, infobar.error button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - infobar.error button:checked:disabled, infobar.error button:active:disabled, infobar.error button.flat:checked:disabled, infobar.error button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - infobar.error button:checked:active:disabled, infobar.error button:checked:checked:disabled, infobar.error button:active:active:disabled, infobar.error button:active:checked:disabled, infobar.error button.flat:checked:active:disabled, infobar.error button.flat:checked:checked:disabled, infobar.error button.flat:active:active:disabled, infobar.error button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - infobar.error button:checked:focus, infobar.error button:checked:hover, infobar.error button:active:focus, infobar.error button:active:hover, infobar.error button.flat:checked:focus, infobar.error button.flat:checked:hover, infobar.error button.flat:active:focus, infobar.error button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - infobar.error button:focus, infobar.error button:hover, infobar.error button.flat:focus, infobar.error button.flat:hover { - color: #fff; } - infobar.error button:disabled:disabled, infobar.error button.flat:disabled:disabled { - background-color: alpha(mix(#f44336,#fff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#f44336,#fff,0.5); - box-shadow: none; } - infobar.error button:active:disabled, infobar.error button:checked:disabled, infobar.error button.flat:active:disabled, infobar.error button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - infobar.error button.separator, infobar.error button .separator { - border: 1px solid currentColor; - color: rgba(244, 67, 54, 0.9); } - infobar.error button.separator:disabled, infobar.error button .separator:disabled { - color: rgba(244, 67, 54, 0.85); } - -/********* - ! Entry * -**********/ -.linked:not(.vertical) > entry { - border-width: 1px; - border-radius: 0; - border-right-width: 0; - border-left-width: 0; } - .linked:not(.vertical) > entry:first-child { - border-width: 1px; - border-radius: 2px; - border-right-width: 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .linked:not(.vertical) > entry:first-child:dir(rtl) { - border-left-width: 0; - border-right-width: 1px; } - .linked:not(.vertical) > entry:last-child { - border-width: 1px; - border-radius: 2px; - border-left-width: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .linked:not(.vertical) > entry:last-child:dir(rtl) { - border-left-width: 1px; - border-right-width: 0; } - .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child { - border-width: 1px; } - .linked:not(.vertical) > entry:only-child { - border-radius: 2px; } - -.linked.vertical > entry { - border-width: 1px; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; } - .linked.vertical > entry:first-child { - border-width: 1px; - border-radius: 2px; - border-top-width: 1px; - border-bottom-width: 0; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .linked.vertical > entry:first-child:dir(rtl) { - border-top-width: 0; - border-bottom-width: 1px; } - .linked.vertical > entry:last-child { - border-width: 1px; - border-radius: 2px; - border-top-width: 0; - border-bottom-width: 1px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - .linked.vertical > entry:last-child:dir(rtl) { - border-top-width: 1px; - border-bottom-width: 0; } - .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child { - border-width: 1px; } - .linked.vertical > entry:only-child { - border-radius: 2px; } - -entry, menuitem entry, popover.background entry, .osd entry, -#XfceNotifyWindow entry, #login_window entry { - border-width: 1px; - border-style: solid; - border-radius: 2px; - transition: border 150ms ease; - box-shadow: inset 1px 1px rgba(10, 10, 10, 0.06), inset -1px 0 rgba(10, 10, 10, 0.06); } - entry:focus, popover.background entry:focus, - #XfceNotifyWindow entry:focus, #login_window entry:focus, entry:hover, popover.background entry:hover, - #XfceNotifyWindow entry:hover, #login_window entry:hover, entry:active, popover.background entry:active, - #XfceNotifyWindow entry:active, #login_window entry:active { - transition: none; } - entry:selected, popover.background entry:selected, - #XfceNotifyWindow entry:selected, #login_window entry:selected, entry:selected:selected:focus, - #XfceNotifyWindow entry:selected:selected:focus, #login_window entry:selected:selected:focus { - background-color: #169f6f; - color: #ffffff; } - entry:disabled, popover.background entry:disabled, - #XfceNotifyWindow entry:disabled, #login_window entry:disabled { - box-shadow: none; } - entry progress, popover.background entry progress, .osd entry progress, - #XfceNotifyWindow entry progress, #login_window entry progress { - background-color: #169f6f; - background-image: none; - border-width: 0; - border-radius: 2px; - color: #ffffff; } - entry image.left, - #XfceNotifyWindow entry image.left, #login_window entry image.left { - padding-right: 3px; } - entry image.right, - #XfceNotifyWindow entry image.right, #login_window entry image.right { - padding-left: 3px; } - entry.warning, popover.background entry.warning, - #XfceNotifyWindow entry.warning, #login_window entry.warning { - color: #fff; - border-color: #bf5600; - background-color: mix(#ffffff,#ef6c00,0.6); } - entry.warning image, - #XfceNotifyWindow entry.warning image, #login_window entry.warning image { - color: #fff; } - entry.warning:focus, - #XfceNotifyWindow entry.warning:focus, #login_window entry.warning:focus { - color: #fff; - border-color: mix(#169f6f,#ef6c00,0.3); - background-color: #ef6c00; - box-shadow: none; } - entry.warning selection, - #XfceNotifyWindow entry.warning selection, #login_window entry.warning selection { - background-color: #fff; - color: #ef6c00; } - entry.error, popover.background entry.error, - #XfceNotifyWindow entry.error, #login_window entry.error { - color: #fff; - border-color: #e21b0c; - background-color: mix(#ffffff,#f44336,0.6); } - entry.error image, - #XfceNotifyWindow entry.error image, #login_window entry.error image { - color: #fff; } - entry.error:focus, - #XfceNotifyWindow entry.error:focus, #login_window entry.error:focus { - color: #fff; - border-color: mix(#169f6f,#f44336,0.3); - background-color: #f44336; - box-shadow: none; } - entry.error selection, - #XfceNotifyWindow entry.error selection, #login_window entry.error selection { - background-color: #fff; - color: #f44336; } - entry.search-missing, popover.background entry.search-missing, - #XfceNotifyWindow entry.search-missing, #login_window entry.search-missing { - color: #fff; - border-color: #e21b0c; - background-color: mix(#ffffff,#f44336,0.6); } - entry.search-missing image, - #XfceNotifyWindow entry.search-missing image, #login_window entry.search-missing image { - color: #fff; } - entry.search-missing:focus, - #XfceNotifyWindow entry.search-missing:focus, #login_window entry.search-missing:focus { - color: #fff; - border-color: mix(#169f6f,#f44336,0.3); - background-color: #f44336; - box-shadow: none; } - entry.search-missing selection, - #XfceNotifyWindow entry.search-missing selection, #login_window entry.search-missing selection { - background-color: #fff; - color: #f44336; } - -/********* - ! Menubar -**********/ -menubar, .menubar { - -GtkWidget-window-dragging: true; - padding: 0; - border: 0; - background-color: #2c2c2c; - background-image: none; - color: #e9e9e9; } - menubar > menuitem, .menubar > menuitem { - min-height: 16px; - padding: 2px 4px; - border: 1px solid transparent; - background-color: transparent; - background-image: none; - color: #e9e9e9; } - menubar > menuitem:hover, .menubar > menuitem:hover { - border-color: mix(#2c2c2c,#e9e9e9,0.21); - background-color: mix(#2c2c2c,#e9e9e9,0.21); - background-image: none; - color: #fcfcfc; } - menubar > menuitem *:hover, .menubar > menuitem *:hover { - color: #fcfcfc; } - -/****** - ! Menu -*******/ -menu, -.menu, -.context-menu { - border: 0; - border-radius: 0; - padding: 3px; - background-color: #2c2c2c; - color: #e9e9e9; } - .csd menu, .csd - .menu, .csd - .context-menu { - border: 0; } - menu:selected, - .menu:selected, - .context-menu:selected { - background-color: #169f6f; } - menu separator, .csd menu separator, - .menu separator, .csd - .menu separator, - .context-menu separator, .csd - .context-menu separator { - background-color: #282828; - margin: 1px 0; } - menu .separator, .csd menu .separator, - .menu .separator, .csd - .menu .separator, - .context-menu .separator, .csd - .context-menu .separator { - color: #282828; } - menu menuitem, - .menu menuitem, - .context-menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 3px; - border-radius: 0; } - menu menuitem:active, menu menuitem:hover, - .menu menuitem:active, - .menu menuitem:hover, - .context-menu menuitem:active, - .context-menu menuitem:hover { - border: 0; - background-color: #169f6f; - background-image: none; - color: #ffffff; } - menu menuitem *:active, menu menuitem *:hover, - .menu menuitem *:active, - .menu menuitem *:hover, - .context-menu menuitem *:active, - .context-menu menuitem *:hover { - color: #ffffff; } - menu menuitem:disabled, menu menuitem *:disabled, - .menu menuitem:disabled, - .menu menuitem *:disabled, - .context-menu menuitem:disabled, - .context-menu menuitem *:disabled { - color: mix(#e9e9e9,#2c2c2c,0.5); } - menu menuitem arrow, - .menu menuitem arrow, - .context-menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - menu menuitem arrow:dir(ltr), - .menu menuitem arrow:dir(ltr), - .context-menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 10px; } - menu menuitem arrow:dir(rtl), - .menu menuitem arrow:dir(rtl), - .context-menu menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-right: 10px; } - menu menuitem.button, menu menuitem.button:focus, menu menuitem.button:active, menu menuitem.button:disabled, menu menuitem.button:active:disabled, menu menuitem.button.flat, menu menuitem.button.flat:focus, menu menuitem.button.flat:active, menu menuitem.button.flat:disabled, menu menuitem.button.flat:active:disabled, - .menu menuitem.button, - .menu menuitem.button:focus, - .menu menuitem.button:active, - .menu menuitem.button:disabled, - .menu menuitem.button:active:disabled, - .menu menuitem.button.flat, - .menu menuitem.button.flat:focus, - .menu menuitem.button.flat:active, - .menu menuitem.button.flat:disabled, - .menu menuitem.button.flat:active:disabled, - .context-menu menuitem.button, - .context-menu menuitem.button:focus, - .context-menu menuitem.button:active, - .context-menu menuitem.button:disabled, - .context-menu menuitem.button:active:disabled, - .context-menu menuitem.button.flat, - .context-menu menuitem.button.flat:focus, - .context-menu menuitem.button.flat:active, - .context-menu menuitem.button.flat:disabled, - .context-menu menuitem.button.flat:active:disabled { - background-color: transparent; - background-image: none; - border: 0; - box-shadow: none; - color: currentColor; } - menu menuitem.button:hover, menu menuitem.button:focus:hover, menu menuitem.button:active:hover, menu menuitem.button:selected, menu menuitem.button.flat:hover, menu menuitem.button.flat:focus:hover, menu menuitem.button.flat:active:hover, menu menuitem.button.flat:selected, - .menu menuitem.button:hover, - .menu menuitem.button:focus:hover, - .menu menuitem.button:active:hover, - .menu menuitem.button:selected, - .menu menuitem.button.flat:hover, - .menu menuitem.button.flat:focus:hover, - .menu menuitem.button.flat:active:hover, - .menu menuitem.button.flat:selected, - .context-menu menuitem.button:hover, - .context-menu menuitem.button:focus:hover, - .context-menu menuitem.button:active:hover, - .context-menu menuitem.button:selected, - .context-menu menuitem.button.flat:hover, - .context-menu menuitem.button.flat:focus:hover, - .context-menu menuitem.button.flat:active:hover, - .context-menu menuitem.button.flat:selected { - background-image: none; - background-color: #169f6f; - color: #ffffff; } - menu menuitem calendar, - .menu menuitem calendar, - .context-menu menuitem calendar { - color: #e9e9e9; } - menu menuitem calendar.header, - .menu menuitem calendar.header, - .context-menu menuitem calendar.header { - border-bottom: 1px solid #282828; - border-radius: 0; } - menu menuitem calendar.header:backdrop, - .menu menuitem calendar.header:backdrop, - .context-menu menuitem calendar.header:backdrop { - border-color: #282828; } - menu menuitem calendar.button, - .menu menuitem calendar.button, - .context-menu menuitem calendar.button { - color: rgba(233, 233, 233, 0.55); } - menu menuitem calendar.button:hover, - .menu menuitem calendar.button:hover, - .context-menu menuitem calendar.button:hover { - color: #e9e9e9; } - menu menuitem calendar:indeterminate, menu menuitem calendar:indeterminate:backdrop, - .menu menuitem calendar:indeterminate, - .menu menuitem calendar:indeterminate:backdrop, - .context-menu menuitem calendar:indeterminate, - .context-menu menuitem calendar:indeterminate:backdrop { - color: mix(#e9e9e9,#2c2c2c,0.5); } - menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), - .menu menuitem label:dir(rtl), - .menu menuitem label:dir(ltr), - .context-menu menuitem label:dir(rtl), - .context-menu menuitem label:dir(ltr) { - color: inherit; } - menu > arrow, - .menu > arrow, - .context-menu > arrow { - min-height: 16px; - min-width: 16px; - padding: 3px; - background-color: #2c2c2c; - border-radius: 0; } - menu > arrow.top, - .menu > arrow.top, - .context-menu > arrow.top { - margin-top: -6px; - border-bottom: 1px solid mix(#333333,#ffffff,0.1); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, - .menu > arrow.bottom, - .context-menu > arrow.bottom { - margin-bottom: -6px; - border-top: 1px solid mix(#333333,#ffffff,0.1); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover, - .context-menu > arrow:hover { - background-color: mix(#333333,#ffffff,0.1); } - menu > arrow:backdrop, - .menu > arrow:backdrop, - .context-menu > arrow:backdrop { - background-color: white; } - menu > arrow:disabled, - .menu > arrow:disabled, - .context-menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } - -.context-menu { - font: initial; } - -.monospace { - font-family: monospace; } - -menuitem accelerator { - color: rgba(233, 233, 233, 0.6); } - menuitem accelerator:hover { - color: rgba(255, 255, 255, 0.8); } - menuitem accelerator:disabled { - color: alpha(mix(#e9e9e9,#2c2c2c,0.5),0.4); } -menuitem check, menuitem radio { - min-height: 16px; - min-width: 16px; } - menuitem check:dir(ltr), menuitem radio:dir(ltr) { - margin-right: 7px; } - menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 7px; } -menuitem window decoration { - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); } -menuitem entry { - background-color: #2c2c2c; - background-image: none; - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.8); - padding: 3px; - color: #e9e9e9; - caret-color: #e9e9e9; } - menuitem entry:focus, menuitem entry:hover { - border-color: mix(#169f6f,mix(#2c2c2c,#e9e9e9,0.2),0.3); } - menuitem entry:active, menuitem entry:active:hover, menuitem entry:active:focus, menuitem entry:active:hover:focus, menuitem entry:checked, menuitem entry:checked:hover, menuitem entry:checked:focus, menuitem entry:checked:hover:focus { - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.7); } - menuitem entry:disabled { - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.85); } - menuitem entry:active:disabled, menuitem entry:checked:disabled { - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.8); } - menuitem entry:focus, menuitem entry:active { - border-color: mix(#169f6f,mix(#dedede,#333333,0.08),0.3); } - menuitem entry:disabled { - background-color: #282828; - background-image: none; - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.8); - /*@include border(mix($bg, $fg, .20));*/ - /*border-color: alpha(mix($bg, $fg, .15), .8);*/ - /*opacity: .8;*/ - color: mix(#2c2c2c,#e9e9e9,0.5); } - menuitem entry:disabled:focus, menuitem entry:disabled:hover { - border-color: mix(#169f6f,alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.3); } - menuitem entry:disabled:active, menuitem entry:disabled:active:hover, menuitem entry:disabled:active:focus, menuitem entry:disabled:active:hover:focus, menuitem entry:disabled:checked, menuitem entry:disabled:checked:hover, menuitem entry:disabled:checked:focus, menuitem entry:disabled:checked:hover:focus { - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.7); } - menuitem entry:disabled:disabled { - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.85); } - menuitem entry:disabled:active:disabled, menuitem entry:disabled:checked:disabled { - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.8); } - -/********* - ! Popover -**********/ -popover.background { - padding: 3px; - border-radius: 2px; - background-clip: border-box; - background-color: #2c2c2c; - background-image: none; - color: #e9e9e9; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } - .csd popover.background, popover.background { - /*@include border($menu_bg_color);*/ - border-color: rgba(186, 186, 186, 0.5); - border-width: 1px; - border-style: solid; } - .csd popover.background:focus, .csd popover.background:hover, popover.background:focus, popover.background:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.5),0.3); } - .csd popover.background:active, .csd popover.background:active:hover, .csd popover.background:active:focus, .csd popover.background:active:hover:focus, .csd popover.background:checked, .csd popover.background:checked:hover, .csd popover.background:checked:focus, .csd popover.background:checked:hover:focus, popover.background:active, popover.background:active:hover, popover.background:active:focus, popover.background:active:hover:focus, popover.background:checked, popover.background:checked:hover, popover.background:checked:focus, popover.background:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.5); } - .csd popover.background:disabled, popover.background:disabled { - border-color: rgba(198, 198, 198, 0.5); } - .csd popover.background:active:disabled, .csd popover.background:checked:disabled, popover.background:active:disabled, popover.background:checked:disabled { - border-color: rgba(186, 186, 186, 0.5); } - popover.background:backdrop { - box-shadow: none; } - .osd popover.background { - box-shadow: 0 2px 7px 3px rgba(0, 0, 0, 0.5); } - .osd popover.background > toolbar button { - border-radius: 0; - border-width: 0; - background-color: transparent; - background-image: none; } - popover.background treeview.view:hover, popover.background treeview.view:selected, popover.background treeview.view:selected:focus, popover.background treeview.view:backdrop:selected, popover.background treeview.view:backdrop:selected:focus { - border-top-color: #169f6f; } - popover.background treeview.view, popover.background treeview.view:backdrop { - border-top-color: #353535; } - popover.background view:hover, popover.background .view:hover, popover.background iconview:hover, popover.background list:hover { - background-image: none; - background-color: #169f6f; - color: #ffffff; } - popover.background view, popover.background view:backdrop, popover.background .view, popover.background iconview, popover.background .view:backdrop, popover.background iconview:backdrop, popover.background list, popover.background list:backdrop { - background-color: #393939; - background-image: none; - color: #e9e9e9; - border-color: #232323; } - popover.background list row, popover.background list row .button { - background-color: transparent; - background-image: none; - color: #e9e9e9; } - popover.background list row:focus, popover.background list row:hover, popover.background list row:active, popover.background list row .button:focus, popover.background list row .button:hover, popover.background list row .button:active { - background-image: none; - background-color: #169f6f; - color: #ffffff; } - popover.background .frame { - border-color: #232323; - border-radius: 2px; } - popover.background entry { - background-color: #ffffff; - background-image: none; - border-color: shade(mix(#ffffff,#2c2c2c,0.2),0.8); - padding: 3px; - color: #2c2c2c; - caret-color: #2c2c2c; } - popover.background entry:focus, popover.background entry:hover { - border-color: mix(#169f6f,mix(#ffffff,#2c2c2c,0.2),0.3); } - popover.background entry:active, popover.background entry:active:hover, popover.background entry:active:focus, popover.background entry:active:hover:focus, popover.background entry:checked, popover.background entry:checked:hover, popover.background entry:checked:focus, popover.background entry:checked:hover:focus { - border-color: shade(mix(#ffffff,#2c2c2c,0.2),0.7); } - popover.background entry:disabled { - border-color: shade(mix(#ffffff,#2c2c2c,0.2),0.85); } - popover.background entry:active:disabled, popover.background entry:checked:disabled { - border-color: shade(mix(#ffffff,#2c2c2c,0.2),0.8); } - popover.background entry:focus, popover.background entry:active { - border-color: mix(#169f6f,mix(#dedede,#333333,0.08),0.3); } - popover.background entry:disabled { - background-color: #e6e6e6; - background-image: none; - border-color: shade(alpha(mix(#ffffff,#2c2c2c,0.2),0.4),0.8); - /*@include border(mix($bg, $fg, .20));*/ - /*border-color: alpha(mix($bg, $fg, .15), .8);*/ - /*opacity: .8;*/ - color: mix(#ffffff,#2c2c2c,0.5); } - popover.background entry:disabled:focus, popover.background entry:disabled:hover { - border-color: mix(#169f6f,alpha(mix(#ffffff,#2c2c2c,0.2),0.4),0.3); } - popover.background entry:disabled:active, popover.background entry:disabled:active:hover, popover.background entry:disabled:active:focus, popover.background entry:disabled:active:hover:focus, popover.background entry:disabled:checked, popover.background entry:disabled:checked:hover, popover.background entry:disabled:checked:focus, popover.background entry:disabled:checked:hover:focus { - border-color: shade(alpha(mix(#ffffff,#2c2c2c,0.2),0.4),0.7); } - popover.background entry:disabled:disabled { - border-color: shade(alpha(mix(#ffffff,#2c2c2c,0.2),0.4),0.85); } - popover.background entry:disabled:active:disabled, popover.background entry:disabled:checked:disabled { - border-color: shade(alpha(mix(#ffffff,#2c2c2c,0.2),0.4),0.8); } - popover.background button { - background-color: #169f6f; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - popover.background button:focus, popover.background button:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - popover.background button:active, popover.background button:active:hover, popover.background button:active:focus, popover.background button:active:hover:focus, popover.background button:checked, popover.background button:checked:hover, popover.background button:checked:focus, popover.background button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - popover.background button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - popover.background button:active:disabled, popover.background button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - popover.background button:active { - color: #ffffff; } - popover.background button.flat { - color: #ffffff; - border-color: rgba(22, 159, 111, 0); - background-color: rgba(22, 159, 111, 0); - background-image: none; - box-shadow: none; } - popover.background button:hover, popover.background button.flat:hover { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - popover.background button:hover:focus, popover.background button:hover:hover, popover.background button.flat:hover:focus, popover.background button.flat:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - popover.background button:hover:active, popover.background button:hover:active:hover, popover.background button:hover:active:focus, popover.background button:hover:active:hover:focus, popover.background button:hover:checked, popover.background button:hover:checked:hover, popover.background button:hover:checked:focus, popover.background button:hover:checked:hover:focus, popover.background button.flat:hover:active, popover.background button.flat:hover:active:hover, popover.background button.flat:hover:active:focus, popover.background button.flat:hover:active:hover:focus, popover.background button.flat:hover:checked, popover.background button.flat:hover:checked:hover, popover.background button.flat:hover:checked:focus, popover.background button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - popover.background button:hover:disabled, popover.background button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - popover.background button:hover:active:disabled, popover.background button:hover:checked:disabled, popover.background button.flat:hover:active:disabled, popover.background button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - popover.background button:focus, popover.background button.flat:focus { - background-color: #17a775; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #ffffff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - popover.background button:focus:focus, popover.background button:focus:hover, popover.background button.flat:focus:focus, popover.background button.flat:focus:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - popover.background button:focus:active, popover.background button:focus:active:hover, popover.background button:focus:active:focus, popover.background button:focus:active:hover:focus, popover.background button:focus:checked, popover.background button:focus:checked:hover, popover.background button:focus:checked:focus, popover.background button:focus:checked:hover:focus, popover.background button.flat:focus:active, popover.background button.flat:focus:active:hover, popover.background button.flat:focus:active:focus, popover.background button.flat:focus:active:hover:focus, popover.background button.flat:focus:checked, popover.background button.flat:focus:checked:hover, popover.background button.flat:focus:checked:focus, popover.background button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - popover.background button:focus:disabled, popover.background button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - popover.background button:focus:active:disabled, popover.background button:focus:checked:disabled, popover.background button.flat:focus:active:disabled, popover.background button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - popover.background button:focus:hover, popover.background button.flat:focus:hover { - background-color: #18af7a; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - popover.background button:focus:hover:focus, popover.background button:focus:hover:hover, popover.background button.flat:focus:hover:focus, popover.background button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - popover.background button:focus:hover:active, popover.background button:focus:hover:active:hover, popover.background button:focus:hover:active:focus, popover.background button:focus:hover:active:hover:focus, popover.background button:focus:hover:checked, popover.background button:focus:hover:checked:hover, popover.background button:focus:hover:checked:focus, popover.background button:focus:hover:checked:hover:focus, popover.background button.flat:focus:hover:active, popover.background button.flat:focus:hover:active:hover, popover.background button.flat:focus:hover:active:focus, popover.background button.flat:focus:hover:active:hover:focus, popover.background button.flat:focus:hover:checked, popover.background button.flat:focus:hover:checked:hover, popover.background button.flat:focus:hover:checked:focus, popover.background button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - popover.background button:focus:hover:disabled, popover.background button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - popover.background button:focus:hover:active:disabled, popover.background button:focus:hover:checked:disabled, popover.background button.flat:focus:hover:active:disabled, popover.background button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - popover.background button:checked, popover.background button:active, popover.background button.flat:checked, popover.background button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - popover.background button:checked:focus, popover.background button:checked:hover, popover.background button:active:focus, popover.background button:active:hover, popover.background button.flat:checked:focus, popover.background button.flat:checked:hover, popover.background button.flat:active:focus, popover.background button.flat:active:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - popover.background button:checked:active, popover.background button:checked:active:hover, popover.background button:checked:active:focus, popover.background button:checked:active:hover:focus, popover.background button:checked:checked, popover.background button:checked:checked:hover, popover.background button:checked:checked:focus, popover.background button:checked:checked:hover:focus, popover.background button:active:active, popover.background button:active:active:hover, popover.background button:active:active:focus, popover.background button:active:active:hover:focus, popover.background button:active:checked, popover.background button:active:checked:hover, popover.background button:active:checked:focus, popover.background button:active:checked:hover:focus, popover.background button.flat:checked:active, popover.background button.flat:checked:active:hover, popover.background button.flat:checked:active:focus, popover.background button.flat:checked:active:hover:focus, popover.background button.flat:checked:checked, popover.background button.flat:checked:checked:hover, popover.background button.flat:checked:checked:focus, popover.background button.flat:checked:checked:hover:focus, popover.background button.flat:active:active, popover.background button.flat:active:active:hover, popover.background button.flat:active:active:focus, popover.background button.flat:active:active:hover:focus, popover.background button.flat:active:checked, popover.background button.flat:active:checked:hover, popover.background button.flat:active:checked:focus, popover.background button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - popover.background button:checked:disabled, popover.background button:active:disabled, popover.background button.flat:checked:disabled, popover.background button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - popover.background button:checked:active:disabled, popover.background button:checked:checked:disabled, popover.background button:active:active:disabled, popover.background button:active:checked:disabled, popover.background button.flat:checked:active:disabled, popover.background button.flat:checked:checked:disabled, popover.background button.flat:active:active:disabled, popover.background button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - popover.background button:checked:focus, popover.background button:checked:hover, popover.background button:active:focus, popover.background button:active:hover, popover.background button.flat:checked:focus, popover.background button.flat:checked:hover, popover.background button.flat:active:focus, popover.background button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - popover.background button:focus, popover.background button:hover, popover.background button.flat:focus, popover.background button.flat:hover { - color: #ffffff; } - popover.background button:disabled:disabled, popover.background button.flat:disabled:disabled { - background-color: alpha(mix(#169f6f,#ffffff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#169f6f,#ffffff,0.5); - box-shadow: none; } - popover.background button:active:disabled, popover.background button:checked:disabled, popover.background button.flat:active:disabled, popover.background button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - popover.background button.separator, popover.background button .separator { - border: 1px solid currentColor; - color: rgba(22, 159, 111, 0.9); } - popover.background button.separator:disabled, popover.background button .separator:disabled { - color: rgba(22, 159, 111, 0.85); } - popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { - border-style: none; - background-color: transparent; } - -modelbutton.flat, -menuitem.button.flat { - padding: 3px 5px; - outline-color: transparent; - transition: none; } - modelbutton.flat:hover, - menuitem.button.flat:hover { - background-color: #169f6f; - color: #ffffff; } - modelbutton.flat:checked, - menuitem.button.flat:checked { - color: #333333; } - modelbutton.flat arrow.left, - menuitem.button.flat arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, - menuitem.button.flat arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - modelbutton.flat check:last-child, - modelbutton.flat radio:last-child, - menuitem.button.flat check:last-child, - menuitem.button.flat radio:last-child { - margin-left: 8px; } - modelbutton.flat check:first-child, - modelbutton.flat radio:first-child, - menuitem.button.flat check:first-child, - menuitem.button.flat radio:first-child { - margin-right: 8px; } - -/*************** -! Dimmed label * -****************/ -.dim-label, label.separator { - opacity: .5; - text-shadow: none; } - -/*********** - ! Tooltip * -************/ -.tooltip.background, .tooltip.background.csd, -tooltip.background, -tooltip.background.csd { - background-color: #dedede; - background-clip: padding-box; - border: 1px solid #b2b2b2; - border-radius: 2px; - color: #333333; } -.tooltip *, -tooltip * { - background-color: transparent; - color: inherit; } - -/*********** - ! Dialogs * -************/ -messagedialog, .message-dialog, .prompt { - -GtkDialog-content-area-border: 0; - -GtkDialog-action-area-border: 3px; - -GtkDialog-button-spacing: 0; - margin: 0; - padding: 0; } - -printdialog paper { - color: #333333; - border: 1px solid mix(#dedede,#333333,0.08); - background: #fff; - padding: 0; } - printdialog paper:backdrop { - color: mix(#333333,#dedede,0.5); - border-color: mix(#dedede,mix(#dedede,#333333,0.08),0.9); } -printdialog .dialog-action-box { - margin: 6px; } - -/********************* - ! App notifications * -**********************/ -frame.app-notification { - border-style: solid; - border-color: rgba(35, 35, 35, 0.8); - border-width: 0 1px 1px; - border-radius: 0 0 2px 2px; - padding: 6px; - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - color: #e9e9e9; } - frame.app-notification button { - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - frame.app-notification button:focus, frame.app-notification button:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - frame.app-notification button:active, frame.app-notification button:active:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover:focus, frame.app-notification button:checked, frame.app-notification button:checked:hover, frame.app-notification button:checked:focus, frame.app-notification button:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - frame.app-notification button:disabled { - border-color: rgba(198, 198, 198, 0.22); } - frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - frame.app-notification button:active { - color: #e9e9e9; } - frame.app-notification button.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - frame.app-notification button:hover, frame.app-notification button.flat:hover { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - frame.app-notification button:hover:focus, frame.app-notification button:hover:hover, frame.app-notification button.flat:hover:focus, frame.app-notification button.flat:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - frame.app-notification button:hover:active, frame.app-notification button:hover:active:hover, frame.app-notification button:hover:active:focus, frame.app-notification button:hover:active:hover:focus, frame.app-notification button:hover:checked, frame.app-notification button:hover:checked:hover, frame.app-notification button:hover:checked:focus, frame.app-notification button:hover:checked:hover:focus, frame.app-notification button.flat:hover:active, frame.app-notification button.flat:hover:active:hover, frame.app-notification button.flat:hover:active:focus, frame.app-notification button.flat:hover:active:hover:focus, frame.app-notification button.flat:hover:checked, frame.app-notification button.flat:hover:checked:hover, frame.app-notification button.flat:hover:checked:focus, frame.app-notification button.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - frame.app-notification button:hover:disabled, frame.app-notification button.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - frame.app-notification button:hover:active:disabled, frame.app-notification button:hover:checked:disabled, frame.app-notification button.flat:hover:active:disabled, frame.app-notification button.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - frame.app-notification button:focus, frame.app-notification button.flat:focus { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - frame.app-notification button:focus:focus, frame.app-notification button:focus:hover, frame.app-notification button.flat:focus:focus, frame.app-notification button.flat:focus:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - frame.app-notification button:focus:active, frame.app-notification button:focus:active:hover, frame.app-notification button:focus:active:focus, frame.app-notification button:focus:active:hover:focus, frame.app-notification button:focus:checked, frame.app-notification button:focus:checked:hover, frame.app-notification button:focus:checked:focus, frame.app-notification button:focus:checked:hover:focus, frame.app-notification button.flat:focus:active, frame.app-notification button.flat:focus:active:hover, frame.app-notification button.flat:focus:active:focus, frame.app-notification button.flat:focus:active:hover:focus, frame.app-notification button.flat:focus:checked, frame.app-notification button.flat:focus:checked:hover, frame.app-notification button.flat:focus:checked:focus, frame.app-notification button.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - frame.app-notification button:focus:disabled, frame.app-notification button.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - frame.app-notification button:focus:active:disabled, frame.app-notification button:focus:checked:disabled, frame.app-notification button.flat:focus:active:disabled, frame.app-notification button.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - frame.app-notification button:focus:hover, frame.app-notification button.flat:focus:hover { - background-color: rgba(48, 48, 48, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - frame.app-notification button:focus:hover:focus, frame.app-notification button:focus:hover:hover, frame.app-notification button.flat:focus:hover:focus, frame.app-notification button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - frame.app-notification button:focus:hover:active, frame.app-notification button:focus:hover:active:hover, frame.app-notification button:focus:hover:active:focus, frame.app-notification button:focus:hover:active:hover:focus, frame.app-notification button:focus:hover:checked, frame.app-notification button:focus:hover:checked:hover, frame.app-notification button:focus:hover:checked:focus, frame.app-notification button:focus:hover:checked:hover:focus, frame.app-notification button.flat:focus:hover:active, frame.app-notification button.flat:focus:hover:active:hover, frame.app-notification button.flat:focus:hover:active:focus, frame.app-notification button.flat:focus:hover:active:hover:focus, frame.app-notification button.flat:focus:hover:checked, frame.app-notification button.flat:focus:hover:checked:hover, frame.app-notification button.flat:focus:hover:checked:focus, frame.app-notification button.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - frame.app-notification button:focus:hover:disabled, frame.app-notification button.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - frame.app-notification button:focus:hover:active:disabled, frame.app-notification button:focus:hover:checked:disabled, frame.app-notification button.flat:focus:hover:active:disabled, frame.app-notification button.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - frame.app-notification button:checked, frame.app-notification button:active, frame.app-notification button.flat:checked, frame.app-notification button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - frame.app-notification button:checked:focus, frame.app-notification button:checked:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover, frame.app-notification button.flat:checked:focus, frame.app-notification button.flat:checked:hover, frame.app-notification button.flat:active:focus, frame.app-notification button.flat:active:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - frame.app-notification button:checked:active, frame.app-notification button:checked:active:hover, frame.app-notification button:checked:active:focus, frame.app-notification button:checked:active:hover:focus, frame.app-notification button:checked:checked, frame.app-notification button:checked:checked:hover, frame.app-notification button:checked:checked:focus, frame.app-notification button:checked:checked:hover:focus, frame.app-notification button:active:active, frame.app-notification button:active:active:hover, frame.app-notification button:active:active:focus, frame.app-notification button:active:active:hover:focus, frame.app-notification button:active:checked, frame.app-notification button:active:checked:hover, frame.app-notification button:active:checked:focus, frame.app-notification button:active:checked:hover:focus, frame.app-notification button.flat:checked:active, frame.app-notification button.flat:checked:active:hover, frame.app-notification button.flat:checked:active:focus, frame.app-notification button.flat:checked:active:hover:focus, frame.app-notification button.flat:checked:checked, frame.app-notification button.flat:checked:checked:hover, frame.app-notification button.flat:checked:checked:focus, frame.app-notification button.flat:checked:checked:hover:focus, frame.app-notification button.flat:active:active, frame.app-notification button.flat:active:active:hover, frame.app-notification button.flat:active:active:focus, frame.app-notification button.flat:active:active:hover:focus, frame.app-notification button.flat:active:checked, frame.app-notification button.flat:active:checked:hover, frame.app-notification button.flat:active:checked:focus, frame.app-notification button.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - frame.app-notification button:checked:disabled, frame.app-notification button:active:disabled, frame.app-notification button.flat:checked:disabled, frame.app-notification button.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - frame.app-notification button:checked:active:disabled, frame.app-notification button:checked:checked:disabled, frame.app-notification button:active:active:disabled, frame.app-notification button:active:checked:disabled, frame.app-notification button.flat:checked:active:disabled, frame.app-notification button.flat:checked:checked:disabled, frame.app-notification button.flat:active:active:disabled, frame.app-notification button.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - frame.app-notification button:checked:focus, frame.app-notification button:checked:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover, frame.app-notification button.flat:checked:focus, frame.app-notification button.flat:checked:hover, frame.app-notification button.flat:active:focus, frame.app-notification button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - frame.app-notification button:focus, frame.app-notification button:hover, frame.app-notification button.flat:focus, frame.app-notification button.flat:hover { - color: #e9e9e9; } - frame.app-notification button:disabled:disabled, frame.app-notification button.flat:disabled:disabled { - background-color: alpha(mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.5); - box-shadow: none; } - frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled, frame.app-notification button.flat:active:disabled, frame.app-notification button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - frame.app-notification button.separator, frame.app-notification button .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.7); } - frame.app-notification button.separator:disabled, frame.app-notification button .separator:disabled { - color: rgba(44, 44, 44, 0.65); } - frame.app-notification border { - border: 0; } - -/************* - ! Expanders * -**************/ -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - expander arrow:hover { - color: alpha(currentColor,0.8); } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/******************* - ! Symbolic images * -********************/ -.image { - color: alpha(currentColor,0.5); } - .image:hover { - color: alpha(currentColor,0.9); } - .image:selected, .image:selected:hover { - color: #ffffff; } - -/**************** - ! Floating bar * -*****************/ -.floating-bar { - background-color: #dedede; - background-image: none; - border: 1px solid #b2b2b2; - border-radius: 2px; - color: #333333; } - .floating-bar.top { - border-top-width: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; } - .floating-bar.right { - border-right-width: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .floating-bar.bottom { - border-bottom-width: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - .floating-bar.left { - border-left-width: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .floating-bar .button { - border: 0; - background-color: transparent; - background-image: none; } - -/************************* - ! Touch text selections * -**************************/ -GtkBubbleWindow { - border-radius: 2px; - background-clip: border-box; } - GtkBubbleWindow.osd.background { - background-color: rgba(44, 44, 44, 0.8); } - GtkBubbleWindow .toolbar { - background-color: transparent; } - -/*************** - ! Font-viewer * -****************/ -SushiFontWidget { - padding: 3px 6px; } - -/************* - ! Gucharmap * -**************/ -GucharmapChartable { - background-color: #ffffff; - color: #2c2c2c; } - -/************* - ! Evolution * -**************/ -EPreviewPane .entry { - background-color: #ffffff; - color: #2c2c2c; } - -/******************* - ! Gnome Bluetooth * -********************/ -entry.entry.pin-entry { - font-style: normal; - font-size: 50px; - padding-left: 25px; - padding-right: 25px; } - -label.pin-label { - font-style: normal; - font-size: 50px; } - -/************************ - ! Shortcut window keys * -*************************/ -.keycap { - min-width: 20px; - min-height: 24px; - margin-top: 2px; - padding-bottom: 1.5px; - padding-left: 3px; - padding-right: 3px; - color: #333333; - background-color: #ffffff; - border: 1px solid; - border-color: mix(mix(#dedede,#333333,0.08),#dedede,0.5); - border-radius: 2px; - box-shadow: inset 0 -3px mix(#ffffff,#dedede,0.2); - font-size: smaller; } - .keycap:backdrop { - background-color: white; - color: mix(#333333,#dedede,0.5); - transition: 200ms ease-out; } - -/***************** - ! Stackswitcher * -******************/ -stackswitcher button.text-button { - min-width: 80px; } -stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { - min-width: 28px; - min-height: 28px; - padding: 0; } - -/******************* - ! Selected Items * -********************/ -entry selection, menuitem entry selection, popover.background entry selection, .osd entry selection, -#XfceNotifyWindow entry selection, #login_window entry selection, calendar:selected, row:selected, flowbox flowboxchild:selected, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, -menuitem.button.flat:active, -menuitem.button.flat:active arrow, -menuitem.button.flat:selected, -menuitem.button.flat:selected arrow, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, -.view text:selected:focus, -iconview text:selected:focus, -textview text:selected:focus, -.view text:selected, -iconview text:selected, -textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, -textview text selection:focus, -textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { - background-color: #169f6f; } - row:selected label, label:selected, entry selection, menuitem entry selection, popover.background entry selection, .osd entry selection, - #XfceNotifyWindow entry selection, #login_window entry selection, calendar:selected, row:selected, flowbox flowboxchild:selected, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, - menuitem.button.flat:active, - menuitem.button.flat:active arrow, - menuitem.button.flat:selected, - menuitem.button.flat:selected arrow, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - .view text:selected:focus, - iconview text:selected:focus, - textview text:selected:focus, - .view text:selected, - iconview text:selected, - textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, - textview text selection:focus, - textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); } - row:selected label:disabled, label:disabled:selected, label:disabled selection, entry selection:disabled, - #XfceNotifyWindow entry selection:disabled, #login_window entry selection:disabled, calendar:disabled:selected, row:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, modelbutton.flat:selected arrow:disabled, - menuitem.button.flat:disabled:active, - menuitem.button.flat:active arrow:disabled, - menuitem.button.flat:disabled:selected, - menuitem.button.flat:selected arrow:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, - iconview text:disabled:selected:focus, - textview text:disabled:selected:focus, - .view text:disabled:selected, - iconview text:disabled:selected, - textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, - textview text selection:disabled, .cs-category-view:disabled:selected, .cs-category-view iconview:disabled:selected:focus, .cs-category-view iconview:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected { - color: mix(#ffffff,#169f6f,0.5); } - row:selected label:backdrop, label:backdrop:selected, label:backdrop selection, entry selection:backdrop, - #XfceNotifyWindow entry selection:backdrop, #login_window entry selection:backdrop, calendar:backdrop:selected, row:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:active, modelbutton.flat:active arrow:backdrop, modelbutton.flat:backdrop:selected, modelbutton.flat:selected arrow:backdrop, - menuitem.button.flat:backdrop:active, - menuitem.button.flat:active arrow:backdrop, - menuitem.button.flat:backdrop:selected, - menuitem.button.flat:selected arrow:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, - iconview text:backdrop:selected:focus, - textview text:backdrop:selected:focus, - .view text:backdrop:selected, - iconview text:backdrop:selected, - textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, - textview text selection:backdrop, .cs-category-view:backdrop:selected, .cs-category-view iconview:backdrop:selected:focus, .cs-category-view iconview:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected { - background-color: #169f6f; - color: mix(#169f6f,#ffffff,0.66); } - row:selected label:backdrop:disabled, label:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, entry selection:backdrop:disabled, - #XfceNotifyWindow entry selection:backdrop:disabled, #login_window entry selection:backdrop:disabled, calendar:backdrop:disabled:selected, row:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:active, modelbutton.flat:active arrow:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, modelbutton.flat:selected arrow:backdrop:disabled, - menuitem.button.flat:backdrop:disabled:active, - menuitem.button.flat:active arrow:backdrop:disabled, - menuitem.button.flat:backdrop:disabled:selected, - menuitem.button.flat:selected arrow:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, - .view text:backdrop:disabled:selected, - iconview text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, - textview text selection:backdrop:disabled, .cs-category-view:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:disabled:selected { - color: mix(mix(#169f6f,#ffffff,0.66),#169f6f,0.3); } - -/********* - ! Buttons -**********/ -/****************** -! ComboBoxes * -*******************/ -/********** - ! Notebook -***********/ -notebook { - padding: 0; } - notebook.frame { - border: 1px solid mix(#dedede,#333333,0.08); } - notebook.frame > header { - margin: -1px; } - notebook.frame > header.top { - margin-bottom: 0; } - notebook.frame > header.bottom { - margin-top: 0; } - notebook.frame > header.left { - margin-right: 0; } - notebook.frame > header.right { - margin-left: 0; } - notebook.frame > header.top, notebook.frame > header.bottom { - padding-left: 0; - padding-right: 0; } - notebook.frame > header.left, notebook.frame > header.right { - padding-top: 0; - padding-bottom: 0; } - notebook > stack:not(:only-child) { - background-color: #dedede; } - notebook > header { - padding: 2px; - background-color: #dedede; } - notebook > header.top { - box-shadow: inset 0 -1px mix(#dedede,#333333,0.08); } - notebook > header.bottom { - box-shadow: inset 0 1px mix(#dedede,#333333,0.08); } - notebook > header.right { - box-shadow: inset 1px 0 mix(#dedede,#333333,0.08); } - notebook > header.left { - box-shadow: inset -1px 0 mix(#dedede,#333333,0.08); } - notebook > header.top { - padding-bottom: 0; } - notebook > header.top > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-bottom: none; - border-top-width: 3px; - border-radius: 1px 1px 0 0; } - notebook > header.top > tabs > tab:checked { - border-top-color: #169f6f; } - notebook > header.top > tabs > tab + tab { - margin-left: -1px; } - notebook > header.bottom { - padding-top: 0; } - notebook > header.bottom > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-top: none; - border-bottom-width: 3px; - border-radius: 0 0 1px 1px; } - notebook > header.bottom > tabs > tab:checked { - border-bottom-color: #169f6f; } - notebook > header.bottom > tabs > tab + tab { - margin-left: -1px; } - notebook > header.right { - padding-left: 0; } - notebook > header.right > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-left: none; - border-right-width: 3px; - border-radius: 0 1px 1px 0; } - notebook > header.right > tabs > tab:checked { - border-right-color: #169f6f; } - notebook > header.right > tabs > tab + tab { - margin-top: -1px; } - notebook > header.left { - padding-right: 0; } - notebook > header.left > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-right: none; - border-left-width: 3px; - border-radius: 1px 0 0 1px; } - notebook > header.left > tabs > tab:checked { - border-left-color: #169f6f; } - notebook > header.left > tabs > tab + tab { - margin-top: -1px; } - notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; } - notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; } - notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; } - notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; } - notebook > header > tabs > arrow { - color: mix(#333333,#dedede,0.5); } - notebook > header > tabs > arrow:hover { - color: mix(#333333,mix(#333333,#dedede,0.5),0.5); } - notebook > header > tabs > arrow:active { - color: #333333; } - notebook > header > tabs > arrow:disabled { - color: alpha(mix(#333333,#dedede,0.5),0.3); } - notebook > header.top > tabs > tab:hover:not(:checked) { - box-shadow: inset 0 -1px mix(#dedede,#333333,0.08); } - notebook > header.bottom > tabs > tab:hover:not(:checked) { - box-shadow: inset 0 1px mix(#dedede,#333333,0.08); } - notebook > header.left > tabs > tab:hover:not(:checked) { - box-shadow: inset -1px 0 mix(#dedede,#333333,0.08); } - notebook > header.right > tabs > tab:hover:not(:checked) { - box-shadow: inset 1px 0 mix(#dedede,#333333,0.08); } - notebook > header > tabs > tab { - color: rgba(51, 51, 51, 0.8); - background-color: alpha(mix(#dedede,#333333,0.1),0.7); } - notebook > header > tabs > tab:hover:not(:checked) { - color: mix(#333333,mix(#333333,#dedede,0.5),0.5); - background-color: rgba(255, 255, 255, 0.5); - border-color: mix(#dedede,#333333,0.08); } - notebook > header > tabs > tab:checked { - border-color: mix(#dedede,#333333,0.08); - color: #333333; - background-color: #dedede; } - notebook > header > tabs > tab button.flat { - min-height: 22px; - min-width: 16px; - padding: 0; - color: mix(#dedede,#333333,0.35); } - notebook > header > tabs > tab button.flat:hover { - color: #ff4d4d; } - notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { - color: #169f6f; } - -/********* - ! Buttons -**********/ -/****************** -! ComboBoxes * -*******************/ -/******* - ! OSD * -********/ -overlay.osd { - background-color: transparent; } - -button.osd, -#XfceNotifyWindow button { - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - button.osd:focus, button.osd:hover, - #XfceNotifyWindow button:focus, - #XfceNotifyWindow button:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - button.osd:active, button.osd:active:hover, button.osd:active:focus, button.osd:active:hover:focus, button.osd:checked, button.osd:checked:hover, button.osd:checked:focus, button.osd:checked:hover:focus, - #XfceNotifyWindow button:active, - #XfceNotifyWindow button:active:hover, - #XfceNotifyWindow button:active:focus, - #XfceNotifyWindow button:active:hover:focus, - #XfceNotifyWindow button:checked, - #XfceNotifyWindow button:checked:hover, - #XfceNotifyWindow button:checked:focus, - #XfceNotifyWindow button:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - button.osd:disabled, - #XfceNotifyWindow button:disabled { - border-color: rgba(198, 198, 198, 0.22); } - button.osd:active:disabled, button.osd:checked:disabled, - #XfceNotifyWindow button:active:disabled, - #XfceNotifyWindow button:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - button.osd:active, - #XfceNotifyWindow button:active { - color: #e9e9e9; } - button.osd.flat, - #XfceNotifyWindow button.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - button.osd:hover, button.osd.flat:hover, - #XfceNotifyWindow button:hover, - #XfceNotifyWindow button.flat:hover { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - button.osd:hover:focus, button.osd:hover:hover, button.osd.flat:hover:focus, button.osd.flat:hover:hover, - #XfceNotifyWindow button:hover:focus, - #XfceNotifyWindow button:hover:hover, - #XfceNotifyWindow button.flat:hover:focus, - #XfceNotifyWindow button.flat:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - button.osd:hover:active, button.osd:hover:active:hover, button.osd:hover:active:focus, button.osd:hover:active:hover:focus, button.osd:hover:checked, button.osd:hover:checked:hover, button.osd:hover:checked:focus, button.osd:hover:checked:hover:focus, button.osd.flat:hover:active, button.osd.flat:hover:active:hover, button.osd.flat:hover:active:focus, button.osd.flat:hover:active:hover:focus, button.osd.flat:hover:checked, button.osd.flat:hover:checked:hover, button.osd.flat:hover:checked:focus, button.osd.flat:hover:checked:hover:focus, - #XfceNotifyWindow button:hover:active, - #XfceNotifyWindow button:hover:active:hover, - #XfceNotifyWindow button:hover:active:focus, - #XfceNotifyWindow button:hover:active:hover:focus, - #XfceNotifyWindow button:hover:checked, - #XfceNotifyWindow button:hover:checked:hover, - #XfceNotifyWindow button:hover:checked:focus, - #XfceNotifyWindow button:hover:checked:hover:focus, - #XfceNotifyWindow button.flat:hover:active, - #XfceNotifyWindow button.flat:hover:active:hover, - #XfceNotifyWindow button.flat:hover:active:focus, - #XfceNotifyWindow button.flat:hover:active:hover:focus, - #XfceNotifyWindow button.flat:hover:checked, - #XfceNotifyWindow button.flat:hover:checked:hover, - #XfceNotifyWindow button.flat:hover:checked:focus, - #XfceNotifyWindow button.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - button.osd:hover:disabled, button.osd.flat:hover:disabled, - #XfceNotifyWindow button:hover:disabled, - #XfceNotifyWindow button.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - button.osd:hover:active:disabled, button.osd:hover:checked:disabled, button.osd.flat:hover:active:disabled, button.osd.flat:hover:checked:disabled, - #XfceNotifyWindow button:hover:active:disabled, - #XfceNotifyWindow button:hover:checked:disabled, - #XfceNotifyWindow button.flat:hover:active:disabled, - #XfceNotifyWindow button.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - button.osd:focus, button.osd.flat:focus, - #XfceNotifyWindow button:focus, - #XfceNotifyWindow button.flat:focus { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - button.osd:focus:focus, button.osd:focus:hover, button.osd.flat:focus:focus, button.osd.flat:focus:hover, - #XfceNotifyWindow button:focus:focus, - #XfceNotifyWindow button:focus:hover, - #XfceNotifyWindow button.flat:focus:focus, - #XfceNotifyWindow button.flat:focus:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - button.osd:focus:active, button.osd:focus:active:hover, button.osd:focus:active:focus, button.osd:focus:active:hover:focus, button.osd:focus:checked, button.osd:focus:checked:hover, button.osd:focus:checked:focus, button.osd:focus:checked:hover:focus, button.osd.flat:focus:active, button.osd.flat:focus:active:hover, button.osd.flat:focus:active:focus, button.osd.flat:focus:active:hover:focus, button.osd.flat:focus:checked, button.osd.flat:focus:checked:hover, button.osd.flat:focus:checked:focus, button.osd.flat:focus:checked:hover:focus, - #XfceNotifyWindow button:focus:active, - #XfceNotifyWindow button:focus:active:hover, - #XfceNotifyWindow button:focus:active:focus, - #XfceNotifyWindow button:focus:active:hover:focus, - #XfceNotifyWindow button:focus:checked, - #XfceNotifyWindow button:focus:checked:hover, - #XfceNotifyWindow button:focus:checked:focus, - #XfceNotifyWindow button:focus:checked:hover:focus, - #XfceNotifyWindow button.flat:focus:active, - #XfceNotifyWindow button.flat:focus:active:hover, - #XfceNotifyWindow button.flat:focus:active:focus, - #XfceNotifyWindow button.flat:focus:active:hover:focus, - #XfceNotifyWindow button.flat:focus:checked, - #XfceNotifyWindow button.flat:focus:checked:hover, - #XfceNotifyWindow button.flat:focus:checked:focus, - #XfceNotifyWindow button.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - button.osd:focus:disabled, button.osd.flat:focus:disabled, - #XfceNotifyWindow button:focus:disabled, - #XfceNotifyWindow button.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - button.osd:focus:active:disabled, button.osd:focus:checked:disabled, button.osd.flat:focus:active:disabled, button.osd.flat:focus:checked:disabled, - #XfceNotifyWindow button:focus:active:disabled, - #XfceNotifyWindow button:focus:checked:disabled, - #XfceNotifyWindow button.flat:focus:active:disabled, - #XfceNotifyWindow button.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - button.osd:focus:hover, button.osd.flat:focus:hover, - #XfceNotifyWindow button:focus:hover, - #XfceNotifyWindow button.flat:focus:hover { - background-color: rgba(48, 48, 48, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - button.osd:focus:hover:focus, button.osd:focus:hover:hover, button.osd.flat:focus:hover:focus, button.osd.flat:focus:hover:hover, - #XfceNotifyWindow button:focus:hover:focus, - #XfceNotifyWindow button:focus:hover:hover, - #XfceNotifyWindow button.flat:focus:hover:focus, - #XfceNotifyWindow button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - button.osd:focus:hover:active, button.osd:focus:hover:active:hover, button.osd:focus:hover:active:focus, button.osd:focus:hover:active:hover:focus, button.osd:focus:hover:checked, button.osd:focus:hover:checked:hover, button.osd:focus:hover:checked:focus, button.osd:focus:hover:checked:hover:focus, button.osd.flat:focus:hover:active, button.osd.flat:focus:hover:active:hover, button.osd.flat:focus:hover:active:focus, button.osd.flat:focus:hover:active:hover:focus, button.osd.flat:focus:hover:checked, button.osd.flat:focus:hover:checked:hover, button.osd.flat:focus:hover:checked:focus, button.osd.flat:focus:hover:checked:hover:focus, - #XfceNotifyWindow button:focus:hover:active, - #XfceNotifyWindow button:focus:hover:active:hover, - #XfceNotifyWindow button:focus:hover:active:focus, - #XfceNotifyWindow button:focus:hover:active:hover:focus, - #XfceNotifyWindow button:focus:hover:checked, - #XfceNotifyWindow button:focus:hover:checked:hover, - #XfceNotifyWindow button:focus:hover:checked:focus, - #XfceNotifyWindow button:focus:hover:checked:hover:focus, - #XfceNotifyWindow button.flat:focus:hover:active, - #XfceNotifyWindow button.flat:focus:hover:active:hover, - #XfceNotifyWindow button.flat:focus:hover:active:focus, - #XfceNotifyWindow button.flat:focus:hover:active:hover:focus, - #XfceNotifyWindow button.flat:focus:hover:checked, - #XfceNotifyWindow button.flat:focus:hover:checked:hover, - #XfceNotifyWindow button.flat:focus:hover:checked:focus, - #XfceNotifyWindow button.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - button.osd:focus:hover:disabled, button.osd.flat:focus:hover:disabled, - #XfceNotifyWindow button:focus:hover:disabled, - #XfceNotifyWindow button.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - button.osd:focus:hover:active:disabled, button.osd:focus:hover:checked:disabled, button.osd.flat:focus:hover:active:disabled, button.osd.flat:focus:hover:checked:disabled, - #XfceNotifyWindow button:focus:hover:active:disabled, - #XfceNotifyWindow button:focus:hover:checked:disabled, - #XfceNotifyWindow button.flat:focus:hover:active:disabled, - #XfceNotifyWindow button.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - button.osd:checked, button.osd:active, button.osd.flat:checked, button.osd.flat:active, - #XfceNotifyWindow button:checked, - #XfceNotifyWindow button:active, - #XfceNotifyWindow button.flat:checked, - #XfceNotifyWindow button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - button.osd:checked:focus, button.osd:checked:hover, button.osd:active:focus, button.osd:active:hover, button.osd.flat:checked:focus, button.osd.flat:checked:hover, button.osd.flat:active:focus, button.osd.flat:active:hover, - #XfceNotifyWindow button:checked:focus, - #XfceNotifyWindow button:checked:hover, - #XfceNotifyWindow button:active:focus, - #XfceNotifyWindow button:active:hover, - #XfceNotifyWindow button.flat:checked:focus, - #XfceNotifyWindow button.flat:checked:hover, - #XfceNotifyWindow button.flat:active:focus, - #XfceNotifyWindow button.flat:active:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - button.osd:checked:active, button.osd:checked:active:hover, button.osd:checked:active:focus, button.osd:checked:active:hover:focus, button.osd:checked:checked, button.osd:checked:checked:hover, button.osd:checked:checked:focus, button.osd:checked:checked:hover:focus, button.osd:active:active, button.osd:active:active:hover, button.osd:active:active:focus, button.osd:active:active:hover:focus, button.osd:active:checked, button.osd:active:checked:hover, button.osd:active:checked:focus, button.osd:active:checked:hover:focus, button.osd.flat:checked:active, button.osd.flat:checked:active:hover, button.osd.flat:checked:active:focus, button.osd.flat:checked:active:hover:focus, button.osd.flat:checked:checked, button.osd.flat:checked:checked:hover, button.osd.flat:checked:checked:focus, button.osd.flat:checked:checked:hover:focus, button.osd.flat:active:active, button.osd.flat:active:active:hover, button.osd.flat:active:active:focus, button.osd.flat:active:active:hover:focus, button.osd.flat:active:checked, button.osd.flat:active:checked:hover, button.osd.flat:active:checked:focus, button.osd.flat:active:checked:hover:focus, - #XfceNotifyWindow button:checked:active, - #XfceNotifyWindow button:checked:active:hover, - #XfceNotifyWindow button:checked:active:focus, - #XfceNotifyWindow button:checked:active:hover:focus, - #XfceNotifyWindow button:checked:checked, - #XfceNotifyWindow button:checked:checked:hover, - #XfceNotifyWindow button:checked:checked:focus, - #XfceNotifyWindow button:checked:checked:hover:focus, - #XfceNotifyWindow button:active:active, - #XfceNotifyWindow button:active:active:hover, - #XfceNotifyWindow button:active:active:focus, - #XfceNotifyWindow button:active:active:hover:focus, - #XfceNotifyWindow button:active:checked, - #XfceNotifyWindow button:active:checked:hover, - #XfceNotifyWindow button:active:checked:focus, - #XfceNotifyWindow button:active:checked:hover:focus, - #XfceNotifyWindow button.flat:checked:active, - #XfceNotifyWindow button.flat:checked:active:hover, - #XfceNotifyWindow button.flat:checked:active:focus, - #XfceNotifyWindow button.flat:checked:active:hover:focus, - #XfceNotifyWindow button.flat:checked:checked, - #XfceNotifyWindow button.flat:checked:checked:hover, - #XfceNotifyWindow button.flat:checked:checked:focus, - #XfceNotifyWindow button.flat:checked:checked:hover:focus, - #XfceNotifyWindow button.flat:active:active, - #XfceNotifyWindow button.flat:active:active:hover, - #XfceNotifyWindow button.flat:active:active:focus, - #XfceNotifyWindow button.flat:active:active:hover:focus, - #XfceNotifyWindow button.flat:active:checked, - #XfceNotifyWindow button.flat:active:checked:hover, - #XfceNotifyWindow button.flat:active:checked:focus, - #XfceNotifyWindow button.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - button.osd:checked:disabled, button.osd:active:disabled, button.osd.flat:checked:disabled, button.osd.flat:active:disabled, - #XfceNotifyWindow button:checked:disabled, - #XfceNotifyWindow button:active:disabled, - #XfceNotifyWindow button.flat:checked:disabled, - #XfceNotifyWindow button.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - button.osd:checked:active:disabled, button.osd:checked:checked:disabled, button.osd:active:active:disabled, button.osd:active:checked:disabled, button.osd.flat:checked:active:disabled, button.osd.flat:checked:checked:disabled, button.osd.flat:active:active:disabled, button.osd.flat:active:checked:disabled, - #XfceNotifyWindow button:checked:active:disabled, - #XfceNotifyWindow button:checked:checked:disabled, - #XfceNotifyWindow button:active:active:disabled, - #XfceNotifyWindow button:active:checked:disabled, - #XfceNotifyWindow button.flat:checked:active:disabled, - #XfceNotifyWindow button.flat:checked:checked:disabled, - #XfceNotifyWindow button.flat:active:active:disabled, - #XfceNotifyWindow button.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - button.osd:checked:focus, button.osd:checked:hover, button.osd:active:focus, button.osd:active:hover, button.osd.flat:checked:focus, button.osd.flat:checked:hover, button.osd.flat:active:focus, button.osd.flat:active:hover, - #XfceNotifyWindow button:checked:focus, - #XfceNotifyWindow button:checked:hover, - #XfceNotifyWindow button:active:focus, - #XfceNotifyWindow button:active:hover, - #XfceNotifyWindow button.flat:checked:focus, - #XfceNotifyWindow button.flat:checked:hover, - #XfceNotifyWindow button.flat:active:focus, - #XfceNotifyWindow button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - button.osd:focus, button.osd:hover, button.osd.flat:focus, button.osd.flat:hover, - #XfceNotifyWindow button:focus, - #XfceNotifyWindow button:hover, - #XfceNotifyWindow button.flat:focus, - #XfceNotifyWindow button.flat:hover { - color: #e9e9e9; } - button.osd:disabled:disabled, button.osd.flat:disabled:disabled, - #XfceNotifyWindow button:disabled:disabled, - #XfceNotifyWindow button.flat:disabled:disabled { - background-color: alpha(mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.5); - box-shadow: none; } - button.osd:active:disabled, button.osd:checked:disabled, button.osd.flat:active:disabled, button.osd.flat:checked:disabled, - #XfceNotifyWindow button:active:disabled, - #XfceNotifyWindow button:checked:disabled, - #XfceNotifyWindow button.flat:active:disabled, - #XfceNotifyWindow button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - button.osd.separator, button.osd .separator, - #XfceNotifyWindow button.separator, - #XfceNotifyWindow button .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.7); } - button.osd.separator:disabled, button.osd .separator:disabled, - #XfceNotifyWindow button.separator:disabled, - #XfceNotifyWindow button .separator:disabled { - color: rgba(44, 44, 44, 0.65); } - button.osd.image-button, - #XfceNotifyWindow button.image-button { - padding: 0; - min-height: 36px; - min-width: 36px; } - -toolbar.osd { - -GtkToolbar-button-relief: normal; - padding: 3px; - border: 1px solid rgba(35, 35, 35, 0.8); - border-radius: 2px; - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - color: #e9e9e9; } - toolbar.osd separator { - color: rgba(40, 40, 40, 0.8); } - toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; } - -.osd, -#XfceNotifyWindow { - background-color: rgba(44, 44, 44, 0.8); - color: #e9e9e9; - /* used by gnome-settings-daemon's media-keys OSD */ - /* used by Documents */ } - .osd.background, - #XfceNotifyWindow.background { - background-color: rgba(44, 44, 44, 0.6); - color: #e9e9e9; } - .osd .frame, - #XfceNotifyWindow .frame { - background-clip: border-box; - background-origin: border-box; } - .osd button, - #XfceNotifyWindow button { - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - .osd button:focus, .osd button:hover, - #XfceNotifyWindow button:focus, - #XfceNotifyWindow button:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - .osd button:active, .osd button:active:hover, .osd button:active:focus, .osd button:active:hover:focus, .osd button:checked, .osd button:checked:hover, .osd button:checked:focus, .osd button:checked:hover:focus, - #XfceNotifyWindow button:active, - #XfceNotifyWindow button:active:hover, - #XfceNotifyWindow button:active:focus, - #XfceNotifyWindow button:active:hover:focus, - #XfceNotifyWindow button:checked, - #XfceNotifyWindow button:checked:hover, - #XfceNotifyWindow button:checked:focus, - #XfceNotifyWindow button:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - .osd button:disabled, - #XfceNotifyWindow button:disabled { - border-color: rgba(198, 198, 198, 0.22); } - .osd button:active:disabled, .osd button:checked:disabled, - #XfceNotifyWindow button:active:disabled, - #XfceNotifyWindow button:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - .osd button:active, - #XfceNotifyWindow button:active { - color: #e9e9e9; } - .osd button.flat, - #XfceNotifyWindow button.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - .osd button:hover, .osd button.flat:hover, - #XfceNotifyWindow button:hover, - #XfceNotifyWindow button.flat:hover { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .osd button:hover:focus, .osd button:hover:hover, .osd button.flat:hover:focus, .osd button.flat:hover:hover, - #XfceNotifyWindow button:hover:focus, - #XfceNotifyWindow button:hover:hover, - #XfceNotifyWindow button.flat:hover:focus, - #XfceNotifyWindow button.flat:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - .osd button:hover:active, .osd button:hover:active:hover, .osd button:hover:active:focus, .osd button:hover:active:hover:focus, .osd button:hover:checked, .osd button:hover:checked:hover, .osd button:hover:checked:focus, .osd button:hover:checked:hover:focus, .osd button.flat:hover:active, .osd button.flat:hover:active:hover, .osd button.flat:hover:active:focus, .osd button.flat:hover:active:hover:focus, .osd button.flat:hover:checked, .osd button.flat:hover:checked:hover, .osd button.flat:hover:checked:focus, .osd button.flat:hover:checked:hover:focus, - #XfceNotifyWindow button:hover:active, - #XfceNotifyWindow button:hover:active:hover, - #XfceNotifyWindow button:hover:active:focus, - #XfceNotifyWindow button:hover:active:hover:focus, - #XfceNotifyWindow button:hover:checked, - #XfceNotifyWindow button:hover:checked:hover, - #XfceNotifyWindow button:hover:checked:focus, - #XfceNotifyWindow button:hover:checked:hover:focus, - #XfceNotifyWindow button.flat:hover:active, - #XfceNotifyWindow button.flat:hover:active:hover, - #XfceNotifyWindow button.flat:hover:active:focus, - #XfceNotifyWindow button.flat:hover:active:hover:focus, - #XfceNotifyWindow button.flat:hover:checked, - #XfceNotifyWindow button.flat:hover:checked:hover, - #XfceNotifyWindow button.flat:hover:checked:focus, - #XfceNotifyWindow button.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd button:hover:disabled, .osd button.flat:hover:disabled, - #XfceNotifyWindow button:hover:disabled, - #XfceNotifyWindow button.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd button:hover:active:disabled, .osd button:hover:checked:disabled, .osd button.flat:hover:active:disabled, .osd button.flat:hover:checked:disabled, - #XfceNotifyWindow button:hover:active:disabled, - #XfceNotifyWindow button:hover:checked:disabled, - #XfceNotifyWindow button.flat:hover:active:disabled, - #XfceNotifyWindow button.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd button:focus, .osd button.flat:focus, - #XfceNotifyWindow button:focus, - #XfceNotifyWindow button.flat:focus { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - .osd button:focus:focus, .osd button:focus:hover, .osd button.flat:focus:focus, .osd button.flat:focus:hover, - #XfceNotifyWindow button:focus:focus, - #XfceNotifyWindow button:focus:hover, - #XfceNotifyWindow button.flat:focus:focus, - #XfceNotifyWindow button.flat:focus:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - .osd button:focus:active, .osd button:focus:active:hover, .osd button:focus:active:focus, .osd button:focus:active:hover:focus, .osd button:focus:checked, .osd button:focus:checked:hover, .osd button:focus:checked:focus, .osd button:focus:checked:hover:focus, .osd button.flat:focus:active, .osd button.flat:focus:active:hover, .osd button.flat:focus:active:focus, .osd button.flat:focus:active:hover:focus, .osd button.flat:focus:checked, .osd button.flat:focus:checked:hover, .osd button.flat:focus:checked:focus, .osd button.flat:focus:checked:hover:focus, - #XfceNotifyWindow button:focus:active, - #XfceNotifyWindow button:focus:active:hover, - #XfceNotifyWindow button:focus:active:focus, - #XfceNotifyWindow button:focus:active:hover:focus, - #XfceNotifyWindow button:focus:checked, - #XfceNotifyWindow button:focus:checked:hover, - #XfceNotifyWindow button:focus:checked:focus, - #XfceNotifyWindow button:focus:checked:hover:focus, - #XfceNotifyWindow button.flat:focus:active, - #XfceNotifyWindow button.flat:focus:active:hover, - #XfceNotifyWindow button.flat:focus:active:focus, - #XfceNotifyWindow button.flat:focus:active:hover:focus, - #XfceNotifyWindow button.flat:focus:checked, - #XfceNotifyWindow button.flat:focus:checked:hover, - #XfceNotifyWindow button.flat:focus:checked:focus, - #XfceNotifyWindow button.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd button:focus:disabled, .osd button.flat:focus:disabled, - #XfceNotifyWindow button:focus:disabled, - #XfceNotifyWindow button.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd button:focus:active:disabled, .osd button:focus:checked:disabled, .osd button.flat:focus:active:disabled, .osd button.flat:focus:checked:disabled, - #XfceNotifyWindow button:focus:active:disabled, - #XfceNotifyWindow button:focus:checked:disabled, - #XfceNotifyWindow button.flat:focus:active:disabled, - #XfceNotifyWindow button.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd button:focus:hover, .osd button.flat:focus:hover, - #XfceNotifyWindow button:focus:hover, - #XfceNotifyWindow button.flat:focus:hover { - background-color: rgba(48, 48, 48, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - .osd button:focus:hover:focus, .osd button:focus:hover:hover, .osd button.flat:focus:hover:focus, .osd button.flat:focus:hover:hover, - #XfceNotifyWindow button:focus:hover:focus, - #XfceNotifyWindow button:focus:hover:hover, - #XfceNotifyWindow button.flat:focus:hover:focus, - #XfceNotifyWindow button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - .osd button:focus:hover:active, .osd button:focus:hover:active:hover, .osd button:focus:hover:active:focus, .osd button:focus:hover:active:hover:focus, .osd button:focus:hover:checked, .osd button:focus:hover:checked:hover, .osd button:focus:hover:checked:focus, .osd button:focus:hover:checked:hover:focus, .osd button.flat:focus:hover:active, .osd button.flat:focus:hover:active:hover, .osd button.flat:focus:hover:active:focus, .osd button.flat:focus:hover:active:hover:focus, .osd button.flat:focus:hover:checked, .osd button.flat:focus:hover:checked:hover, .osd button.flat:focus:hover:checked:focus, .osd button.flat:focus:hover:checked:hover:focus, - #XfceNotifyWindow button:focus:hover:active, - #XfceNotifyWindow button:focus:hover:active:hover, - #XfceNotifyWindow button:focus:hover:active:focus, - #XfceNotifyWindow button:focus:hover:active:hover:focus, - #XfceNotifyWindow button:focus:hover:checked, - #XfceNotifyWindow button:focus:hover:checked:hover, - #XfceNotifyWindow button:focus:hover:checked:focus, - #XfceNotifyWindow button:focus:hover:checked:hover:focus, - #XfceNotifyWindow button.flat:focus:hover:active, - #XfceNotifyWindow button.flat:focus:hover:active:hover, - #XfceNotifyWindow button.flat:focus:hover:active:focus, - #XfceNotifyWindow button.flat:focus:hover:active:hover:focus, - #XfceNotifyWindow button.flat:focus:hover:checked, - #XfceNotifyWindow button.flat:focus:hover:checked:hover, - #XfceNotifyWindow button.flat:focus:hover:checked:focus, - #XfceNotifyWindow button.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd button:focus:hover:disabled, .osd button.flat:focus:hover:disabled, - #XfceNotifyWindow button:focus:hover:disabled, - #XfceNotifyWindow button.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd button:focus:hover:active:disabled, .osd button:focus:hover:checked:disabled, .osd button.flat:focus:hover:active:disabled, .osd button.flat:focus:hover:checked:disabled, - #XfceNotifyWindow button:focus:hover:active:disabled, - #XfceNotifyWindow button:focus:hover:checked:disabled, - #XfceNotifyWindow button.flat:focus:hover:active:disabled, - #XfceNotifyWindow button.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd button:checked, .osd button:active, .osd button.flat:checked, .osd button.flat:active, - #XfceNotifyWindow button:checked, - #XfceNotifyWindow button:active, - #XfceNotifyWindow button.flat:checked, - #XfceNotifyWindow button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - .osd button:checked:focus, .osd button:checked:hover, .osd button:active:focus, .osd button:active:hover, .osd button.flat:checked:focus, .osd button.flat:checked:hover, .osd button.flat:active:focus, .osd button.flat:active:hover, - #XfceNotifyWindow button:checked:focus, - #XfceNotifyWindow button:checked:hover, - #XfceNotifyWindow button:active:focus, - #XfceNotifyWindow button:active:hover, - #XfceNotifyWindow button.flat:checked:focus, - #XfceNotifyWindow button.flat:checked:hover, - #XfceNotifyWindow button.flat:active:focus, - #XfceNotifyWindow button.flat:active:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - .osd button:checked:active, .osd button:checked:active:hover, .osd button:checked:active:focus, .osd button:checked:active:hover:focus, .osd button:checked:checked, .osd button:checked:checked:hover, .osd button:checked:checked:focus, .osd button:checked:checked:hover:focus, .osd button:active:active, .osd button:active:active:hover, .osd button:active:active:focus, .osd button:active:active:hover:focus, .osd button:active:checked, .osd button:active:checked:hover, .osd button:active:checked:focus, .osd button:active:checked:hover:focus, .osd button.flat:checked:active, .osd button.flat:checked:active:hover, .osd button.flat:checked:active:focus, .osd button.flat:checked:active:hover:focus, .osd button.flat:checked:checked, .osd button.flat:checked:checked:hover, .osd button.flat:checked:checked:focus, .osd button.flat:checked:checked:hover:focus, .osd button.flat:active:active, .osd button.flat:active:active:hover, .osd button.flat:active:active:focus, .osd button.flat:active:active:hover:focus, .osd button.flat:active:checked, .osd button.flat:active:checked:hover, .osd button.flat:active:checked:focus, .osd button.flat:active:checked:hover:focus, - #XfceNotifyWindow button:checked:active, - #XfceNotifyWindow button:checked:active:hover, - #XfceNotifyWindow button:checked:active:focus, - #XfceNotifyWindow button:checked:active:hover:focus, - #XfceNotifyWindow button:checked:checked, - #XfceNotifyWindow button:checked:checked:hover, - #XfceNotifyWindow button:checked:checked:focus, - #XfceNotifyWindow button:checked:checked:hover:focus, - #XfceNotifyWindow button:active:active, - #XfceNotifyWindow button:active:active:hover, - #XfceNotifyWindow button:active:active:focus, - #XfceNotifyWindow button:active:active:hover:focus, - #XfceNotifyWindow button:active:checked, - #XfceNotifyWindow button:active:checked:hover, - #XfceNotifyWindow button:active:checked:focus, - #XfceNotifyWindow button:active:checked:hover:focus, - #XfceNotifyWindow button.flat:checked:active, - #XfceNotifyWindow button.flat:checked:active:hover, - #XfceNotifyWindow button.flat:checked:active:focus, - #XfceNotifyWindow button.flat:checked:active:hover:focus, - #XfceNotifyWindow button.flat:checked:checked, - #XfceNotifyWindow button.flat:checked:checked:hover, - #XfceNotifyWindow button.flat:checked:checked:focus, - #XfceNotifyWindow button.flat:checked:checked:hover:focus, - #XfceNotifyWindow button.flat:active:active, - #XfceNotifyWindow button.flat:active:active:hover, - #XfceNotifyWindow button.flat:active:active:focus, - #XfceNotifyWindow button.flat:active:active:hover:focus, - #XfceNotifyWindow button.flat:active:checked, - #XfceNotifyWindow button.flat:active:checked:hover, - #XfceNotifyWindow button.flat:active:checked:focus, - #XfceNotifyWindow button.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - .osd button:checked:disabled, .osd button:active:disabled, .osd button.flat:checked:disabled, .osd button.flat:active:disabled, - #XfceNotifyWindow button:checked:disabled, - #XfceNotifyWindow button:active:disabled, - #XfceNotifyWindow button.flat:checked:disabled, - #XfceNotifyWindow button.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - .osd button:checked:active:disabled, .osd button:checked:checked:disabled, .osd button:active:active:disabled, .osd button:active:checked:disabled, .osd button.flat:checked:active:disabled, .osd button.flat:checked:checked:disabled, .osd button.flat:active:active:disabled, .osd button.flat:active:checked:disabled, - #XfceNotifyWindow button:checked:active:disabled, - #XfceNotifyWindow button:checked:checked:disabled, - #XfceNotifyWindow button:active:active:disabled, - #XfceNotifyWindow button:active:checked:disabled, - #XfceNotifyWindow button.flat:checked:active:disabled, - #XfceNotifyWindow button.flat:checked:checked:disabled, - #XfceNotifyWindow button.flat:active:active:disabled, - #XfceNotifyWindow button.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - .osd button:checked:focus, .osd button:checked:hover, .osd button:active:focus, .osd button:active:hover, .osd button.flat:checked:focus, .osd button.flat:checked:hover, .osd button.flat:active:focus, .osd button.flat:active:hover, - #XfceNotifyWindow button:checked:focus, - #XfceNotifyWindow button:checked:hover, - #XfceNotifyWindow button:active:focus, - #XfceNotifyWindow button:active:hover, - #XfceNotifyWindow button.flat:checked:focus, - #XfceNotifyWindow button.flat:checked:hover, - #XfceNotifyWindow button.flat:active:focus, - #XfceNotifyWindow button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - .osd button:focus, .osd button:hover, .osd button.flat:focus, .osd button.flat:hover, - #XfceNotifyWindow button:focus, - #XfceNotifyWindow button:hover, - #XfceNotifyWindow button.flat:focus, - #XfceNotifyWindow button.flat:hover { - color: #e9e9e9; } - .osd button:disabled:disabled, .osd button.flat:disabled:disabled, - #XfceNotifyWindow button:disabled:disabled, - #XfceNotifyWindow button.flat:disabled:disabled { - background-color: alpha(mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.5); - box-shadow: none; } - .osd button:active:disabled, .osd button:checked:disabled, .osd button.flat:active:disabled, .osd button.flat:checked:disabled, - #XfceNotifyWindow button:active:disabled, - #XfceNotifyWindow button:checked:disabled, - #XfceNotifyWindow button.flat:active:disabled, - #XfceNotifyWindow button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - .osd button.separator, .osd button .separator, - #XfceNotifyWindow button.separator, - #XfceNotifyWindow button .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.7); } - .osd button.separator:disabled, .osd button .separator:disabled, - #XfceNotifyWindow button.separator:disabled, - #XfceNotifyWindow button .separator:disabled { - color: rgba(44, 44, 44, 0.65); } - .osd entry, - #XfceNotifyWindow entry { - background-color: #2c2c2c; - background-image: none; - border-color: shade(mix(#2c2c2c,#fff,0.2),0.8); - padding: 3px; - color: #fff; - caret-color: #fff; } - .osd entry:focus, .osd entry:hover, - #XfceNotifyWindow entry:focus, - #XfceNotifyWindow entry:hover { - border-color: mix(#169f6f,mix(#2c2c2c,#fff,0.2),0.3); } - .osd entry:active, .osd entry:active:hover, .osd entry:active:focus, .osd entry:active:hover:focus, .osd entry:checked, .osd entry:checked:hover, .osd entry:checked:focus, .osd entry:checked:hover:focus, - #XfceNotifyWindow entry:active, - #XfceNotifyWindow entry:active:hover, - #XfceNotifyWindow entry:active:focus, - #XfceNotifyWindow entry:active:hover:focus, - #XfceNotifyWindow entry:checked, - #XfceNotifyWindow entry:checked:hover, - #XfceNotifyWindow entry:checked:focus, - #XfceNotifyWindow entry:checked:hover:focus { - border-color: shade(mix(#2c2c2c,#fff,0.2),0.7); } - .osd entry:disabled, - #XfceNotifyWindow entry:disabled { - border-color: shade(mix(#2c2c2c,#fff,0.2),0.85); } - .osd entry:active:disabled, .osd entry:checked:disabled, - #XfceNotifyWindow entry:active:disabled, - #XfceNotifyWindow entry:checked:disabled { - border-color: shade(mix(#2c2c2c,#fff,0.2),0.8); } - .osd entry:focus, .osd entry:active, - #XfceNotifyWindow entry:focus, - #XfceNotifyWindow entry:active { - border-color: mix(#169f6f,rgba(37, 37, 37, 0.8),0.3); } - .osd entry:disabled, - #XfceNotifyWindow entry:disabled { - background-color: #282828; - background-image: none; - border-color: shade(alpha(mix(#2c2c2c,#fff,0.2),0.4),0.8); - /*@include border(mix($bg, $fg, .20));*/ - /*border-color: alpha(mix($bg, $fg, .15), .8);*/ - /*opacity: .8;*/ - color: mix(#2c2c2c,#fff,0.5); } - .osd entry:disabled:focus, .osd entry:disabled:hover, - #XfceNotifyWindow entry:disabled:focus, - #XfceNotifyWindow entry:disabled:hover { - border-color: mix(#169f6f,alpha(mix(#2c2c2c,#fff,0.2),0.4),0.3); } - .osd entry:disabled:active, .osd entry:disabled:active:hover, .osd entry:disabled:active:focus, .osd entry:disabled:active:hover:focus, .osd entry:disabled:checked, .osd entry:disabled:checked:hover, .osd entry:disabled:checked:focus, .osd entry:disabled:checked:hover:focus, - #XfceNotifyWindow entry:disabled:active, - #XfceNotifyWindow entry:disabled:active:hover, - #XfceNotifyWindow entry:disabled:active:focus, - #XfceNotifyWindow entry:disabled:active:hover:focus, - #XfceNotifyWindow entry:disabled:checked, - #XfceNotifyWindow entry:disabled:checked:hover, - #XfceNotifyWindow entry:disabled:checked:focus, - #XfceNotifyWindow entry:disabled:checked:hover:focus { - border-color: shade(alpha(mix(#2c2c2c,#fff,0.2),0.4),0.7); } - .osd entry:disabled:disabled, - #XfceNotifyWindow entry:disabled:disabled { - border-color: shade(alpha(mix(#2c2c2c,#fff,0.2),0.4),0.85); } - .osd entry:disabled:active:disabled, .osd entry:disabled:checked:disabled, - #XfceNotifyWindow entry:disabled:active:disabled, - #XfceNotifyWindow entry:disabled:checked:disabled { - border-color: shade(alpha(mix(#2c2c2c,#fff,0.2),0.4),0.8); } - .osd trough, - #XfceNotifyWindow trough { - background-color: rgba(35, 35, 35, 0.8); } - .osd progressbar, - #XfceNotifyWindow progressbar { - background-color: #e9e9e9; } - .osd scale slider, - #XfceNotifyWindow scale slider { - background-color: rgba(48, 48, 48, 0.8); - background-image: none; - border-color: rgba(35, 35, 35, 0.8); } - .osd scale slider:focus, .osd scale slider:hover, - #XfceNotifyWindow scale slider:focus, - #XfceNotifyWindow scale slider:hover { - border-color: mix(#169f6f,rgba(44, 44, 44, 0.8),0.3); } - .osd scale slider:active, .osd scale slider:active:hover, .osd scale slider:active:focus, .osd scale slider:active:hover:focus, .osd scale slider:checked, .osd scale slider:checked:hover, .osd scale slider:checked:focus, .osd scale slider:checked:hover:focus, - #XfceNotifyWindow scale slider:active, - #XfceNotifyWindow scale slider:active:hover, - #XfceNotifyWindow scale slider:active:focus, - #XfceNotifyWindow scale slider:active:hover:focus, - #XfceNotifyWindow scale slider:checked, - #XfceNotifyWindow scale slider:checked:hover, - #XfceNotifyWindow scale slider:checked:focus, - #XfceNotifyWindow scale slider:checked:hover:focus { - border-color: rgba(31, 31, 31, 0.8); } - .osd scale slider:disabled, - #XfceNotifyWindow scale slider:disabled { - border-color: rgba(37, 37, 37, 0.8); } - .osd scale slider:active:disabled, .osd scale slider:checked:disabled, - #XfceNotifyWindow scale slider:active:disabled, - #XfceNotifyWindow scale slider:checked:disabled { - border-color: rgba(35, 35, 35, 0.8); } - .osd scale slider:disabled, - #XfceNotifyWindow scale slider:disabled { - background-color: rgba(40, 40, 40, 0.8); - background-image: none; } - .osd scale trough, - #XfceNotifyWindow scale trough { - border-color: rgba(35, 35, 35, 0.8); - background-color: rgba(48, 48, 48, 0.8); - background-image: none; } - .osd scale trough.highlight, - #XfceNotifyWindow scale trough.highlight { - border-color: #169f6f; - background-color: #169f6f; - background-image: none; } - .osd scale trough:disabled, .osd scale trough.highlight:disabled, - #XfceNotifyWindow scale trough:disabled, - #XfceNotifyWindow scale trough.highlight:disabled { - border-color: rgba(37, 37, 37, 0.8); - background-color: rgba(40, 40, 40, 0.8); - background-image: none; } - .osd.view, iconview.osd, .osd .view, .osd iconview, .osd view, - #XfceNotifyWindow.view, - iconview#XfceNotifyWindow, - #XfceNotifyWindow .view, - #XfceNotifyWindow iconview, - #XfceNotifyWindow view { - background-color: rgba(44, 44, 44, 0.8); } - .osd scrollbar trough, - #XfceNotifyWindow scrollbar trough { - background-color: rgba(44, 44, 44, 0.8); } - .osd scrollbar slider, - #XfceNotifyWindow scrollbar slider { - border: 1px solid mix(rgba(38, 38, 38, 0.8),#e9e9e9,0.21); - border-radius: 0; - background-color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.21); } - .osd scrollbar slider:hover, - #XfceNotifyWindow scrollbar slider:hover { - border-color: mix(rgba(38, 38, 38, 0.8),#e9e9e9,0.31); - background-color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.31); } - .osd scrollbar slider:active, - #XfceNotifyWindow scrollbar slider:active { - border-color: #148f64; - background-color: #169f6f; } - .osd iconview.cell:selected, .osd iconview.cell:selected:focus, - #XfceNotifyWindow iconview.cell:selected, - #XfceNotifyWindow iconview.cell:selected:focus { - background-color: transparent; - border: 3px solid mix(rgba(38, 38, 38, 0.8),#e9e9e9,0.21); - border-radius: 2px; - outline-color: transparent; } - .osd .page-thumbnail, - #XfceNotifyWindow .page-thumbnail { - border: 1px solid rgba(40, 40, 40, 0.8); - /* when there's no pixbuf yet */ - background-color: rgba(44, 44, 44, 0.8); } - .osd spinbutton:not(.vertical), - #XfceNotifyWindow spinbutton:not(.vertical) { - background-color: #2c2c2c; - background-image: none; - border-color: #232323; - padding: 0; - color: #fff; - caret-color: #fff; } - .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):hover, - #XfceNotifyWindow spinbutton:not(.vertical):focus, - #XfceNotifyWindow spinbutton:not(.vertical):hover { - border-color: mix(#169f6f,#2c2c2c,0.3); } - .osd spinbutton:not(.vertical):active, .osd spinbutton:not(.vertical):active:hover, .osd spinbutton:not(.vertical):active:focus, .osd spinbutton:not(.vertical):active:hover:focus, .osd spinbutton:not(.vertical):checked, .osd spinbutton:not(.vertical):checked:hover, .osd spinbutton:not(.vertical):checked:focus, .osd spinbutton:not(.vertical):checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical):active, - #XfceNotifyWindow spinbutton:not(.vertical):active:hover, - #XfceNotifyWindow spinbutton:not(.vertical):active:focus, - #XfceNotifyWindow spinbutton:not(.vertical):active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical):checked, - #XfceNotifyWindow spinbutton:not(.vertical):checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical):checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical):checked:hover:focus { - border-color: #1f1f1f; } - .osd spinbutton:not(.vertical):disabled, - #XfceNotifyWindow spinbutton:not(.vertical):disabled { - border-color: #252525; } - .osd spinbutton:not(.vertical):active:disabled, .osd spinbutton:not(.vertical):checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical):active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical):checked:disabled { - border-color: #232323; } - .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):active, - #XfceNotifyWindow spinbutton:not(.vertical):focus, - #XfceNotifyWindow spinbutton:not(.vertical):active { - border-color: mix(#169f6f,rgba(37, 37, 37, 0.8),0.3); } - .osd spinbutton:not(.vertical):disabled, - #XfceNotifyWindow spinbutton:not(.vertical):disabled { - background-color: #282828; - background-image: none; - color: mix(#2c2c2c,#fff,0.5); } - .osd spinbutton:not(.vertical) button, - #XfceNotifyWindow spinbutton:not(.vertical) button { - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); - border-radius: 0; - border-color: rgba(37, 37, 37, 0.5); - border-style: none none none solid; - background-image: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover:focus, .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - .osd spinbutton:not(.vertical) button:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:disabled { - border-color: rgba(198, 198, 198, 0.22); } - .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - .osd spinbutton:not(.vertical) button:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:active { - color: #e9e9e9; } - .osd spinbutton:not(.vertical) button.flat, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:hover, .osd spinbutton:not(.vertical) button.flat:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .osd spinbutton:not(.vertical) button:hover:focus, .osd spinbutton:not(.vertical) button:hover:hover, .osd spinbutton:not(.vertical) button.flat:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - .osd spinbutton:not(.vertical) button:hover:active, .osd spinbutton:not(.vertical) button:hover:active:hover, .osd spinbutton:not(.vertical) button:hover:active:focus, .osd spinbutton:not(.vertical) button:hover:active:hover:focus, .osd spinbutton:not(.vertical) button:hover:checked, .osd spinbutton:not(.vertical) button:hover:checked:hover, .osd spinbutton:not(.vertical) button:hover:checked:focus, .osd spinbutton:not(.vertical) button:hover:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:active, .osd spinbutton:not(.vertical) button.flat:hover:active:hover, .osd spinbutton:not(.vertical) button.flat:hover:active:focus, .osd spinbutton:not(.vertical) button.flat:hover:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:checked, .osd spinbutton:not(.vertical) button.flat:hover:checked:hover, .osd spinbutton:not(.vertical) button.flat:hover:checked:focus, .osd spinbutton:not(.vertical) button.flat:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd spinbutton:not(.vertical) button:hover:disabled, .osd spinbutton:not(.vertical) button.flat:hover:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd spinbutton:not(.vertical) button:hover:active:disabled, .osd spinbutton:not(.vertical) button:hover:checked:disabled, .osd spinbutton:not(.vertical) button.flat:hover:active:disabled, .osd spinbutton:not(.vertical) button.flat:hover:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button.flat:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - .osd spinbutton:not(.vertical) button:focus:focus, .osd spinbutton:not(.vertical) button:focus:hover, .osd spinbutton:not(.vertical) button.flat:focus:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - .osd spinbutton:not(.vertical) button:focus:active, .osd spinbutton:not(.vertical) button:focus:active:hover, .osd spinbutton:not(.vertical) button:focus:active:focus, .osd spinbutton:not(.vertical) button:focus:active:hover:focus, .osd spinbutton:not(.vertical) button:focus:checked, .osd spinbutton:not(.vertical) button:focus:checked:hover, .osd spinbutton:not(.vertical) button:focus:checked:focus, .osd spinbutton:not(.vertical) button:focus:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:active, .osd spinbutton:not(.vertical) button.flat:focus:active:hover, .osd spinbutton:not(.vertical) button.flat:focus:active:focus, .osd spinbutton:not(.vertical) button.flat:focus:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:checked, .osd spinbutton:not(.vertical) button.flat:focus:checked:hover, .osd spinbutton:not(.vertical) button.flat:focus:checked:focus, .osd spinbutton:not(.vertical) button.flat:focus:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd spinbutton:not(.vertical) button:focus:disabled, .osd spinbutton:not(.vertical) button.flat:focus:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd spinbutton:not(.vertical) button:focus:active:disabled, .osd spinbutton:not(.vertical) button:focus:checked:disabled, .osd spinbutton:not(.vertical) button.flat:focus:active:disabled, .osd spinbutton:not(.vertical) button.flat:focus:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd spinbutton:not(.vertical) button:focus:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover { - background-color: rgba(48, 48, 48, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - .osd spinbutton:not(.vertical) button:focus:hover:focus, .osd spinbutton:not(.vertical) button:focus:hover:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - .osd spinbutton:not(.vertical) button:focus:hover:active, .osd spinbutton:not(.vertical) button:focus:hover:active:hover, .osd spinbutton:not(.vertical) button:focus:hover:active:focus, .osd spinbutton:not(.vertical) button:focus:hover:active:hover:focus, .osd spinbutton:not(.vertical) button:focus:hover:checked, .osd spinbutton:not(.vertical) button:focus:hover:checked:hover, .osd spinbutton:not(.vertical) button:focus:hover:checked:focus, .osd spinbutton:not(.vertical) button:focus:hover:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:active, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd spinbutton:not(.vertical) button:focus:hover:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd spinbutton:not(.vertical) button:focus:hover:active:disabled, .osd spinbutton:not(.vertical) button:focus:hover:checked:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button.flat:checked, .osd spinbutton:not(.vertical) button.flat:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:active, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:focus, .osd spinbutton:not(.vertical) button.flat:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - .osd spinbutton:not(.vertical) button:checked:active, .osd spinbutton:not(.vertical) button:checked:active:hover, .osd spinbutton:not(.vertical) button:checked:active:focus, .osd spinbutton:not(.vertical) button:checked:active:hover:focus, .osd spinbutton:not(.vertical) button:checked:checked, .osd spinbutton:not(.vertical) button:checked:checked:hover, .osd spinbutton:not(.vertical) button:checked:checked:focus, .osd spinbutton:not(.vertical) button:checked:checked:hover:focus, .osd spinbutton:not(.vertical) button:active:active, .osd spinbutton:not(.vertical) button:active:active:hover, .osd spinbutton:not(.vertical) button:active:active:focus, .osd spinbutton:not(.vertical) button:active:active:hover:focus, .osd spinbutton:not(.vertical) button:active:checked, .osd spinbutton:not(.vertical) button:active:checked:hover, .osd spinbutton:not(.vertical) button:active:checked:focus, .osd spinbutton:not(.vertical) button:active:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:checked:active, .osd spinbutton:not(.vertical) button.flat:checked:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:active:focus, .osd spinbutton:not(.vertical) button.flat:checked:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:checked:checked, .osd spinbutton:not(.vertical) button.flat:checked:checked:hover, .osd spinbutton:not(.vertical) button.flat:checked:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:active:active, .osd spinbutton:not(.vertical) button.flat:active:active:hover, .osd spinbutton:not(.vertical) button.flat:active:active:focus, .osd spinbutton:not(.vertical) button.flat:active:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:active:checked, .osd spinbutton:not(.vertical) button.flat:active:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:checked:focus, .osd spinbutton:not(.vertical) button.flat:active:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:hover:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - .osd spinbutton:not(.vertical) button:checked:disabled, .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - .osd spinbutton:not(.vertical) button:checked:active:disabled, .osd spinbutton:not(.vertical) button:checked:checked:disabled, .osd spinbutton:not(.vertical) button:active:active:disabled, .osd spinbutton:not(.vertical) button:active:checked:disabled, .osd spinbutton:not(.vertical) button.flat:checked:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:active:disabled, .osd spinbutton:not(.vertical) button.flat:active:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:focus, .osd spinbutton:not(.vertical) button.flat:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button:hover, .osd spinbutton:not(.vertical) button.flat:focus, .osd spinbutton:not(.vertical) button.flat:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover { - color: #e9e9e9; } - .osd spinbutton:not(.vertical) button:disabled:disabled, .osd spinbutton:not(.vertical) button.flat:disabled:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:disabled:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:disabled:disabled { - background-color: alpha(mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.5); - box-shadow: none; } - .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - .osd spinbutton:not(.vertical) button.separator, .osd spinbutton:not(.vertical) button .separator, - #XfceNotifyWindow spinbutton:not(.vertical) button.separator, - #XfceNotifyWindow spinbutton:not(.vertical) button .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.7); } - .osd spinbutton:not(.vertical) button.separator:disabled, .osd spinbutton:not(.vertical) button .separator:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button.separator:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button .separator:disabled { - color: rgba(44, 44, 44, 0.65); } - .osd spinbutton:not(.vertical) button:dir(rtl), - #XfceNotifyWindow spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:hover, - #XfceNotifyWindow spinbutton:not(.vertical) button:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:checked, - #XfceNotifyWindow spinbutton:not(.vertical) button:hover { - color: #fff; } - .osd spinbutton:not(.vertical) button:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:disabled { - color: alpha(mix(#e9e9e9,#2c2c2c,0.6),0.8); } - .osd spinbutton:not(.vertical) button:backdrop, - #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop { - color: mix(white,mix(#333333,#dedede,0.5),0.9); } - .osd spinbutton:not(.vertical) button:active, - #XfceNotifyWindow spinbutton:not(.vertical) button:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - .osd spinbutton:not(.vertical) button:backdrop:disabled, - #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(184, 184, 184, 0.8); - border-style: none none none solid; } - .osd spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl), - #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; } - .osd spinbutton:not(.vertical) button:dir(rtl):first-child, - #XfceNotifyWindow spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 2px 0 0 2px; } - .osd spinbutton:not(.vertical) button:dir(ltr):last-child, - #XfceNotifyWindow spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 2px 2px 0; } - .osd spinbutton.vertical button:first-child, - #XfceNotifyWindow spinbutton.vertical button:first-child { - background-color: rgba(44, 44, 44, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover:focus, .osd spinbutton.vertical button:first-child:checked, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - .osd spinbutton.vertical button:first-child:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:disabled { - border-color: rgba(198, 198, 198, 0.22); } - .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - .osd spinbutton.vertical button:first-child:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:active { - color: #e9e9e9; } - .osd spinbutton.vertical button:first-child.flat, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical button:first-child.flat:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .osd spinbutton.vertical button:first-child:hover:focus, .osd spinbutton.vertical button:first-child:hover:hover, .osd spinbutton.vertical button:first-child.flat:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - .osd spinbutton.vertical button:first-child:hover:active, .osd spinbutton.vertical button:first-child:hover:active:hover, .osd spinbutton.vertical button:first-child:hover:active:focus, .osd spinbutton.vertical button:first-child:hover:active:hover:focus, .osd spinbutton.vertical button:first-child:hover:checked, .osd spinbutton.vertical button:first-child:hover:checked:hover, .osd spinbutton.vertical button:first-child:hover:checked:focus, .osd spinbutton.vertical button:first-child:hover:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:active, .osd spinbutton.vertical button:first-child.flat:hover:active:hover, .osd spinbutton.vertical button:first-child.flat:hover:active:focus, .osd spinbutton.vertical button:first-child.flat:hover:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:checked, .osd spinbutton.vertical button:first-child.flat:hover:checked:hover, .osd spinbutton.vertical button:first-child.flat:hover:checked:focus, .osd spinbutton.vertical button:first-child.flat:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd spinbutton.vertical button:first-child:hover:disabled, .osd spinbutton.vertical button:first-child.flat:hover:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd spinbutton.vertical button:first-child:hover:active:disabled, .osd spinbutton.vertical button:first-child:hover:checked:disabled, .osd spinbutton.vertical button:first-child.flat:hover:active:disabled, .osd spinbutton.vertical button:first-child.flat:hover:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child.flat:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus { - background-color: rgba(46, 46, 46, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - .osd spinbutton.vertical button:first-child:focus:focus, .osd spinbutton.vertical button:first-child:focus:hover, .osd spinbutton.vertical button:first-child.flat:focus:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - .osd spinbutton.vertical button:first-child:focus:active, .osd spinbutton.vertical button:first-child:focus:active:hover, .osd spinbutton.vertical button:first-child:focus:active:focus, .osd spinbutton.vertical button:first-child:focus:active:hover:focus, .osd spinbutton.vertical button:first-child:focus:checked, .osd spinbutton.vertical button:first-child:focus:checked:hover, .osd spinbutton.vertical button:first-child:focus:checked:focus, .osd spinbutton.vertical button:first-child:focus:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:active, .osd spinbutton.vertical button:first-child.flat:focus:active:hover, .osd spinbutton.vertical button:first-child.flat:focus:active:focus, .osd spinbutton.vertical button:first-child.flat:focus:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:checked, .osd spinbutton.vertical button:first-child.flat:focus:checked:hover, .osd spinbutton.vertical button:first-child.flat:focus:checked:focus, .osd spinbutton.vertical button:first-child.flat:focus:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd spinbutton.vertical button:first-child:focus:disabled, .osd spinbutton.vertical button:first-child.flat:focus:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd spinbutton.vertical button:first-child:focus:active:disabled, .osd spinbutton.vertical button:first-child:focus:checked:disabled, .osd spinbutton.vertical button:first-child.flat:focus:active:disabled, .osd spinbutton.vertical button:first-child.flat:focus:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd spinbutton.vertical button:first-child:focus:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover { - background-color: rgba(48, 48, 48, 0.8); - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - .osd spinbutton.vertical button:first-child:focus:hover:focus, .osd spinbutton.vertical button:first-child:focus:hover:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - .osd spinbutton.vertical button:first-child:focus:hover:active, .osd spinbutton.vertical button:first-child:focus:hover:active:hover, .osd spinbutton.vertical button:first-child:focus:hover:active:focus, .osd spinbutton.vertical button:first-child:focus:hover:active:hover:focus, .osd spinbutton.vertical button:first-child:focus:hover:checked, .osd spinbutton.vertical button:first-child:focus:hover:checked:hover, .osd spinbutton.vertical button:first-child:focus:hover:checked:focus, .osd spinbutton.vertical button:first-child:focus:hover:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:active, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - .osd spinbutton.vertical button:first-child:focus:hover:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - .osd spinbutton.vertical button:first-child:focus:hover:active:disabled, .osd spinbutton.vertical button:first-child:focus:hover:checked:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - .osd spinbutton.vertical button:first-child:checked, .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical button:first-child.flat:checked, .osd spinbutton.vertical button:first-child.flat:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:active, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:focus, .osd spinbutton.vertical button:first-child.flat:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - .osd spinbutton.vertical button:first-child:checked:active, .osd spinbutton.vertical button:first-child:checked:active:hover, .osd spinbutton.vertical button:first-child:checked:active:focus, .osd spinbutton.vertical button:first-child:checked:active:hover:focus, .osd spinbutton.vertical button:first-child:checked:checked, .osd spinbutton.vertical button:first-child:checked:checked:hover, .osd spinbutton.vertical button:first-child:checked:checked:focus, .osd spinbutton.vertical button:first-child:checked:checked:hover:focus, .osd spinbutton.vertical button:first-child:active:active, .osd spinbutton.vertical button:first-child:active:active:hover, .osd spinbutton.vertical button:first-child:active:active:focus, .osd spinbutton.vertical button:first-child:active:active:hover:focus, .osd spinbutton.vertical button:first-child:active:checked, .osd spinbutton.vertical button:first-child:active:checked:hover, .osd spinbutton.vertical button:first-child:active:checked:focus, .osd spinbutton.vertical button:first-child:active:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:checked:active, .osd spinbutton.vertical button:first-child.flat:checked:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:active:focus, .osd spinbutton.vertical button:first-child.flat:checked:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:checked:checked, .osd spinbutton.vertical button:first-child.flat:checked:checked:hover, .osd spinbutton.vertical button:first-child.flat:checked:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:active:active, .osd spinbutton.vertical button:first-child.flat:active:active:hover, .osd spinbutton.vertical button:first-child.flat:active:active:focus, .osd spinbutton.vertical button:first-child.flat:active:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:active:checked, .osd spinbutton.vertical button:first-child.flat:active:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:checked:focus, .osd spinbutton.vertical button:first-child.flat:active:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:active, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:hover:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - .osd spinbutton.vertical button:first-child:checked:disabled, .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - .osd spinbutton.vertical button:first-child:checked:active:disabled, .osd spinbutton.vertical button:first-child:checked:checked:disabled, .osd spinbutton.vertical button:first-child:active:active:disabled, .osd spinbutton.vertical button:first-child:active:checked:disabled, .osd spinbutton.vertical button:first-child.flat:checked:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:active:disabled, .osd spinbutton.vertical button:first-child.flat:active:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:focus, .osd spinbutton.vertical button:first-child.flat:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical button:first-child.flat:focus, .osd spinbutton.vertical button:first-child.flat:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child:hover, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover { - color: #e9e9e9; } - .osd spinbutton.vertical button:first-child:disabled:disabled, .osd spinbutton.vertical button:first-child.flat:disabled:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:disabled:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:disabled:disabled { - background-color: alpha(mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(rgba(44, 44, 44, 0.8),#e9e9e9,0.5); - box-shadow: none; } - .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - .osd spinbutton.vertical button:first-child.separator, .osd spinbutton.vertical button:first-child .separator, - #XfceNotifyWindow spinbutton.vertical button:first-child.separator, - #XfceNotifyWindow spinbutton.vertical button:first-child .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.7); } - .osd spinbutton.vertical button:first-child.separator:disabled, .osd spinbutton.vertical button:first-child .separator:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child.separator:disabled, - #XfceNotifyWindow spinbutton.vertical button:first-child .separator:disabled { - color: rgba(44, 44, 44, 0.65); } - -scrolledwindow viewport.frame { - border-style: none; } -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(22, 159, 111, 0.2)), to(rgba(22, 159, 111, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: 0; - box-shadow: none; } - scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: 0; - box-shadow: none; } -scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(22, 159, 111, 0.2)), to(rgba(22, 159, 111, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: 0; - box-shadow: none; } - scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: 0; - box-shadow: none; } -scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(22, 159, 111, 0.2)), to(rgba(22, 159, 111, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: 0; - box-shadow: none; } - scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: 0; - box-shadow: none; } -scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(22, 159, 111, 0.2)), to(rgba(22, 159, 111, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: 0; - box-shadow: none; } - scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(22, 159, 111, 0.35)), to(rgba(22, 159, 111, 0.25))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: 0; - box-shadow: none; } -scrolledwindow undershoot.top { - background-color: transparent; - /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%);*/ - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: 0; - box-shadow: none; } -scrolledwindow undershoot.bottom { - background-color: transparent; - /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%);*/ - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: 0; - box-shadow: none; } -scrolledwindow undershoot.left { - background-color: transparent; - /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%);*/ - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: 0; - box-shadow: none; } -scrolledwindow undershoot.right { - background-color: transparent; - /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%);*/ - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: 0; - box-shadow: none; } -scrolledwindow junction { - border-color: transparent; - border-image: linear-gradient(to bottom, mix(#dedede,#333333,0.08) 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #d1d1d1; } - scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; } - scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, mix(#dedede,mix(#dedede,#333333,0.08),0.9) 1px, transparent 1px); - background-color: #d6d6d6; - transition: 200ms ease-out; } - -/***************** - ! Progress bars * -******************/ -progressbar { - padding: 0; - border-radius: 2px; - font-size: smaller; - color: rgba(51, 51, 51, 0.6); } - progressbar.horizontal trough, - progressbar.horizontal progress { - min-height: 6px; } - progressbar.vertical trough, - progressbar.vertical progress { - min-width: 6px; } - progressbar trough { - border: 1px solid rgba(178, 178, 178, 0.5); - background-color: #f0f0f0; - background-image: none; - border-radius: 2px; } - progressbar progress { - background-color: #169f6f; - background-image: none; - border-radius: 0; } - progressbar progress.left { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; } - progressbar progress.right { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; } - progressbar progress.bottom { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } - progressbar progress.top { - border-top-left-radius: 2px; - border-top-right-radius: 2px; } - progressbar.osd { - margin: 2px; - min-height: 2px; - min-width: 2px; } - progressbar.osd trough { - border-style: none; - border-radius: 0; - background-image: none; - background-color: transparent; } - progressbar.osd progress { - border-style: none; - border-radius: 0; - background-color: #169f6f; - background-image: none; } - -levelbar.horizontal block { - min-width: 34px; - min-height: 4px; } -levelbar.vertical block { - min-width: 4px; - min-height: 34px; } -levelbar:backdrop { - transition: 200ms ease-out; } -levelbar trough { - background-color: #f0f0f0; - background-image: none; - border: 1px solid rgba(178, 178, 178, 0.5); - border-radius: 2px; - padding: 2px; } -levelbar.horizontal.discrete block { - margin: 0 1px; } - levelbar.horizontal.discrete block:first-child { - margin: 0; } -levelbar.vertical.discrete block { - margin: 1px 0; } - levelbar.vertical.discrete block:first-child { - margin: 0; } -levelbar block { - background-color: #169f6f; - background-image: none; - border-color: transparent; - border-radius: 2px; } - levelbar block.low { - background-color: #ef6c00; - border-color: transparent; } - levelbar block.high, levelbar block:not(.empty) { - background-color: #4caf50; - border-color: transparent; } - levelbar block.full { - background-color: #127f59; - border-color: transparent; } - levelbar block.empty { - background-color: transparent; - border-color: transparent; - box-shadow: none; } - -scale { - min-height: 10px; - min-width: 10px; - padding: 3px; } - scale.horizontal trough { - padding: 0 3px; } - scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; } - scale.vertical trough { - padding: 3px 0; } - scale.vertical highlight, scale.vertical fill { - margin: -4px 0; } - scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; } - scale.fine-tune slider { - margin: -7px; } - scale.fine-tune highlight { - background-color: #18af7a; } - scale.fine-tune fill, - scale.fine-tune highlight, - scale.fine-tune trough { - border-radius: 5px; - -gtk-outline-radius: 7px; } - scale trough { - outline-offset: 2px; - -gtk-outline-radius: 4.5px; - border-radius: 2.5px; - background-color: #b2b2b2; } - scale trough:disabled { - background-color: rgba(178, 178, 178, 0.55); } - .osd scale trough { - background-color: rgba(62, 62, 62, 0.8); } - .osd scale trough highlight { - background-color: #169f6f; } - menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); } - menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: #ffffff; } - menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: mix(#ffffff,#169f6f,0.55); } - menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); } - scale highlight { - border-radius: 2.5px; - background-color: #169f6f; } - scale highlight:disabled { - background-color: rgba(22, 159, 111, 0.55); } - scale fill { - border-radius: 2.5px; - background-color: rgba(22, 159, 111, 0.5); } - scale fill:disabled { - background-color: transparent; } - scale slider { - background-color: #bdbdbd; - border: 1px solid rgba(51, 51, 51, 0.16); - border-radius: 100%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; } - scale slider:hover { - background-color: #cacaca; } - scale slider:active { - background-clip: border-box; - background-color: #169f6f; - border-color: #169f6f; } - scale slider:disabled { - background-color: mix(#bdbdbd,#dedede,0.55); - border-color: rgba(51, 51, 51, 0); } - menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: #ffffff; - border-color: #ffffff; } - menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: mix(#ffffff,#169f6f,0.85); - border-color: mix(#ffffff,#169f6f,0.85); } - menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: mix(#ffffff,#169f6f,0.5); - border-color: mix(#ffffff,#169f6f,0.5); } - menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: mix(#ffffff,#169f6f,0.55); - border-color: mix(#ffffff,#169f6f,0.55); } - .osd scale slider { - background-clip: border-box; - background-color: #169f6f; - border-color: #169f6f; } - .osd scale slider:hover { - background-color: #1ccc8e; - border-color: #1ccc8e; } - .osd scale slider:active { - background-color: #107250; - border-color: #107250; } - scale value { - color: alpha(currentColor,0.4); } - scale marks { - color: alpha(currentColor,0.4); } - scale marks.top { - margin-bottom: 1px; - margin-top: -4px; } - scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; } - scale marks.top { - margin-right: 1px; - margin-left: -4px; } - scale marks.bottom { - margin-left: 1px; - margin-right: -4px; } - scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; } - scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; } - scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; } - scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; } - scale.horizontal indicator { - min-height: 3px; - min-width: 1px; } - scale.horizontal.fine-tune indicator { - min-height: 2px; } - scale.vertical indicator { - min-height: 1px; - min-width: 3px; } - scale.vertical.fine-tune indicator { - min-width: 2px; } - scale.color trough { - padding: 0; - border: 0; - background-image: none; } - scale.color highlight, scale.color fill { - margin: 0; } - scale.color.horizontal { - padding: 0 0 6px 0; } - scale.color.horizontal trough { - border-top-left-radius: 0; - border-top-right-radius: 0; } - scale.color.horizontal slider:hover, scale.color.horizontal slider:backdrop, scale.color.horizontal slider:disabled, scale.color.horizontal slider:backdrop:disabled, scale.color.horizontal slider { - margin-bottom: 0; - margin-top: 0; } - scale.color.vertical:dir(ltr) { - padding: 0 0 0 6px; } - scale.color.vertical:dir(ltr) trough { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { - margin-left: 0; - margin-right: 0; } - scale.color.vertical:dir(rtl) { - padding: 0 6px 0 0; } - scale.color.vertical:dir(rtl) trough { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { - margin-right: 0; - margin-left: 0; } - -/*********** - ! Scrollbar -************/ -scrollbar { - background-color: #d1d1d1; - transition: 300ms ease-out; } - * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - scrollbar.top { - border-bottom: 1px solid mix(#dedede,#333333,0.08); } - scrollbar.bottom { - border-top: 1px solid mix(#dedede,#333333,0.08); } - scrollbar.left { - border-right: 1px solid mix(#dedede,#333333,0.08); } - scrollbar.right { - border-left: 1px solid mix(#dedede,#333333,0.08); } - scrollbar:backdrop { - background-color: #d6d6d6; - border-color: mix(#dedede,mix(#dedede,#333333,0.08),0.9); - transition: 400ms ease-in; } - scrollbar slider { - min-width: 7px; - min-height: 7px; - border: 1px solid transparent; - border-radius: 2px; - background-clip: padding-box; - background-color: mix(#dedede,#333333,0.5); } - scrollbar slider:hover { - background-color: mix(#dedede,#333333,0.7); } - scrollbar slider:hover:active { - background-color: #13895f; } - scrollbar slider:backdrop { - background-color: mix(mix(#333333,#dedede,0.5),#dedede,0.4); } - scrollbar slider:disabled { - background-color: transparent; } - scrollbar.horizontal slider { - min-width: 40px; } - scrollbar.vertical slider { - min-height: 40px; } - scrollbar.fine-tune slider:active { - background-color: #19b57f; } - scrollbar.overlay-indicator { - opacity: .8; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: .4; - background-color: transparent; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - min-width: 4px; - min-height: 4px; - background-color: #333333; - border: 1px solid #fff; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 4px; - min-height: 4px; - border-color: transparent; - -gtk-icon-source: none; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - min-width: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 7px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - min-height: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 7px; } - scrollbar button { - min-width: 7px; - min-height: 7px; - padding: 0; - border: 0; - border-radius: 0; - border-color: mix(#dedede,#333333,0.08); - background-color: transparent; - box-shadow: none; - color: mix(#dedede,#333333,0.5); } - scrollbar button:hover { - color: mix(#dedede,#333333,0.7); } - scrollbar button:active, scrollbar button:checked { - color: #13895f; } - scrollbar button:backdrop { - color: mix(mix(#333333,#dedede,0.5),#dedede,0.4); } - scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - border-top: 1px solid mix(#dedede,#333333,0.08); } - scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); - border-bottom: 1px solid mix(#dedede,#333333,0.08); } - scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - border-left: 1px solid mix(#dedede,#333333,0.08); } - scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); - border-right: 1px solid mix(#dedede,#333333,0.08); } - -/********* - ! Sidebar -**********/ -.sidebar { - border-style: none; - background-color: mix(#dedede,#ffffff,0.5); } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid mix(#dedede,#333333,0.08); - border-left-style: none; } - stacksidebar.sidebar:dir(rtl) list - .sidebar:dir(rtl), stacksidebar.sidebar.right list - .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid mix(#dedede,#333333,0.08); - border-right-style: none; } - .sidebar:backdrop { - background-color: mix(#dedede,white,0.5); - border-color: mix(#dedede,mix(#dedede,#333333,0.08),0.9); - transition: 200ms ease-out; } - .sidebar .frame, .sidebar frame { - border-width: 0; } - .sidebar list { - background-color: transparent; } - paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { - border-style: none; } - -stacksidebar row { - padding: 6px 3px; } - stacksidebar row > label { - padding-left: 3px; - padding-right: 3px; } - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - -placessidebar > viewport.frame { - border-style: none; } -placessidebar row { - min-height: 32px; - padding: 0; } - placessidebar row > revealer { - padding: 0 6px; } - placessidebar row:selected { - color: #ffffff; } - placessidebar row:disabled { - color: mix(#333333,#dedede,0.5); } - placessidebar row:backdrop { - color: mix(#333333,#dedede,0.5); } - placessidebar row:backdrop:selected { - color: mix(#169f6f,#ffffff,0.66); } - placessidebar row:backdrop:disabled { - color: #b8b8b8; } - placessidebar row image.sidebar-icon { - opacity: 0.7; } - placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; - padding-left: 3px; } - placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; - padding-right: 3px; } - placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 20px; - min-width: 20px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100%; - -gtk-outline-radius: 100%; } - button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { - opacity: 0.7; } - placessidebar row:selected:active { - box-shadow: none; } - placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image(#4e9a06); - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: #169f6f; } - placessidebar row:drop(active):not(:disabled) { - color: #4e9a06; - box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } - placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; - background-color: #4e9a06; } - -/****** -! Paned -*******/ -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(#c8c8c8); - background-size: 1px 1px; - background-position: center center; } - paned > separator:selected { - background-image: image(#169f6f); } - paned > separator:backdrop { - background-image: image(mix(#dedede,mix(#dedede,#333333,0.08),0.9)); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #dedede; - background-image: image(#b2b2b2), image(#b2b2b2); - background-size: 1px 1px, 1px 1px; } - paned > separator.wide:backdrop { - background-color: #dedede; - background-image: image(mix(#dedede,mix(#dedede,#333333,0.08),0.9)), image(mix(#dedede,mix(#dedede,#333333,0.08),0.9)); } -paned.horizontal > separator { - background-repeat: repeat-y; - padding: 0 2px; - margin: 0 -2px; } - paned.horizontal > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; } -paned.vertical > separator { - background-repeat: repeat-x; - padding: 2px 0; - margin: -2px 0; } - paned.vertical > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; } -paned.titlebar > separator { - background-image: image(#282828); } - -/******************* - ! Spinner animation -********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -spinner { - background-image: none; - color: #169f6f; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - spinner:checked:disabled { - opacity: .5; } - -/*********************** - ! Check and Radio items -************************/ -radio { - background-image: none; - -gtk-icon-source: url("../assets/radio-unchecked.svg"); - min-width: 16px; - min-height: 16px; - margin-right: 3px; } - radio:disabled { - -gtk-icon-source: url("../assets/radio-unchecked-insensitive.svg"); } - radio:checked, radio:active { - -gtk-icon-source: url("../assets/radio-checked.svg"); } - radio:checked:disabled, radio:active:disabled { - -gtk-icon-source: url("../assets/radio-checked-insensitive.svg"); } - radio:indeterminate { - -gtk-icon-source: url("../assets/radio-mixed.svg"); } - radio:indeterminate:disabled { - -gtk-icon-source: url("../assets/radio-mixed-insensitive.svg"); } - menuitem radio, modelbutton radio { - -gtk-icon-source: url("../assets/menuitem-radio-checked-insensitive.svg"); } - menuitem radio:disabled, modelbutton radio:disabled { - -gtk-icon-source: none; } - menuitem radio:checked, menuitem radio:active, modelbutton radio:checked, modelbutton radio:active { - -gtk-icon-source: url("../assets/menuitem-radio-checked.svg"); } - menuitem radio:checked:hover, menuitem radio:active:hover, modelbutton radio:checked:hover, modelbutton radio:active:hover { - -gtk-icon-source: url("../assets/menuitem-radio-checked-hover.svg"); } - menuitem radio:checked:disabled, menuitem radio:active:disabled, modelbutton radio:checked:disabled, modelbutton radio:active:disabled { - -gtk-icon-source: url("../assets/menuitem-radio-checked-insensitive.svg"); } - menuitem radio:indeterminate, modelbutton radio:indeterminate { - -gtk-icon-source: url("../assets/menuitem-radio-mixed.svg"); } - menuitem radio:indeterminate:hover, modelbutton radio:indeterminate:hover { - -gtk-icon-source: url("../assets/menuitem-radio-mixed-hover.svg"); } - menuitem radio:indeterminate:disabled, modelbutton radio:indeterminate:disabled { - -gtk-icon-source: url("../assets/menuitem-radio-mixed-insensitive.svg"); } - -check { - background-image: none; - -gtk-icon-source: url("../assets/checkbox-unchecked.svg"); - min-width: 16px; - min-height: 16px; - margin-right: 3px; } - check:disabled { - -gtk-icon-source: url("../assets/checkbox-unchecked-insensitive.svg"); } - check:checked, check:active { - -gtk-icon-source: url("../assets/checkbox-checked.svg"); } - check:checked:disabled, check:active:disabled { - -gtk-icon-source: url("../assets/checkbox-checked-insensitive.svg"); } - check:indeterminate { - -gtk-icon-source: url("../assets/checkbox-mixed.svg"); } - check:indeterminate:disabled { - -gtk-icon-source: url("../assets/checkbox-mixed-insensitive.svg"); } - menuitem check, modelbutton check { - -gtk-icon-source: url("../assets/menuitem-checkbox-checked-insensitive.svg"); } - menuitem check:disabled, modelbutton check:disabled { - -gtk-icon-source: none; } - menuitem check:checked, menuitem check:active, modelbutton check:checked, modelbutton check:active { - -gtk-icon-source: url("../assets/menuitem-checkbox-checked.svg"); } - menuitem check:checked:hover, menuitem check:active:hover, modelbutton check:checked:hover, modelbutton check:active:hover { - -gtk-icon-source: url("../assets/menuitem-checkbox-checked-hover.svg"); } - menuitem check:checked:disabled, menuitem check:active:disabled, modelbutton check:checked:disabled, modelbutton check:active:disabled { - -gtk-icon-source: url("../assets/menuitem-checkbox-checked-insensitive.svg"); } - menuitem check:indeterminate, modelbutton check:indeterminate { - -gtk-icon-source: url("../assets/menuitem-checkbox-mixed.svg"); } - menuitem check:indeterminate:hover, modelbutton check:indeterminate:hover { - -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-hover.svg"); } - menuitem check:indeterminate:disabled, modelbutton check:indeterminate:disabled { - -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-insensitive.svg"); } - -radio:dir(rtl), check:dir(rtl) { - margin-right: 0; - margin-left: 3px; } - -.view.content-view.check:not(list), iconview.content-view.check:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); - background-color: transparent; } - -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); - background-color: transparent; } - -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-checked.svg"); - background-color: transparent; } - -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); - background-color: transparent; } - -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-checked.svg"); - background-color: transparent; } - -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-checked.svg"); - background-color: transparent; } - -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-checked.svg"); - background-color: transparent; } - -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection-checked.svg"); - background-color: transparent; } - -/******** - ! Switch -*********/ -switch { - border-radius: 2px; - padding: 2px; - border: none; - outline: none; - transition: background-color .3s linear; - min-width: 88px; - min-height: 24px; - background-color: mix(#dedede,#ffffff,0.3); - color: #2c2c2c; - box-shadow: inset 1px -1px 0 rgba(10, 10, 10, 0.06), inset -1px 1px 0 rgba(10, 10, 10, 0.06); } - switch slider { - background-color: mix(#2c2c2c,#dedede,0.5); - transition: all 0.3s ease-in; - box-shadow: 0 1px 2px 0 rgba(10, 10, 10, 0.07), 1px 0 2px 0 rgba(10, 10, 10, 0.07); - border-radius: 2px; } - switch:checked { - background-color: #169f6f; - background-image: none; - border-color: #169f6f; - color: #ffffff; } - switch:checked slider { - background-color: #fff; - box-shadow: 0 1px 3px 0 rgba(10, 10, 10, 0.1); } - switch:disabled { - background-color: mix(#dedede,#ffffff,0.5); - background-image: none; - border-color: #dedede; - color: #dedede; - box-shadow: none; } - switch:disabled slider { - background-color: #dedede; } - list row:selected switch { - background-color: #dedede; - color: mix(#dedede,#ffffff,0.5); } - list row:selected switch slider { - background-color: mix(mix(#dedede,#ffffff,0.5),#ffffff,0.4); } - list row:selected switch:checked { - color: #169f6f; - background-color: mix(#2c2c2c,#dedede,0.5); } - list row:selected switch:checked slider { - background-color: #169f6f; } - -/********* - ! Buttons -**********/ -/****************** -! ComboBoxes * -*******************/ -/********* - ! Toolbar -**********/ -/*************** - ! Generic views -****************/ -.view, iconview, -.view text, -iconview text, -textview text { - color: #2c2c2c; - background-color: #ffffff; } - .view:backdrop, iconview:backdrop, - .view text:backdrop, - iconview text:backdrop, - textview text:backdrop { - color: mix(white,#2c2c2c,0.8); - background-color: white; } - .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - .view text:selected:focus, - iconview text:selected:focus, - textview text:selected:focus, - .view text:selected, - iconview text:selected, - textview text:selected { - border-radius: 2px; } - -textview border { - background-color: mix(#dedede,#ffffff,0.5); } - -/************ -! Treeview -*************/ -.rubberband, -rubberband, -flowbox rubberband, -treeview.view rubberband { - border: 1px solid #169f6f; - background-color: rgba(22, 159, 111, 0.2); } - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: #ffffff; - transition-property: color, background; } -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: #ffffff; } - treeview entry.flat:focus, treeview entry:focus { - border-color: #169f6f; } - -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - padding: 1px 4px; - border-radius: 0; - background-image: none; - text-shadow: none; - border-style: none solid solid none; - border-color: #dedede; } - treeview.view header button:disabled { - border-color: #dedede; - background-image: none; } - treeview.view header button:backdrop { - border-color: #dedede; - border-style: none solid solid none; - color: mix(mix(#333333,#dedede,0.5),#dedede,0.5); - background-image: none; - background-color: white; } - treeview.view header button:backdrop:disabled { - border-color: #dedede; - background-image: none; } - -treeview.view { - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - border-left-color: mix(#333333,#ffffff,0.5); - border-top-color: #dedede; } - treeview.view:selected:focus, treeview.view:selected { - border-radius: 0; } - treeview.view:selected:backdrop, treeview.view:selected { - border-left-color: mix(#ffffff,#169f6f,0.5); - border-top-color: rgba(51, 51, 51, 0.1); } - treeview.view:disabled { - color: mix(#333333,#dedede,0.5); } - treeview.view:disabled:selected { - color: mix(#ffffff,#169f6f,0.4); } - treeview.view:disabled:selected:backdrop { - color: mix(mix(#169f6f,#ffffff,0.66),#169f6f,0.3); } - treeview.view:disabled:backdrop { - color: #b8b8b8; } - treeview.view.separator { - min-height: 2px; - color: #dedede; } - treeview.view.separator:backdrop { - color: rgba(222, 222, 222, 0.1); } - treeview.view:backdrop { - border-left-color: mix(mix(#333333,#dedede,0.5),#dedede,0.5); - border-top: #dedede; } - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: mix(#169f6f,#333333,0.3); } - treeview.view:drop(active).after { - border-top-style: none; } - treeview.view:drop(active).before { - border-bottom-style: none; } - treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: mix(#ffffff,#333333,0.7); } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - treeview.view.expander:hover { - color: #333333; } - treeview.view.expander:selected { - color: mix(#169f6f,#ffffff,0.7); } - treeview.view.expander:selected:hover { - color: #ffffff; } - treeview.view.expander:selected:backdrop { - color: mix(#169f6f,mix(#169f6f,#ffffff,0.66),0.7); } - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.expander:backdrop { - color: mix(white,mix(#333333,#dedede,0.5),0.7); } - treeview.view.progressbar { - color: #ffffff; - border-radius: 2px; - border: 1px solid mix(#169f6f,#333333,0.3); - background-color: #169f6f; } - treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { - color: #ffffff; - box-shadow: none; - background-color: #169f6f; - background-image: none; - border-radius: 2px; } - treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - color: mix(#169f6f,#ffffff,0.66); - border-color: mix(#169f6f,#333333,0.3); - background-color: mix(white,#169f6f,0.9); } - treeview.view.progressbar:disabled { - background-color: #dedede; - background-image: none; - border-color: #bdbdbd; } - treeview.view.progressbar:backdrop { - color: white; - background-image: none; - box-shadow: none; } - treeview.view.trough { - background-color: rgba(51, 51, 51, 0.1); - border-radius: 2px; } - treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: rgba(255, 255, 255, 0.3); - border-width: 1px 0; - border-style: solid; - border-color: #169f6f; - border-radius: 2px; } - treeview.view header button { - color: mix(#333333,#ffffff,0.5); - background-color: #ffffff; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - treeview.view header button:hover { - color: mix(mix(#333333,#ffffff,0.5),#333333,0.5); - box-shadow: none; - transition: none; } - treeview.view header button:active { - color: #333333; - transition: none; } - treeview.view header button:last-child:backdrop, treeview.view header button:last-child { - border-right-style: none; } - treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 0 6px; - transition: none; - background-image: none; - background-color: #169f6f; - color: #ffffff; - border-radius: 0; - border-style: none; - box-shadow: inset 0 0 0 1px #ffffff; - text-shadow: none; } - treeview.view acceleditor > label { - background-color: #169f6f; } - -/*********** - ! Separator -************/ -separator { - background: rgba(0, 0, 0, 0.1); - min-width: 1px; - min-height: 1px; } - -/********** - ! Frames * -***********/ -frame > border, .frame { - border: 1px solid mix(#dedede,#333333,0.08); } - frame > border.flat, .frame.flat { - border-style: none; } - frame > border:backdrop, .frame:backdrop { - border-color: mix(#dedede,mix(#dedede,#333333,0.08),0.9); } - -/* avoid double borders when a viewport is packed into a GtkScrolledWindow */ -scrolledwindow viewport.frame { - border: 0; } - -/*************** - ! Places view * -****************/ -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); } -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(-0.5turn); } -placesview row.activatable:hover { - background-color: transparent; } -placesview > actionbar > revealer > box > label { - padding-left: 8px; - padding-right: 8px; } - -/************** - ! Window frame -***************/ -decoration { - border-radius: 2px 2px 0 0; - border-width: 0; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.7), 0 0 0 1px transparent; - /* this is used for the resize cursor area */ - margin: 9px; } - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; - transition: 200ms ease-out; } - .maximized decoration, .fullscreen decoration, .tiled decoration { - border-radius: 0; } - .popup decoration { - box-shadow: none; } - .ssd decoration { - box-shadow: 0 0 0 1px transparent; } - .solid-csd decoration { - border-radius: 0; - margin: 1px; - background-color: #dedede; - box-shadow: none; } - .csd.popup decoration { - border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - tooltip.csd decoration { - border-radius: 2px; - box-shadow: none; } - messagedialog.csd decoration { - border-radius: 2px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - -/*********************** - ! Fallback mode panel * -************************/ -panel-plug, -panel-toplevel.background, clock-box, clock-box:backdrop, -panel-applet > menubar, -panel-applet > menubar:backdrop, -panel-toplevel .gnome-panel-menu-bar, -panel-toplevel .gnome-panel-menu-bar:backdrop, clock-box menuitem, clock-box:backdrop menuitem, -panel-applet > menubar menuitem, -panel-applet > menubar:backdrop menuitem, -panel-toplevel .gnome-panel-menu-bar menuitem, -panel-toplevel .gnome-panel-menu-bar:backdrop menuitem, wnck-pager, wnck-tasklist, .mate-panel-menu-bar, .xfce4-panel, UnityPanelWidget, .unity-panel { - background-color: #2c2c2c; - background-image: none; - color: #e9e9e9; } - -clock-box menuitem label, clock-box:backdrop menuitem label, -panel-applet > menubar menuitem label, -panel-applet > menubar:backdrop menuitem label, -panel-toplevel .gnome-panel-menu-bar menuitem label, -panel-toplevel .gnome-panel-menu-bar:backdrop menuitem label, gp-calendar-window label, -#tasklist-button label, -#clock-applet-button label, -#showdesktop-button label { - font-weight: normal; - color: #e9e9e9; } - -#clock-applet-button, #clock-applet-button:backdrop, panel-applet button, panel-applet button:backdrop, .xfce4-panel button, #login_window, #shutdown_dialog, #restart_dialog { - border-width: 0 1px; - border-radius: 0; - border-color: transparent; - background-color: transparent; - background-image: none; - color: #e9e9e9; } - #clock-applet-button:hover, panel-applet button:hover, .xfce4-panel button:hover, #login_window:hover, #shutdown_dialog:hover, #restart_dialog:hover { - background-color: mix(#2c2c2c,#e9e9e9,0.11); - background-image: none; - border-color: mix(#2c2c2c,#e9e9e9,0.11); - color: #fcfcfc; } - #clock-applet-button:active, panel-applet button:active, .xfce4-panel button:active, #login_window:active, #shutdown_dialog:active, #restart_dialog:active, #clock-applet-button:checked, panel-applet button:checked, .xfce4-panel button:checked, #login_window:checked, #shutdown_dialog:checked, #restart_dialog:checked { - background-color: mix(#2c2c2c,#e9e9e9,0.21); - background-image: none; - border-color: mix(#2c2c2c,#e9e9e9,0.21); - color: #fcfcfc; } - #clock-applet-button:active:hover, panel-applet button:active:hover, .xfce4-panel button:active:hover, #login_window:active:hover, #shutdown_dialog:active:hover, #restart_dialog:active:hover, #clock-applet-button:checked:hover, panel-applet button:checked:hover, .xfce4-panel button:checked:hover, #login_window:checked:hover, #shutdown_dialog:checked:hover, #restart_dialog:checked:hover { - background-color: mix(#2c2c2c,#e9e9e9,0.31); - background-image: none; - border-color: mix(#2c2c2c,#e9e9e9,0.31); } - -panel-plug, -panel-toplevel.background { - padding: 0; } - -.gp-text-color { - color: #000; } - -panel-applet { - border: 0; } - -clock-box menuitem, clock-box:backdrop menuitem, -panel-applet > menubar menuitem, -panel-applet > menubar:backdrop menuitem, -panel-toplevel .gnome-panel-menu-bar menuitem, -panel-toplevel .gnome-panel-menu-bar:backdrop menuitem { - border: 0; } - -/**************** - ! MATE styles * -*****************/ -.mate-panel-menu-bar { - border: 0; - padding: 0; - text-shadow: none; } - -#PanelApplet label, -.mate-panel-menu-bar menubar > menuitem { - color: #e9e9e9; } - -PanelSeparator, MatePanelAppletFrameDBus { - border-width: 0; - color: transparent; - background-image: -gtk-scaled(url("../assets/pane-handle.png"), url("../assets/pane-handle@2.png")); - background-color: transparent; - background-repeat: no-repeat; - background-position: left; } - -#PanelApplet button, -#PanelApplet button.flat, -#PanelApplet button.toggle -#PanelApplet button.flat.toggle { - background-image: none; - background-color: transparent; - border-color: transparent; - border-style: solid; - border-radius: 0; - border-width: 1px; - color: #e9e9e9; - text-shadow: none; - box-shadow: none; - padding: 2px; } - -#PanelApplet button:hover:active, -#PanelApplet button:checked, -#PanelApplet button:checked:hover, -#PanelApplet button.flat:hover:active, -#PanelApplet button.flat:checked, -#PanelApplet button.flat:checked:hover, -#PanelApplet button.toggle:hover:active, -#PanelApplet button.toggle:checked, -#PanelApplet button.toggle:checked:hover, -#PanelApplet button.flat.toggle:hover:active, -#PanelApplet button.flat.toggle:checked, -#PanelApplet button.flat.toggle:checked:hover { - background-image: none; - background-color: darker(#2c2c2c); - border-color: transparent; - border-radius: 0; - border-width: 1px; - color: lighter(#e9e9e9); - text-shadow: none; - padding: 2px; } - -#PanelApplet button:hover, -#PanelApplet button.flat:hover, -#PanelApplet button.toggle:hover, -#PanelApplet button.flat.toggle:hover { - background-image: none; - background-color: #393939; - border-color: transparent; - border-radius: 0; - border-width: 1px; - color: #ffffff; - text-shadow: none; - padding: 2px; } - -.mate-panel-menu-bar menubar > menuitem { - padding: 3px 7px; } - -/********************* - ! Cinnamon Settings * -**********************/ -.cs-category-view, .cs-category-view:backdrop, .cs-category-view .view, .cs-category-view iconview, .cs-category-view .view:backdrop, .cs-category-view iconview:backdrop { - background-color: transparent; } - -/**************** - ! Gnome clocks * -*****************/ -.clocks-analog-frame.trough { - color: mix(#333333,#dedede,0.85); } -.clocks-analog-frame.progress { - color: mix(#dedede,#169f6f,0.5); } -.clocks-analog-frame.progress-fast { - color: #0f6f4e; } - -/***************** - ! Gnome Builder * -******************/ -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: 0; - box-shadow: none; } - workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 2px 2px 0 0; } - -/*********************** - ! Unity Greeter * - ***********************/ -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); } } -.lightdm.button, .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.9); - border-radius: 5px; - padding: 3px; - color: #fff; } - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.6); - border-color: rgba(255, 255, 255, 0.2); - border-radius: 4px; - padding: 1px; - color: #fff; } - .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { - color: #fff; } -.lightdm.menubar *, .lightdm.menubar.menuitem { - padding: 0px; } -.lightdm.option-button { - padding: 3px; - background: none; - border: 0; } -.lightdm.toggle-button { - background: none; - border-width: 0; } - .lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.3); - border-width: 1px; } - .lightdm.toggle-button.selected:hover { - background-color: rgba(255, 255, 255, 0.3); } -.lightdm.button:hover { - background-color: rgba(255, 255, 255, 0.3); - border-color: rgba(255, 255, 255, 0.6); - text-shadow: none; } -.lightdm.entry, .lightdm.button:active, .lightdm.button:active:focus, .lightdm.button:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.6); - border-radius: 5px; - padding: 5px; - color: #fff; - text-shadow: none; } -.lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focus { - background-image: none; - border-image: none; } -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; } -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.6); - border-width: 1px; - border-style: solid; - color: #fff; } -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.2); } - -.lightdm-combo.menu { - background-color: #303030; - border-radius: 0; - padding: 0; - color: #fff; } - -/********* - ! Gedit * -**********/ -GeditWindow .pane-separator { - border-width: 0 1px 0 0; - border-style: solid; } - GeditWindow .pane-separator, GeditWindow .pane-separator:hover { - border-color: #c8c8c8; - background-color: #dedede; } - -.gedit-document-panel { - background-color: #dedede; - color: mix(#333333,#dedede,0.1); } - .gedit-document-panel list row { - padding: 3px; } - .gedit-document-panel list row button { - padding: 1px; - border-radius: 2px; - border-style: solid; - border-color: transparent; - border-width: 1px; - background-color: transparent; - background-image: none; - color: transparent; - -gtk-icon-shadow: none; } - .gedit-document-panel .prelight-row button { - border-color: rgba(0, 0, 0, 0.1); - color: rgba(255, 255, 255, 0.8); } - .gedit-document-panel .prelight-row button:active { - border-color: rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.08); - color: #fff; } - .gedit-document-panel list row button:hover, .gedit-document-panel .prelight-row button:hover { - border-color: rgba(0, 0, 0, 0.1); - color: #fff; } - -.gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { - border-top: 1px solid #c8c8c8; - background-color: #dedede; } - -.gedit-document-panel-document-row:hover { - background-color: #e9e9e9; } - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: rgba(0, 0, 0, 0.5); - color: #fff; } - -.gedit-document-panel-placeholder-row { - border: 0; - background-color: rgba(0, 0, 0, 0.08); - transition: all 200ms ease-in; } - -statusbar GeditSmallButton, GeditStatusMenuButton { - text-shadow: none; } - statusbar GeditSmallButton button, GeditStatusMenuButton button { - border-style: solid; - border-width: 0 1px; - border-color: transparent; - border-radius: 0; - padding: 1px 6px 2px 4px; } - statusbar GeditSmallButton button:hover, statusbar GeditSmallButton button:active, statusbar GeditSmallButton button:active:hover, GeditStatusMenuButton button:hover, GeditStatusMenuButton button:active, GeditStatusMenuButton button:active:hover { - border-color: #b2b2b2; } - statusbar GeditSmallButton button:active, GeditStatusMenuButton button:active { - background-color: lightgray; - color: #333333; } - -GeditViewFrame .gedit-search-slider { - padding: 3px; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px; - border-style: solid; - border-color: #cccccc; - background-color: #ffffff; } - GeditViewFrame .gedit-search-slider .not-found { - background-color: #f44336; - background-image: none; - color: #fff; } - -GeditFileBrowserWidget .toolbar { - padding: 1.5px; - border-top: 0; - background-color: #dedede; - background-image: none; } - -.gedit-search-entry-occurrences-tag { - margin: 1.5px; - padding: 1.5px; - color: mix(#2c2c2c,#ffffff,0.5); } - -.gedit-bottom-panel-paned, -.gedit-side-panel-paned, -paned.titlebar { - margin-right: 0; } - -.gedit-bottom-panel-paned notebook { - border-top: none; } - -/************ - ! Nautilus * -*************/ -.nautilus-desktop, .nautilus-desktop:backdrop, .nautilus-desktop *, .nautilus-desktop *:backdrop { - color: #fff; - text-shadow: 1px 1px #000; } - .nautilus-desktop:active, .nautilus-desktop:backdrop:active, .nautilus-desktop *:active, .nautilus-desktop *:backdrop:active { - color: #333333; } - .nautilus-desktop:selected, .nautilus-desktop:backdrop:selected, .nautilus-desktop *:selected, .nautilus-desktop *:backdrop:selected { - color: #ffffff; } - .nautilus-desktop:active, .nautilus-desktop:hover, .nautilus-desktop:selected, .nautilus-desktop:backdrop:active, .nautilus-desktop:backdrop:hover, .nautilus-desktop:backdrop:selected, .nautilus-desktop *:active, .nautilus-desktop *:hover, .nautilus-desktop *:selected, .nautilus-desktop *:backdrop:active, .nautilus-desktop *:backdrop:hover, .nautilus-desktop *:backdrop:selected { - text-shadow: none; } - -.nautilus-window toolbar { - border-width: 0 0 1px; - border-style: solid; - border-color: #b2b2b2; } -.nautilus-window .sidebar { - border: 0; } - .nautilus-window .sidebar frame { - border: 0; } -.nautilus-window notebook { - background-color: #ffffff; - border: 0; } - .nautilus-window notebook frame { - border: 0; } -.nautilus-window .searchbar-container { - margin-top: -1px; } - .nautilus-window .searchbar-container searchbar { - padding-top: 0px; - padding-bottom: 1px; - border-bottom: 1px solid mix(#dedede,#333333,0.08); } - -.disk-space-display { - border-style: solid; - border-width: 1px; } - .disk-space-display.unknown { - background-color: rgba(51, 51, 51, 0.5); - border-color: rgba(46, 46, 46, 0.5); } - .disk-space-display.used { - background-color: rgba(22, 159, 111, 0.8); - border-color: rgba(20, 143, 100, 0.8); } - .disk-space-display.free { - background-color: lightgray; - border-color: #bebebe; } - -.conflict-row.activatable, .conflict-row.activatable:active { - color: #fff; - background-color: #f44336; } -.conflict-row.activatable:hover { - background-color: #f65d52; } -.conflict-row.activatable:selected { - color: #ffffff; - background-color: #169f6f; } - -/******** - ! Nemo * -*********/ -.nemo-desktop, .nemo-desktop:backdrop, .nemo-desktop *, .nemo-desktop *:backdrop { - color: #fff; - text-shadow: 1px 1px #000; } - .nemo-desktop:active, .nemo-desktop:backdrop:active, .nemo-desktop *:active, .nemo-desktop *:backdrop:active { - color: #333333; } - .nemo-desktop:selected, .nemo-desktop:backdrop:selected, .nemo-desktop *:selected, .nemo-desktop *:backdrop:selected { - color: #ffffff; } - .nemo-desktop:active, .nemo-desktop:hover, .nemo-desktop:selected, .nemo-desktop:backdrop:active, .nemo-desktop:backdrop:hover, .nemo-desktop:backdrop:selected, .nemo-desktop *:active, .nemo-desktop *:hover, .nemo-desktop *:selected, .nemo-desktop *:backdrop:active, .nemo-desktop *:backdrop:hover, .nemo-desktop *:backdrop:selected { - text-shadow: none; } - -.nemo-window { - /* Status Bar */ } - .nemo-window toolbar { - border-width: 0 0 1px; - border-style: solid; - border-color: #b2b2b2; - /* Path Bar */ } - .nemo-window toolbar button { - background-color: #dedede; - background-image: none; - border-color: rgba(41, 41, 41, 0.32); - color: #333333; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - .nemo-window toolbar button:focus, .nemo-window toolbar button:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.32),0.3); } - .nemo-window toolbar button:active, .nemo-window toolbar button:active:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover:focus, .nemo-window toolbar button:checked, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.32); } - .nemo-window toolbar button:disabled { - border-color: rgba(43, 43, 43, 0.32); } - .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled { - border-color: rgba(41, 41, 41, 0.32); } - .nemo-window toolbar button:active { - color: #333333; } - .nemo-window toolbar button.flat { - color: #333333; - border-color: rgba(222, 222, 222, 0); - background-color: rgba(222, 222, 222, 0); - background-image: none; - box-shadow: none; } - .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:hover { - background-color: #e9e9e9; - background-image: none; - border-color: rgba(41, 41, 41, 0.4); - color: #333333; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - .nemo-window toolbar button:hover:focus, .nemo-window toolbar button:hover:hover, .nemo-window toolbar button.flat:hover:focus, .nemo-window toolbar button.flat:hover:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.4),0.3); } - .nemo-window toolbar button:hover:active, .nemo-window toolbar button:hover:active:hover, .nemo-window toolbar button:hover:active:focus, .nemo-window toolbar button:hover:active:hover:focus, .nemo-window toolbar button:hover:checked, .nemo-window toolbar button:hover:checked:hover, .nemo-window toolbar button:hover:checked:focus, .nemo-window toolbar button:hover:checked:hover:focus, .nemo-window toolbar button.flat:hover:active, .nemo-window toolbar button.flat:hover:active:hover, .nemo-window toolbar button.flat:hover:active:focus, .nemo-window toolbar button.flat:hover:active:hover:focus, .nemo-window toolbar button.flat:hover:checked, .nemo-window toolbar button.flat:hover:checked:hover, .nemo-window toolbar button.flat:hover:checked:focus, .nemo-window toolbar button.flat:hover:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.4); } - .nemo-window toolbar button:hover:disabled, .nemo-window toolbar button.flat:hover:disabled { - border-color: rgba(43, 43, 43, 0.4); } - .nemo-window toolbar button:hover:active:disabled, .nemo-window toolbar button:hover:checked:disabled, .nemo-window toolbar button.flat:hover:active:disabled, .nemo-window toolbar button.flat:hover:checked:disabled { - border-color: rgba(41, 41, 41, 0.4); } - .nemo-window toolbar button:focus, .nemo-window toolbar button.flat:focus { - background-color: #e9e9e9; - background-image: none; - border-color: rgba(41, 41, 41, 0.4); - color: #333333; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .nemo-window toolbar button:focus:focus, .nemo-window toolbar button:focus:hover, .nemo-window toolbar button.flat:focus:focus, .nemo-window toolbar button.flat:focus:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.4),0.3); } - .nemo-window toolbar button:focus:active, .nemo-window toolbar button:focus:active:hover, .nemo-window toolbar button:focus:active:focus, .nemo-window toolbar button:focus:active:hover:focus, .nemo-window toolbar button:focus:checked, .nemo-window toolbar button:focus:checked:hover, .nemo-window toolbar button:focus:checked:focus, .nemo-window toolbar button:focus:checked:hover:focus, .nemo-window toolbar button.flat:focus:active, .nemo-window toolbar button.flat:focus:active:hover, .nemo-window toolbar button.flat:focus:active:focus, .nemo-window toolbar button.flat:focus:active:hover:focus, .nemo-window toolbar button.flat:focus:checked, .nemo-window toolbar button.flat:focus:checked:hover, .nemo-window toolbar button.flat:focus:checked:focus, .nemo-window toolbar button.flat:focus:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.4); } - .nemo-window toolbar button:focus:disabled, .nemo-window toolbar button.flat:focus:disabled { - border-color: rgba(43, 43, 43, 0.4); } - .nemo-window toolbar button:focus:active:disabled, .nemo-window toolbar button:focus:checked:disabled, .nemo-window toolbar button.flat:focus:active:disabled, .nemo-window toolbar button.flat:focus:checked:disabled { - border-color: rgba(41, 41, 41, 0.4); } - .nemo-window toolbar button:focus:hover, .nemo-window toolbar button.flat:focus:hover { - background-color: #f4f4f4; - background-image: none; - border-color: rgba(41, 41, 41, 0.4); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.38); } - .nemo-window toolbar button:focus:hover:focus, .nemo-window toolbar button:focus:hover:hover, .nemo-window toolbar button.flat:focus:hover:focus, .nemo-window toolbar button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.4),0.3); } - .nemo-window toolbar button:focus:hover:active, .nemo-window toolbar button:focus:hover:active:hover, .nemo-window toolbar button:focus:hover:active:focus, .nemo-window toolbar button:focus:hover:active:hover:focus, .nemo-window toolbar button:focus:hover:checked, .nemo-window toolbar button:focus:hover:checked:hover, .nemo-window toolbar button:focus:hover:checked:focus, .nemo-window toolbar button:focus:hover:checked:hover:focus, .nemo-window toolbar button.flat:focus:hover:active, .nemo-window toolbar button.flat:focus:hover:active:hover, .nemo-window toolbar button.flat:focus:hover:active:focus, .nemo-window toolbar button.flat:focus:hover:active:hover:focus, .nemo-window toolbar button.flat:focus:hover:checked, .nemo-window toolbar button.flat:focus:hover:checked:hover, .nemo-window toolbar button.flat:focus:hover:checked:focus, .nemo-window toolbar button.flat:focus:hover:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.4); } - .nemo-window toolbar button:focus:hover:disabled, .nemo-window toolbar button.flat:focus:hover:disabled { - border-color: rgba(43, 43, 43, 0.4); } - .nemo-window toolbar button:focus:hover:active:disabled, .nemo-window toolbar button:focus:hover:checked:disabled, .nemo-window toolbar button.flat:focus:hover:active:disabled, .nemo-window toolbar button.flat:focus:hover:checked:disabled { - border-color: rgba(41, 41, 41, 0.4); } - .nemo-window toolbar button:checked, .nemo-window toolbar button:active, .nemo-window toolbar button.flat:checked, .nemo-window toolbar button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(51, 51, 51, 0.06), inset 0 1px rgba(51, 51, 51, 0.07), inset -1px 0 rgba(51, 51, 51, 0.06), inset 0 -1px rgba(51, 51, 51, 0.05); - border-color: rgba(41, 41, 41, 0.32); } - .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover, .nemo-window toolbar button.flat:checked:focus, .nemo-window toolbar button.flat:checked:hover, .nemo-window toolbar button.flat:active:focus, .nemo-window toolbar button.flat:active:hover { - border-color: mix(#169f6f,rgba(51, 51, 51, 0.32),0.3); } - .nemo-window toolbar button:checked:active, .nemo-window toolbar button:checked:active:hover, .nemo-window toolbar button:checked:active:focus, .nemo-window toolbar button:checked:active:hover:focus, .nemo-window toolbar button:checked:checked, .nemo-window toolbar button:checked:checked:hover, .nemo-window toolbar button:checked:checked:focus, .nemo-window toolbar button:checked:checked:hover:focus, .nemo-window toolbar button:active:active, .nemo-window toolbar button:active:active:hover, .nemo-window toolbar button:active:active:focus, .nemo-window toolbar button:active:active:hover:focus, .nemo-window toolbar button:active:checked, .nemo-window toolbar button:active:checked:hover, .nemo-window toolbar button:active:checked:focus, .nemo-window toolbar button:active:checked:hover:focus, .nemo-window toolbar button.flat:checked:active, .nemo-window toolbar button.flat:checked:active:hover, .nemo-window toolbar button.flat:checked:active:focus, .nemo-window toolbar button.flat:checked:active:hover:focus, .nemo-window toolbar button.flat:checked:checked, .nemo-window toolbar button.flat:checked:checked:hover, .nemo-window toolbar button.flat:checked:checked:focus, .nemo-window toolbar button.flat:checked:checked:hover:focus, .nemo-window toolbar button.flat:active:active, .nemo-window toolbar button.flat:active:active:hover, .nemo-window toolbar button.flat:active:active:focus, .nemo-window toolbar button.flat:active:active:hover:focus, .nemo-window toolbar button.flat:active:checked, .nemo-window toolbar button.flat:active:checked:hover, .nemo-window toolbar button.flat:active:checked:focus, .nemo-window toolbar button.flat:active:checked:hover:focus { - border-color: rgba(36, 36, 36, 0.32); } - .nemo-window toolbar button:checked:disabled, .nemo-window toolbar button:active:disabled, .nemo-window toolbar button.flat:checked:disabled, .nemo-window toolbar button.flat:active:disabled { - border-color: rgba(43, 43, 43, 0.32); } - .nemo-window toolbar button:checked:active:disabled, .nemo-window toolbar button:checked:checked:disabled, .nemo-window toolbar button:active:active:disabled, .nemo-window toolbar button:active:checked:disabled, .nemo-window toolbar button.flat:checked:active:disabled, .nemo-window toolbar button.flat:checked:checked:disabled, .nemo-window toolbar button.flat:active:active:disabled, .nemo-window toolbar button.flat:active:checked:disabled { - border-color: rgba(41, 41, 41, 0.32); } - .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover, .nemo-window toolbar button.flat:checked:focus, .nemo-window toolbar button.flat:checked:hover, .nemo-window toolbar button.flat:active:focus, .nemo-window toolbar button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - .nemo-window toolbar button:focus, .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:focus, .nemo-window toolbar button.flat:hover { - color: #333333; } - .nemo-window toolbar button:disabled:disabled, .nemo-window toolbar button.flat:disabled:disabled { - background-color: alpha(mix(#dedede,#333333,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#dedede,#333333,0.5); - box-shadow: none; } - .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled, .nemo-window toolbar button.flat:active:disabled, .nemo-window toolbar button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - .nemo-window toolbar button.separator, .nemo-window toolbar button .separator { - border: 1px solid currentColor; - color: rgba(222, 222, 222, 0.9); } - .nemo-window toolbar button.separator:disabled, .nemo-window toolbar button .separator:disabled { - color: rgba(222, 222, 222, 0.85); } - .nemo-window toolbar .linked > button { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - .nemo-window toolbar .linked > button:focus, .nemo-window toolbar .linked > button:hover { - box-shadow: inset -1px 0 mix(#169f6f,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .nemo-window toolbar .linked > button:active, .nemo-window toolbar .linked > button:active:hover, .nemo-window toolbar .linked > button:active:focus, .nemo-window toolbar .linked > button:active:hover:focus, .nemo-window toolbar .linked > button:checked, .nemo-window toolbar .linked > button:checked:hover, .nemo-window toolbar .linked > button:checked:focus, .nemo-window toolbar .linked > button:checked:hover:focus { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(10, 10, 10, 0.07), inset 0 -1px rgba(10, 10, 10, 0.05); } - .nemo-window toolbar .linked > button:disabled { - box-shadow: inset -1px 0 #b2b2b2; } - .nemo-window toolbar .linked > button:last-child, .nemo-window toolbar .linked > button:only-child { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - .nemo-window toolbar .linked > button:last-child:hover, .nemo-window toolbar .linked > button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .nemo-window toolbar .linked > button:disabled:last-child, .nemo-window toolbar .linked > button:disabled:only-child, .nemo-window toolbar .linked > button:active:disabled:last-child, .nemo-window toolbar .linked > button:active:disabled:only-child, .nemo-window toolbar .linked > button:checked:disabled:last-child, .nemo-window toolbar .linked > button:checked:disabled:only-child { - box-shadow: none; } - .nemo-window toolbar .linked > button:active:last-child, .nemo-window toolbar .linked > button:active:last-child:focus, .nemo-window toolbar .linked > button:active:last-child:hover, .nemo-window toolbar .linked > button:active:last-child:hover:focus, .nemo-window toolbar .linked > button:checked:last-child, .nemo-window toolbar .linked > button:checked:last-child:focus, .nemo-window toolbar .linked > button:checked:last-child:hover, .nemo-window toolbar .linked > button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - .nemo-window toolbar .linked > button:active:only-child, .nemo-window toolbar .linked > button:active:only-child:focus, .nemo-window toolbar .linked > button:active:only-child:hover, .nemo-window toolbar .linked > button:active:only-child:hover:focus, .nemo-window toolbar .linked > button:checked:only-child, .nemo-window toolbar .linked > button:checked:only-child:focus, .nemo-window toolbar .linked > button:checked:only-child:hover, .nemo-window toolbar .linked > button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(10, 10, 10, 0.06), inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - .nemo-window toolbar separator, .nemo-window toolbar separator:disabled { - color: #c8c8c8; - border-color: currentColor; - -GtkWidget-window-dragging: true; } - .nemo-window toolbar.primary-toolbar button.image-button { - padding: 0 8px; } - .nemo-window toolbar combobox, .nemo-window toolbar button { - padding: 3px; } - .nemo-window toolbar combobox.text-button, .nemo-window toolbar button.text-button { - padding: 3px; } - .nemo-window toolbar combobox.image-button, .nemo-window toolbar button.image-button { - padding: 3px; } - .nemo-window toolbar toolitem stack { - margin-left: 15px; } - .nemo-window toolbar toolitem stack widget button { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(10, 10, 10, 0.12); - -NemoPathbarButton-border-radius: 2px; } - .nemo-window toolbar toolitem stack widget button:focus, .nemo-window toolbar toolitem stack widget button:hover { - box-shadow: inset -1px 0 mix(#169f6f,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .nemo-window toolbar toolitem stack widget button:active, .nemo-window toolbar toolitem stack widget button:active:hover, .nemo-window toolbar toolitem stack widget button:active:focus, .nemo-window toolbar toolitem stack widget button:active:hover:focus, .nemo-window toolbar toolitem stack widget button:checked, .nemo-window toolbar toolitem stack widget button:checked:hover, .nemo-window toolbar toolitem stack widget button:checked:focus, .nemo-window toolbar toolitem stack widget button:checked:hover:focus { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(10, 10, 10, 0.07), inset 0 -1px rgba(10, 10, 10, 0.05); } - .nemo-window toolbar toolitem stack widget button:disabled { - box-shadow: inset -1px 0 #b2b2b2; } - .nemo-window toolbar toolitem stack widget button:last-child, .nemo-window toolbar toolitem stack widget button:only-child { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - .nemo-window toolbar toolitem stack widget button:last-child:hover, .nemo-window toolbar toolitem stack widget button:only-child:hover { - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - .nemo-window toolbar toolitem stack widget button:disabled:last-child, .nemo-window toolbar toolitem stack widget button:disabled:only-child, .nemo-window toolbar toolitem stack widget button:active:disabled:last-child, .nemo-window toolbar toolitem stack widget button:active:disabled:only-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:last-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:only-child { - box-shadow: none; } - .nemo-window toolbar toolitem stack widget button:active:last-child, .nemo-window toolbar toolitem stack widget button:active:last-child:focus, .nemo-window toolbar toolitem stack widget button:active:last-child:hover, .nemo-window toolbar toolitem stack widget button:active:last-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child, .nemo-window toolbar toolitem stack widget button:checked:last-child:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover:focus { - box-shadow: inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - .nemo-window toolbar toolitem stack widget button:active:only-child, .nemo-window toolbar toolitem stack widget button:active:only-child:focus, .nemo-window toolbar toolitem stack widget button:active:only-child:hover, .nemo-window toolbar toolitem stack widget button:active:only-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child, .nemo-window toolbar toolitem stack widget button:checked:only-child:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover:focus { - box-shadow: inset 1px 0 rgba(10, 10, 10, 0.06), inset 0 1px rgba(10, 10, 10, 0.07), inset -1px 0 rgba(10, 10, 10, 0.06); } - .nemo-window grid > widget:last-child button { - min-height: 16px; - min-width: 16px; - padding: 2px 4px; } - .nemo-window grid > widget:last-child button:first-child { - margin-left: 20px; } - .nemo-window grid > widget:last-child button:first-child + button { - margin-right: 15px; } - .nemo-window grid > widget:last-child button:first-child + button + separator + button { - margin-left: 15px; } - .nemo-window grid > widget:last-child > box > scale { - margin-right: 12px; } - .nemo-window grid > widget:last-child statusbar { - border: 0; } - .nemo-window .sidebar { - /* Nemo Query Editor (File Search Bar) */ } - .nemo-window .sidebar .frame { - border: 0; } - .nemo-window .sidebar image { - padding-left: 3px; - padding-right: 3px; } - .nemo-window .sidebar .nemo-places-sidebar, .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview { - background-color: mix(#dedede,#ffffff,0.5); } - .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview { - -NemoPlacesTreeView-disk-full-bg-color: #b2b2b2; - -NemoPlacesTreeView-disk-full-fg-color: #169f6f; - -NemoPlacesTreeView-disk-full-bar-width: 2px; - -NemoPlacesTreeView-disk-full-bar-radius: 1px; - -NemoPlacesTreeView-disk-full-bottom-padding: 0px; - -NemoPlacesTreeView-disk-full-max-length: 75px; } - .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { - -NemoPlacesTreeView-disk-full-bg-color: #ffffff; - -NemoPlacesTreeView-disk-full-fg-color: #1abf85; } - .nemo-window .sidebar + separator + box .primary-toolbar { - background-color: #dadada; - background-image: none; - padding-top: 0px; - padding-bottom: 0px; - border-bottom: 1px solid mix(#dedede,#333333,0.08); } - .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(2) { - border-right: none; - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(3) { - margin-left: -6px; - border-left: none; - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .nemo-window .sidebar + separator + box .primary-toolbar button.flat { - background-color: white; - background-image: none; - border-color: rgba(0, 0, 0, 0.12); - color: #333333; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.12); - padding: 5px 6px; } - .nemo-window .sidebar + separator + box .primary-toolbar button.flat:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:hover { - border-color: mix(#169f6f,rgba(0, 0, 0, 0.12),0.3); } - .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover:focus { - border-color: rgba(0, 0, 0, 0.12); } - .nemo-window .sidebar + separator + box .primary-toolbar button.flat:disabled { - border-color: rgba(0, 0, 0, 0.12); } - .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:disabled, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:disabled { - border-color: rgba(0, 0, 0, 0.12); } - .nemo-window notebook { - background-color: #ffffff; - border-width: 0; } - .nemo-window notebook tabs { - border: 0; } - -/*********************** - ! Fallback mode panel * -************************/ -/************ - ! Synaptic * -*************/ -GtkWindow > GtkVBox > .dock, GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar { - background-color: #dedede; - background-image: none; - padding: 3px; - border: 0; - color: #333333; } - -/*********************** - ! Fallback mode panel * -************************/ -/*************** - ! Xfce styles * -****************/ -.XfceHeading { - margin: 0; - padding: 0; - border: 0; - background-image: none; - background-color: #ffffff; - color: #2c2c2c; } - -.xfce4-panel { - font: inherit; } - -/*********************** - ! Fallback mode panel * -************************/ -/**************** - ! Unity styles * -*****************/ -UnityDecoration { - -UnityDecoration-extents: 24px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 1px; - -UnityDecoration-shadow-offset-y: 1px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.7); - -UnityDecoration-active-shadow-radius: 8px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5); - -UnityDecoration-inactive-shadow-radius: 5px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #169f6f; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0; } - UnityDecoration .top { - border: 1px solid transparent; - border-bottom: 0; - border-radius: 2px 2px 0 0; - padding: 1px 6px 0 6px; - background-color: #2c2c2c; - color: mix(#e9e9e9,#2c2c2c,0.1); - text-shadow: none; } - UnityDecoration .top:backdrop { - border: 1px solid transparent; - color: mix(#e9e9e9,#2c2c2c,0.4); } - UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom { - background-color: #2c2c2c; } - UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: mix(#1f1f1f,#e9e9e9,0.21); } - -UnityPanelWidget, .unity-panel { - border: 0; } - -.unity-panel.menuitem, .unity-panel .menuitem { - border-width: 0 1px; - color: #e9e9e9; } - .unity-panel.menuitem:hover, .unity-panel.menuitem *:hover, .unity-panel .menuitem:hover, .unity-panel .menuitem *:hover { - border-color: mix(#2c2c2c,#e9e9e9,0.21); - background-color: mix(#2c2c2c,#e9e9e9,0.21); - background-image: none; - color: #fcfcfc; } - -SheetStyleDialog.unity-force-quit { - background-color: #dedede; } - -/*********************** - ! LightDM GTK Greeter * - ***********************/ -#panel_window { - background-color: #2c2c2c; - background-image: none; - color: #fff; - font-weight: bold; - text-shadow: 0 1px rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); } - #panel_window menubar { - padding-left: 3px; } - #panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - background-image: none; - border-style: none; - color: #fff; - text-shadow: 0 1px rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); } - #panel_window menubar:hover, #panel_window menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - color: #fff; } - #panel_window menubar *:hover, #panel_window menubar > menuitem *:hover { - color: #fff; } - #panel_window menubar:disabled, #panel_window menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.7); } - #panel_window menubar menu > menuitem { - font-weight: normal; } - -#content_frame { - padding-bottom: 9px; } - -#login_window, #shutdown_dialog, #restart_dialog { - border-style: none; - border-radius: 2px; - background-color: #2c2c2c; - color: #e9e9e9; - /* draw border using box-shadow */ - box-shadow: inset 1px 0 mix(#1f1f1f,#e9e9e9,0.21), inset -1px 0 mix(#1f1f1f,#e9e9e9,0.21), inset 0 1px mix(#1f1f1f,#e9e9e9,0.21), inset 0 -1px mix(#1f1f1f,#e9e9e9,0.21); } - -#login_window menu { - border-radius: 0; } -#login_window button { - background-color: #2c2c2c; - background-image: none; - border-color: rgba(186, 186, 186, 0.22); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - #login_window button:focus, #login_window button:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - #login_window button:active, #login_window button:active:hover, #login_window button:active:focus, #login_window button:active:hover:focus, #login_window button:checked, #login_window button:checked:hover, #login_window button:checked:focus, #login_window button:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - #login_window button:disabled { - border-color: rgba(198, 198, 198, 0.22); } - #login_window button:active:disabled, #login_window button:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - #login_window button:active { - color: #e9e9e9; } - #login_window button.flat { - color: #e9e9e9; - border-color: rgba(44, 44, 44, 0); - background-color: rgba(44, 44, 44, 0); - background-image: none; - box-shadow: none; } - #login_window button:hover, #login_window button.flat:hover { - background-color: #2e2e2e; - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - #login_window button:hover:focus, #login_window button:hover:hover, #login_window button.flat:hover:focus, #login_window button.flat:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - #login_window button:hover:active, #login_window button:hover:active:hover, #login_window button:hover:active:focus, #login_window button:hover:active:hover:focus, #login_window button:hover:checked, #login_window button:hover:checked:hover, #login_window button:hover:checked:focus, #login_window button:hover:checked:hover:focus, #login_window button.flat:hover:active, #login_window button.flat:hover:active:hover, #login_window button.flat:hover:active:focus, #login_window button.flat:hover:active:hover:focus, #login_window button.flat:hover:checked, #login_window button.flat:hover:checked:hover, #login_window button.flat:hover:checked:focus, #login_window button.flat:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - #login_window button:hover:disabled, #login_window button.flat:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - #login_window button:hover:active:disabled, #login_window button:hover:checked:disabled, #login_window button.flat:hover:active:disabled, #login_window button.flat:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - #login_window button:focus, #login_window button.flat:focus { - background-color: #2e2e2e; - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - color: #e9e9e9; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - #login_window button:focus:focus, #login_window button:focus:hover, #login_window button.flat:focus:focus, #login_window button.flat:focus:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - #login_window button:focus:active, #login_window button:focus:active:hover, #login_window button:focus:active:focus, #login_window button:focus:active:hover:focus, #login_window button:focus:checked, #login_window button:focus:checked:hover, #login_window button:focus:checked:focus, #login_window button:focus:checked:hover:focus, #login_window button.flat:focus:active, #login_window button.flat:focus:active:hover, #login_window button.flat:focus:active:focus, #login_window button.flat:focus:active:hover:focus, #login_window button.flat:focus:checked, #login_window button.flat:focus:checked:hover, #login_window button.flat:focus:checked:focus, #login_window button.flat:focus:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - #login_window button:focus:disabled, #login_window button.flat:focus:disabled { - border-color: rgba(198, 198, 198, 0.3); } - #login_window button:focus:active:disabled, #login_window button:focus:checked:disabled, #login_window button.flat:focus:active:disabled, #login_window button.flat:focus:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - #login_window button:focus:hover, #login_window button.flat:focus:hover { - background-color: #303030; - background-image: none; - border-color: rgba(186, 186, 186, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - #login_window button:focus:hover:focus, #login_window button:focus:hover:hover, #login_window button.flat:focus:hover:focus, #login_window button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.3),0.3); } - #login_window button:focus:hover:active, #login_window button:focus:hover:active:hover, #login_window button:focus:hover:active:focus, #login_window button:focus:hover:active:hover:focus, #login_window button:focus:hover:checked, #login_window button:focus:hover:checked:hover, #login_window button:focus:hover:checked:focus, #login_window button:focus:hover:checked:hover:focus, #login_window button.flat:focus:hover:active, #login_window button.flat:focus:hover:active:hover, #login_window button.flat:focus:hover:active:focus, #login_window button.flat:focus:hover:active:hover:focus, #login_window button.flat:focus:hover:checked, #login_window button.flat:focus:hover:checked:hover, #login_window button.flat:focus:hover:checked:focus, #login_window button.flat:focus:hover:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.3); } - #login_window button:focus:hover:disabled, #login_window button.flat:focus:hover:disabled { - border-color: rgba(198, 198, 198, 0.3); } - #login_window button:focus:hover:active:disabled, #login_window button:focus:hover:checked:disabled, #login_window button.flat:focus:hover:active:disabled, #login_window button.flat:focus:hover:checked:disabled { - border-color: rgba(186, 186, 186, 0.3); } - #login_window button:checked, #login_window button:active, #login_window button.flat:checked, #login_window button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(233, 233, 233, 0.06), inset 0 1px rgba(233, 233, 233, 0.07), inset -1px 0 rgba(233, 233, 233, 0.06), inset 0 -1px rgba(233, 233, 233, 0.05); - border-color: rgba(186, 186, 186, 0.22); } - #login_window button:checked:focus, #login_window button:checked:hover, #login_window button:active:focus, #login_window button:active:hover, #login_window button.flat:checked:focus, #login_window button.flat:checked:hover, #login_window button.flat:active:focus, #login_window button.flat:active:hover { - border-color: mix(#169f6f,rgba(233, 233, 233, 0.22),0.3); } - #login_window button:checked:active, #login_window button:checked:active:hover, #login_window button:checked:active:focus, #login_window button:checked:active:hover:focus, #login_window button:checked:checked, #login_window button:checked:checked:hover, #login_window button:checked:checked:focus, #login_window button:checked:checked:hover:focus, #login_window button:active:active, #login_window button:active:active:hover, #login_window button:active:active:focus, #login_window button:active:active:hover:focus, #login_window button:active:checked, #login_window button:active:checked:hover, #login_window button:active:checked:focus, #login_window button:active:checked:hover:focus, #login_window button.flat:checked:active, #login_window button.flat:checked:active:hover, #login_window button.flat:checked:active:focus, #login_window button.flat:checked:active:hover:focus, #login_window button.flat:checked:checked, #login_window button.flat:checked:checked:hover, #login_window button.flat:checked:checked:focus, #login_window button.flat:checked:checked:hover:focus, #login_window button.flat:active:active, #login_window button.flat:active:active:hover, #login_window button.flat:active:active:focus, #login_window button.flat:active:active:hover:focus, #login_window button.flat:active:checked, #login_window button.flat:active:checked:hover, #login_window button.flat:active:checked:focus, #login_window button.flat:active:checked:hover:focus { - border-color: rgba(163, 163, 163, 0.22); } - #login_window button:checked:disabled, #login_window button:active:disabled, #login_window button.flat:checked:disabled, #login_window button.flat:active:disabled { - border-color: rgba(198, 198, 198, 0.22); } - #login_window button:checked:active:disabled, #login_window button:checked:checked:disabled, #login_window button:active:active:disabled, #login_window button:active:checked:disabled, #login_window button.flat:checked:active:disabled, #login_window button.flat:checked:checked:disabled, #login_window button.flat:active:active:disabled, #login_window button.flat:active:checked:disabled { - border-color: rgba(186, 186, 186, 0.22); } - #login_window button:checked:focus, #login_window button:checked:hover, #login_window button:active:focus, #login_window button:active:hover, #login_window button.flat:checked:focus, #login_window button.flat:checked:hover, #login_window button.flat:active:focus, #login_window button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - #login_window button:focus, #login_window button:hover, #login_window button.flat:focus, #login_window button.flat:hover { - color: #e9e9e9; } - #login_window button:disabled:disabled, #login_window button.flat:disabled:disabled { - background-color: alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#2c2c2c,#e9e9e9,0.5); - box-shadow: none; } - #login_window button:active:disabled, #login_window button:checked:disabled, #login_window button.flat:active:disabled, #login_window button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - #login_window button.separator, #login_window button .separator { - border: 1px solid currentColor; - color: rgba(44, 44, 44, 0.9); } - #login_window button.separator:disabled, #login_window button .separator:disabled { - color: rgba(44, 44, 44, 0.85); } -#login_window entry { - background-color: #2c2c2c; - background-image: none; - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.8); - padding: 3px; - color: #e9e9e9; - caret-color: #e9e9e9; } - #login_window entry:focus, #login_window entry:hover { - border-color: mix(#169f6f,mix(#2c2c2c,#e9e9e9,0.2),0.3); } - #login_window entry:active, #login_window entry:active:hover, #login_window entry:active:focus, #login_window entry:active:hover:focus, #login_window entry:checked, #login_window entry:checked:hover, #login_window entry:checked:focus, #login_window entry:checked:hover:focus { - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.7); } - #login_window entry:disabled { - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.85); } - #login_window entry:active:disabled, #login_window entry:checked:disabled { - border-color: shade(mix(#2c2c2c,#e9e9e9,0.2),0.8); } - #login_window entry:focus, #login_window entry:active { - border-color: mix(#169f6f,mix(#dedede,#333333,0.08),0.3); } - #login_window entry:disabled { - background-color: #282828; - background-image: none; - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.8); - /*@include border(mix($bg, $fg, .20));*/ - /*border-color: alpha(mix($bg, $fg, .15), .8);*/ - /*opacity: .8;*/ - color: mix(#2c2c2c,#e9e9e9,0.5); } - #login_window entry:disabled:focus, #login_window entry:disabled:hover { - border-color: mix(#169f6f,alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.3); } - #login_window entry:disabled:active, #login_window entry:disabled:active:hover, #login_window entry:disabled:active:focus, #login_window entry:disabled:active:hover:focus, #login_window entry:disabled:checked, #login_window entry:disabled:checked:hover, #login_window entry:disabled:checked:focus, #login_window entry:disabled:checked:hover:focus { - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.7); } - #login_window entry:disabled:disabled { - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.85); } - #login_window entry:disabled:active:disabled, #login_window entry:disabled:checked:disabled { - border-color: shade(alpha(mix(#2c2c2c,#e9e9e9,0.2),0.4),0.8); } - -#user_combobox { - color: #e9e9e9; - font-size: 18px; } - #user_combobox menu { - font-weight: normal; } - #user_combobox arrow { - color: mix(#e9e9e9,#2c2c2c,0.5); } - -#user_image { - border-radius: 2px; - /* draw border using box-shadow */ - box-shadow: inset 1px 0 #1f1f1f, inset -1px 0 #1f1f1f, inset 0 1px #1f1f1f, inset 0 -1px #1f1f1f; } - -#user_image_border { - border-radius: 2px; - background-color: #282828; - background-image: none; - box-shadow: inset 1px 0 rgba(10, 10, 10, 0.07), inset 0 1px rgba(10, 10, 10, 0.08), inset -1px 0 rgba(10, 10, 10, 0.07), inset 0 -1px rgba(10, 10, 10, 0.05); } - -#buttonbox_frame { - padding-top: 6px; - padding-bottom: 0; - border-style: none; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; - background-color: transparent; - background-image: none; - box-shadow: none; } - -/* shutdown button */ -#shutdown_button button { - background-color: #f44336; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.12); } - #shutdown_button button:focus, #shutdown_button button:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - #shutdown_button button:active, #shutdown_button button:active:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover:focus, #shutdown_button button:checked, #shutdown_button button:checked:hover, #shutdown_button button:checked:focus, #shutdown_button button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - #shutdown_button button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - #shutdown_button button:active:disabled, #shutdown_button button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - #shutdown_button button:active { - color: #fff; } - #shutdown_button button.flat { - color: #fff; - border-color: rgba(244, 67, 54, 0); - background-color: rgba(244, 67, 54, 0); - background-image: none; - box-shadow: none; } - #shutdown_button button:hover, #shutdown_button button.flat:hover { - background-color: #f55044; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - #shutdown_button button:hover:focus, #shutdown_button button:hover:hover, #shutdown_button button.flat:hover:focus, #shutdown_button button.flat:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - #shutdown_button button:hover:active, #shutdown_button button:hover:active:hover, #shutdown_button button:hover:active:focus, #shutdown_button button:hover:active:hover:focus, #shutdown_button button:hover:checked, #shutdown_button button:hover:checked:hover, #shutdown_button button:hover:checked:focus, #shutdown_button button:hover:checked:hover:focus, #shutdown_button button.flat:hover:active, #shutdown_button button.flat:hover:active:hover, #shutdown_button button.flat:hover:active:focus, #shutdown_button button.flat:hover:active:hover:focus, #shutdown_button button.flat:hover:checked, #shutdown_button button.flat:hover:checked:hover, #shutdown_button button.flat:hover:checked:focus, #shutdown_button button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - #shutdown_button button:hover:disabled, #shutdown_button button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - #shutdown_button button:hover:active:disabled, #shutdown_button button:hover:checked:disabled, #shutdown_button button.flat:hover:active:disabled, #shutdown_button button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - #shutdown_button button:focus, #shutdown_button button.flat:focus { - background-color: #f55044; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - #shutdown_button button:focus:focus, #shutdown_button button:focus:hover, #shutdown_button button.flat:focus:focus, #shutdown_button button.flat:focus:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - #shutdown_button button:focus:active, #shutdown_button button:focus:active:hover, #shutdown_button button:focus:active:focus, #shutdown_button button:focus:active:hover:focus, #shutdown_button button:focus:checked, #shutdown_button button:focus:checked:hover, #shutdown_button button:focus:checked:focus, #shutdown_button button:focus:checked:hover:focus, #shutdown_button button.flat:focus:active, #shutdown_button button.flat:focus:active:hover, #shutdown_button button.flat:focus:active:focus, #shutdown_button button.flat:focus:active:hover:focus, #shutdown_button button.flat:focus:checked, #shutdown_button button.flat:focus:checked:hover, #shutdown_button button.flat:focus:checked:focus, #shutdown_button button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - #shutdown_button button:focus:disabled, #shutdown_button button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - #shutdown_button button:focus:active:disabled, #shutdown_button button:focus:checked:disabled, #shutdown_button button.flat:focus:active:disabled, #shutdown_button button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - #shutdown_button button:focus:hover, #shutdown_button button.flat:focus:hover { - background-color: #f65d52; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.38); } - #shutdown_button button:focus:hover:focus, #shutdown_button button:focus:hover:hover, #shutdown_button button.flat:focus:hover:focus, #shutdown_button button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - #shutdown_button button:focus:hover:active, #shutdown_button button:focus:hover:active:hover, #shutdown_button button:focus:hover:active:focus, #shutdown_button button:focus:hover:active:hover:focus, #shutdown_button button:focus:hover:checked, #shutdown_button button:focus:hover:checked:hover, #shutdown_button button:focus:hover:checked:focus, #shutdown_button button:focus:hover:checked:hover:focus, #shutdown_button button.flat:focus:hover:active, #shutdown_button button.flat:focus:hover:active:hover, #shutdown_button button.flat:focus:hover:active:focus, #shutdown_button button.flat:focus:hover:active:hover:focus, #shutdown_button button.flat:focus:hover:checked, #shutdown_button button.flat:focus:hover:checked:hover, #shutdown_button button.flat:focus:hover:checked:focus, #shutdown_button button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - #shutdown_button button:focus:hover:disabled, #shutdown_button button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - #shutdown_button button:focus:hover:active:disabled, #shutdown_button button:focus:hover:checked:disabled, #shutdown_button button.flat:focus:hover:active:disabled, #shutdown_button button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - #shutdown_button button:checked, #shutdown_button button:active, #shutdown_button button.flat:checked, #shutdown_button button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - #shutdown_button button:checked:focus, #shutdown_button button:checked:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover, #shutdown_button button.flat:checked:focus, #shutdown_button button.flat:checked:hover, #shutdown_button button.flat:active:focus, #shutdown_button button.flat:active:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - #shutdown_button button:checked:active, #shutdown_button button:checked:active:hover, #shutdown_button button:checked:active:focus, #shutdown_button button:checked:active:hover:focus, #shutdown_button button:checked:checked, #shutdown_button button:checked:checked:hover, #shutdown_button button:checked:checked:focus, #shutdown_button button:checked:checked:hover:focus, #shutdown_button button:active:active, #shutdown_button button:active:active:hover, #shutdown_button button:active:active:focus, #shutdown_button button:active:active:hover:focus, #shutdown_button button:active:checked, #shutdown_button button:active:checked:hover, #shutdown_button button:active:checked:focus, #shutdown_button button:active:checked:hover:focus, #shutdown_button button.flat:checked:active, #shutdown_button button.flat:checked:active:hover, #shutdown_button button.flat:checked:active:focus, #shutdown_button button.flat:checked:active:hover:focus, #shutdown_button button.flat:checked:checked, #shutdown_button button.flat:checked:checked:hover, #shutdown_button button.flat:checked:checked:focus, #shutdown_button button.flat:checked:checked:hover:focus, #shutdown_button button.flat:active:active, #shutdown_button button.flat:active:active:hover, #shutdown_button button.flat:active:active:focus, #shutdown_button button.flat:active:active:hover:focus, #shutdown_button button.flat:active:checked, #shutdown_button button.flat:active:checked:hover, #shutdown_button button.flat:active:checked:focus, #shutdown_button button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - #shutdown_button button:checked:disabled, #shutdown_button button:active:disabled, #shutdown_button button.flat:checked:disabled, #shutdown_button button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - #shutdown_button button:checked:active:disabled, #shutdown_button button:checked:checked:disabled, #shutdown_button button:active:active:disabled, #shutdown_button button:active:checked:disabled, #shutdown_button button.flat:checked:active:disabled, #shutdown_button button.flat:checked:checked:disabled, #shutdown_button button.flat:active:active:disabled, #shutdown_button button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - #shutdown_button button:checked:focus, #shutdown_button button:checked:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover, #shutdown_button button.flat:checked:focus, #shutdown_button button.flat:checked:hover, #shutdown_button button.flat:active:focus, #shutdown_button button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - #shutdown_button button:focus, #shutdown_button button:hover, #shutdown_button button.flat:focus, #shutdown_button button.flat:hover { - color: #fff; } - #shutdown_button button:disabled:disabled, #shutdown_button button.flat:disabled:disabled { - background-color: alpha(mix(#f44336,#fff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#f44336,#fff,0.5); - box-shadow: none; } - #shutdown_button button:active:disabled, #shutdown_button button:checked:disabled, #shutdown_button button.flat:active:disabled, #shutdown_button button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - #shutdown_button button.separator, #shutdown_button button .separator { - border: 1px solid currentColor; - color: rgba(244, 67, 54, 0.9); } - #shutdown_button button.separator:disabled, #shutdown_button button .separator:disabled { - color: rgba(244, 67, 54, 0.85); } - -/* restart button */ -#restart_button button { - background-color: #ef6c00; - background-image: none; - border-color: rgba(204, 204, 204, 0.22); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.22); } - #restart_button button:focus, #restart_button button:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - #restart_button button:active, #restart_button button:active:hover, #restart_button button:active:focus, #restart_button button:active:hover:focus, #restart_button button:checked, #restart_button button:checked:hover, #restart_button button:checked:focus, #restart_button button:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - #restart_button button:disabled { - border-color: rgba(217, 217, 217, 0.22); } - #restart_button button:active:disabled, #restart_button button:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - #restart_button button:active { - color: #fff; } - #restart_button button.flat { - color: #fff; - border-color: rgba(239, 108, 0, 0); - background-color: rgba(239, 108, 0, 0); - background-image: none; - box-shadow: none; } - #restart_button button:hover, #restart_button button.flat:hover { - background-color: #fb7100; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.32); } - #restart_button button:hover:focus, #restart_button button:hover:hover, #restart_button button.flat:hover:focus, #restart_button button.flat:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - #restart_button button:hover:active, #restart_button button:hover:active:hover, #restart_button button:hover:active:focus, #restart_button button:hover:active:hover:focus, #restart_button button:hover:checked, #restart_button button:hover:checked:hover, #restart_button button:hover:checked:focus, #restart_button button:hover:checked:hover:focus, #restart_button button.flat:hover:active, #restart_button button.flat:hover:active:hover, #restart_button button.flat:hover:active:focus, #restart_button button.flat:hover:active:hover:focus, #restart_button button.flat:hover:checked, #restart_button button.flat:hover:checked:hover, #restart_button button.flat:hover:checked:focus, #restart_button button.flat:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - #restart_button button:hover:disabled, #restart_button button.flat:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - #restart_button button:hover:active:disabled, #restart_button button:hover:checked:disabled, #restart_button button.flat:hover:active:disabled, #restart_button button.flat:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - #restart_button button:focus, #restart_button button.flat:focus { - background-color: #fb7100; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - color: #fff; - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.42); } - #restart_button button:focus:focus, #restart_button button:focus:hover, #restart_button button.flat:focus:focus, #restart_button button.flat:focus:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - #restart_button button:focus:active, #restart_button button:focus:active:hover, #restart_button button:focus:active:focus, #restart_button button:focus:active:hover:focus, #restart_button button:focus:checked, #restart_button button:focus:checked:hover, #restart_button button:focus:checked:focus, #restart_button button:focus:checked:hover:focus, #restart_button button.flat:focus:active, #restart_button button.flat:focus:active:hover, #restart_button button.flat:focus:active:focus, #restart_button button.flat:focus:active:hover:focus, #restart_button button.flat:focus:checked, #restart_button button.flat:focus:checked:hover, #restart_button button.flat:focus:checked:focus, #restart_button button.flat:focus:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - #restart_button button:focus:disabled, #restart_button button.flat:focus:disabled { - border-color: rgba(217, 217, 217, 0.3); } - #restart_button button:focus:active:disabled, #restart_button button:focus:checked:disabled, #restart_button button.flat:focus:active:disabled, #restart_button button.flat:focus:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - #restart_button button:focus:hover, #restart_button button.flat:focus:hover { - background-color: #ff7808; - background-image: none; - border-color: rgba(204, 204, 204, 0.3); - box-shadow: 0 1px 2px -1px rgba(10, 10, 10, 0.48); } - #restart_button button:focus:hover:focus, #restart_button button:focus:hover:hover, #restart_button button.flat:focus:hover:focus, #restart_button button.flat:focus:hover:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.3),0.3); } - #restart_button button:focus:hover:active, #restart_button button:focus:hover:active:hover, #restart_button button:focus:hover:active:focus, #restart_button button:focus:hover:active:hover:focus, #restart_button button:focus:hover:checked, #restart_button button:focus:hover:checked:hover, #restart_button button:focus:hover:checked:focus, #restart_button button:focus:hover:checked:hover:focus, #restart_button button.flat:focus:hover:active, #restart_button button.flat:focus:hover:active:hover, #restart_button button.flat:focus:hover:active:focus, #restart_button button.flat:focus:hover:active:hover:focus, #restart_button button.flat:focus:hover:checked, #restart_button button.flat:focus:hover:checked:hover, #restart_button button.flat:focus:hover:checked:focus, #restart_button button.flat:focus:hover:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.3); } - #restart_button button:focus:hover:disabled, #restart_button button.flat:focus:hover:disabled { - border-color: rgba(217, 217, 217, 0.3); } - #restart_button button:focus:hover:active:disabled, #restart_button button:focus:hover:checked:disabled, #restart_button button.flat:focus:hover:active:disabled, #restart_button button.flat:focus:hover:checked:disabled { - border-color: rgba(204, 204, 204, 0.3); } - #restart_button button:checked, #restart_button button:active, #restart_button button.flat:checked, #restart_button button.flat:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - background-color: #169f6f; - background-image: none; - color: #ffffff; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); - border-color: rgba(204, 204, 204, 0.22); } - #restart_button button:checked:focus, #restart_button button:checked:hover, #restart_button button:active:focus, #restart_button button:active:hover, #restart_button button.flat:checked:focus, #restart_button button.flat:checked:hover, #restart_button button.flat:active:focus, #restart_button button.flat:active:hover { - border-color: mix(#169f6f,rgba(255, 255, 255, 0.22),0.3); } - #restart_button button:checked:active, #restart_button button:checked:active:hover, #restart_button button:checked:active:focus, #restart_button button:checked:active:hover:focus, #restart_button button:checked:checked, #restart_button button:checked:checked:hover, #restart_button button:checked:checked:focus, #restart_button button:checked:checked:hover:focus, #restart_button button:active:active, #restart_button button:active:active:hover, #restart_button button:active:active:focus, #restart_button button:active:active:hover:focus, #restart_button button:active:checked, #restart_button button:active:checked:hover, #restart_button button:active:checked:focus, #restart_button button:active:checked:hover:focus, #restart_button button.flat:checked:active, #restart_button button.flat:checked:active:hover, #restart_button button.flat:checked:active:focus, #restart_button button.flat:checked:active:hover:focus, #restart_button button.flat:checked:checked, #restart_button button.flat:checked:checked:hover, #restart_button button.flat:checked:checked:focus, #restart_button button.flat:checked:checked:hover:focus, #restart_button button.flat:active:active, #restart_button button.flat:active:active:hover, #restart_button button.flat:active:active:focus, #restart_button button.flat:active:active:hover:focus, #restart_button button.flat:active:checked, #restart_button button.flat:active:checked:hover, #restart_button button.flat:active:checked:focus, #restart_button button.flat:active:checked:hover:focus { - border-color: rgba(179, 179, 179, 0.22); } - #restart_button button:checked:disabled, #restart_button button:active:disabled, #restart_button button.flat:checked:disabled, #restart_button button.flat:active:disabled { - border-color: rgba(217, 217, 217, 0.22); } - #restart_button button:checked:active:disabled, #restart_button button:checked:checked:disabled, #restart_button button:active:active:disabled, #restart_button button:active:checked:disabled, #restart_button button.flat:checked:active:disabled, #restart_button button.flat:checked:checked:disabled, #restart_button button.flat:active:active:disabled, #restart_button button.flat:active:checked:disabled { - border-color: rgba(204, 204, 204, 0.22); } - #restart_button button:checked:focus, #restart_button button:checked:hover, #restart_button button:active:focus, #restart_button button:active:hover, #restart_button button.flat:checked:focus, #restart_button button.flat:checked:hover, #restart_button button.flat:active:focus, #restart_button button.flat:active:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - background-color: #17a775; - background-image: none; - color: #ffffff; } - #restart_button button:focus, #restart_button button:hover, #restart_button button.flat:focus, #restart_button button.flat:hover { - color: #fff; } - #restart_button button:disabled:disabled, #restart_button button.flat:disabled:disabled { - background-color: alpha(mix(#ef6c00,#fff,0.2),0.4); - background-image: none; - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - color: mix(#ef6c00,#fff,0.5); - box-shadow: none; } - #restart_button button:active:disabled, #restart_button button:checked:disabled, #restart_button button.flat:active:disabled, #restart_button button.flat:checked:disabled { - background-color: rgba(22, 159, 111, 0.6); - background-image: none; - color: #ffffff; - box-shadow: none; } - #restart_button button.separator, #restart_button button .separator { - border: 1px solid currentColor; - color: rgba(239, 108, 0, 0.9); } - #restart_button button.separator:disabled, #restart_button button .separator:disabled { - color: rgba(239, 108, 0, 0.85); } - -/* password warning */ -#greeter_infobar { - font-weight: bold; } - -/****************** - ! Budgie Desktop * -*******************/ -.budgie-container { - background-color: transparent; } - -.raven { - background-color: rgba(222, 222, 222, 0.93); } - .raven .raven-header { - background-color: #dedede; - border: solid mix(#dedede,#333333,0.08); - border-width: 1px 0; } - .raven .raven-background { - background-color: rgba(222, 222, 222, 0.93); } - -.raven-mpris { - background-color: rgba(222, 222, 222, 0.7); } diff --git a/dt-dark-theme/gtk-3.20/gtk-dark.css b/dt-dark-theme/gtk-3.20/gtk-dark.css deleted file mode 100644 index 198bb85..0000000 --- a/dt-dark-theme/gtk-3.20/gtk-dark.css +++ /dev/null @@ -1 +0,0 @@ -@import url("resource:///org/numixproject/gtk-3.20/dist/gtk-dark.css"); diff --git a/dt-dark-theme/gtk-3.20/gtk.css b/dt-dark-theme/gtk-3.20/gtk.css deleted file mode 100644 index 19b01e6..0000000 --- a/dt-dark-theme/gtk-3.20/gtk.css +++ /dev/null @@ -1 +0,0 @@ -@import url("resource:///org/numixproject/gtk-3.20/dist/gtk.css"); diff --git a/dt-dark-theme/gtk-3.20/gtk.gresource b/dt-dark-theme/gtk-3.20/gtk.gresource deleted file mode 100644 index 8a67e80..0000000 Binary files a/dt-dark-theme/gtk-3.20/gtk.gresource and /dev/null differ diff --git a/dt-dark-theme/gtk-3.20/gtk.gresource.xml b/dt-dark-theme/gtk-3.20/gtk.gresource.xml deleted file mode 100644 index 3013378..0000000 --- a/dt-dark-theme/gtk-3.20/gtk.gresource.xml +++ /dev/null @@ -1,48 +0,0 @@ - - - - assets/checkbox-checked-dark.svg - assets/checkbox-checked-insensitive-dark.svg - assets/checkbox-checked-insensitive.svg - assets/checkbox-checked.svg - assets/checkbox-mixed-dark.svg - assets/checkbox-mixed-insensitive-dark.svg - assets/checkbox-mixed-insensitive.svg - assets/checkbox-mixed.svg - assets/checkbox-unchecked-dark.svg - assets/checkbox-unchecked-insensitive-dark.svg - assets/checkbox-unchecked-insensitive.svg - assets/checkbox-unchecked.svg - assets/grid-selection-checked-dark.svg - assets/grid-selection-checked.svg - assets/grid-selection-unchecked-dark.svg - assets/grid-selection-unchecked.svg - assets/menuitem-checkbox-checked-hover.svg - assets/menuitem-checkbox-checked-insensitive.svg - assets/menuitem-checkbox-checked.svg - assets/menuitem-checkbox-unchecked.svg - assets/menuitem-checkbox-mixed-hover.svg - assets/menuitem-checkbox-mixed-insensitive.svg - assets/menuitem-checkbox-mixed.svg - assets/menuitem-radio-checked-hover.svg - assets/menuitem-radio-checked-insensitive.svg - assets/menuitem-radio-checked.svg - assets/menuitem-radio-unchecked.svg - assets/radio-checked-dark.svg - assets/radio-checked-insensitive-dark.svg - assets/radio-checked-insensitive.svg - assets/radio-checked.svg - assets/radio-mixed-dark.svg - assets/radio-mixed-insensitive-dark.svg - assets/radio-mixed-insensitive.svg - assets/radio-mixed.svg - assets/radio-unchecked-dark.svg - assets/radio-unchecked-insensitive-dark.svg - assets/radio-unchecked-insensitive.svg - assets/radio-unchecked.svg - assets/pane-handle.png - assets/pane-handle@2.png - dist/gtk.css - dist/gtk-dark.css - - diff --git a/dt-dark-theme/gtk-3.20/scss/_colors.scss b/dt-dark-theme/gtk-3.20/scss/_colors.scss deleted file mode 100644 index dda50ed..0000000 --- a/dt-dark-theme/gtk-3.20/scss/_colors.scss +++ /dev/null @@ -1,97 +0,0 @@ -@import "global"; - -/* dark color scheme */ -@define-color dark_bg_color #{"" + $dark_bg_color}; -@define-color dark_fg_color #{"" + $dark_fg_color}; - -/* colormap actually used by the theme, to be overridden in other css files */ -@define-color theme_bg_color #{"" + $bg_color}; -@define-color theme_fg_color #{"" + $fg_color}; -@define-color theme_base_color #{"" + $base_color}; -@define-color theme_text_color #{"" + $text_color}; -@define-color theme_selected_bg_color #{"" + $selected_bg_color}; -@define-color theme_selected_fg_color #{"" + $selected_fg_color}; -@define-color theme_tooltip_bg_color #{"" + $tooltip_bg_color}; -@define-color theme_tooltip_fg_color #{"" + $tooltip_fg_color}; - -/* shadow effects */ -@define-color light_shadow #{"" + $light_shadow}; -@define-color dark_shadow #{"" + $dark_shadow}; - -/* misc colors used by gtk+ */ -@define-color info_fg_color #{"" + $info_fg_color}; -@define-color info_bg_color #{"" + $info_bg_color}; -@define-color warning_fg_color #{"" + $warning_fg_color}; -@define-color warning_bg_color #{"" + $warning_bg_color}; -@define-color question_fg_color #{"" + $question_fg_color}; -@define-color question_bg_color #{"" + $question_bg_color}; -@define-color error_fg_color #{"" + $error_fg_color}; -@define-color error_bg_color #{"" + $error_bg_color}; -@define-color link_color #{"" + $link_color}; -@define-color success_color #{"" + $success_color}; -@define-color warning_color #{"" + $warning_color}; -@define-color error_color #{"" + $error_color}; - -/* widget colors */ -@define-color titlebar_bg_color @dark_bg_color; -@define-color titlebar_fg_color @dark_fg_color; -@define-color menubar_bg_color @dark_bg_color; -@define-color menubar_fg_color @dark_fg_color; -@define-color toolbar_bg_color @theme_bg_color; -@define-color toolbar_fg_color @theme_fg_color; -@define-color menu_bg_color @dark_bg_color; -@define-color menu_fg_color @dark_fg_color; -@define-color panel_bg_color @dark_bg_color; -@define-color panel_fg_color @dark_fg_color; -@define-color borders #{"" + $borders_color}; -@define-color unfocused_borders #{"" + $backdrop_borders_color}; - - -@define-color insensitive_bg_color #{"" + $insensitive_bg_color}; -@define-color insensitive_fg_color #{"" + $insensitive_fg_color}; - -/* osd */ -@define-color osd_base #{"" + $osd_base}; -@define-color osd_bg #{"" + $osd_bg}; -@define-color osd_fg #{"" + $osd_fg}; -@define-color osd_insensitive_bg_color #{"" + $osd_insensitive_bg_color}; -@define-color osd_insensitive_fg_color #{"" + $osd_insensitive_fg_color}; -@define-color osd_borders_color #{"" + $osd_borders_color}; - -/* lightdm greeter colors */ -@define-color lightdm_bg_color #{"" + $lightdm_bg_color}; -@define-color lightdm_fg_color #{"" + $lightdm_fg_color}; - -/* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #{"" + $backdrop_fg_color}; - -/* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #{"" + $text_color}; - -/* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #{"" + $backdrop_bg_color}; - -/* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #{"" + $backdrop_base_color}; - -/* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #{"" + $selected_bg_color}; - -/* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; - -/* insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color}; - -/* window manager colors */ -@define-color wm_bg #{"" + $wm_bg}; -@define-color wm_border_focused #{"" + $wm_border_focused}; -@define-color wm_border_unfocused #{"" + $wm_border_unfocused}; -@define-color wm_title_focused #{"" + $wm_title_focused}; -@define-color wm_title_unfocused #{"" + $wm_title_unfocused}; -@define-color wm_icons_focused #{"" + $wm_icons_focused}; -@define-color wm_icons_focused_prelight #{"" + $wm_icons_focused_prelight}; -@define-color wm_icons_focused_pressed #{"" + $wm_icons_unfocused_pressed}; -@define-color wm_icons_unfocused #{"" + $wm_icons_unfocused}; -@define-color wm_icons_unfocused_prelight #{"" + $wm_icons_unfocused_prelight}; -@define-color wm_icons_unfocused_pressed #{"" + $wm_icons_unfocused_pressed}; diff --git a/dt-dark-theme/gtk-3.20/scss/_functions.scss b/dt-dark-theme/gtk-3.20/scss/_functions.scss deleted file mode 100644 index 8eb18c6..0000000 --- a/dt-dark-theme/gtk-3.20/scss/_functions.scss +++ /dev/null @@ -1,95 +0,0 @@ -$modules: () !default; - -@mixin exports($name) { - @if (not index($modules, $name)) { - $modules: append($modules, $name) !global; - - @content; - } -} - -@function alpha($color, $amount) { - @if type-of($color) == "color" { - @return fade-out($color, (1 - $amount)); - } @else { - @return unquote("alpha(#{$color},#{$amount})"); - } -} - -@function shade($color, $amount) { - @if type-of($color) == "color" { - @if ($amount > 1) { - @return lighten($color, ($amount - 1) * lightness($color)) - } @else { - @return darken($color, (1 - $amount) * lightness($color)) - } - } @else { - @return unquote("shade(#{$color},#{$amount})"); - } -} - -@function mix($color1, $color2, $amount) { - @return unquote("mix(#{$color1},#{$color2},#{$amount})"); -} - -@function border_normal($color) { - @return shade($color, $contrast); -} - -@function border_focus($color) { - @return if($variant == 'light', mix($selected_bg_color, $color, .3), darken($selected_bg_color, 20%)); -} - -@function border_active($color) { - @return shade($color, ($contrast - .1)); -} - -@function border_insensitive($color) { - @return shade($color, ($contrast + .05)); -} - -@mixin linear-gradient($color, $direction: to bottom) { - @if $gradient == 0 { - background-color: $color; - background-image: none; - } @else { - $amount: $gradient / 2; - - background-color: $color; - background-image: linear-gradient($direction, - shade($color, (1 + $amount)), - shade($color, (1 - $amount)) - ); - } -} - -@mixin border($color) { - border-color: border_normal($color); - - &:focus, &:hover { border-color: border_focus($color); } - - &:active, &:active:hover, - &:active:focus, &:active:hover:focus, - &:checked, &:checked:hover, - &:checked:focus, &:checked:hover:focus { border-color: border_active($color); } - - &:disabled { border-color: border_insensitive($color); } - - &:active:disabled, &:checked:disabled { border-color: border_normal($color); } -} - -@function _text_shadow_color($tc: $fg_color, $bg: $bg_color) { - // - // calculate the color of text shadows - // - // $tc is the text color - // $bg is the background color - // - $_lbg: lightness($bg) / 100%; - - @if lightness($tc) < 50% { - @return transparentize(white, 1 - $_lbg / ($_lbg * 1.3)); - } @else { - @return transparentize(black, $_lbg * .8); - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/_global.scss b/dt-dark-theme/gtk-3.20/scss/_global.scss deleted file mode 100644 index f2ac5af..0000000 --- a/dt-dark-theme/gtk-3.20/scss/_global.scss +++ /dev/null @@ -1,143 +0,0 @@ -// scss-lint:disable ColorVariable - -@import "functions"; - -// default color scheme -$bg_color: if($variant == "dark", #333333, #dedede); -$fg_color: if($variant == "dark", #dedede, #333333); -$base_color: if($variant == "dark", #2c2c2c, #ffffff); -$text_color: if($variant == "dark", #ffffff, #2c2c2c); -$button_bg_color: if($variant == "dark", #333333, #bdbdbd); -$button_fg_color: if($variant == "dark", #bdbdbd, #333333); -$header_button_bg_color: #169f6f; -$header_button_fg_color: #ffffff; -$selected_bg_color: #169f6f; -$selected_fg_color: #ffffff; -$tooltip_bg_color: #dedede; -$tooltip_fg_color: #333333; - -/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ -/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ -$selected_borders_color: if($variant == 'light', mix($selected_bg_color, $fg_color, .3), darken($selected_bg_color, 20%)); -$borders_color: if($variant == 'light', mix($bg_color, $fg_color, .08), shade($bg_color, .88)); -$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93)); - -// dark colors -$dark_bg_color: #2c2c2c; -$dark_fg_color: #e9e9e9; - -// shadows -/*$dark_shadow: #000;*/ -/*$light_shadow: #fff;*/ -$dark_shadow: shade($fg_color, .2); -$light_shadow: lighten($bg_color, .4); - -// white and black -$black: #000; -$white: #fff; - -/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ -/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ -$button_border_strength: 0.1; -$button_border: alpha($button_fg_color, .06 + $button_border_strength); -$entry_border: $borders_color; - -$scrollbar_bg_color: if($variant == 'light', darken($bg_color, 5%), mix($base_color, $bg_color, .4)); -$scrollbar_slider_color: mix($bg_color, $fg_color, .5); -$scrollbar_slider_hover_color: mix($bg_color, $fg_color, .7); -$scrollbar_slider_active_color: if($variant == 'light', darken($selected_bg_color, 5%), lighten($selected_bg_color, 10%)); - -$switch_disabled_bg_color: mix($bg_color, $base_color, .5); -$switch_disabled_border_color: $bg_color; -$switch_disabled_fg_color: $bg_color; -$switch_disabled_slider_bg_color: $bg_color; -$switch_bg_color: mix($bg_color, $base_color, .3); -$switch_fg_color: $text_color; -$switch_slider_bg_color: mix($text_color, $bg_color, .5); - -// @TODO: replace to xrdb values: -// misc colors used by gtk+ -$info_fg_color: #fff; -$info_bg_color: #03a9f4; -$warning_fg_color: #fff; -$warning_bg_color: #ef6c00; -$question_fg_color: #fff; -$question_bg_color: #673ab7; -$error_fg_color: #fff; -$error_bg_color: #f44336; -$link_color: #3f51b5; -$success_color: #4caf50; -$warning_color: #ef6c00; -$error_color: #f44336; - -$toolbar_bg_color: $bg_color; -$toolbar_fg_color: $fg_color; - -$titlebar_bg_color: $dark_bg_color; -$titlebar_fg_color: $dark_fg_color; - -$menu_bg_color: $dark_bg_color; -$menu_fg_color: $dark_fg_color; - -$menubar_bg_color: $dark_bg_color; -$menubar_fg_color: $dark_fg_color; - -$panel_bg_color: $dark_bg_color; -$panel_fg_color: $dark_fg_color; - -$osd_base: $dark_bg_color; -$osd_text_color: $white; -$osd_fg: $dark_fg_color; -$osd_bg: alpha($osd_base, .8); -$osd_insensitive_bg_color: mix($osd_fg, $osd_bg, .5); -$osd_insensitive_fg_color: mix($osd_fg, $osd_base, .6); -$osd_borders_color: shade($osd_bg, .85); - -$lightdm_bg_color: $dark_bg_color; -$lightdm_fg_color: $dark_fg_color; - -$wm_bg: $titlebar_bg_color; -$wm_border_focused: transparent; -$wm_border_unfocused: transparent; -$wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); -$wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); -$wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); -$wm_icons_focused_prelight: $selected_bg_color; -$wm_icons_focused_pressed: shade($selected_bg_color, .8); -$wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); -$wm_icons_unfocused_prelight: $selected_bg_color; -$wm_icons_unfocused_pressed: shade($selected_bg_color, .8); - -//insensitive state derived colors -$insensitive_fg_color: mix($fg_color, $bg_color, .5); -$insensitive_bg_color: mix($bg_color, $base_color, .6); -$insensitive_borders_color: $borders_color; - -//colors for the backdrop state, derived from the main colors. -$backdrop_base_color: if($variant == 'light', darken($base_color, .01), lighten($base_color, .01)); -$backdrop_text_color: mix($backdrop_base_color, $text_color, .8); -$backdrop_bg_color: $bg_color; -$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, .5); -$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); -$backdrop_selected_bg_color: $selected_bg_color; -$backdrop_selected_fg_color: mix($selected_bg_color, $selected_fg_color, .66); -$backdrop_borders_color: mix($bg_color, $borders_color, .9); -$backdrop_dark_fill: mix($backdrop_bg_color, $backdrop_borders_color, .35); -$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, .5); - -$backdrop_osd_base: $osd_base; -$backdrop_osd_bg: $osd_bg; -$backdrop_osd_fg: mix($osd_fg, $backdrop_osd_base, .5); - -$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%); -$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, .4); - -$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, .2)); - -$drop_target_color: #4e9a06; - -// widget styles -$roundness: 2px; -$spacing: 3px; -$gradient: 0.0; -$contrast: .8; diff --git a/dt-dark-theme/gtk-3.20/scss/_widgets.scss b/dt-dark-theme/gtk-3.20/scss/_widgets.scss deleted file mode 100644 index f53ca00..0000000 --- a/dt-dark-theme/gtk-3.20/scss/_widgets.scss +++ /dev/null @@ -1,40 +0,0 @@ -@import "functions"; -@import "global"; -@import "colors"; - - -@import "widgets/base"; -@import "widgets/button"; -@import "widgets/entry"; -@import "widgets/actionbar"; -@import "widgets/calendar"; -@import "widgets/choosers"; -@import "widgets/grid"; -@import "widgets/infobar"; -@import "widgets/menu"; -@import "widgets/misc"; -@import "widgets/notebook"; -@import "widgets/osd"; -@import "widgets/overshoot"; -@import "widgets/progress"; -@import "widgets/scrollbar"; -@import "widgets/sidebar"; -@import "widgets/spinner"; -@import "widgets/toggle"; -@import "widgets/toolbar"; -@import "widgets/view"; -@import "widgets/window"; - -@import "apps/mate-applications"; -@import "apps/cinnamon-applications"; -@import "apps/gnome-applications"; -@import "apps/unity-greeter"; -@import "apps/gedit"; -@import "apps/nautilus"; -@import "apps/nemo"; -@import "apps/panel"; -@import "apps/synaptic"; -@import "apps/xfce"; -@import "apps/unity"; -@import "apps/lightdm"; -@import "apps/budgie"; diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_budgie.scss b/dt-dark-theme/gtk-3.20/scss/apps/_budgie.scss deleted file mode 100644 index dc2b02e..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_budgie.scss +++ /dev/null @@ -1,24 +0,0 @@ -/****************** - ! Budgie Desktop * -*******************/ -.budgie-container { - background-color: transparent; -} - -.raven { - background-color: transparentize($bg_color, .07); - - .raven-header { - background-color: $bg_color; - border: solid $borders_color; - border-width: 1px 0; - } - - .raven-background { - background-color: transparentize($bg_color, .07); - } -} - -.raven-mpris { - background-color: transparentize($bg_color, .3); -} diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_cinnamon-applications.scss b/dt-dark-theme/gtk-3.20/scss/apps/_cinnamon-applications.scss deleted file mode 100644 index 28511c7..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_cinnamon-applications.scss +++ /dev/null @@ -1,19 +0,0 @@ -/********************* - ! Cinnamon Settings * -**********************/ - -@include exports("cinnamon-settings") { - .cs-category-view { - &, .view { - &, &:backdrop { - background-color: transparent; - } - - &:selected { - &:focus, & { - @extend %selected_items; - } - } - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_gedit.scss b/dt-dark-theme/gtk-3.20/scss/apps/_gedit.scss deleted file mode 100644 index c153930..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_gedit.scss +++ /dev/null @@ -1,143 +0,0 @@ -/********* - ! Gedit * -**********/ - -@include exports("gedit") { - GeditWindow .pane-separator { - border-width: 0 1px 0 0; - border-style: solid; - - &, &:hover { - border-color: shade($bg_color, ($contrast + .1)); - background-color: $bg_color; - } - } - - .gedit-document-panel { - background-color: $bg_color; - color: mix($fg_color, $bg_color, .1); - - list row { - padding: $spacing; - - button { - padding: 1px; - border-radius: $roundness; - border-style: solid; - border-color: transparent; - border-width: 1px; - background-color: transparent; - background-image: none; - color: transparent; - -gtk-icon-shadow: none; - } - } - - .prelight-row button { - border-color: alpha($black, .1); - color: alpha($white, .8); - - &:active { - border-color: alpha($black, .2); - background-color: alpha($black, .08); - color: $white; - } - } - - list row, .prelight-row { - button:hover { - border-color: alpha($black, .1); - color: $white; - } - } - } - - .gedit-document-panel-group-row { - &, &:hover { - border-top: 1px solid shade($bg_color, ($contrast + .1)); - background-color: $bg_color; - } - } - - .gedit-document-panel-document-row { - &:hover { background-color: shade($bg_color, 1.05); } - - &:selected { - &, &:hover { @extend %selected; } - } - } - - .gedit-document-panel-dragged-row { - border: 1px solid alpha($black, .1); - background-color: alpha($black, .5); - color: $white; - } - - .gedit-document-panel-placeholder-row { - border: 0; - background-color: alpha($black, .08); - transition: all 200ms ease-in; - } - - //Ignore: Global double border separator. - //statusbar { border-top: 1px solid border_normal($bg_color); } - - statusbar GeditSmallButton, GeditStatusMenuButton { - text-shadow: none; - - button { - border-style: solid; - border-width: 0 1px; - border-color: transparent; - border-radius: 0; - padding: 1px 6px 2px 4px; - - &:hover, &:active, &:active:hover { border-color: border_normal($bg_color); } - - &:active { - background-color: shade($bg_color, .95); - color: $fg_color; - } - } - } - - GeditViewFrame .gedit-search-slider { - padding: $spacing; - border-radius: 0 0 $roundness $roundness; - border-width: 0 1px 1px; - border-style: solid; - border-color: border_normal($base_color); - background-color: $base_color; - - .not-found { - background-color: $error_bg_color; - background-image: none; - color: $error_fg_color; - - &:selected { @extend %selected; } - } - } - - GeditFileBrowserWidget .toolbar { - padding: $spacing / 2; - border-top: 0; - background-color: $bg_color; - background-image: none; - } - - .gedit-search-entry-occurrences-tag { - margin: $spacing / 2; - padding: $spacing / 2; - color: mix($text_color, $base_color, .5); - } - - .gedit-bottom-panel-paned, - .gedit-side-panel-paned, - paned.titlebar { - margin-right: 0; - } - - .gedit-bottom-panel-paned notebook { - border-top: none; - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_gnome-applications.scss b/dt-dark-theme/gtk-3.20/scss/apps/_gnome-applications.scss deleted file mode 100644 index 83dbdd2..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_gnome-applications.scss +++ /dev/null @@ -1,31 +0,0 @@ -/**************** - ! Gnome clocks * -*****************/ - -@include exports("gnome-clocks") { - .clocks-analog-frame { - &.trough { color: mix($fg_color, $bg_color, .85); } - - &.progress { color: mix($bg_color, $selected_bg_color, .5); } - - &.progress-fast { color: shade($selected_bg_color, .7); } - } -} - - -/***************** - ! Gnome Builder * -******************/ - -@include exports("gnome-builder") { - workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: 0; - box-shadow: none; - - headerbar { - &, &:first-child, &:last-child { border-radius: $roundness $roundness 0 0; } - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_gnome-terminal.scss b/dt-dark-theme/gtk-3.20/scss/apps/_gnome-terminal.scss deleted file mode 100644 index 996d69c..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_gnome-terminal.scss +++ /dev/null @@ -1,37 +0,0 @@ -/********************** - ! Genome Terminal * -***********************/ - -@include exports("gnome-terminal") { - //noinspection ScssLintInspection,ScssLintInspection - VteTerminal { - background-color: $osd_base; - color: $osd_fg; - } - - terminal-window { - junction, scrollbar trough { - background-color: $osd_base; - border-color: border_normal($osd_base); - - &:backdrop { - background-color: shade($backdrop_osd_bg, .9); - border-color: border_normal(shade($backdrop_osd_bg, .9)); - } - } - - scrollbar.vertical { - slider { - background-color: mix($osd_base, $osd_fg, .2); - - &:hover { background-color: mix($osd_base, $osd_fg, .3); } - - &:hover:active { background-color: $selected_bg_color; } - - &:backdrop { background-color: mix($backdrop_osd_fg, $backdrop_osd_bg, .4); } - - &:disabled { background-color: transparent; } - } - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_lightdm.scss b/dt-dark-theme/gtk-3.20/scss/apps/_lightdm.scss deleted file mode 100644 index 76d189c..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_lightdm.scss +++ /dev/null @@ -1,117 +0,0 @@ -/*********************** - ! LightDM GTK Greeter * - ***********************/ - -@include exports("lightdm") { - #panel_window { - background-color: $lightdm_bg_color; - background-image: none; - color: $white; - font-weight: bold; - text-shadow: 0 1px alpha($black, .5); - -gtk-icon-shadow: 0 1px alpha($black, .5); - - menubar { - padding-left: $spacing; - - &, > menuitem { - background-color: transparent; - background-image: none; - border-style: none; - color: $white; - text-shadow: 0 1px alpha($black, .5); - -gtk-icon-shadow: 0 1px alpha($black, .5); - - &:hover { - background-color: alpha($white, .2); - background-image: none; - color: $white; - } - - *:hover { color: $white; } - - &:disabled { color: alpha($white, .7); } - } - - menu > menuitem { font-weight: normal; } - } - } - - #content_frame { padding-bottom: $spacing * 3; } - - #login_window, #shutdown_dialog, #restart_dialog { - border-style: none; - border-radius: $roundness; - background-color: $lightdm_bg_color; - color: $lightdm_fg_color; - - /* draw border using box-shadow */ - box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), - inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), - inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), - inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21); - - @extend %panelbutton; - } - - #login_window { - menu { border-radius: 0; } - - button { @include button($lightdm_bg_color, $lightdm_fg_color); } - - entry { @include entry($lightdm_bg_color, $lightdm_fg_color); } - } - - #user_combobox { - color: $lightdm_fg_color; - font-size: 18px; - - menu { font-weight: normal; } - - arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); } - } - - #user_image { - border-radius: $roundness; - - /* draw border using box-shadow */ - box-shadow: inset 1px 0 shade($lightdm_bg_color, .7), - inset -1px 0 shade($lightdm_bg_color, .7), - inset 0 1px shade($lightdm_bg_color, .7), - inset 0 -1px shade($lightdm_bg_color, .7); - } - - #user_image_border { - border-radius: $roundness; - background-color: shade($lightdm_bg_color, .9); - background-image: none; - box-shadow: inset 1px 0 alpha($dark_shadow, .07), - inset 0 1px alpha($dark_shadow, .08), - inset -1px 0 alpha($dark_shadow, .07), - inset 0 -1px alpha($dark_shadow, .05); - } - - #buttonbox_frame { - padding-top: $spacing * 2; - padding-bottom: 0; - border-style: none; - border-bottom-left-radius: $roundness; - border-bottom-right-radius: $roundness; - background-color: transparent; - background-image: none; - box-shadow: none; - } - - /* shutdown button */ - #shutdown_button { - button { @include button($error_bg_color, $error_fg_color); } - } - - /* restart button */ - #restart_button { - button { @include button($warning_bg_color, $warning_fg_color); } - } - - /* password warning */ - #greeter_infobar { font-weight: bold; } -} diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_mate-applications.scss b/dt-dark-theme/gtk-3.20/scss/apps/_mate-applications.scss deleted file mode 100644 index 87e76a0..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_mate-applications.scss +++ /dev/null @@ -1,86 +0,0 @@ -@import "panel"; - -/**************** - ! MATE styles * -*****************/ - -@include exports("mate-applications") { - .mate-panel-menu-bar { - @extend %panel; - - border: 0; - padding: 0; - text-shadow: none; - } - - #PanelApplet label, - .mate-panel-menu-bar menubar > menuitem { - color: $panel_fg_color; - } - - PanelSeparator, MatePanelAppletFrameDBus { - border-width: 0; - color: transparent; - background-image: -gtk-scaled(url("../assets/pane-handle.png"), - url("../assets/pane-handle@2.png")); - background-color: transparent; - background-repeat: no-repeat; - background-position: left; - } - - #PanelApplet button, - #PanelApplet button.flat, - #PanelApplet button.toggle - #PanelApplet button.flat.toggle { - background-image: none; - background-color: transparent; - border-color: transparent; - border-style: solid; - border-radius: 0; - border-width: 1px; - color: $panel_fg_color; - text-shadow: none; - box-shadow: none; - padding: 2px; - } - - #PanelApplet button:hover:active, - #PanelApplet button:checked, - #PanelApplet button:checked:hover, - #PanelApplet button.flat:hover:active, - #PanelApplet button.flat:checked, - #PanelApplet button.flat:checked:hover, - #PanelApplet button.toggle:hover:active, - #PanelApplet button.toggle:checked, - #PanelApplet button.toggle:checked:hover, - #PanelApplet button.flat.toggle:hover:active, - #PanelApplet button.flat.toggle:checked, - #PanelApplet button.flat.toggle:checked:hover { - background-image: none; - background-color: darker($panel_bg_color); - border-color: transparent; - border-radius: 0; - border-width: 1px; - color: lighter($panel_fg_color); - text-shadow: none; - padding: 2px; - } - - #PanelApplet button:hover, - #PanelApplet button.flat:hover, - #PanelApplet button.toggle:hover, - #PanelApplet button.flat.toggle:hover { - background-image: none; - background-color: shade($panel_bg_color, 1.3); - border-color: transparent; - border-radius: 0; - border-width: 1px; - color: $selected_fg_color; - text-shadow: none; - padding: 2px; - } - - .mate-panel-menu-bar menubar > menuitem { - padding: 3px 7px; - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_nautilus.scss b/dt-dark-theme/gtk-3.20/scss/apps/_nautilus.scss deleted file mode 100644 index 1b51e55..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_nautilus.scss +++ /dev/null @@ -1,92 +0,0 @@ -/************ - ! Nautilus * -*************/ - -@include exports("nautilus") { - .nautilus-desktop, .nautilus-desktop * { - &, &:backdrop { - color: $white; - text-shadow: 1px 1px $black; - - &:active { color: $fg_color; } - - &:selected { color: $selected_fg_color; } - - &:active, &:hover, &:selected { text-shadow: none; } - } - } - - .nautilus-window { - toolbar { - border-width: 0 0 1px; - border-style: solid; - border-color: border_normal($toolbar_bg_color); - } - - .sidebar { - border: 0; - - frame { border: 0; } - } - - notebook { - background-color: $base_color; - border: 0; - - frame { border: 0; } - } - - .searchbar-container { - margin-top: -1px; - - searchbar { - padding-top: $spacing - 3px; - padding-bottom: $spacing - 2px; - border-bottom: 1px solid $borders_color; - } - } - } - - button.nautilus-circular-button.image-button { - @extend button.circular; - } - - $disk_space_unknown: alpha($fg_color, .5); - $disk_space_used: alpha($selected_bg_color, .8); - $disk_space_free: shade($bg_color, .95); - - .disk-space-display { - border-style: solid; - border-width: 1px; - - &.unknown { - background-color: $disk_space_unknown; - border-color: shade($disk_space_unknown, .9); - } - - &.used { - background-color: $disk_space_used; - border-color: shade($disk_space_used, .9); - } - - &.free { - background-color: $disk_space_free; - border-color: shade($disk_space_free, .9); - } - } - - // Batch renaming dialog - .conflict-row.activatable { - &, &:active { - color: $error_fg_color; - background-color: $error_color; - } - - &:hover { background-color: shade($error_color, 1.1); } - - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_nemo.scss b/dt-dark-theme/gtk-3.20/scss/apps/_nemo.scss deleted file mode 100644 index 3f31378..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_nemo.scss +++ /dev/null @@ -1,174 +0,0 @@ -/******** - ! Nemo * -*********/ - -@include exports("nemo") { - .nemo-desktop, .nemo-desktop * { - &, &:backdrop { - color: $white; - text-shadow: 1px 1px $black; - - &:active { color: $fg_color; } - - &:selected { color: $selected_fg_color; } - - &:active, &:hover, &:selected { text-shadow: none; } - } - } - - .nemo-window { - toolbar { - border-width: 0 0 1px; - border-style: solid; - border-color: border_normal($toolbar_bg_color); - - button { - @include button($bg_color, $fg_color); - } - - .linked > button { @include linked_button($bg_color); } - - separator, separator:disabled { - color: shade($bg_color, ($contrast + .1)); - border-color: currentColor; - -GtkWidget-window-dragging: true; - } - - &.primary-toolbar button.image-button { - padding: 0 ($spacing + 5px); - } - - combobox, button { - padding: $spacing; - - &.text-button { padding: $spacing; } - - &.image-button { padding: $spacing; } - } - - /* Path Bar */ - toolitem stack { - margin-left: 15px; - - widget button { - @include linked_button($toolbar_bg_color); - -NemoPathbarButton-border-radius: $roundness; - } - } - } // END toolbar - - /* Status Bar */ - grid { - > widget:last-child { - button { - min-height: 16px; - min-width: 16px; - padding: ($spacing - 1px) (($spacing * 2) - 2px); - } - - button:first-child { - margin-left: 20px; - } - - button:first-child + button { - margin-right: 15px; - } - - button:first-child + button + separator + button { - margin-left: 15px; - } - - > box > scale { - margin-right: 12px; - } - - statusbar { - border: 0; - } - } - } // END Status Bar - - .sidebar { - .frame { - border: 0; - } - - image { - padding-left: $spacing; - padding-right: $spacing; - } - - .nemo-places-sidebar { - &, & .view { - background-color: mix($bg_color, $base_color, .5); - } - - .view { - -NemoPlacesTreeView-disk-full-bg-color: shade($bg_color, .8); - -NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color; - -NemoPlacesTreeView-disk-full-bar-width: 2px; - -NemoPlacesTreeView-disk-full-bar-radius: 1px; - -NemoPlacesTreeView-disk-full-bottom-padding: 0px; - -NemoPlacesTreeView-disk-full-max-length: 75px; - - &:selected { - -NemoPlacesTreeView-disk-full-bg-color: $selected_fg_color; - -NemoPlacesTreeView-disk-full-fg-color: shade($selected_bg_color, 1.2); - - &:focus, & { - @extend %selected_items; - } - } - } - } - - /* Nemo Query Editor (File Search Bar) */ - + separator + box .primary-toolbar { - @include linear-gradient(shade($bg_color, .98)); // Searchbar color (_actionbar.scss) - - padding-top: $spacing - 3px; - padding-bottom: $spacing - 3px; - border-bottom: 1px solid $borders_color; - - button:nth-child(2) { - border-right: none; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - button:nth-child(3) { - margin-left: -6px; - border-left: none; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - button.flat { - $bg: $bg_color; - $fg: $fg_color; - $border_strength: if(lightness($bg) > 50, 0, .1); - $shadow_strength: if(lightness($bg) > 50, 0, .1); - - $button_bg: if(hue($bg) == 0deg, shade($bg, 1.2), $bg); - - @extend %button; - @include linear-gradient($button_bg); - @include border(rgba(0, 0, 0, .12 + $border_strength)); - - color: $fg; - box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); - padding: 5px 6px; - } - } // END Nemo Query Editor - } // END .sidebar - - notebook { - background-color: $base_color; - border-width: 0; - - tabs { - border: 0; - } - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_panel.scss b/dt-dark-theme/gtk-3.20/scss/apps/_panel.scss deleted file mode 100644 index 814a450..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_panel.scss +++ /dev/null @@ -1,91 +0,0 @@ -/*********************** - ! Fallback mode panel * -************************/ - -@include exports("panel") { - %panel { - @include linear-gradient($panel_bg_color); - - color: $panel_fg_color; - } - - %panellabel { - font-weight: normal; - color: $panel_fg_color; - } - - %panelbutton { - border-width: 0 1px; - border-radius: 0; - border-color: transparent; - background-color: transparent; - background-image: none; - color: $panel_fg_color; - - &:hover { - @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11)); - - border-color: mix($panel_bg_color, $panel_fg_color, .11); - color: shade($panel_fg_color, 1.08); - } - - &:active, &:checked { - @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top); - - border-color: mix($panel_bg_color, $panel_fg_color, .21); - color: shade($panel_fg_color, 1.08); - - &:hover { - @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top); - - border-color: mix($panel_bg_color, $panel_fg_color, .31); - } - } - } - - panel-plug, - panel-toplevel.background { - @extend %panel; - - padding: 0; - } - - .gp-text-color { - color: $black; - } - - #clock-applet-button { &, &:backdrop { @extend %panelbutton; } } - - panel-applet { - border: 0; - - button { - &, &:backdrop { @extend %panelbutton; } - } - } - - clock-box, - panel-applet > menubar, - panel-toplevel .gnome-panel-menu-bar { - &, &:backdrop { - @extend %panel; - - menuitem { - @extend %panel; - - border: 0; - - label { @extend %panellabel; } - } - } - } - - gp-calendar-window, - #tasklist-button, - #clock-applet-button, - #showdesktop-button { - label { @extend %panellabel; } - } - - wnck-pager, wnck-tasklist { @extend %panel; } -} diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_synaptic.scss b/dt-dark-theme/gtk-3.20/scss/apps/_synaptic.scss deleted file mode 100644 index c19b78e..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_synaptic.scss +++ /dev/null @@ -1,15 +0,0 @@ -/************ - ! Synaptic * -*************/ - -@include exports("synaptic") { - GtkWindow > GtkVBox > .dock { - &, > GtkHBox > GtkToolbar { - @include linear-gradient($toolbar-bg-color); - - padding: $spacing; - border: 0; - color: $toolbar_fg_color; - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_unity-greeter.scss b/dt-dark-theme/gtk-3.20/scss/apps/_unity-greeter.scss deleted file mode 100644 index 70f5c3a..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_unity-greeter.scss +++ /dev/null @@ -1,105 +0,0 @@ -/*********************** - ! Unity Greeter * - ***********************/ - -@include exports("unity-greeter") { - @keyframes dashentry_spinner { - to { -gtk-icon-transform: rotate(1turn); } - } - - %lightdm-button { - background-image: none; - background-color: fade-out($black, .7); - border-color: fade-out($white, .1); - border-radius: ($roundness * 2) + 1px; - padding: $spacing; - color: $white; - } - - .lightdm { - &.menu { - background-image: none; - background-color: fade-out($black, .4); - border-color: fade-out($white, .8); - border-radius: $roundness * 2; - padding: 1px; - - color: $white; - - .menuitem { *, &.check:active, &.radio:active { color: $white; } } - } - - &.menubar { *, &.menuitem { padding: $spacing - 3px; } } - - &.option-button { - padding: $spacing; - background: none; - border: 0; - } - - &.toggle-button { - background: none; - border-width: 0; - - &.selected { - background-color: fade-out($black, .7); - border-color: fade-out($white, .7); - border-width: 1px; - - &:hover { background-color: fade-out($white, .7); } - } - } - - &.button { - @extend %lightdm-button; - - &:hover { - background-color: fade-out($white, .7); - border-color: fade-out($white, .4); - text-shadow: none; - } - } - - &.entry, &.button:active, &.button:active:focus, &.button:focus { - background-image: none; - background-color: fade-out($black, .7); - border-color: fade-out($white, .4); - border-radius: ($roundness * 2) + 1px; - padding: $spacing + 2px; - color: $white; - text-shadow: none; - } - - &.entry { - &:hover, &:active, &:active:focus { - background-image: none; - border-image: none; - } - - &:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; - } - - &:focus { - border-color: fade-out($white, .4); - border-width: 1px; - border-style: solid; - color: $white; - } - - &:selected { background-color: fade-out($white, .8); } - } - } - - .lightdm-combo { - &.combobox-entry .button, .cell, .button, .entry { @extend %lightdm-button; } - - &.menu { - background-color: shade($dark_bg_color, 1.08); - border-radius: 0; - padding: 0; - color: $white; - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_unity.scss b/dt-dark-theme/gtk-3.20/scss/apps/_unity.scss deleted file mode 100644 index 8a37aa1..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_unity.scss +++ /dev/null @@ -1,70 +0,0 @@ -@import "panel"; - -/**************** - ! Unity styles * -*****************/ - -@include exports("unity") { - UnityDecoration { - -UnityDecoration-extents: 24px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - - -UnityDecoration-shadow-offset-x: 1px; - -UnityDecoration-shadow-offset-y: 1px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, .7); - -UnityDecoration-active-shadow-radius: 8px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, .5); - -UnityDecoration-inactive-shadow-radius: 5px; - - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: $selected_bg_color; - - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0; - - - .top { - border: 1px solid $wm_border_focused; - border-bottom: 0; - border-radius: $roundness $roundness 0 0; - padding: 1px ($spacing + 3px) 0 ($spacing + 3px); - background-color: $titlebar_bg_color; - color: mix($titlebar_fg_color, $titlebar_bg_color, .1); - text-shadow: none; - - &:backdrop { - border: 1px solid $wm_border_unfocused; - color: mix($titlebar_fg_color, $titlebar_bg_color, .4); - } - } - - .left, .right, .bottom { - background-color: $titlebar_bg_color; - - &:backdrop { background-color: mix(shade($titlebar_bg_color, .7), $titlebar_fg_color, .21); } - } - } - - UnityPanelWidget, .unity-panel { - @extend %panel; - - border: 0; - } - - .unity-panel { - &.menuitem, .menuitem { - border-width: 0 1px; - color: $panel_fg_color; - - &:hover, *:hover { - border-color: mix($panel_bg_color, $panel_fg_color, .21); - background-color: mix($panel_bg_color, $panel_fg_color, .21); - background-image: none; - color: shade($panel_fg_color, 1.08); - } - } - } - - SheetStyleDialog.unity-force-quit { background-color: $bg_color; } -} diff --git a/dt-dark-theme/gtk-3.20/scss/apps/_xfce.scss b/dt-dark-theme/gtk-3.20/scss/apps/_xfce.scss deleted file mode 100644 index a710f2d..0000000 --- a/dt-dark-theme/gtk-3.20/scss/apps/_xfce.scss +++ /dev/null @@ -1,24 +0,0 @@ -@import "panel"; - -/*************** - ! Xfce styles * -****************/ - -@include exports("xfce") { - .XfceHeading { - margin: 0; - padding: 0; - border: 0; - background-image: none; - background-color: $base_color; - color: $text_color; - } - - .xfce4-panel { - @extend %panel; - - font: inherit; - - button { @extend %panelbutton; } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/gtk-dark.scss b/dt-dark-theme/gtk-3.20/scss/gtk-dark.scss deleted file mode 100644 index fd46aa1..0000000 --- a/dt-dark-theme/gtk-3.20/scss/gtk-dark.scss +++ /dev/null @@ -1,3 +0,0 @@ -$variant: "dark"; - -@import "widgets"; diff --git a/dt-dark-theme/gtk-3.20/scss/gtk.scss b/dt-dark-theme/gtk-3.20/scss/gtk.scss deleted file mode 100644 index 4455669..0000000 --- a/dt-dark-theme/gtk-3.20/scss/gtk.scss +++ /dev/null @@ -1,3 +0,0 @@ -$variant: "light"; - -@import "widgets"; diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_actionbar.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_actionbar.scss deleted file mode 100644 index 3c6aa02..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_actionbar.scss +++ /dev/null @@ -1,99 +0,0 @@ -@import "button"; -@import "toolbar"; - -/************** - ! Action-bar * -***************/ - -@include exports("actionbar") { - actionbar > revealer > box { - padding: $spacing; - border-top: 1px solid $borders_color; - - &:backdrop { border-color: $backdrop_borders_color; } - } -} - - -/**************************** - ! Search and Location bars * -*****************************/ - -@include exports("searchbar") { - searchbar, - .location-bar { - @include linear-gradient(shade($bg_color, .98)); - - border-width: 0 0 1px; - border-style: solid; - border-color: border_normal($bg_color); - color: $fg_color; - } -} - - -/****************** - ! Action buttons * -*******************/ - -@include exports("actionbuttons") { - $types: ( - suggested: $success_color, - destructive: $error-color - ); - - @each $type, $color in $types { - .#{$type}-action { - @include button($color, $selected_fg_color); - } - } -} - - -/****************** - ! Selection mode * -*******************/ - -@include exports("selectionmode") { - headerbar, - .titlebar:not(headerbar) { - &.selection-mode { - @include toolbar($selected_bg_color, $selected_fg_color); - - button { - @include button($selected_bg_color, $selected_fg_color); - - &.suggested-action { @extend .suggested-action; } - } - - &:backdrop { - background-color: $backdrop_selected_bg_color; - background-image: none; - } - - .selection-menu { - &:backdrop, & { - color: shade($selected_bg_color, $contrast); - background-color: transparent; - background-image: none; - box-shadow: none; - border: 0; - - &:hover { color: shade($selected_bg_color, ($contrast - .1)); } - - &:active { color: shade($selected_bg_color, ($contrast - .05)); } - - .arrow { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - color: transparentize($selected_fg_color, .5); - -gtk-icon-shadow: none; - } - } - } - - .dim-label { - &, .selection-menu & { color: shade($selected_bg_color, ($contrast - .1)); } - } - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_base.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_base.scss deleted file mode 100644 index db5e469..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_base.scss +++ /dev/null @@ -1,131 +0,0 @@ -/************** - ! GTK settings -***************/ - -* { - -GtkWindow-resize-grip-height: 0; - -GtkWindow-resize-grip-width: 0; - -WnckTasklist-fade-overlay-rect: 0; - - outline-color: alpha($selected_bg_color, .5); - outline-style: dashed; - outline-width: 1px; - outline-offset: -1px; - -gtk-outline-radius: $roundness; -} - - -/************* - ! Base states - *************/ - -%selected { - &, &:focus { - background-color: $selected_bg_color; - color: $selected_fg_color; - } -} - -* { - /* hyperlinks */ - -GtkIMHtml-hyperlink-color: $link_color; - - &:selected { @extend %selected; } - - &:disabled, - &:disabled:disabled { color: mix($fg_color, $bg_color, .5); } - - &:disabled, &:disabled { -gtk-icon-effect: dim; } - - &:hover { -gtk-icon-effect: highlight; } - - &:link, &:visited { color: $link_color; } -} - -.background { - background-color: $bg_color; - color: $fg_color; - - &:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; - } - - &.csd { background-color: $bg_color; } -} - -.gtkstyle-fallback { - background-color: alpha($bg_color, .5); - color: $fg_color; - - &:hover { - background-color: shade($bg_color, 1.1); - color: $fg_color; - } - - &:active { - background-color: shade($bg_color, .9); - color: $fg_color; - } - - &:disabled { - background-color: shade(shade($bg_color, .95), 1.05); - color: mix($fg_color, $bg_color, .5); - } - - &:selected { @extend %selected; } -} - -image, label, box, grid { - &, &:disabled { background-color: transparent; } -} - -label { - &.separator { - @extend .dim-label; - - color: $fg_color; - - &:backdrop { color: $backdrop_fg_color; } - } - - row:selected &, - &:selected { @extend %nobg_selected_items; } - - selection { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - &:disabled { - color: $insensitive_fg_color; - - selection { @extend %selected_items:disabled; } - - &:backdrop { color: $backdrop_insensitive_color; } - } - - &:backdrop { - color: $backdrop_fg_color; - - selection { @extend %selected_items:backdrop; } - } -} - -assistant { - .sidebar { - background-color: $base_color; - border-top: 1px solid $borders_color; - - &:backdrop { - background-color: $backdrop_base_color; - border-color: $backdrop_borders_color; - } - } - - &.csd .sidebar { border-top-style: none; } - - .sidebar label { padding: $spacing ($spacing * 2); } - - .sidebar label.highlight { background-color: mix($fg_color, $bg_color, .8); } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_button.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_button.scss deleted file mode 100644 index 8ebdca2..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_button.scss +++ /dev/null @@ -1,559 +0,0 @@ -/********* - ! Buttons -**********/ - -@include exports("button_extends") { - // stuff for .needs-attention - $_dot_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color, .15)); - - @keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, .01, to($_dot_color), to(transparent)); - } - - to { - background-image: -gtk-gradient(radial, center center, 0, center center, .5, to($selected_bg_color), to(transparent)); - } - } - - %needs_attention { - animation: needs_attention 150ms ease-in; - $_dot_shadow: _text_shadow_color(); - $_dot_shadow_r: if($variant == 'light', .5, .45); - background-image: -gtk-gradient(radial, center center, 0, center center, .5, to($_dot_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, $_dot_shadow_r, to($_dot_shadow), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - - @if $variant == 'light' { - background-position: right 3px, right 4px; - } @else { - background-position: right 3px, right 2px; - } - - &:backdrop { background-size: 6px 6px, 0 0; } - - &:dir(rtl) { - @if $variant == 'light' { - background-position: left 3px, left 4px; - } @else { - background-position: left 3px, left 2px; - } - } - } - - %button { - min-height: 14px + $spacing * 2; - min-width: 14px + $spacing * 2; - padding: $spacing ($spacing + 2px); - border-width: 1px; - border-style: solid; - border-radius: $roundness; - transition: 150ms ease; - outline-color: transparent; - } - - %undecorated_button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - } - - %linked_middle { - border-radius: 0; - border-left-style: none; - border-right-style: solid; - - &:dir(rtl) { - border-radius: 0; // needed when including %linked_middle:dir(rtl) - border-right-style: none; - border-left-style: solid; - } - } - - %linked_vertical_middle { - border-radius: 0; - border-top-style: none; - border-bottom-style: solid; - - &:dir(rtl) { - border-radius: 0; // needed when including %linked_vertical_middle:dir(rtl) - border-top-style: none; - border-bottom-style: solid; - } - } - - %linked_button { - border-width: 1px; - border-style: solid; - border-radius: 0; - border-right-style: none; - border-left-style: none; - - &:first-child { - border-width: 1px; - border-radius: $roundness; - border-left-style: solid; - border-right-style: none; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - - &:dir(rtl) { - border-left-style: none; - border-right-style: solid; - } - } - - &:last-child { - border-width: 1px; - border-radius: $roundness; - border-left-style: none; - border-right-style: solid; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - - &:dir(rtl) { - border-left-style: solid; - border-right-style: none; - } - } - - &:only-child, &:first-child:only-child { - border-width: 1px; - border-style: solid; - } - - &:only-child { - border-radius: $roundness; - } - } - - %linked_vertical_button { - border-width: 1px; - border-style: solid; - border-radius: 0; - border-top-style: none; - border-bottom-style: none; - - &:first-child { - border-width: 1px; - border-radius: $roundness; - border-top-style: solid; - border-bottom-style: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - - &:dir(rtl) { - border-top-style: none; - border-bottom-style: solid; - } - } - - &:last-child { - border-width: 1px; - border-radius: $roundness; - border-top-style: none; - border-bottom-style: solid; - border-top-left-radius: 0; - border-top-right-radius: 0; - - &:dir(rtl) { - border-top-style: solid; - border-bottom-style: none; - } - } - - &:only-child, &:first-child:only-child { - border-width: 1px; - border-style: solid; - } - - &:only-child { - border-radius: $roundness; - } - } -} - -@mixin linked_button($bg) { - $border_strength: if(lightness($bg) > 50, 0, .1); - $shadow_strength: if(lightness($bg) > 50, 0, .1); - - @extend %linked_button; - - box-shadow: inset -1px 0 border_normal(rgba(0, 0, 0, .12 + $border_strength)), - 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); - - &:focus, &:hover { - box-shadow: inset -1px 0 border_focus(rgba(0, 0, 0, .12 + $border_strength)), - 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); - } - - &:active, &:active:hover, - &:active:focus, &:active:hover:focus, - &:checked, &:checked:hover, - &:checked:focus, &:checked:hover:focus { - box-shadow: inset -1px 0 border_active(rgba(0, 0, 0, .12 + $border_strength)), - inset 0 1px alpha($dark_shadow, .07), - inset 0 -1px alpha($dark_shadow, .05); - } - - &:disabled { box-shadow: inset -1px 0 shade($bg, .8); } - - &:last-child, &:only-child { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); } - - &:last-child:hover, &:only-child:hover { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); } - - &:disabled:last-child, &:disabled:only-child, - &:active:disabled:last-child, &:active:disabled:only-child, - &:checked:disabled:last-child, &:checked:disabled:only-child { box-shadow: none; } - - &:active:last-child, &:active:last-child:focus, &:active:last-child:hover, &:active:last-child:hover:focus, - &:checked:last-child, &:checked:last-child:focus, &:checked:last-child:hover, &:checked:last-child:hover:focus { - box-shadow: inset 0 1px alpha($dark_shadow, .07), - inset -1px 0 alpha($dark_shadow, .06); - } - - &:active:only-child, &:active:only-child:focus, &:active:only-child:hover, &:active:only-child:hover:focus, - &:checked:only-child, &:checked:only-child:focus, &:checked:only-child:hover, &:checked:only-child:hover:focus { - box-shadow: inset 1px 0 alpha($dark_shadow, .06), - inset 0 1px alpha($dark_shadow, .07), - inset -1px 0 alpha($dark_shadow, .06); - } -} - -@mixin linked_vertical_button($bg) { - $border_strength: if(lightness($bg) > 50, 0, .1); - $shadow_strength: if(lightness($bg) > 50, 0, .1); - - @extend %linked_vertical_button; - - box-shadow: inset 0 -1px border_normal(rgba(0, 0, 0, .12 + $border_strength)), - 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); - - &:focus, &:hover { - box-shadow: inset 0 -1px border_focus(rgba(0, 0, 0, .12 + $border_strength)), - 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); - } - - &:active, &:active:hover, - &:active:focus, &:active:hover:focus, - &:checked, &:checked:hover, - &:checked:focus, &:checked:hover:focus { - box-shadow: inset 0 -1px border_active(rgba(0, 0, 0, .12 + $border_strength)), - inset 1px 0 alpha($dark_shadow, .07), - inset -1px 0 alpha($dark_shadow, .05); - } - - &:disabled { box-shadow: inset 0 -1px shade($bg, .8); } - - &:last-child, &:only-child { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); } - - &:last-child:hover, &:only-child:hover { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); } - - &:disabled:last-child, &:disabled:only-child, - &:active:disabled:last-child, &:active:disabled:only-child, - &:checked:disabled:last-child, &:checked:disabled:only-child { box-shadow: none; } - - &:active:last-child, &:active:last-child:focus, &:active:last-child:hover, &:active:last-child:hover:focus, - &:checked:last-child, &:checked:last-child:focus, &:checked:last-child:hover, &:checked:last-child:hover:focus { - box-shadow: inset 0 1px alpha($dark_shadow, .07), - inset -1px 0 alpha($dark_shadow, .06); - } - - &:active:only-child, &:active:only-child:focus, &:active:only-child:hover, &:active:only-child:hover:focus, - &:checked:only-child, &:checked:only-child:focus, &:checked:only-child:hover, &:checked:only-child:hover:focus { - box-shadow: inset 1px 0 alpha($dark_shadow, .06), - inset 0 1px alpha($dark_shadow, .07), - inset -1px 0 alpha($dark_shadow, .06); - } -} - -@mixin button($bg, $fg) { - $border_strength: if(lightness($fg) > 50, .1, .2); - $shadow_strength: if(lightness($bg) > 50, 0, .1); - - $button_bg: $bg; - - @extend %button; - @include linear-gradient($button_bg); - @include border(alpha($fg, .12 + $border_strength)); - - color: $fg; - box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); - - // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/572 - // Webkitgtk workaround start - &:active { color: $fg; } - // Webkitgtk workaround end - - &.flat { - //color: mix($bg, $fg, .2); - color: $fg; - border-color: alpha($button_bg, 0); - background-color: alpha($button_bg, 0); - background-image: none; - box-shadow: none; - } - - &, &.flat { - - &:hover { - @include linear-gradient(shade($bg, 1.05)); - @include border(alpha($fg, .20 + $border_strength)); - - color: $fg; - box-shadow: 0 1px 2px -1px alpha($dark_shadow, .22 + $shadow_strength); - } - - &:focus { - @include linear-gradient(shade($bg, 1.05)); - @include border(alpha($fg, .20 + $border_strength)); - - color: $fg; - box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); - &:hover { - @include linear-gradient(shade($bg, 1.1)); - @include border(alpha($fg, .20 + $border_strength)); - - box-shadow: 0 1px 2px -1px alpha($dark_shadow, .38 + $shadow_strength); - } - } - - &:checked, &:active { - /*@include linear-gradient(shade($bg, .7), to top);*/ - @include linear-gradient($selected_bg_color, to top); - - color: $selected_fg_color; - box-shadow: inset 1px 0 alpha($fg, .06), - inset 0 1px alpha($fg, .07), - inset -1px 0 alpha($fg, .06), - inset 0 -1px alpha($fg, .05); - @include border(alpha($fg, .12 + $border_strength)); - - &:focus, &:hover { - /*@include linear-gradient(shade($bg, .65), to top);*/ - @include linear-gradient(shade($selected_bg_color, 1.05), to top); - - color: $selected_fg_color; - } - } - - &:focus, &:hover { color: $fg; } - - &:disabled:disabled { - @include linear-gradient(alpha(mix($bg, $fg, .2), .4)); - /*border: 1px solid alpha($bg, .2);*/ - opacity: .4; - - color: mix($bg, $fg, .5); - box-shadow: none; - } - - &:active:disabled, &:checked:disabled { - @include linear-gradient(alpha($selected_bg_color, .6)); - - color: $selected_fg_color; - box-shadow: none; - } - } - - &.separator, .separator { - border: 1px solid currentColor; - color: alpha($bg, ($contrast + .1)); - - &:disabled { color: alpha($bg, .85); } - } -} - -@include exports("button") { - %close_button { - border: 1px solid transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - - &:focus, &:hover { - border: 1px solid alpha($bg_color, .3); - background-color: alpha($fg_color, .2); - background-image: none; - box-shadow: none; - } - - &:active, &:checked, &:active:hover, &:checked:hover { - border: 1px solid alpha($selected_bg_color, .3); - background-color: alpha($selected_fg_color, .1); - background-image: none; - box-shadow: none; - } - } - - button { - @include button($button_bg_color, $button_fg_color); - - - .inline-toolbar &, - .linked > & { @include linked_button($button_bg_color); } - - .linked.vertical > & { @include linked_vertical_button($button_bg_color); } - - &.circular, - &.circular-button { // FIXME: aggregate to buttons - padding: 0; - min-width: 28px; - min-height: 28px; - border-radius: 9999px; // Fixed: https://github.com/GNOME/gtk/commit/a6409458f0d50d673a4dc370b9251993b7835b6b - -gtk-outline-radius: 9999px; - - label { padding: 0; } - } - } - - spinbutton { - - &:disabled { - opacity: .4; - } - - button { - color: $button_fg_color; - - &:active, &:checked, &:hover { - @include linear-gradient(shade($button_bg_color, 1.2)); - } - - &:disabled { color: mix($button_fg_color, $bg_color, .7); } - - &:backdrop { color: mix($backdrop_base_color, $backdrop_fg_color, .9); } - - &:backdrop:disabled { color: alpha($backdrop_insensitive_color, .8); } - } - - &:not(.vertical) { - /*@extend %entry;*/ - @include linear-gradient($base_color, to top); - /*@include border($base_color);*/ - - padding: 0; - border-radius: $roundness; - - color: $text_color; - caret-color: $text_color; - - /*&:focus, &:active { border-color: border_focus($borders_color); }*/ - - &:disabled { - @include linear-gradient(shade($base_color, .9), to top); - - color: mix($base_color, $text_color, .5); - } - - entry { - border-radius: $roundness 0 0 $roundness; - border-right-width: 0; - box-shadow: none; - } - - button { - @extend %linked_middle; - border-radius: 0; - /*border-color: alpha($borders_color, .8);*/ - /*border-style: none none none solid;*/ - background-image: none; - box-shadow: none; - - &:dir(rtl) { border-style: none solid none none; } - - &:active { box-shadow: inset 0 2px 3px -1px transparentize($black, .8); } - - &:backdrop { border-color: alpha($backdrop_borders_color, .8); } - - &:backdrop:disabled { - border-style: none none none solid; // It is needed or it gets overridden - - &:dir(rtl) { border-style: none solid none none; } - } - - &:dir(rtl):first-child { border-radius: $roundness 0 0 $roundness; } - - &:dir(ltr):last-child { border-radius: 0 $roundness $roundness 0; } - } - } - - &.vertical { - button, entry { - min-width: 0; - padding-left: $spacing - 2px; - padding-right: $spacing - 2px; - } - - entry { - // reset all the other props since the spinbutton node is styled here - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - } - - button { - &.up { - border-style: solid solid none solid; - border-radius: $roundness $roundness 0 0; - } - - &.down { - border-style: none solid solid solid; - border-radius: 0 0 $roundness $roundness; - } - } - } - } -} - -/****************** -! ComboBoxes * -*******************/ - -@include exports("combobox") { - combobox { - button.combo { - // otherwise the arrow placement is not symmetric - min-width: 0; - padding-left: $spacing + 2px; - padding-right: $spacing + 2px; - } - - arrow { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - min-height: 16px; - min-width: 16px; - } - - box button, box entry { - @extend %linked_button; - padding: $spacing ($spacing + 2px); - } - - .linked:not(.vertical) > & > box > button.combo { - // the combo is a composite widget so the way we do button linked doesn't - // work, special case needed. See - // https://bugzilla.gnome.org/show_bug.cgi?id=733979 - &:dir(ltr) { @extend %linked_middle; } - // specificity bump - &:dir(rtl) { @extend %linked_middle:dir(rtl); } - } - - .linked:not(.vertical) > &:first-child > box > button.combo { @extend %linked_button:first-child; } - - .linked:not(.vertical) > &:last-child > box > button.combo { @extend %linked_button:last-child; } - - .linked:not(.vertical) > &:only-child > box > button.combo { @extend %linked_button:only-child; } - - .linked.vertical > & > box > button.combo { @extend %linked_vertical_middle; } - - .linked.vertical > &:first-child > box > button.combo { @extend %linked_vertical_button:first-child; } - - .linked.vertical > &:last-child > box > button.combo { @extend %linked_vertical_button:last-child; } - - .linked.vertical > &:only-child > box > button.combo { @extend %linked_vertical_button:only-child; } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_calendar.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_calendar.scss deleted file mode 100644 index 5f68de3..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_calendar.scss +++ /dev/null @@ -1,73 +0,0 @@ -/********** - ! Calendar -***********/ - -@include exports("calendar") { - calendar { - padding: 1px 3px; - outline-offset: -1px; - - color: $text_color; - - &.view { - &, &:backdrop { @extend %undecorated_button; } - } - - &:selected { - @extend %selected_items; - - border-radius: $roundness; - } - - &.header { - border-bottom: 1px solid transparentize($black, .9); - border-radius: 0; - - &:backdrop { border-color: transparentize($black, .9); } - } - - &.button { - @extend %undecorated_button; - - color: alpha($fg_color, .55); - - &:hover { - @extend %undecorated_button; - - color: $fg_color; - } - - &:backdrop { - @extend %undecorated_button; - - color: alpha($backdrop_fg_color, .55); - } - - &:disabled { - @extend %undecorated_button; - - color: alpha($insensitive_fg_color, .55); - } - } - - &:indeterminate, - &:indeterminate:backdrop { color: mix($fg_color, $bg_color, .5); } - - &.highlight, - &.highlight:backdrop { - font-size: smaller; - color: $selected_bg_color; - } - - &:backdrop { - color: $backdrop_text_color; - } - } - - /* gnome-calendar */ - .calendar-view { - background-color: $base_color; - color: $text_color; - } -} - diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_choosers.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_choosers.scss deleted file mode 100644 index 803329b..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_choosers.scss +++ /dev/null @@ -1,183 +0,0 @@ -/*************** - ! Color chooser -****************/ - -@include exports("colorchooser") { - colorswatch { - // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one - // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is - // applied to the overlay box. - - &:drop(active), & { border-style: none; } // FIXME: implement a proper drop(active) state - - $_colorswatch_radius: $roundness; - - // base color corners rounding - // to avoid the artifacts caused by rounded corner anti-aliasing the base color - // sports a bigger radius. - // nth-child is needed by the custom color strip. - - &.top { - border-top-left-radius: $_colorswatch_radius + .5px; - border-top-right-radius: $_colorswatch_radius + .5px; - - overlay { - border-top-left-radius: $_colorswatch_radius; - border-top-right-radius: $_colorswatch_radius; - } - } - - &.bottom { - border-bottom-left-radius: $_colorswatch_radius + .5px; - border-bottom-right-radius: $_colorswatch_radius + .5px; - - overlay { - border-bottom-left-radius: $_colorswatch_radius; - border-bottom-right-radius: $_colorswatch_radius; - } - } - - &.left, - &:first-child:not(.top) { - border-top-left-radius: $_colorswatch_radius + .5px; - border-bottom-left-radius: $_colorswatch_radius + .5px; - - overlay { - border-top-left-radius: $_colorswatch_radius; - border-bottom-left-radius: $_colorswatch_radius; - } - } - - &.right, - &:last-child:not(.bottom) { - border-top-right-radius: $_colorswatch_radius + .5px; - border-bottom-right-radius: $_colorswatch_radius + .5px; - - overlay { - border-top-right-radius: $_colorswatch_radius; - border-bottom-right-radius: $_colorswatch_radius; - } - } - - &.dark overlay { - color: $selected_fg_color; - - &:hover { border-color: if($variant == 'light', transparentize($black, .2), $borders_color); } - - &:backdrop { color: $backdrop_selected_fg_color; } - } - - &.light overlay { - color: $text_color; - - &:hover { border-color: if($variant == 'light', transparentize($black, .5), $borders_color); } - - &:backdrop { color: $backdrop_text_color; } - } - - &:drop(active) { - box-shadow: none; - - &.light overlay { - border-color: $drop_target_color; - box-shadow: inset 0 0 0 2px if($variant == 'light', darken($drop_target_color, 7%), $borders_color), - inset 0 0 0 1px $drop_target_color; - } - - &.dark overlay { - border-color: $drop_target_color; - box-shadow: inset 0 0 0 2px if($variant == 'light', transparentize($black, .7), $borders_color), - inset 0 0 0 1px $drop_target_color; - } - } - - overlay { - border: 1px solid if($variant == 'light', transparentize($black, .7), $borders_color); - - &:hover { - box-shadow: inset 0 1px transparentize($white, .6), - inset 0 -1px transparentize($black, .8); - } - - &:backdrop, - &:backdrop:hover { - border-color: if($variant == 'light', transparentize($black, .7), $borders_color); - box-shadow: none; - } - } - - &:disabled { - opacity: .5; - - overlay { - border-color: transparentize($black, .4); - box-shadow: none; - } - } - - row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } - - &#add-color-button { - border-radius: $_colorswatch_radius $_colorswatch_radius 0 0; - - &:only-child { border-radius: $_colorswatch_radius; } - - overlay { - background-color: shade($bg_color, .95); - color: $fg_color; - - &:hover { background-color: shade($bg_color, .9); } - - &:backdrop { background-color: shade($backdrop_bg_color, .95); } - } - } - - &#editor-color-sample { - border-radius: $_colorswatch_radius; - - overlay { border-radius: $_colorswatch_radius + .5px; } - } - } - - button.color { - padding: $spacing; - - colorswatch:only-child { - &, overlay { border-radius: 0; } - - @if $variant == 'light' { box-shadow: 0 1px _text_shadow_color(); } - } - - @if $variant == 'light' { - &:disabled, - &:backdrop, - &:active, - &:checked { colorswatch:only-child { box-shadow: none; } } - } - } - - colorchooser .popover.osd { border-radius: $roundness; } -} - - -/*********************** -! Font and file choosers -************************/ - -@include exports("miscchoosers") { - filechooser { - /* for fallback when header bar not used */ - .dialog-action-box { - border-top: 1px solid $borders_color; - - &:backdrop { border-top-color: $backdrop_borders_color; } - } - - #pathbarbox { border-bottom: 1px solid $bg_color; } - } - - filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_entry.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_entry.scss deleted file mode 100644 index 2fd759a..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_entry.scss +++ /dev/null @@ -1,180 +0,0 @@ -/********* - ! Entry * -**********/ - -%linked_entry { - border-width: 1px; - border-radius: 0; - border-right-width: 0; - border-left-width: 0; - - &:first-child { - border-width: 1px; - border-radius: $roundness; - border-right-width: 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; - - &:dir(rtl) { - border-left-width: 0; - border-right-width: 1px; - } - } - - &:last-child { - border-width: 1px; - border-radius: $roundness; - border-left-width: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - - &:dir(rtl) { - border-left-width: 1px; - border-right-width: 0; - } - } - - &:only-child, &:first-child:only-child { - border-width: 1px; - } - - &:only-child { - border-radius: $roundness; - } -} - -%linked_vertical_entry { - border-width: 1px; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - - &:first-child { - border-width: 1px; - border-radius: $roundness; - border-top-width: 1px; - border-bottom-width: 0; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - - &:dir(rtl) { - border-top-width: 0; - border-bottom-width: 1px; - } - } - - &:last-child { - border-width: 1px; - border-radius: $roundness; - border-top-width: 0; - border-bottom-width: 1px; - border-top-left-radius: 0; - border-top-right-radius: 0; - - &:dir(rtl) { - border-top-width: 1px; - border-bottom-width: 0; - } - } - - &:only-child, &:first-child:only-child { - border-width: 1px; - } - - &:only-child { - border-radius: $roundness; - } -} - -%entry { - border-width: 1px; - border-style: solid; - border-radius: $roundness; - transition: border 150ms ease; - box-shadow: inset 1px 1px alpha($dark_shadow, .06), - inset -1px 0 alpha($dark_shadow, .06); - - &:focus, &:hover, &:active { transition: none; } - - &:selected { - &, &:selected:focus { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - - &:disabled { box-shadow: none; } - - progress { - @include linear-gradient($selected_bg_color); - - border-width: 0; - border-radius: $roundness; - color: $selected_fg_color; - } - - image.left { padding-right: $spacing; } - - image.right { padding-left: $spacing; } - - selection { @extend %selected_items; } - - // entry error and warning style - @each $e_type, $e_color, $e_fg_color in (warning, $warning_bg_color, $warning_fg_color), - (error, $error_bg_color, $error_fg_color), - // entry.search-missing for Gnome-Builder - (search-missing, $error_bg_color, $error_fg_color) { - &.#{$e_type} { - color: $e_fg_color; - border-color: border_normal($e_color); - background-color: mix($base_color, $e_color, .6); - - image { color: $e_fg_color; } - - &:focus { - color: $e_fg_color; - border-color: border_focus($e_color); - background-color: $e_color; - box-shadow: none; - } - - selection { - background-color: $e_fg_color; - color: $e_color; - } - } - } -} - -@mixin entry($bg, $fg, $border: $borders_color) { - @extend %entry; - @include linear-gradient($bg, to top); - @include border(mix($bg, $fg, .20)); - - padding: $spacing; - - color: $fg; - caret-color: $fg; - - &:focus, &:active { border-color: border_focus($border); } - - &:disabled { - @include linear-gradient(shade($bg, .9), to top); - @include border(alpha(mix($bg, $fg, .20), .4)); - /*@include border(mix($bg, $fg, .20));*/ - /*border-color: alpha(mix($bg, $fg, .15), .8);*/ - /*opacity: .8;*/ - - color: mix($bg, $fg, .5); - } -} - -@include exports("entry") { - entry { - @include entry($base_color, $text_color); - - .linked:not(.vertical) > & { @extend %linked_entry; } - - .linked.vertical > & { @extend %linked_vertical_entry; } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_grid.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_grid.scss deleted file mode 100644 index 3cc0958..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_grid.scss +++ /dev/null @@ -1,63 +0,0 @@ -/****************** - ! Grid and flowbox -*******************/ - -@include exports("grid") { - list { - color: $text_color; - background-color: $base_color; - border-color: $borders_color; - - &:backdrop { - background-color: $backdrop_base_color; - border-color: $backdrop_borders_color; - } - - row { padding: $spacing; } - } - - row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - - &:hover { transition: none; } - - &:backdrop { transition: 200ms ease-out; } - - &.activatable { - &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 - - &:hover { background-color: if(variant == light, transparentize($fg_color, .9), transparentize($fg_color, .95)); } - - &:active { box-shadow: inset 0 2px 2px -2px transparentize($black, .8); } - - &:backdrop:hover { background-color: transparent; } - - &:selected { - &:active { box-shadow: inset 0 2px 3px -1px transparentize($black, .5); } - - &.has-open-popup, - &:hover { background-color: mix($selected_bg_color, $fg_color, .1); } - - &:backdrop { background-color: $selected_bg_color; } - } - } - - &:selected { @extend %selected_items; } - } - - flowbox { - rubberband { @extend rubberband; } - - flowboxchild { - padding: $spacing; - border-radius: $roundness; - - &:selected { - @extend %selected_items; - - outline-offset: -2px; - } - } - } -} - diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_infobar.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_infobar.scss deleted file mode 100644 index bf82db2..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_infobar.scss +++ /dev/null @@ -1,41 +0,0 @@ -@import "button"; - - -/********* - ! Infobar -**********/ - -@include exports("infobar") { - infobar { - border: 0; - - $types: ( - info: ($info_fg_color, $info_bg_color), - warning: ($warning_fg_color, $warning_bg_color), - question: ($question_fg_color, $question_bg_color), - error: ($error_fg_color, $error_bg_color), - ); - - @each $type, $colors in $types { - $fg_color: nth($colors, 1); - $bg_color: nth($colors, 2); - - &.#{$type} { - &, &:backdrop { // Backdrop button fix: https://github.com/numixproject/numix-gtk-theme/issues/544 - @include linear-gradient($bg_color); - - border: 1px solid shade($bg_color, .8); - caret-color: currentColor; - - label, & { color: $fg_color; } - } - - button { - @include button($bg_color, $fg_color); - - &.close { @extend %close_button; } - } - } - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_menu.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_menu.scss deleted file mode 100644 index 18e06e8..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_menu.scss +++ /dev/null @@ -1,327 +0,0 @@ -@import "entry"; - - -/********* - ! Menubar -**********/ - -@include exports("menubar") { - menubar, .menubar { - -GtkWidget-window-dragging: true; - - padding: 0; - border: 0; - background-color: $menubar_bg_color; - background-image: none; - //box-shadow: inset 0 -1px shade($menubar_bg_color, .9); - color: $menubar_fg_color; - - > menuitem { - min-height: 16px; - padding: ($spacing - 1px) ($spacing - 1px) * 2; - border: 1px solid transparent; - background-color: transparent; - background-image: none; - color: $menubar_fg_color; - - &:hover { - border-color: mix($menubar_bg_color, $menubar_fg_color, .21); - background-color: mix($menubar_bg_color, $menubar_fg_color, .21); - background-image: none; - color: shade($menubar_fg_color, 1.08); - } - - *:hover { color: shade($menubar_fg_color, 1.08); } - } - } -} - - -/****** - ! Menu -*******/ - -@include exports("menu") { - menu, - .menu, - .context-menu { - border: 0; - border-radius: 0; - padding: $spacing; - background-color: $menu_bg_color; - color: $menu_fg_color; - - .csd & { border: 0; } // axes borders in a composited env - - &:selected { background-color: $selected_bg_color; } - - // A little hack to get some extra space above/below menuitem separators - separator, - .csd & separator { - background-color: shade($menu_bg_color, ($contrast + .1)); - margin: ($spacing - 2px) 0; - } - - // Firefox workaround - .separator, - .csd & .separator { color: shade($menu_bg_color, ($contrast + .1)); } - - menuitem { - min-height: 16px; - min-width: 40px; - padding: $spacing; - border-radius: 0; - - &:active, &:hover { - border: 0; - background-color: $selected_bg_color; - background-image: none; - color: $selected_fg_color; - } - - *:active, *:hover { color: $selected_fg_color; } - - &:disabled, *:disabled { color: mix($menu_fg_color, $menu_bg_color, .5); } - - // submenu indicators - arrow { - min-height: 16px; - min-width: 16px; - - &:dir(ltr) { - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - margin-left: 10px; - } - - &:dir(rtl) { - -gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); - margin-right: 10px; - } - } - - &.button, &.button.flat { - &, &:focus, &:active, &:disabled, &:active:disabled { - background-color: transparent; - background-image: none; - border: 0; - box-shadow: none; - color: currentColor; - } - - &:hover, &:focus:hover, &:active:hover, &:selected { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - - calendar { - color: $menu_fg_color; - - &.header { - border-bottom: 1px solid shade($menu_bg_color, ($contrast + .1)); - border-radius: 0; - - &:backdrop { border-color: shade($menu_bg_color, ($contrast + .1)); } - } - - &.button { - @extend %undecorated_button; - - color: alpha($menu_fg_color, .55); - - &:hover { - @extend %undecorated_button; - - color: $menu_fg_color; - } - } - - &:indeterminate, - &:indeterminate:backdrop { color: mix($menu_fg_color, $menu_bg_color, .5); } - } - - // avoids labels color being overridden, see - // https://bugzilla.gnome.org/show_bug.cgi?id=767058 - label { &:dir(rtl), &:dir(ltr) { color: inherit; } } - } - - // overflow arrows - > arrow { - //@include button(undecorated); - - min-height: 16px; - min-width: 16px; - padding: $spacing; - background-color: $menu_bg_color; - border-radius: 0; - - &.top { - margin-top: -6px; - border-bottom: 1px solid mix($fg_color, $base_color, .1); - -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); - } - - &.bottom { - margin-bottom: -6px; - border-top: 1px solid mix($fg_color, $base_color, .1); - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - } - - &:hover { background-color: mix($fg_color, $base_color, .1); } - - &:backdrop { background-color: $backdrop_menu_color; } - - &:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; - } - } - } - - .context-menu { font: initial; } // Decouple the font of context menus from their entry/textview - - .monospace { font-family: monospace; } - - menuitem { - accelerator { - color: alpha($menu_fg_color, .6); - - &:hover { color: alpha($selected_fg_color, .8); } - - &:disabled { color: alpha(mix($menu_fg_color, $menu_bg_color, .5), .4); } - } - - check, radio { - min-height: 16px; - min-width: 16px; - - &:dir(ltr) { margin-right: 7px; } - &:dir(rtl) { margin-left: 7px; } - } - - window decoration { - box-shadow: 0 2px 3px alpha($black, .2); - } - - entry { @include entry($menu_bg_color, $menu_fg_color); } - } -} - - -/********* - ! Popover -**********/ - -@include exports("popover") { - popover.background { - padding: $spacing; - border-radius: $roundness; - background-clip: border-box; - background-color: $menu_bg_color; - background-image: none; - color: $menu_fg_color; - box-shadow: 0 3px 6px alpha($black, .16); - - .csd &, & { - /*@include border($menu_bg_color);*/ - @include border(alpha($menu_fg_color, .5)); - border-width: 1px; - border-style: solid; - } - - &:backdrop { box-shadow: none; } - - .osd & { - box-shadow: 0 2px 7px 3px alpha($black, .5); - - > toolbar button { - border-radius: 0; - border-width: 0; - background-color: transparent; - background-image: none; - } - } - - treeview.view { - &:hover, &:selected, &:selected:focus, &:backdrop:selected, &:backdrop:selected:focus { border-top-color: $selected_bg_color; } - - &, &:backdrop { border-top-color: shade($menu_bg_color, ($contrast + .4)); } - } - - view, .view, list { - &:hover { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - &, &:backdrop { - background-color: shade($menu_bg_color, ($contrast + .5)); - background-image: none; - color: $menu_fg_color; - border-color: border_normal($menu_bg_color); - } - } - - list row { - &, & .button { - background-color: transparent; - background-image: none; - color: $menu_fg_color; - - &:focus, &:hover, &:active { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - } - - .frame { - border-color: border_normal($menu_bg_color); - border-radius: $roundness; - } - - entry { @include entry($base_color, $text_color); } - - button { @include button($header_button_bg_color, $header_button_fg_color); } - - > list, > .view, > toolbar { - border-style: none; - background-color: transparent; - } - } - - modelbutton.flat, - menuitem.button.flat { - padding: $spacing ($spacing + 2px); - outline-color: transparent; - transition: none; - - @extend %undecorated_button; - - &:hover { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - &:active, &:selected { &, arrow { @extend %selected_items; } } - - &:checked { color: $fg_color; } - - arrow { - &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - - &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - } - - // FIXME: temporary workaround - check:last-child, - radio:last-child { margin-left: 8px; } - - check:first-child, - radio:first-child { margin-right: 8px; } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_misc.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_misc.scss deleted file mode 100644 index 6c15920..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_misc.scss +++ /dev/null @@ -1,320 +0,0 @@ -/*************** -! Dimmed label * -****************/ - -@include exports("dimlabel") { - .dim-label { - opacity: .5; - text-shadow: none; - } -} - - -/*********** - ! Tooltip * -************/ - -@include exports("tooltip") { - .tooltip, // Firefox fix - tooltip { - &.background { - &, &.csd { - background-color: $tooltip_bg_color; - background-clip: padding-box; - border: 1px solid border_normal($tooltip_bg_color); - border-radius: $roundness; - color: $tooltip_fg_color; - } - } - - * { - background-color: transparent; - color: inherit; - } - } -} - - -/*********** - ! Dialogs * -************/ - -@include exports("dialogs") { - messagedialog, .message-dialog, .prompt { - -GtkDialog-content-area-border: 0; - -GtkDialog-action-area-border: $spacing; - -GtkDialog-button-spacing: 0; - - margin: 0; - padding: 0; - } - - printdialog { - paper { - color: $fg_color; - border: 1px solid $borders_color; - background: $white; - padding: 0; - - &:backdrop { - color: $backdrop_fg_color; - border-color: $backdrop_borders_color; - } - } - - .dialog-action-box { margin: $spacing * 2; } - } -} - - -/********************* - ! App notifications * -**********************/ - -@include exports("notifications") { - frame.app-notification { - border-style: solid; - border-color: border_normal($osd_bg); - border-width: 0 1px 1px; - border-radius: 0 0 $roundness $roundness; - padding: $spacing * 2; - background-color: $osd_bg; - background-image: none; - color: $osd_fg; - - button { - @include button($osd_bg, $osd_fg); - } - - border { - border: 0; - } - } -} - - -/************* - ! Expanders * -**************/ - -@include exports("expander") { - expander { - arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - - &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } - - &:hover { color: alpha(currentColor, .8); } //only lightens the arrow - - &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } - } - } -} - - -/******************* - ! Symbolic images * -********************/ - -@include exports("symbolicimage") { - .image { - color: alpha(currentColor, .5); - - &:hover { color: alpha(currentColor, .9); } - - &:selected, &:selected:hover { color: $selected_fg_color; } - } -} - - -/**************** - ! Floating bar * -*****************/ - -@include exports("floatingbar") { - .floating-bar { - @include linear-gradient($bg_color); - - border: 1px solid border_normal($bg_color); - border-radius: $roundness; - color: $fg_color; - - &.top { - border-top-width: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - - &.right { - border-right-width: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - &.bottom { - border-bottom-width: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } - - &.left { - border-left-width: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } - - .button { - border: 0; - background-color: transparent; - background-image: none; - } - } -} - - -/************************* - ! Touch text selections * -**************************/ - -@include exports("touchbubble") { - GtkBubbleWindow { - border-radius: $roundness; - background-clip: border-box; - - &.osd.background { background-color: $osd_bg; } - - .toolbar { background-color: transparent; } - } -} - -/*************** - ! Font-viewer * -****************/ - -@include exports("fontviewer") { - SushiFontWidget { - padding: $spacing ($spacing * 2); - } -} - - -/************* - ! Gucharmap * -**************/ - -@include exports("charmap") { - GucharmapChartable { - background-color: $base_color; - color: $text_color; - - &:focus, &:hover, &:active, &:selected { @extend %selected; } - } -} - - -/************* - ! Evolution * -**************/ - -@include exports("evolution") { - EPreviewPane .entry { - background-color: $base_color; - color: $text_color; - } -} - - -/******************* - ! Gnome Bluetooth * -********************/ - -@include exports("gnome-bluetooth") { - // Base code: https://github.com/GNOME/gnome-bluetooth/blob/a93575c4b590e2b831da32f739294bb2f197d420/lib/bluetooth-settings.css - entry.entry.pin-entry { - font-style: normal; - font-size: 50px; - padding-left: 25px; - padding-right: 25px; - } - - label.pin-label { - font-style: normal; - font-size: 50px; - } -} - - -/************************ - ! Shortcut window keys * -*************************/ - -@include exports("keycap") { - // shortcut window keys - .keycap { - min-width: 20px; - min-height: 24px; - margin-top: 2px; - padding-bottom: $spacing / 2; - padding-left: $spacing; - padding-right: $spacing; - - color: $fg_color; - background-color: $base_color; - border: 1px solid; - border-color: if($variant == 'light', mix($borders_color, $bg_color, .5), $borders_color); - border-radius: $roundness; - box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, .2), inset 0 -3px mix($borders_color, $base_color, .6)); - font-size: smaller; - - &:backdrop { - background-color: $backdrop_base_color; - color: $backdrop_fg_color; - transition: 200ms ease-out; - } - } -} - - -/***************** - ! Stackswitcher * -******************/ - -@include exports("stackswitcher") { - stackswitcher button { - &.text-button { min-width: 80px; } // FIXME aggregate with buttons - - &.circular { // FIXME aggregate with buttons - min-width: 28px; - min-height: 28px; - padding: 0; - } - } -} - - -/******************* - ! Selected Items * -********************/ - -@include exports("selected_items") { - %selected_items { - background-color: $selected_bg_color; - - @at-root %nobg_selected_items, & { - color: $selected_fg_color; - - @if $variant == 'light' { outline-color: transparentize($selected_fg_color, .7); } - - &:disabled { color: mix($selected_fg_color, $selected_bg_color, .5); } - - &:backdrop { - background-color: $backdrop_selected_bg_color; // Fixed Issue #430 - color: $backdrop_selected_fg_color; - - &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, .3); } - } - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_notebook.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_notebook.scss deleted file mode 100644 index 61d66df..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_notebook.scss +++ /dev/null @@ -1,149 +0,0 @@ -@import "button"; - - -/********** - ! Notebook -***********/ - -@include exports("notebook") { - -notebook { - padding: 0; - - &.frame { - border: 1px solid $borders_color; - - > header { - // ugly hack to hide the borders around the header - margin: -1px; - &.top { margin-bottom: 0; } - &.bottom { margin-top: 0; } - &.left { margin-right: 0; } - &.right { margin-left: 0; } - - &.top, &.bottom { padding-left: 0; padding-right: 0; } - &.left, &.right { padding-top: 0; padding-bottom: 0; } - } - } - - > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks - background-color: $bg_color; - } - - > header { - padding: 2px; - background-color: $bg_color; - - &.top { box-shadow: inset 0 -1px $borders_color; } - &.bottom { box-shadow: inset 0 1px $borders_color; } - &.right { box-shadow: inset 1px 0 $borders_color; } - &.left { box-shadow: inset -1px 0 $borders_color; } - - @each $_pos, $_bpos in (top, bottom), (bottom, top), (right, left), (left, right) { - // sizing and borders - &.#{$_pos} { - padding-#{$_bpos}: 0; - - > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - - outline-offset: -4px; - - border: 1px solid transparent; - border-#{$_bpos}: none; - border-#{$_pos}-width: 3px; - - &:checked { - border-#{$_pos}-color: $selected_bg_color; - } - - // tab overlap - + tab { - @if $_pos==top or $_pos==bottom { margin-left: -1px; } - @else { margin-top: -1px; } - } - - - // tab border radius - @if $_pos==top { border-radius: 1px 1px 0 0; } - @else if $_pos==bottom { border-radius: 0 0 1px 1px; } - @else if $_pos==left { border-radius: 1px 0 0 1px; } - @else if $_pos==right { border-radius: 0 1px 1px 0; } - } - } - } - // overflow arrows - &.top, &.bottom { - > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - &:last-child { margin-left: 2px; } - } - > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); - &:first-child { margin-right: 2px; } - } - } - &.left, &.right { - > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - &:last-child { margin-top: 2px; } - } - > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); - &:first-child { margin-bottom: 2px; } - } - } - > tabs > arrow { - @extend %close_button; - color: $insensitive_fg_color; - - &:hover { color: mix($fg_color, $insensitive_fg_color, 0.5); } - &:active { color: $fg_color; } - &:disabled { color: alpha($insensitive_fg_color,0.3); } - } - - // tab colors - - &.top > tabs > tab:hover:not(:checked) { box-shadow: inset 0 -1px $borders_color; } - &.bottom > tabs > tab:hover:not(:checked) { box-shadow: inset 0 1px $borders_color; } - &.left > tabs > tab:hover:not(:checked) { box-shadow: inset -1px 0 $borders_color; } - &.right > tabs > tab:hover:not(:checked) { box-shadow: inset 1px 0 $borders_color; } - - > tabs > tab { - color: alpha($fg_color, 0.8); - background-color: alpha(mix($bg_color, $fg_color, .1), 0.7); - - &:hover:not(:checked) { - color: mix($fg_color, $insensitive_fg_color, 0.5); - background-color: transparentize($base_color, 0.5); - border-color: $borders_color; - } - &:checked { - border-color: $borders_color; - color: $fg_color; - background-color: $bg_color; - } - // close button - button.flat { - min-height: 22px; - min-width: 16px; - padding: 0; - color: mix($bg_color, $fg_color, 0.35); - - &:hover { - @extend %undecorated_button; - color: lighten(red, 15%); - } - &:active, &:active:hover { - @extend %undecorated_button; - color: $selected_bg_color; - } - } - } - - } -} - -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_osd.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_osd.scss deleted file mode 100644 index 0d5e56f..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_osd.scss +++ /dev/null @@ -1,188 +0,0 @@ -@import "button"; - - -/******* - ! OSD * -********/ - -@include exports("osd") { - overlay.osd { background-color: transparent; } - - button.osd, - #XfceNotifyWindow button { - @include button($osd_bg, $osd_fg); - - &.image-button { - padding: 0; - min-height: 36px; - min-width: 36px; - } - } - - // stand-alone OSD toolbars - toolbar.osd { - -GtkToolbar-button-relief: normal; - - padding: $spacing; - border: 1px solid border_normal($osd_bg); - border-radius: $roundness; - background-color: $osd_bg; - background-image: none; - color: $osd_fg; - - separator { color: shade($osd_bg, ($contrast + .1)); } - - &.left, - &.right, - &.top, - &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars - } - - .osd, - #XfceNotifyWindow { - background-color: $osd_bg; - color: $osd_fg; - - &.background { - background-color: alpha($osd_bg, .8); - color: $osd_fg; - } - - .frame { - background-clip: border-box; - background-origin: border-box; - } - - button { @include button($osd_bg, $osd_fg); } - - entry { @include entry($osd_base, $osd_text_color, $osd_borders_color); } - - /* used by gnome-settings-daemon's media-keys OSD */ - trough { background-color: shade($osd_bg, .8); } - - progressbar { background-color: $osd_fg; } - - scale { - slider { - @include linear-gradient(shade($osd_bg, 1.08)); - @include border($osd_bg); - - &:disabled { @include linear-gradient(shade($osd_bg, .9)); } - } - - trough { - border-color: shade($osd_bg, .8); - background-color: shade($osd_bg, 1.08); - background-image: none; - - &.highlight { - border-color: $selected_bg_color; - background-color: $selected_bg_color; - background-image: none; - } - - &:disabled, &.highlight:disabled { - border-color: shade($osd_bg, .85); - background-color: shade($osd_bg, .9); - background-image: none; - } - } - } - - &.view, .view, view { background-color: $osd_bg; } - - scrollbar { - trough { background-color: $osd_bg; } - - slider { - border: 1px solid mix(shade($osd_bg, .87), $osd_fg, .21); - border-radius: 0; - background-color: mix($osd_bg, $osd_fg, .21); - - &:hover { - border-color: mix(shade($osd_bg, .87), $osd_fg, .31); - background-color: mix($osd_bg, $osd_fg, .31); - } - - &:active { - border-color: shade($selected_bg_color, .9); - background-color: $selected_bg_color; - } - } - } - - iconview.cell { - &:selected, &:selected:focus { - background-color: transparent; - border: 3px solid mix(shade($osd_bg, .87), $osd_fg, .21); - border-radius: $roundness; - outline-color: transparent; - } - } - - /* used by Documents */ - .page-thumbnail { - border: 1px solid shade($osd_bg, .9); - /* when there's no pixbuf yet */ - background-color: $osd_bg; - } - - spinbutton { - // OSD horizontal - &:not(.vertical) { - @include linear-gradient($osd_base, to top); - @include border($osd_base); - - padding: 0; - - color: $osd_text_color; - caret-color: $osd_text_color; - - &:focus, &:active { border-color: border_focus($osd_borders_color); } - - &:disabled { - @include linear-gradient(shade($osd_base, .9), to top); - - color: mix($osd_base, $osd_text_color, .5); - } - - button { - @include button($osd_bg, $osd_fg); - - border-radius: 0; - border-color: transparentize($osd_borders_color, .3); - border-style: none none none solid; - background-image: none; - box-shadow: none; - - &:dir(rtl) { border-style: none solid none none; } - - &:active, &:checked, &:hover { color: $osd_text_color; } - - &:disabled { color: alpha($osd_insensitive_fg_color, .8); } - - &:backdrop { color: mix($backdrop_base_color, $backdrop_fg_color, .9); } - - &:active { box-shadow: inset 0 2px 3px -1px transparentize($black, .8); } - - &:backdrop:disabled { - color: alpha($backdrop_insensitive_color, .8); - - border-style: none none none solid; // It is needed or it gets overridden - - &:dir(rtl) { border-style: none solid none none; } - } - - &:dir(rtl):first-child { border-radius: $roundness 0 0 $roundness; } - - &:dir(ltr):last-child { border-radius: 0 $roundness $roundness 0; } - } - } - - // OSD vertical - &.vertical button:first-child { - @include button($osd_bg, $osd_fg); - } - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_overshoot.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_overshoot.scss deleted file mode 100644 index f1008a7..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_overshoot.scss +++ /dev/null @@ -1,149 +0,0 @@ -@mixin overshoot($position, $type: normal, $color: $selected_bg_color) { - $_small_gradient_length: 5%; - $_big_gradient_length: 100%; - - $_position: center top; - $_small_gradient_size: 100% $_small_gradient_length; - $_big_gradient_size: 100% $_big_gradient_length; - - @if $position == bottom { - $_position: center bottom; - $_linear_gradient_direction: to top; - } @else if $position == right { - $_position: right center; - $_small_gradient_size: $_small_gradient_length 100%; - $_big_gradient_size: $_big_gradient_length 100%; - } @else if $position == left { - $_position: left center; - $_small_gradient_size: $_small_gradient_length 100%; - $_big_gradient_size: $_big_gradient_length 100%; - } - - $_small_gradient_color: $color; - $_big_gradient_color: $color; - - @if $color == $fg_color { - $_small_gradient_color: shade($borders_color, .9); - $_big_gradient_color: $fg_color; - - @if $type == backdrop { $_small_gradient_color: $backdrop_borders_color; } - } - - $_small_gradient: -gtk-gradient(radial, - $_position, 0, - $_position, .5, - to(alpha($_small_gradient_color, .35)), - to(alpha($_small_gradient_color, .25))); - - $_big_gradient: -gtk-gradient(radial, - $_position, 0, - $_position, .6, - from(alpha($_big_gradient_color, .2)), - to(alpha($_big_gradient_color, 0))); - - @if $type == normal { - background-image: $_small_gradient, $_big_gradient; - background-size: $_small_gradient_size, $_big_gradient_size; - } @else if $type == backdrop { - background-image: $_small_gradient; - background-size: $_small_gradient_size; - } - - background-repeat: no-repeat; - background-position: $_position; - - background-color: transparent; // reset some properties to be sure to not inherit them somehow - border: 0; - box-shadow: none; -} - -@mixin undershoot($position) { - $_undershoot_color_dark: alpha($black, .2); - $_undershoot_color_light: alpha($white, .2); - - $_gradient_dir: left; - $_dash_bg_size: 10px 1px; - $_gradient_repeat: repeat-x; - $_bg_pos: center $position; - - background-color: transparent; // shouldn't be needed, but better to be sure; - - @if ($position == left) or ($position == right) { - $_gradient_dir: top; - $_dash_bg_size: 1px 10px; - $_gradient_repeat: repeat-y; - $_bg_pos: $position center; - } - - /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%);*/ - - padding-#{$position}: 1px; - background-size: $_dash_bg_size; - background-repeat: $_gradient_repeat; - background-origin: content-box; - background-position: $_bg_pos; - border: 0; - box-shadow: none; -} - -scrolledwindow { - viewport.frame { // avoid double borders when viewport inside scrolled window - border-style: none; - } - - // This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. - // This draws a box on top of the content, the size changes programmatically. - overshoot { - &.top { - @include overshoot(top); - - &:backdrop { @include overshoot(top, backdrop); } - } - - &.bottom { - @include overshoot(bottom); - - &:backdrop { @include overshoot(bottom, backdrop); } - } - - &.left { - @include overshoot(left); - - &:backdrop { @include overshoot(left, backdrop); } - } - - &.right { - @include overshoot(right); - - &:backdrop { @include overshoot(right, backdrop); } - } - } - - // Overflow indication, works similarly to the overshoot, the size if fixed tho. - undershoot { - &.top { @include undershoot(top); } - - &.bottom { @include undershoot(bottom); } - - &.left { @include undershoot(left); } - - &.right { @include undershoot(right); } - } - - junction { // the small square between two scrollbars - border-color: transparent; - // the border image is used to add the missing dot between the borders, details, details, details... - border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; - background-color: $scrollbar_bg_color; - - &:dir(rtl) { border-image-slice: 0 1 0 0; } - - &:backdrop { - border-image-source: linear-gradient(to bottom, $backdrop_borders_color 1px, transparent 1px); - background-color: $backdrop_scrollbar_bg_color; - transition: 200ms ease-out; - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_progress.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_progress.scss deleted file mode 100644 index 060564b..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_progress.scss +++ /dev/null @@ -1,408 +0,0 @@ -/***************** - ! Progress bars * -******************/ - -@include exports("progressbar") { - progressbar { - padding: 0; - border-radius: $roundness; - font-size: smaller; - color: alpha($fg_color, .6); - - // sizing - &.horizontal { - trough, - progress { min-height: 6px; } - } - - &.vertical { - trough, - progress { min-width: 6px; } - } - - trough { - border: 1px solid alpha(border_normal($bg_color), .5); - background-color: shade($bg_color, 1.08); - background-image: none; - border-radius: $roundness; - } - - progress { - @include linear-gradient($selected_bg_color); - - border-radius: 0; - - &.left { - border-top-left-radius: $roundness; - border-bottom-left-radius: $roundness; - } - - &.right { - border-top-right-radius: $roundness; - border-bottom-right-radius: $roundness; - } - - &.bottom { - border-bottom-left-radius: $roundness; - border-bottom-right-radius: $roundness; - } - - &.top { - border-top-left-radius: $roundness; - border-top-right-radius: $roundness; - } - } - - &.osd { // progressbar.osd used for epiphany page loading progress - margin: 2px; - min-height: 2px; - min-width: 2px; - - trough { - border-style: none; - border-radius: 0; - background-image: none; - background-color: transparent; - } - - progress { - border-style: none; - border-radius: 0; - background-color: $selected_bg_color; - background-image: none; - } - } - } - - levelbar { - &.horizontal block { - min-width: 34px; - min-height: 4px; - } - - &.vertical block { - min-width: 4px; - min-height: 34px; - } - - &:backdrop { transition: 200ms ease-out; } - - trough { - @include linear-gradient(shade($bg_color, 1.08), to top); - - border: 1px solid alpha(border_normal($bg_color), .5); - border-radius: $roundness; - padding: 2px; //make discrete block appear inside levelbar - } - - &.horizontal.discrete block { - margin: 0 1px; - - &:first-child { margin: 0; } - } - - &.vertical.discrete block { - margin: 1px 0; - - &:first-child { margin: 0; } - } - - block { - @include linear-gradient($selected_bg_color); - - border-color: transparent; - border-radius: $roundness; - - &.low { - background-color: $warning_color; - border-color: transparent; - } - - &.high, - &:not(.empty) { - background-color: $success_color; - border-color: transparent; - } - - &.full { - background-color: shade($selected_bg_color, 0.8); - border-color: transparent; - } - - &.empty { - background-color: transparent; - border-color: transparent; - box-shadow: none; - } - } - } - - scale { - $_marks_length: 3px; - $_marks_distance: 1px; - $button_bg: $button_bg_color; - $ease-out-quad: cubic-bezier(.25, .46, .45, .94); - $button_transition: all 200ms $ease-out-quad; - - min-height: 10px; - min-width: 10px; - padding: $spacing; - - &.horizontal { - trough { padding: 0 3px; } - - highlight, fill { margin: 0 -4px; } - } - - &.vertical { - trough { padding: 3px 0; } - - highlight, fill { margin: -4px 0; } - } - - // The slider is inside the trough, negative margin to make it bigger - slider { - min-height: 15px; - min-width: 15px; - margin: -7px; - } - - // Click-and-hold the slider to activate - &.fine-tune { - // Make the trough grow in fine-tune mode - slider { margin: -7px; } - - highlight { background-color: shade($selected_bg_color, 1.1); } - - fill, - highlight, - trough { - border-radius: 5px; - -gtk-outline-radius: 7px; - } - } - - // Trough - trough { - $_scale_trough_bg: if($variant == 'light', shade($bg_color, .8), darken($bg_color, 5%)); - - outline-offset: 2px; - -gtk-outline-radius: 4.5px; - - border-radius: 2.5px; - background-color: $_scale_trough_bg; - - &:disabled { background-color: transparentize($_scale_trough_bg, .45); } - - //OSD troughs - .osd & { - background-color: lighten($osd_bg, 7%); - - highlight { background-color: $selected_bg_color; } - } - - // Troughs in selected list-rows and infobars - menuitem:hover &, - row:selected &, - infobar & { - background-color: transparentize($black, .8); - - highlight { - background-color: $selected_fg_color; - - &:disabled { background-color: mix($selected_fg_color, $selected_bg_color, .55); } - } - - &:disabled { background-color: transparentize($black, .9); } - } - } - - // The colored part of trough - highlight { - border-radius: 2.5px; - background-color: $selected_bg_color; - - &:disabled { background-color: transparentize($selected_bg_color, .45); } - } - - // this is another differently styled part of the trough, the most relevant use case is for example - // in media player to indicate how much video stream as been cached - fill { - border-radius: 2.5px; - background-color: transparentize($selected_bg_color, .5); - - &:disabled { background-color: transparent; } - } - - slider { - $_slider_border: $button_border; - - background-color: $button_bg; - border: 1px solid $_slider_border; - border-radius: 100%; - - transition: $button_transition; - transition-property: background, border; - - &:hover { background-color: lighten($button_bg, 5%); } - - &:active { - background-clip: border-box; - background-color: $selected_bg_color; - border-color: $selected_bg_color; - } - - &:disabled { - background-color: mix($button_bg, $bg_color, .55); - border-color: transparentize($_slider_border, .2); - } - - // Selected list-row and infobar sliders - menuitem:hover &, - row:selected &, - infobar & { - background-clip: border-box; - background-color: $selected_fg_color; - border-color: $selected_fg_color; - - &:hover { - background-color: mix($selected_fg_color, $selected_bg_color, .85); - border-color: mix($selected_fg_color, $selected_bg_color, .85); - } - - &:active { - background-color: mix($selected_fg_color, $selected_bg_color, .5); - border-color: mix($selected_fg_color, $selected_bg_color, .5); - } - - &:disabled { - background-color: mix($selected_fg_color, $selected_bg_color, .55); - border-color: mix($selected_fg_color, $selected_bg_color, .55); - } - } - - // OSD sliders - .osd & { - background-clip: border-box; - background-color: $selected_bg_color; - border-color: $selected_bg_color; - - &:hover { - background-color: lighten($selected_bg_color, 10%); - border-color: lighten($selected_bg_color, 10%) - } - - &:active { - background-color: darken($selected_bg_color, 10%); - border-color: darken($selected_bg_color, 10%); - } - } - } - - value { color: alpha(currentColor, .4); } - - marks { - color: alpha(currentColor, .4); - - @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), - (bottom, bottom, top), - (top, left, right), - (bottom, right, left) { - &.#{$marks_class} { - margin-#{$marks_margin}: $_marks_distance; - margin-#{$marks_pos}: -($_marks_distance + $_marks_length); - } - } - } - - &.fine-tune marks { - @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), - (bottom, bottom, top), - (top, left, right), - (bottom, right, left) { - &.#{$marks_class} { - margin-#{$marks_margin}: ($_marks_distance - 1px); - margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 2px); - } - } - } - - &.horizontal { - indicator { - min-height: $_marks_length; - min-width: 1px; - } - - &.fine-tune indicator { min-height: ($_marks_length - 1px); } - } - - &.vertical { - indicator { - min-height: 1px; - min-width: $_marks_length; - } - - &.fine-tune indicator { min-width: ($_marks_length - 1px); } - } - - &.color { - trough { - padding: 0; - border: 0; - background-image: none; - } - - highlight, fill { margin: 0; } - - &.horizontal { - padding: 0 0 6px 0; - - trough { - border-top-left-radius: 0; - border-top-right-radius: 0; - } - - slider { - &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { - margin-bottom: 0; - margin-top: 0; - } - } - } - - &.vertical { - &:dir(ltr) { - padding: 0 0 0 6px; - - trough { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - } - - slider { - &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { - margin-left: 0; - margin-right: 0; - } - } - } - - &:dir(rtl) { - padding: 0 6px 0 0; - - trough { - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } - - slider { - &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { - margin-right: 0; - margin-left: 0; - } - } - } - } - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_scrollbar.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_scrollbar.scss deleted file mode 100644 index beff309..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_scrollbar.scss +++ /dev/null @@ -1,134 +0,0 @@ -/*********** - ! Scrollbar -************/ - -@include exports("scrollbar") { - scrollbar { - $_slider_min_length: 40px; - $_slider_normal_width: 7px; - $_slider_small_width: 4px; - - // disable steppers - @at-root * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - } - - background-color: $scrollbar_bg_color; - transition: 300ms ease-out; - - // scrollbar border on the content side - &.top { border-bottom: 1px solid $borders_color; } - &.bottom { border-top: 1px solid $borders_color; } - &.left { border-right: 1px solid $borders_color; } - &.right { border-left: 1px solid $borders_color; } - - &:backdrop { - background-color: $backdrop_scrollbar_bg_color; - border-color: $backdrop_borders_color; - transition: 400ms ease-in; - } - - slider { - min-width: $_slider_normal_width; - min-height: $_slider_normal_width; - border: 1px solid transparent; - border-radius: $roundness; - background-clip: padding-box; - background-color: $scrollbar_slider_color; - - &:hover { background-color: $scrollbar_slider_hover_color; } - &:hover:active { background-color: $scrollbar_slider_active_color; } - &:backdrop { background-color: $backdrop_scrollbar_slider_color; } - &:disabled { background-color: transparent; } - } - - &.horizontal slider { min-width: $_slider_min_length; } - &.vertical slider { min-height: $_slider_min_length; } - - &.fine-tune slider:active { - background-color: lighten($scrollbar_slider_active_color, 10%); - } - - &.overlay-indicator { - opacity: .8; - - &:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: .4; - background-color: transparent; - - slider { - min-width: $_slider_small_width; - min-height: $_slider_small_width; - background-color: $fg_color; - border: 1px solid if($variant == 'light', $white, $black); - } - - // hide steppers - button { - min-width: $_slider_small_width; - min-height: $_slider_small_width; - border-color: transparent; - -gtk-icon-source: none; - } - - &.horizontal { - slider { min-width: $_slider_min_length; } - button { min-width: $_slider_normal_width; } - } - - &.vertical { - slider { min-height: $_slider_min_length; } - button { min-height: $_slider_normal_width; } - } - } - } - - // stepper styling - button { - min-width: $_slider_normal_width; - min-height: $_slider_normal_width; - padding: 0; - border: 0; - border-radius: 0; - border-color: $borders_color; // FIXME overwritten by global button definition - background-color: transparent; - box-shadow: none; - color: $scrollbar_slider_color; - - &:hover { color: $scrollbar_slider_hover_color; } - &:active, &:checked { color: $scrollbar_slider_active_color; } - &:backdrop { color: $backdrop_scrollbar_slider_color; } - } - - // button icons - &.vertical { - button { - &.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - border-top: 1px solid $borders_color; - } - - &.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); - border-bottom: 1px solid $borders_color; - } - } - } - - &.horizontal { - button { - &.down { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - border-left: 1px solid $borders_color; - } - - &.up { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); - border-right: 1px solid $borders_color; - } - } - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_sidebar.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_sidebar.scss deleted file mode 100644 index ab068f6..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_sidebar.scss +++ /dev/null @@ -1,226 +0,0 @@ -/********* - ! Sidebar -**********/ - -@include exports("sidebar") { - .sidebar { - border-style: none; - background-color: mix($bg_color, $base_color, .5); - - @at-root %sidebar_left, - &:dir(ltr), - &.left, - &.left:dir(rtl) { - border-right: 1px solid $borders_color; - border-left-style: none; - } - - @at-root %sidebar_right - &:dir(rtl), - &.right { - border-left: 1px solid $borders_color; - border-right-style: none; - } - - &:backdrop { - background-color: $backdrop_sidebar_bg_color; - border-color: $backdrop_borders_color; - transition: 200ms ease-out; - } - - .frame, frame { border-width: 0; } - - list { background-color: transparent; } - - paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; } } - } - - stacksidebar { - &.sidebar { - &:dir(ltr), - &.left, - &.left:dir(rtl) { - list { @extend %sidebar_left; } - } - - &:dir(rtl), - &.right { - list { @extend %sidebar_right; } - } - } - - row { - padding: $spacing * 2 $spacing; - - > label { - padding-left: $spacing; - padding-right: $spacing; - } - - &.needs-attention > label { - @extend %needs_attention; - - background-size: 6px 6px, 0 0; - } - } - } - - $_placesidebar_icons_opacity: .7; - - placessidebar { - > viewport.frame { border-style: none; } - - row { - // Needs overriding of the GtkListBoxRow padding - min-height: 32px; - padding: 0; - - // Using margins/padding directly in the SidebarRow - // will make the animation of the new bookmark row jump - > revealer { padding: 0 $spacing * 2; } - - &:selected { color: $selected_fg_color; } - - &:disabled { color: $insensitive_fg_color; } - - &:backdrop { - color: $backdrop_fg_color; - - &:selected { color: $backdrop_selected_fg_color; } - - &:disabled { color: $backdrop_insensitive_color; } - } - - image.sidebar-icon { - opacity: $_placesidebar_icons_opacity; // dim the device icons - - &:dir(ltr) { - padding-right: $spacing*2 + 2; - padding-left: $spacing; - } - - &:dir(rtl) { - padding-left: $spacing*2 + 2; - padding-right: $spacing; - } - } - - label.sidebar-label { - &:dir(ltr) { padding-right: 2px; } - - &:dir(rtl) { padding-left: 2px; } - } - - @at-root button.sidebar-button { - //@extend %button_basic.flat; - - //@extend %button_selected.flat; - - min-height: 20px; - min-width: 20px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100%; - -gtk-outline-radius: 100%; - - &:not(:hover):not(:active), - &:backdrop { - > image { opacity: $_placesidebar_icons_opacity; } - } - } - - // in the sidebar case it makes no sense to click the selected row - &:selected:active { box-shadow: none; } - - &.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image($drop_target_color); - background-clip: content-box; - } - - &.sidebar-new-bookmark-row { color: $selected_bg_color; } - - &:drop(active):not(:disabled) { - color: $drop_target_color; - box-shadow: inset 0 1px $drop_target_color, - inset 0 -1px $drop_target_color; - - &:selected { - color: $selected_fg_color; - background-color: $drop_target_color; - } - } - } - } -} - - -/****** -! Paned -*******/ - -@include exports("paned") { - paned { - > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; // defeats the ugly default handle decoration - border-style: none; // just to be sure - background-color: transparent; - // workaround, using background istead of a border since the border will get rendered twice (?) - background-image: image(shade($bg_color, .9)); - background-size: 1px 1px; - background-position: center center; - - &:selected { background-image: image($selected_bg_color); } // FIXME is this needed? - - &:backdrop { background-image: image($backdrop_borders_color); } - - &.wide { - min-width: 5px; - min-height: 5px; - background-color: $bg_color; - background-image: image(border_normal($bg_color)), image(border_normal($bg_color)); - background-size: 1px 1px, 1px 1px; - - &:backdrop { - background-color: $backdrop_bg_color; - background-image: image($backdrop_borders_color), - image($backdrop_borders_color); - } - } - } - - &.horizontal > separator { - background-repeat: repeat-y; - padding: 0 2px; - margin: 0 -2px; - - &.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; - } - } - - &.vertical > separator { - background-repeat: repeat-x; - padding: 2px 0; - margin: -2px 0; - - &.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; - } - } - - &.titlebar > separator { - background-image: image(shade($titlebar_bg_color, ($contrast + .1))); - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_spinner.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_spinner.scss deleted file mode 100644 index 9184446..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_spinner.scss +++ /dev/null @@ -1,24 +0,0 @@ -/******************* - ! Spinner animation -********************/ - -@include exports("spinner") { - @keyframes spin { - to { -gtk-icon-transform: rotate(1turn); } - } - - spinner { - background-image: none; - color: $selected_bg_color; - opacity: 0; // non spinning spinner makes no sense - - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - - &:checked { - opacity: 1; - animation: spin 1s linear infinite; - - &:disabled { opacity: .5; } - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_toggle.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_toggle.scss deleted file mode 100644 index 15c7eee..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_toggle.scss +++ /dev/null @@ -1,153 +0,0 @@ -/*********************** - ! Check and Radio items -************************/ - -$suffix: if($variant == "dark", "-dark", ""); - -@mixin toggle($type) { - background-image: none; - - -gtk-icon-source: url("../assets/#{$type}-unchecked#{$suffix}.svg"); - - &:disabled { -gtk-icon-source: url("../assets/#{$type}-unchecked-insensitive#{$suffix}.svg"); } - - &:checked, &:active { - -gtk-icon-source: url("../assets/#{$type}-checked#{$suffix}.svg"); - - &:disabled { -gtk-icon-source: url("../assets/#{$type}-checked-insensitive#{$suffix}.svg"); } - } - - &:indeterminate { - -gtk-icon-source: url("../assets/#{$type}-mixed#{$suffix}.svg"); - - &:disabled { -gtk-icon-source: url("../assets/#{$type}-mixed-insensitive#{$suffix}.svg"); } - } - - menuitem &, modelbutton & { - -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.svg"); - - &:disabled { -gtk-icon-source: none; } - - &:checked, &:active { - -gtk-icon-source: url("../assets/menuitem-#{$type}-checked.svg"); - - &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-hover.svg"); } - - &:disabled { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.svg"); } - } - - &:indeterminate { - -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed.svg"); - - &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-hover.svg"); } - - &:disabled { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-insensitive.svg"); } - } - } -} - -@include exports("checkradio") { - radio { - @include toggle("radio"); - min-width: 16px; - min-height: 16px; - margin-right: $spacing; - } - - check { - @include toggle("checkbox"); - min-width: 16px; - min-height: 16px; - margin-right: $spacing; - } - - radio:dir(rtl), check:dir(rtl) { - margin-right: 0; - margin-left: $spacing; - } - - //selection-mode - @each $s,$as in ('', '-unchecked'), - (':hover', '-unchecked'), - (':active', '-checked'), - (':backdrop', '-unchecked'), - (':checked', '-checked'), - (':checked:hover', '-checked'), - (':checked:active', '-checked'), - (':backdrop:checked', '-checked') { - .view.content-view.check#{$s}:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection#{$as}#{$suffix}.svg"); - background-color: transparent; - } - } -} - - -/******** - ! Switch -*********/ - -@include exports("switch") { - switch { - border-radius: $roundness; - padding: $spacing - 1; - border: none; - outline: none; - transition: background-color .3s linear; - min-width: 88px; - min-height: 24px; - background-color: $switch_bg_color; - color: $switch_fg_color; - box-shadow: inset 1px -1px 0 alpha($dark_shadow, .06), inset -1px 1px 0 alpha($dark_shadow, .06); - - slider { - background-color: $switch_slider_bg_color; - transition: all 0.3s ease-in; - box-shadow: 0 1px 2px 0 alpha($dark_shadow, .07), 1px 0 2px 0 alpha($dark_shadow, .07); - border-radius: $roundness; - } - - &:checked { - background-color: $selected_bg_color; - background-image: none; - border-color: $selected_bg_color; - color: $base_color; - - slider { - background-color: $white; - box-shadow: 0 1px 3px 0 alpha($dark_shadow, .1); - } - } - - &:disabled { - background-color: $switch_disabled_bg_color; - background-image: none; - border-color: $switch_disabled_border_color; - color: $switch_disabled_fg_color; - box-shadow: none; - - slider { - background-color: $switch_disabled_slider_bg_color; - } - } - - list row:selected & { - background-color: $switch_disabled_slider_bg_color; - color: $switch_disabled_bg_color; - - slider { - background-color: mix($switch_disabled_bg_color, $base_color, .4); - } - - &:checked { - color: $selected_bg_color; - background-color: $switch_slider_bg_color; - - slider { - background-color: $selected_bg_color; - } - } - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_toolbar.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_toolbar.scss deleted file mode 100644 index 9fe0ff9..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_toolbar.scss +++ /dev/null @@ -1,236 +0,0 @@ -@import "button"; - - -/********* - ! Toolbar -**********/ - -@mixin toolbar($bg, $fg) { - @include linear-gradient($bg); - @include border($bg); - - color: $fg; - - &:disabled { - @include linear-gradient(shade($bg, .9)); - - color: mix($fg, $bg, .5); - } - - .title { - font-weight: bold; - padding: 0 ($spacing * 2); - } - - .subtitle { - font-size: smaller; - padding: 0 ($spacing * 2); - } - - button { @include button($bg, $fg); } - - .linked > button { @include linked_button($bg); } - - combobox, button { - padding: $spacing; - - &.text-button { padding: $spacing; } - - &.image-button { padding: $spacing; } - } - - separator { - &, &:disabled { - color: shade($bg, ($contrast - .2)); - border-color: currentColor; - - -GtkWidget-window-dragging: true; - } - } -} - -@mixin inline-toolbar($bg, $fg) { - background-image: none; - border-width: 0 1px 1px; - border-style: solid; - border-color: $borders_color; - background-color: mix($borders_color, $bg_color, .7); - - &:backdrop { - border-color: $backdrop_borders_color; - background-color: $backdrop_dark_fill; - transition: 200ms ease-out; - } - - button { @include button($toolbar_bg_color, $toolbar_fg_color); } - - toolbutton, - toolbutton:backdrop { - > button.flat { @extend %linked_middle; } - - &:first-child > button.flat { @extend %linked_button:first-child; } - - &:last-child > button.flat { @extend %linked_button:last-child; } - - &:only-child > button.flat { @extend %linked_button:only-child; } - } -} - -@include exports("toolbar_extends") { - %toolbar { - padding: $spacing - 1px; - border-style: none; - - // toolbar separators - &.horizontal separator { margin: 0 ($spacing + 2px) 1px; } - - &.vertical separator { margin: ($spacing + 2px) 1px ($spacing + 2px) 0; } - } - - %headerbar { - border-width: 0 0 1px; - border-style: solid; - - // add vertical margins to common widget on the headerbar to avoid them spanning the whole height - entry, - spinbutton, - separator, - button { // Size height - margin-top: $spacing + 3px; - margin-bottom: $spacing + 3px; - } - - switch { // Size height - margin-top: $spacing + 1px; - margin-bottom: $spacing + 1px; - } - - window:not(.tiled):not(.maximized) separator:first-child + &, // tackles the paned container case - window:not(.tiled):not(.maximized) &:first-child { &:backdrop, & { border-top-left-radius: $roundness; } } - - window:not(.tiled):not(.maximized) &:last-child { &:backdrop, & { border-top-right-radius: $roundness; } } - } - - %titlebar { // Default headerbar and titlebar code. - @include toolbar($titlebar_bg_color, $titlebar_fg_color); - @include linear-gradient($titlebar_bg_color); - - border-radius: $roundness $roundness 0 0; - color: mix($titlebar_fg_color, $titlebar_bg_color, .1); - padding: 0 $spacing; - min-height: 42px; - - &:backdrop { - @include linear-gradient($titlebar_bg_color); - - color: mix($titlebar_fg_color, $titlebar_bg_color, .6); - text-shadow: none; - } - - &.default-decoration { // Default titlebar (old metacity) - min-height: 24px; - box-shadow: none; - border: 0; - - button.titlebutton { - min-height: 16px; - min-width: 16px; - margin: 0; - padding: 0; - } - } - - .tiled &, - .maximized & { &:backdrop, & { border-radius: 0; } } // squared corners when the window is maximized or tiled - - .title { font-weight: bold; } - - separator.titlebutton { margin-left: $spacing; } - - button { - @include button($header_button_bg_color, $header_button_fg_color); - } - - button.titlebutton + separator.titlebutton { - margin-left: 0; - margin-right: $spacing; - } - - button.titlebutton { - border: 0; - background-image: none; - background-color: transparent; - color: mix($titlebar_fg_color, $titlebar_bg_color, .1); - box-shadow: none; - - &:hover, &:hover:focus { - background-image: none; - background-color: transparent; - color: $selected_bg_color; - box-shadow: none; - } - - &:active, &:active:hover { - background-image: none; - background-color: transparent; - color: shade($selected_bg_color, .9); - box-shadow: none; - } - - &:backdrop { - background: none; - color: mix($titlebar_fg_color, $titlebar_bg_color, .6); - -gtk-icon-shadow: none; - } - } - } -} - -@include exports("toolbar") { - toolbar { - @include toolbar($toolbar_bg_color, $toolbar_fg_color); - - @extend %toolbar; - - &.inline-toolbar { @include inline-toolbar($toolbar_bg_color, $toolbar_fg_color); } - } - - headerbar { - @extend %titlebar; - @extend %headerbar; - } - - .titlebar:not(headerbar) { - window.csd > & { - // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; - } - - > separator { background-color: shade($titlebar_bg_color, .88); } // $borders_color - - @extend %titlebar; - } - - .background:not(.tiled):not(.maximized) .titlebar { - &:backdrop, & { - border-top-left-radius: $roundness; - border-top-right-radius: $roundness; - } - } - - // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/585 - // workaround for ugly Ubuntu-related CSD patches - .background:not(.csd):not(.ssd):not(.solid-csd) headerbar { - &, &:backdrop { - &, &:not(:last-child) { - border-radius: 0; - border-top-color: transparent; - } - } - } -} diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_view.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_view.scss deleted file mode 100644 index 177d53a..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_view.scss +++ /dev/null @@ -1,349 +0,0 @@ -/*************** - ! Generic views -****************/ - -@include exports("view") { - .view, - %view { - color: $text_color; - background-color: $base_color; - - &:backdrop { - color: $backdrop_text_color; - background-color: $backdrop_base_color; - } - - &:selected { - &:focus, & { - @extend %selected_items; - - border-radius: $roundness; - } - } - } - - .view, - textview { - text { - @extend %view; - - selection { &:focus, & { @extend %selected_items; } } - } - } - - textview border { background-color: mix($bg_color, $base_color, .5); } - - iconview { @extend .view; } -} - - -/************ -! Treeview -*************/ - -@include exports("treeview") { - .rubberband, - rubberband { - border: 1px solid darken($selected_bg_color, .1); - background-color: transparentize(darken($selected_bg_color, .1), .8); - } - - treeview entry { - &:focus { - &:dir(rtl), &:dir(ltr) { // specificity bump hack - background-color: $base_color; - transition-property: color, background; - } - } - - &.flat, & { - border-radius: 0; - background-image: none; - background-color: $base_color; - - &:focus { border-color: $selected_bg_color; } - } - } - - %column_header_button { - padding: ($spacing - 2px) ($spacing + 1px); - border-radius: 0; - background-image: none; - text-shadow: none; - border-style: none solid solid none; - border-color: $bg_color; - - &:disabled { - border-color: $bg_color; - background-image: none; - } - - &:backdrop { - border-color: $backdrop_bg_color; - border-style: none solid solid none; - color: mix($backdrop_fg_color, $backdrop_bg_color, .5); - background-image: none; - background-color: $backdrop_base_color; - - &:disabled { - border-color: $backdrop_bg_color; - background-image: none; - } - } - } - - treeview.view { - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - - border-left-color: mix($fg_color, $base_color, .5); // this is actually the tree lines color, - border-top-color: $bg_color; // while this is the grid lines color, better then nothing - - rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props - - &:selected { - &:focus, & { - @extend %selected_items; - - border-radius: 0; - } - - &:backdrop, & { - border-left-color: mix($selected_fg_color, $selected_bg_color, .5); - border-top-color: transparentize($fg_color, .9); // doesn't work unfortunatelly - } - } - - &:disabled { - color: $insensitive_fg_color; - - &:selected { - color: mix($selected_fg_color, $selected_bg_color, .4); - - &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, .3); } - } - - &:backdrop { color: $backdrop_insensitive_color; } - } - - &.separator { - min-height: 2px; - color: $bg_color; - - &:backdrop { color: transparentize($bg_color, .9); } - } - - &:backdrop { - border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, .5); - border-top: $backdrop_bg_color; - } - - &:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: $selected_borders_color; - - &.after { border-top-style: none; } - - &.before { border-bottom-style: none; } - } - - &.expander { - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - color: mix($base_color, $fg_color, .7); - - &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } - - &:hover { color: $fg_color; } - - &:selected { - color: mix($selected_bg_color, $selected_fg_color, .7); - - &:hover { color: $selected_fg_color; } - - &:backdrop { color: mix($selected_bg_color, $backdrop_selected_fg_color, .7); } - } - - &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } - - &:backdrop { color: mix($backdrop_base_color, $backdrop_fg_color, .7); } - } - - &.progressbar { // progress bar in treeviews - @if $variant == light { color: $base_color; } - - border-radius: $roundness; - border: 1px solid $selected_borders_color; - background-color: $selected_bg_color; - //background-image: linear-gradient(to bottom, $selected_bg_color, darken($selected_bg_color, .1)); - - &:selected { - &:focus, & { - @if $variant == 'light' { - color: $selected_fg_color; - box-shadow: none; - } @else { - box-shadow: inset 0 1px transparentize($white, .95); - } - - @include linear-gradient($selected_bg_color); - border-radius: $roundness; - - &:backdrop { - @if $variant == 'light' { - color: $backdrop_selected_fg_color; - border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?) - } @else { - border-color: $backdrop_base_color; - } - - background-color: mix($backdrop_base_color, $selected_bg_color, .9); - } - } - } - - &:disabled { - @include linear-gradient($bg_color); - border-color: border_insensitive($bg_color); - } - - &:backdrop { - @if $variant == 'light' { - color: $backdrop_base_color; - } @else { - border-color: $backdrop_base_color; - } - - background-image: none; - box-shadow: none; - } - } - - &.trough { // progress bar trough in treeviews - background-color: transparentize($fg_color, .9); - border-radius: $roundness; - - &:selected { - &:focus, & { - background-color: if($variant == 'light', transparentize($selected_fg_color, .7), darken($selected_bg_color, .1)); - - @if $variant == 'light' { - border-width: 1px 0; - border-style: solid; - border-color: $selected_bg_color; - } - border-radius: $roundness; - } - } - } - - header { - button { - $_column_header_color: mix($fg_color, $base_color, .5); - - @extend %column_header_button; - - color: $_column_header_color; - background-color: $base_color; - font-weight: bold; - text-shadow: none; - box-shadow: none; - - &:hover { - @extend %column_header_button; - - color: mix($_column_header_color, $fg_color, .5); - box-shadow: none; - transition: none; //I shouldn't need this - } - - &:active { - @extend %column_header_button; - - color: $fg_color; - transition: none; //I shouldn't need this - } - } - - button:last-child { &:backdrop, & { border-right-style: none; } } - } - - button.dnd, - header.button.dnd { // for treeview-like derive widgets - &:active, &:selected, &:hover, & { - padding: 0 6px; - transition: none; - background-image: none; - background-color: $selected_bg_color; - color: $base_color; - border-radius: 0; - border-style: none; - box-shadow: inset 0 0 0 1px $base_color; - text-shadow: none; - } - } - - acceleditor > label { background-color: $selected_bg_color; } - } -} - - -/*********** - ! Separator -************/ - -@include exports("separator") { - separator { // vbox and hbox separators - background: transparentize($black, .9); - min-width: 1px; - min-height: 1px; - } -} - - -/********** - ! Frames * -***********/ - -@include exports("frame") { - frame > border, .frame { - border: 1px solid $borders_color; - - &.flat { border-style: none; } - - &:backdrop { border-color: $backdrop_borders_color; } - } - - /* avoid double borders when a viewport is packed into a GtkScrolledWindow */ - scrolledwindow viewport.frame { border: 0; } -} - - -/*************** - ! Places view * -****************/ - -@include exports("placesview") { - placesview { - .server-list-button > image { - transition: 200ms cubic-bezier(.25, .46, .45, .94); - -gtk-icon-transform: rotate(0turn); - } - - .server-list-button:checked > image { - transition: 200ms cubic-bezier(.25, .46, .45, .94); - -gtk-icon-transform: rotate(-0.5turn); - } - - row.activatable:hover { background-color: transparent; } - - // this selects the "connect to server" label - > actionbar > revealer > box > label { - padding-left: 8px; - padding-right: 8px; - } - } -} - diff --git a/dt-dark-theme/gtk-3.20/scss/widgets/_window.scss b/dt-dark-theme/gtk-3.20/scss/widgets/_window.scss deleted file mode 100644 index cd0b3d3..0000000 --- a/dt-dark-theme/gtk-3.20/scss/widgets/_window.scss +++ /dev/null @@ -1,56 +0,0 @@ -/************** - ! Window frame -***************/ - -@include exports("window") { - decoration { - $_wm_border: if($variant == 'light', transparentize($black, .77), transparentize($borders_color, .1)); - - border-radius: $roundness $roundness 0 0; - // lamefun trick to get rounded borders regardless of CSD use - border-width: 0; - - box-shadow: 0 3px 9px 1px transparentize($black, .3), 0 0 0 1px $wm_border_focused; //doing borders with box-shadow - - /* this is used for the resize cursor area */ - margin: $spacing * 3; - - &:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px transparentize($black, .6), 0 0 0 1px $wm_border_unfocused; - transition: 200ms ease-out; - } - - .maximized &, .fullscreen &, .tiled & { border-radius: 0; } - - .popup & { box-shadow: none; } - - // this needs to be transparent - // see bug #722563 - // server-side decorations as used by mutter - // Fixed gtk-3.18 Unity bug (https://github.com/numixproject/numix-gtk-theme/issues/270) - .ssd & { box-shadow: 0 0 0 1px $wm_border_focused; } //just doing borders, wm draws actual shadows - - .solid-csd & { - border-radius: 0; - margin: 1px; - background-color: $bg_color; - // Unity/compiz regression: Issue: https://github.com/numixproject/numix-gtk-theme/issues/206 - box-shadow: none; - } - - .csd.popup & { - border-radius: 0; - box-shadow: 0 1px 2px transparentize($black, .8), 0 0 0 1px transparentize($_wm_border, .1); - } - - tooltip.csd & { - border-radius: $roundness; - box-shadow: none; - } - - messagedialog.csd & { - border-radius: $roundness; - box-shadow: 0 1px 2px transparentize($black, .8), 0 0 0 1px transparentize($_wm_border, .1); - } - } -} diff --git a/dt-dark-theme/gtk-3.20/thumbnail.png b/dt-dark-theme/gtk-3.20/thumbnail.png deleted file mode 100755 index 01495bc..0000000 --- a/dt-dark-theme/gtk-3.20/thumbnail.png +++ /dev/null @@ -1 +0,0 @@ -../gtk-3.0/thumbnail.png \ No newline at end of file diff --git a/dt-dark-theme/openbox-3/close.xbm b/dt-dark-theme/openbox-3/close.xbm deleted file mode 100644 index 0486bd9..0000000 --- a/dt-dark-theme/openbox-3/close.xbm +++ /dev/null @@ -1,4 +0,0 @@ -#define close_width 8 -#define close_height 8 -static unsigned char close_bits[] = { - 0x42, 0xe7, 0x7e, 0x3c, 0x3c, 0x7e, 0xe7, 0x42 }; diff --git a/dt-dark-theme/openbox-3/close_hover.xbm b/dt-dark-theme/openbox-3/close_hover.xbm deleted file mode 100644 index 4a88cff..0000000 --- a/dt-dark-theme/openbox-3/close_hover.xbm +++ /dev/null @@ -1,4 +0,0 @@ -#define close_width 6 -#define close_height 6 -static unsigned char close_bits[] = { - 0x33, 0x3f, 0x1e, 0x1e, 0x3f, 0x33 }; diff --git a/dt-dark-theme/openbox-3/iconify.xbm b/dt-dark-theme/openbox-3/iconify.xbm deleted file mode 100644 index 9a9743f..0000000 --- a/dt-dark-theme/openbox-3/iconify.xbm +++ /dev/null @@ -1,4 +0,0 @@ -#define iconify_width 8 -#define iconify_height 8 -static unsigned char iconify_bits[] = { - 0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00 }; diff --git a/dt-dark-theme/openbox-3/iconify_hover.xbm b/dt-dark-theme/openbox-3/iconify_hover.xbm deleted file mode 100644 index 9a9743f..0000000 --- a/dt-dark-theme/openbox-3/iconify_hover.xbm +++ /dev/null @@ -1,4 +0,0 @@ -#define iconify_width 8 -#define iconify_height 8 -static unsigned char iconify_bits[] = { - 0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00 }; diff --git a/dt-dark-theme/openbox-3/max.xbm b/dt-dark-theme/openbox-3/max.xbm deleted file mode 100644 index 88bb9bd..0000000 --- a/dt-dark-theme/openbox-3/max.xbm +++ /dev/null @@ -1,4 +0,0 @@ -#define max_width 8 -#define max_height 8 -static unsigned char max_bits[] = { - 0xff, 0xff, 0xc3, 0xc3, 0xc3, 0xc3, 0xff, 0xff }; diff --git a/dt-dark-theme/openbox-3/max_toggled.xbm b/dt-dark-theme/openbox-3/max_toggled.xbm deleted file mode 100644 index cec3f24..0000000 --- a/dt-dark-theme/openbox-3/max_toggled.xbm +++ /dev/null @@ -1,4 +0,0 @@ -#define max_toggled_width 8 -#define max_toggled_height 8 -static unsigned char max_toggled_bits[] = { - 0xff, 0xff, 0xc3, 0xc3, 0xc3, 0xc3, 0xff, 0xff }; diff --git a/dt-dark-theme/openbox-3/themerc b/dt-dark-theme/openbox-3/themerc deleted file mode 100644 index c5fcce6..0000000 --- a/dt-dark-theme/openbox-3/themerc +++ /dev/null @@ -1,155 +0,0 @@ -# Name: Mabox superdesk -# Author: Daniel Napora -# License: GPL-3.0+ - -# @TODO: finish replacing the colors here - - -# Menu -menu.border.color: #1e1e1e -menu.border.width: 4 - -menu.title.bg: Solid Flat -menu.title.bg.color: #1e1e1e -menu.title.bg.shadow: 0 -menu.title.text.color: #C6CBC9 -menu.title.text.justify: Center - -menu.items.bg: Solid Flat -menu.items.bg.color: #1e1e1e -menu.items.text.color: #C6CBC9 -menu.items.disabled.text.color: #000000 - -menu.items.active.bg: Solid Flat -menu.items.active.bg.color: #169f6f -menu.items.active.text.color: #DDE7E4 - -menu.separator.color: #169f6f -menu.separator.width: 1 -menu.separator.padding.width: 3 -menu.separator.padding.height: 4 - -# Window focused -window.active.title.separator.color: #1e1e1e - -# Active window -window.active.border.color: #169f6f - -window.active.title.bg: flat solid -window.active.title.bg.color: #1e1e1e -window.active.title.separator.color: #1e1e1e -window.active.text.justify: center - -window.active.label.bg: parentrelative -window.active.label.text.color: #C6CBC9 - -window.active.handle.bg: flat solid -window.active.handle.bg.color: #1e1e1e - -window.active.grip.bg: flat solid -window.active.grip.bg.color: #1e1e1e - -window.active.button.unpressed.bg: flat solid -window.active.button.unpressed.bg.color: #1e1e1e -window.active.button.unpressed.image.color: #C6CBC9 - -window.active.button.pressed.bg: flat solid -window.active.button.pressed.bg.color: #169f6f -window.active.button.pressed.image.color: #ffffff - -window.active.button.disabled.bg: flat solid -window.active.button.disabled.bg.color: #1e1e1e -window.active.button.disabled.image.color: #000000 - -window.active.button.hover.bg: flat solid -window.active.button.hover.bg.color: #1e1e1e -window.active.button.hover.image.color: #169f6f - -#window.active.button.toggled.bg: #169f6f -#window.active.button.toggled.image.color: #ffffff - -# Inactive window -window.inactive.border.color: #1e1e1e - -window.inactive.title.bg: flat solid -window.inactive.title.bg.color: #1e1e1e -window.inactive.title.separator.color: #1e1e1e -window.inactive.text.justify: center - -window.inactive.label.bg: parentrelative -window.inactive.label.text.color: #bdbdbd - -window.inactive.handle.bg: flat solid -window.inactive.handle.bg.color: #1e1e1e - -window.inactive.grip.bg: flat solid -window.inactive.grip.bg.color: #1e1e1e - -window.inactive.button.unpressed.bg: flat solid -window.inactive.button.unpressed.bg.color: #1e1e1e -window.inactive.button.unpressed.image.color: #bdbdbd - -window.inactive.button.pressed.bg: flat solid -window.inactive.button.pressed.bg.color: #169f6f -window.inactive.button.pressed.image.color: #ffffff - -window.inactive.button.disabled.bg: flat solid -window.inactive.button.disabled.bg.color: #bdbdbd -window.inactive.button.disabled.image.color: #1e1e1e - -window.inactive.button.hover.bg: flat solid -window.inactive.button.hover.bg.color: #1e1e1e -window.inactive.button.hover.image.color: #169f6f - - -# OSD -osd.border.width: 1 -osd.border.color: #169f6f - -osd.bg: flat solid -osd.bg.color: #1e1e1e -osd.label.bg: flat solid -osd.label.bg.color: #1e1e1e -osd.label.text.color: #C6CBC9 - -# OSD -osd.bg: Solid Flat -osd.bg.color: #1e1e1e -osd.bg.shadow: 0 - -osd.border.width: 2 -osd.hilight.bg: Solid Flat -osd.hilight.bg.color: #169f6f -osd.unhilight.bg: flat solid -osd.unhilight.bg.color: #dedede - -osd.button.unpressed.bg: flat border -osd.button.unpressed.bg.color: #169f6f -#osd.button.unpressed.*.border.color: #ffffff - -osd.button.pressed.bg: flat border -osd.button.pressed.bg.color: #169f6f -#osd.button.pressed.*.border.color: #ffffff - -osd.button.focused.bg: flat solid border -osd.button.focused.bg.color: #333333 -#osd.button.focused.*.border.color: #dedede - -osd.button.focused.box.color: #169f6f - - -# Fonts -window.active.label.text.font:shadow=n -window.inactive.label.text.font:shadow=n -menu.items.font:shadow=n -menu.title.text.font:shadow=n - - -# Everything else -border.width: 1 -padding.width: 8 -padding.height: 3 -window.handle.width: 0 -window.client.padding.width: 0 -window.label.text.justify: center -#menu.overlap: 0 diff --git a/dt-dark-theme/xfwm4/bottom-active.xpm b/dt-dark-theme/xfwm4/bottom-active.xpm deleted file mode 100644 index f9c186e..0000000 --- a/dt-dark-theme/xfwm4/bottom-active.xpm +++ /dev/null @@ -1,6 +0,0 @@ -/* XPM */ -static char * bottom_active_xpm[] = { -"8 1 2 1", -" c None", -". c #333333", -"........"}; diff --git a/dt-dark-theme/xfwm4/bottom-inactive.xpm b/dt-dark-theme/xfwm4/bottom-inactive.xpm deleted file mode 100644 index 232c6f6..0000000 --- a/dt-dark-theme/xfwm4/bottom-inactive.xpm +++ /dev/null @@ -1,6 +0,0 @@ -/* XPM */ -static char * bottom_inactive_xpm[] = { -"8 1 2 1", -" c None", -". c #333333", -"........"}; diff --git a/dt-dark-theme/xfwm4/bottom-left-active.xpm b/dt-dark-theme/xfwm4/bottom-left-active.xpm deleted file mode 100644 index 6943222..0000000 --- a/dt-dark-theme/xfwm4/bottom-left-active.xpm +++ /dev/null @@ -1,6 +0,0 @@ -/* XPM */ -static char * bottom_left_active_xpm[] = { -"1 1 2 1", -" c None", -". c #333333", -"."}; diff --git a/dt-dark-theme/xfwm4/bottom-left-inactive.xpm b/dt-dark-theme/xfwm4/bottom-left-inactive.xpm deleted file mode 100644 index 64054ec..0000000 --- a/dt-dark-theme/xfwm4/bottom-left-inactive.xpm +++ /dev/null @@ -1,6 +0,0 @@ -/* XPM */ -static char * bottom_left_inactive_xpm[] = { -"1 1 2 1", -" c None", -". c #333333", -"."}; diff --git a/dt-dark-theme/xfwm4/bottom-right-active.xpm b/dt-dark-theme/xfwm4/bottom-right-active.xpm deleted file mode 100644 index c16df7f..0000000 --- a/dt-dark-theme/xfwm4/bottom-right-active.xpm +++ /dev/null @@ -1,6 +0,0 @@ -/* XPM */ -static char * bottom_right_active_xpm[] = { -"1 1 2 1", -" c None", -". c #333333", -"."}; diff --git a/dt-dark-theme/xfwm4/bottom-right-inactive.xpm b/dt-dark-theme/xfwm4/bottom-right-inactive.xpm deleted file mode 100644 index dfff538..0000000 --- a/dt-dark-theme/xfwm4/bottom-right-inactive.xpm +++ /dev/null @@ -1,6 +0,0 @@ -/* XPM */ -static char * bottom_right_inactive_xpm[] = { -"1 1 2 1", -" c None", -". c #333333", -"."}; diff --git a/dt-dark-theme/xfwm4/close-active.xpm b/dt-dark-theme/xfwm4/close-active.xpm deleted file mode 100644 index 4fd8159..0000000 --- a/dt-dark-theme/xfwm4/close-active.xpm +++ /dev/null @@ -1,33 +0,0 @@ -/* XPM */ -static char * close_prelight_xpm[] = { -"24 26 4 1", -" c None", -". c #2c2c2c", -"+ c #2c2c2c", -"@ c #2c2c2c", -"@@@@@@@@@@@@@@@@@@@@@@@@", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++....++........", -"........+++..+++........", -".........++++++.........", -"..........++++..........", -"..........++++..........", -".........++++++.........", -"........+++..+++........", -"........++....++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/close-inactive.xpm b/dt-dark-theme/xfwm4/close-inactive.xpm deleted file mode 100644 index 4fd8159..0000000 --- a/dt-dark-theme/xfwm4/close-inactive.xpm +++ /dev/null @@ -1,33 +0,0 @@ -/* XPM */ -static char * close_prelight_xpm[] = { -"24 26 4 1", -" c None", -". c #2c2c2c", -"+ c #2c2c2c", -"@ c #2c2c2c", -"@@@@@@@@@@@@@@@@@@@@@@@@", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++....++........", -"........+++..+++........", -".........++++++.........", -"..........++++..........", -"..........++++..........", -".........++++++.........", -"........+++..+++........", -"........++....++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/close-prelight.xpm b/dt-dark-theme/xfwm4/close-prelight.xpm deleted file mode 100644 index afb339c..0000000 --- a/dt-dark-theme/xfwm4/close-prelight.xpm +++ /dev/null @@ -1,33 +0,0 @@ -/* XPM */ -static char * close_prelight_xpm[] = { -"24 26 4 1", -" c None", -". c #2c2c2c", -"+ c #169f6f s active_color_1", -"@ c #2c2c2c", -"@@@@@@@@@@@@@@@@@@@@@@@@", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++....++........", -"........+++..+++........", -".........++++++.........", -"..........++++..........", -"..........++++..........", -".........++++++.........", -"........+++..+++........", -"........++....++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/close-pressed.png b/dt-dark-theme/xfwm4/close-pressed.png deleted file mode 100644 index 0c386b9..0000000 Binary files a/dt-dark-theme/xfwm4/close-pressed.png and /dev/null differ diff --git a/dt-dark-theme/xfwm4/close-pressed.xpm b/dt-dark-theme/xfwm4/close-pressed.xpm deleted file mode 100644 index afb339c..0000000 --- a/dt-dark-theme/xfwm4/close-pressed.xpm +++ /dev/null @@ -1,33 +0,0 @@ -/* XPM */ -static char * close_prelight_xpm[] = { -"24 26 4 1", -" c None", -". c #2c2c2c", -"+ c #169f6f s active_color_1", -"@ c #2c2c2c", -"@@@@@@@@@@@@@@@@@@@@@@@@", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++....++........", -"........+++..+++........", -".........++++++.........", -"..........++++..........", -"..........++++..........", -".........++++++.........", -"........+++..+++........", -"........++....++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/hide-active.xpm b/dt-dark-theme/xfwm4/hide-active.xpm deleted file mode 100644 index 121f7ab..0000000 --- a/dt-dark-theme/xfwm4/hide-active.xpm +++ /dev/null @@ -1,33 +0,0 @@ -/* XPM */ -static char * hide_prelight_xpm[] = { -"24 26 4 1", -" c None", -". c #2c2c2c", -"+ c #e9e9e9", -"@ c #2c2c2c", -"@@@@@@@@@@@@@@@@@@@@@@@@", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++++++++........", -"........++++++++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/hide-inactive.xpm b/dt-dark-theme/xfwm4/hide-inactive.xpm deleted file mode 100644 index f90d2c8..0000000 --- a/dt-dark-theme/xfwm4/hide-inactive.xpm +++ /dev/null @@ -1,33 +0,0 @@ -/* XPM */ -static char * hide_prelight_xpm[] = { -"24 26 4 1", -" c None", -". c #2c2c2c", -"+ c #dedede", -"@ c #2c2c2c", -"@@@@@@@@@@@@@@@@@@@@@@@@", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++++++++........", -"........++++++++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/hide-prelight.xpm b/dt-dark-theme/xfwm4/hide-prelight.xpm deleted file mode 100644 index 03fd6e6..0000000 --- a/dt-dark-theme/xfwm4/hide-prelight.xpm +++ /dev/null @@ -1,33 +0,0 @@ -/* XPM */ -static char * hide_prelight_xpm[] = { -"24 26 4 1", -" c None", -". c #2c2c2c", -"+ c #169f6f s active_color_1", -"@ c #2c2c2c", -"@@@@@@@@@@@@@@@@@@@@@@@@", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++++++++........", -"........++++++++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/hide-pressed.png b/dt-dark-theme/xfwm4/hide-pressed.png deleted file mode 100644 index 3b255f0..0000000 Binary files a/dt-dark-theme/xfwm4/hide-pressed.png and /dev/null differ diff --git a/dt-dark-theme/xfwm4/hide-pressed.xpm b/dt-dark-theme/xfwm4/hide-pressed.xpm deleted file mode 100644 index 03fd6e6..0000000 --- a/dt-dark-theme/xfwm4/hide-pressed.xpm +++ /dev/null @@ -1,33 +0,0 @@ -/* XPM */ -static char * hide_prelight_xpm[] = { -"24 26 4 1", -" c None", -". c #2c2c2c", -"+ c #169f6f s active_color_1", -"@ c #2c2c2c", -"@@@@@@@@@@@@@@@@@@@@@@@@", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++++++++........", -"........++++++++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/left-active.xpm b/dt-dark-theme/xfwm4/left-active.xpm deleted file mode 100644 index cf766ae..0000000 --- a/dt-dark-theme/xfwm4/left-active.xpm +++ /dev/null @@ -1,26 +0,0 @@ -/* XPM */ -static char * left_active_xpm[] = { -"1 21 2 1", -" c None", -". c #333333", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -"."}; diff --git a/dt-dark-theme/xfwm4/left-inactive.xpm b/dt-dark-theme/xfwm4/left-inactive.xpm deleted file mode 100644 index 11cd415..0000000 --- a/dt-dark-theme/xfwm4/left-inactive.xpm +++ /dev/null @@ -1,26 +0,0 @@ -/* XPM */ -static char * left_inactive_xpm[] = { -"1 21 2 1", -" c None", -". c #333333", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -"."}; diff --git a/dt-dark-theme/xfwm4/maximize-active.xpm b/dt-dark-theme/xfwm4/maximize-active.xpm deleted file mode 100644 index 24f5acf..0000000 --- a/dt-dark-theme/xfwm4/maximize-active.xpm +++ /dev/null @@ -1,33 +0,0 @@ -/* XPM */ -static char * maximize_prelight_xpm[] = { -"24 26 4 1", -" c None", -". c #2c2c2c", -"+ c #e9e9e9", -"@ c #2c2c2c", -"@@@@@@@@@@@@@@@@@@@@@@@@", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++++++++........", -"........++++++++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++++++++........", -"........++++++++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/maximize-inactive.xpm b/dt-dark-theme/xfwm4/maximize-inactive.xpm deleted file mode 100644 index 9bf2579..0000000 --- a/dt-dark-theme/xfwm4/maximize-inactive.xpm +++ /dev/null @@ -1,33 +0,0 @@ -/* XPM */ -static char * maximize_prelight_xpm[] = { -"24 26 4 1", -" c None", -". c #2c2c2c", -"+ c #dedede", -"@ c #2c2c2c", -"@@@@@@@@@@@@@@@@@@@@@@@@", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++++++++........", -"........++++++++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++++++++........", -"........++++++++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/maximize-prelight.xpm b/dt-dark-theme/xfwm4/maximize-prelight.xpm deleted file mode 100644 index c6246d2..0000000 --- a/dt-dark-theme/xfwm4/maximize-prelight.xpm +++ /dev/null @@ -1,33 +0,0 @@ -/* XPM */ -static char * maximize_prelight_xpm[] = { -"24 26 4 1", -" c None", -". c #2c2c2c", -"+ c #169f6f s active_color_1", -"@ c #2c2c2c", -"@@@@@@@@@@@@@@@@@@@@@@@@", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++++++++........", -"........++++++++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++++++++........", -"........++++++++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/maximize-pressed.png b/dt-dark-theme/xfwm4/maximize-pressed.png deleted file mode 100644 index 33700a0..0000000 Binary files a/dt-dark-theme/xfwm4/maximize-pressed.png and /dev/null differ diff --git a/dt-dark-theme/xfwm4/maximize-pressed.xpm b/dt-dark-theme/xfwm4/maximize-pressed.xpm deleted file mode 100644 index c6246d2..0000000 --- a/dt-dark-theme/xfwm4/maximize-pressed.xpm +++ /dev/null @@ -1,33 +0,0 @@ -/* XPM */ -static char * maximize_prelight_xpm[] = { -"24 26 4 1", -" c None", -". c #2c2c2c", -"+ c #169f6f s active_color_1", -"@ c #2c2c2c", -"@@@@@@@@@@@@@@@@@@@@@@@@", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++++++++........", -"........++++++++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++++++++........", -"........++++++++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/maximize-toggled-active.xpm b/dt-dark-theme/xfwm4/maximize-toggled-active.xpm deleted file mode 100644 index 668a6d3..0000000 --- a/dt-dark-theme/xfwm4/maximize-toggled-active.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * maximize_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #e9e9e9", -======= -". c #444444", -"+ c #eeeeee", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++++++++........", -"........++++++++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++++++++........", -"........++++++++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/maximize-toggled-inactive.xpm b/dt-dark-theme/xfwm4/maximize-toggled-inactive.xpm deleted file mode 100644 index f5f51c0..0000000 --- a/dt-dark-theme/xfwm4/maximize-toggled-inactive.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * maximize_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #dedede", -======= -". c #444444", -"+ c #888888", -"@ c #393939", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++++++++........", -"........++++++++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++++++++........", -"........++++++++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/maximize-toggled-prelight.xpm b/dt-dark-theme/xfwm4/maximize-toggled-prelight.xpm deleted file mode 100644 index 0862ca4..0000000 --- a/dt-dark-theme/xfwm4/maximize-toggled-prelight.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * maximize_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #169f6f s active_color_1", -======= -". c #444444", -"+ c #f0544c s active_color_1", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++++++++........", -"........++++++++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++++++++........", -"........++++++++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/maximize-toggled-pressed.png b/dt-dark-theme/xfwm4/maximize-toggled-pressed.png deleted file mode 100644 index 33700a0..0000000 Binary files a/dt-dark-theme/xfwm4/maximize-toggled-pressed.png and /dev/null differ diff --git a/dt-dark-theme/xfwm4/maximize-toggled-pressed.xpm b/dt-dark-theme/xfwm4/maximize-toggled-pressed.xpm deleted file mode 100644 index 0862ca4..0000000 --- a/dt-dark-theme/xfwm4/maximize-toggled-pressed.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * maximize_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #169f6f s active_color_1", -======= -". c #444444", -"+ c #f0544c s active_color_1", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........++++++++........", -"........++++++++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++....++........", -"........++++++++........", -"........++++++++........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/menu-active.xpm b/dt-dark-theme/xfwm4/menu-active.xpm deleted file mode 100644 index 4619b59..0000000 --- a/dt-dark-theme/xfwm4/menu-active.xpm +++ /dev/null @@ -1,25 +0,0 @@ -/* XPM */ -static char * menu_active_xpm[] = { -"24 16 2 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -======= -". c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/menu-inactive.xpm b/dt-dark-theme/xfwm4/menu-inactive.xpm deleted file mode 100644 index bdc350b..0000000 --- a/dt-dark-theme/xfwm4/menu-inactive.xpm +++ /dev/null @@ -1,25 +0,0 @@ -/* XPM */ -static char * menu_inactive_xpm[] = { -"24 16 2 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -======= -". c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/menu-prelight.xpm b/dt-dark-theme/xfwm4/menu-prelight.xpm deleted file mode 100644 index f943e4b..0000000 --- a/dt-dark-theme/xfwm4/menu-prelight.xpm +++ /dev/null @@ -1,25 +0,0 @@ -/* XPM */ -static char * menu_prelight_xpm[] = { -"24 16 2 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -======= -". c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/menu-pressed.xpm b/dt-dark-theme/xfwm4/menu-pressed.xpm deleted file mode 100644 index cb72156..0000000 --- a/dt-dark-theme/xfwm4/menu-pressed.xpm +++ /dev/null @@ -1,25 +0,0 @@ -/* XPM */ -static char * menu_pressed_xpm[] = { -"24 16 2 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -======= -". c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/right-active.xpm b/dt-dark-theme/xfwm4/right-active.xpm deleted file mode 100644 index 98c8ab2..0000000 --- a/dt-dark-theme/xfwm4/right-active.xpm +++ /dev/null @@ -1,26 +0,0 @@ -/* XPM */ -static char * right_active_xpm[] = { -"1 21 2 1", -" c None", -". c #333333", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -"."}; diff --git a/dt-dark-theme/xfwm4/right-inactive.xpm b/dt-dark-theme/xfwm4/right-inactive.xpm deleted file mode 100644 index eb674df..0000000 --- a/dt-dark-theme/xfwm4/right-inactive.xpm +++ /dev/null @@ -1,26 +0,0 @@ -/* XPM */ -static char * right_inactive_xpm[] = { -"1 21 2 1", -" c None", -". c #333333", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -".", -"."}; diff --git a/dt-dark-theme/xfwm4/shade-active.xpm b/dt-dark-theme/xfwm4/shade-active.xpm deleted file mode 100644 index 3a3e375..0000000 --- a/dt-dark-theme/xfwm4/shade-active.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * shade_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #e9e9e9", -======= -". c #444444", -"+ c #eeeeee", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -"..........++++..........", -".........++++++.........", -"........++++++++........", -".......+++.++.+++.......", -"...........++...........", -"...........++...........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/shade-inactive.xpm b/dt-dark-theme/xfwm4/shade-inactive.xpm deleted file mode 100644 index a2bd7ed..0000000 --- a/dt-dark-theme/xfwm4/shade-inactive.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * shade_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #dedede", -======= -". c #444444", -"+ c #888888", -"@ c #393939", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -"..........++++..........", -".........++++++.........", -"........++++++++........", -".......+++.++.+++.......", -"...........++...........", -"...........++...........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/shade-prelight.xpm b/dt-dark-theme/xfwm4/shade-prelight.xpm deleted file mode 100644 index 21c9911..0000000 --- a/dt-dark-theme/xfwm4/shade-prelight.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * shade_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #169f6f s active_color_1", -======= -". c #444444", -"+ c #f0544c s active_color_1", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -"..........++++..........", -".........++++++.........", -"........++++++++........", -".......+++.++.+++.......", -"...........++...........", -"...........++...........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/shade-pressed.png b/dt-dark-theme/xfwm4/shade-pressed.png deleted file mode 100644 index 58bffbe..0000000 Binary files a/dt-dark-theme/xfwm4/shade-pressed.png and /dev/null differ diff --git a/dt-dark-theme/xfwm4/shade-pressed.xpm b/dt-dark-theme/xfwm4/shade-pressed.xpm deleted file mode 100644 index 21c9911..0000000 --- a/dt-dark-theme/xfwm4/shade-pressed.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * shade_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #169f6f s active_color_1", -======= -". c #444444", -"+ c #f0544c s active_color_1", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -"..........++++..........", -".........++++++.........", -"........++++++++........", -".......+++.++.+++.......", -"...........++...........", -"...........++...........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/shade-toggled-active.xpm b/dt-dark-theme/xfwm4/shade-toggled-active.xpm deleted file mode 100644 index 5d09906..0000000 --- a/dt-dark-theme/xfwm4/shade-toggled-active.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * shade_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #e9e9e9", -======= -". c #444444", -"+ c #eeeeee", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -"...........++...........", -"...........++...........", -".......+++.++.+++.......", -"........++++++++........", -".........++++++.........", -"..........++++..........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/shade-toggled-inactive.xpm b/dt-dark-theme/xfwm4/shade-toggled-inactive.xpm deleted file mode 100644 index 3fb15f6..0000000 --- a/dt-dark-theme/xfwm4/shade-toggled-inactive.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * shade_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #dedede", -======= -". c #444444", -"+ c #888888", -"@ c #393939", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -"...........++...........", -"...........++...........", -".......+++.++.+++.......", -"........++++++++........", -".........++++++.........", -"..........++++..........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/shade-toggled-prelight.xpm b/dt-dark-theme/xfwm4/shade-toggled-prelight.xpm deleted file mode 100644 index a5fd08a..0000000 --- a/dt-dark-theme/xfwm4/shade-toggled-prelight.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * shade_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #169f6f s active_color_1", -======= -". c #444444", -"+ c #f0544c s active_color_1", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -"...........++...........", -"...........++...........", -".......+++.++.+++.......", -"........++++++++........", -".........++++++.........", -"..........++++..........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/shade-toggled-pressed.png b/dt-dark-theme/xfwm4/shade-toggled-pressed.png deleted file mode 100644 index 33ea278..0000000 Binary files a/dt-dark-theme/xfwm4/shade-toggled-pressed.png and /dev/null differ diff --git a/dt-dark-theme/xfwm4/shade-toggled-pressed.xpm b/dt-dark-theme/xfwm4/shade-toggled-pressed.xpm deleted file mode 100644 index a5fd08a..0000000 --- a/dt-dark-theme/xfwm4/shade-toggled-pressed.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * shade_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #169f6f s active_color_1", -======= -". c #444444", -"+ c #f0544c s active_color_1", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -"...........++...........", -"...........++...........", -".......+++.++.+++.......", -"........++++++++........", -".........++++++.........", -"..........++++..........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/stick-active.xpm b/dt-dark-theme/xfwm4/stick-active.xpm deleted file mode 100644 index 1590185..0000000 --- a/dt-dark-theme/xfwm4/stick-active.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * stick_active_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #e9e9e9", -======= -". c #444444", -"+ c #eeeeee", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -".........++++++.........", -".........++..++.........", -"........++....++........", -"........++....++........", -".........++..++.........", -".........++++++.........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/stick-inactive.xpm b/dt-dark-theme/xfwm4/stick-inactive.xpm deleted file mode 100644 index acf9292..0000000 --- a/dt-dark-theme/xfwm4/stick-inactive.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * stick_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #dedede", -======= -". c #444444", -"+ c #888888", -"@ c #393939", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -".........++++++.........", -".........++..++.........", -"........++....++........", -"........++....++........", -".........++..++.........", -".........++++++.........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/stick-prelight.xpm b/dt-dark-theme/xfwm4/stick-prelight.xpm deleted file mode 100644 index 4fb3ea5..0000000 --- a/dt-dark-theme/xfwm4/stick-prelight.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * stick_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #169f6f s active_color_1", -======= -". c #444444", -"+ c #f0544c s active_color_1", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -".........++++++.........", -".........++..++.........", -"........++....++........", -"........++....++........", -".........++..++.........", -".........++++++.........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/stick-pressed.png b/dt-dark-theme/xfwm4/stick-pressed.png deleted file mode 100644 index bfcd766..0000000 Binary files a/dt-dark-theme/xfwm4/stick-pressed.png and /dev/null differ diff --git a/dt-dark-theme/xfwm4/stick-pressed.xpm b/dt-dark-theme/xfwm4/stick-pressed.xpm deleted file mode 100644 index 4fb3ea5..0000000 --- a/dt-dark-theme/xfwm4/stick-pressed.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * stick_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #169f6f s active_color_1", -======= -". c #444444", -"+ c #f0544c s active_color_1", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -".........++++++.........", -".........++..++.........", -"........++....++........", -"........++....++........", -".........++..++.........", -".........++++++.........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/stick-toggled-active.xpm b/dt-dark-theme/xfwm4/stick-toggled-active.xpm deleted file mode 100644 index 316a612..0000000 --- a/dt-dark-theme/xfwm4/stick-toggled-active.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * stick_toggled_active_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #e9e9e9", -======= -". c #444444", -"+ c #eeeeee", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -".........++++++.........", -".........++++++.........", -"........++++++++........", -"........++++++++........", -".........++++++.........", -".........++++++.........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/stick-toggled-inactive.xpm b/dt-dark-theme/xfwm4/stick-toggled-inactive.xpm deleted file mode 100644 index a01c10a..0000000 --- a/dt-dark-theme/xfwm4/stick-toggled-inactive.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * stick_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #dedede", -======= -". c #444444", -"+ c #888888", -"@ c #393939", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -".........++++++.........", -".........++++++.........", -"........++++++++........", -"........++++++++........", -".........++++++.........", -".........++++++.........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/stick-toggled-prelight.xpm b/dt-dark-theme/xfwm4/stick-toggled-prelight.xpm deleted file mode 100644 index 89c1520..0000000 --- a/dt-dark-theme/xfwm4/stick-toggled-prelight.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * stick_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #169f6f s active_color_1", -======= -". c #444444", -"+ c #f0544c s active_color_1", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -".........++++++.........", -".........++++++.........", -"........++++++++........", -"........++++++++........", -".........++++++.........", -".........++++++.........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/stick-toggled-pressed.png b/dt-dark-theme/xfwm4/stick-toggled-pressed.png deleted file mode 100644 index c98e155..0000000 Binary files a/dt-dark-theme/xfwm4/stick-toggled-pressed.png and /dev/null differ diff --git a/dt-dark-theme/xfwm4/stick-toggled-pressed.xpm b/dt-dark-theme/xfwm4/stick-toggled-pressed.xpm deleted file mode 100644 index 89c1520..0000000 --- a/dt-dark-theme/xfwm4/stick-toggled-pressed.xpm +++ /dev/null @@ -1,38 +0,0 @@ -/* XPM */ -static char * stick_toggled_prelight_xpm[] = { -"24 26 4 1", -" c None", -<<<<<<< HEAD -". c #2c2c2c", -"+ c #169f6f s active_color_1", -======= -". c #444444", -"+ c #f0544c s active_color_1", -"@ c #484848", -"@@@@@@@@@@@@@@@@@@@@@@@@", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"...........++...........", -".........++++++.........", -".........++++++.........", -"........++++++++........", -"........++++++++........", -".........++++++.........", -".........++++++.........", -"...........++...........", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................", -"........................"}; diff --git a/dt-dark-theme/xfwm4/themerc b/dt-dark-theme/xfwm4/themerc deleted file mode 100644 index 68b42b1..0000000 --- a/dt-dark-theme/xfwm4/themerc +++ /dev/null @@ -1,23 +0,0 @@ -# Name: Numix xfwm4 theme -# Author: Satyajit Sahoo -# License: GPL-3.0+ - -active_text_color=#e9e9e9 -inactive_text_color=#dedede -button_offset=3 -button_spacing=0 -show_app_icon=true -full_width_title=true -maximized_offset=0 -title_horizontal_offset=3 -title_shadow_active=false -title_shadow_inactive=false -title_vertical_offset_active=0 -title_vertical_offset_inactive=0 -title_shadow_active=false -title_shadow_inactive=false -shadow_delta_height=0 -shadow_delta_width=0 -shadow_delta_x=0 -shadow_delta_y=0 -shadow_opacity=30 diff --git a/dt-dark-theme/xfwm4/title-1-active.xpm b/dt-dark-theme/xfwm4/title-1-active.xpm deleted file mode 100644 index 4258efe..0000000 --- a/dt-dark-theme/xfwm4/title-1-active.xpm +++ /dev/null @@ -1,37 +0,0 @@ -/* XPM */ -static char * title_1_active_xpm[] = { -"2 26 3 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #2c2c2c", -======= -". c #484848", -"+ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"..", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++"}; diff --git a/dt-dark-theme/xfwm4/title-1-inactive.xpm b/dt-dark-theme/xfwm4/title-1-inactive.xpm deleted file mode 100644 index 0e54202..0000000 --- a/dt-dark-theme/xfwm4/title-1-inactive.xpm +++ /dev/null @@ -1,37 +0,0 @@ -/* XPM */ -static char * title_1_inactive_xpm[] = { -"2 26 3 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #2c2c2c", -======= -". c #393939", -"+ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"..", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++"}; diff --git a/dt-dark-theme/xfwm4/title-2-active.xpm b/dt-dark-theme/xfwm4/title-2-active.xpm deleted file mode 100644 index 9073913..0000000 --- a/dt-dark-theme/xfwm4/title-2-active.xpm +++ /dev/null @@ -1,37 +0,0 @@ -/* XPM */ -static char * title_2_active_xpm[] = { -"2 26 3 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #2c2c2c", -======= -". c #484848", -"+ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"..", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++"}; diff --git a/dt-dark-theme/xfwm4/title-2-inactive.xpm b/dt-dark-theme/xfwm4/title-2-inactive.xpm deleted file mode 100644 index 615195c..0000000 --- a/dt-dark-theme/xfwm4/title-2-inactive.xpm +++ /dev/null @@ -1,37 +0,0 @@ -/* XPM */ -static char * title_2_inactive_xpm[] = { -"2 26 3 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #2c2c2c", -======= -". c #393939", -"+ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"..", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++"}; diff --git a/dt-dark-theme/xfwm4/title-3-active.xpm b/dt-dark-theme/xfwm4/title-3-active.xpm deleted file mode 100644 index 284bb97..0000000 --- a/dt-dark-theme/xfwm4/title-3-active.xpm +++ /dev/null @@ -1,37 +0,0 @@ -/* XPM */ -static char * title_3_active_xpm[] = { -"2 26 3 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #2c2c2c", -======= -". c #484848", -"+ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"..", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++"}; diff --git a/dt-dark-theme/xfwm4/title-3-inactive.xpm b/dt-dark-theme/xfwm4/title-3-inactive.xpm deleted file mode 100644 index 3f7e535..0000000 --- a/dt-dark-theme/xfwm4/title-3-inactive.xpm +++ /dev/null @@ -1,37 +0,0 @@ -/* XPM */ -static char * title_3_inactive_xpm[] = { -"2 26 3 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #2c2c2c", -======= -". c #393939", -"+ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"..", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++"}; diff --git a/dt-dark-theme/xfwm4/title-4-active.xpm b/dt-dark-theme/xfwm4/title-4-active.xpm deleted file mode 100644 index 037b47c..0000000 --- a/dt-dark-theme/xfwm4/title-4-active.xpm +++ /dev/null @@ -1,37 +0,0 @@ -/* XPM */ -static char * title_4_active_xpm[] = { -"2 26 3 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #2c2c2c", -======= -". c #484848", -"+ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"..", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++"}; diff --git a/dt-dark-theme/xfwm4/title-4-inactive.xpm b/dt-dark-theme/xfwm4/title-4-inactive.xpm deleted file mode 100644 index 72bda7a..0000000 --- a/dt-dark-theme/xfwm4/title-4-inactive.xpm +++ /dev/null @@ -1,37 +0,0 @@ -/* XPM */ -static char * title_4_inactive_xpm[] = { -"2 26 3 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #2c2c2c", -======= -". c #393939", -"+ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"..", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++"}; diff --git a/dt-dark-theme/xfwm4/title-5-active.xpm b/dt-dark-theme/xfwm4/title-5-active.xpm deleted file mode 100644 index 73fc92a..0000000 --- a/dt-dark-theme/xfwm4/title-5-active.xpm +++ /dev/null @@ -1,37 +0,0 @@ -/* XPM */ -static char * title_5_active_xpm[] = { -"2 26 3 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #2c2c2c", -======= -". c #484848", -"+ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"..", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++"}; diff --git a/dt-dark-theme/xfwm4/title-5-inactive.xpm b/dt-dark-theme/xfwm4/title-5-inactive.xpm deleted file mode 100644 index 5f17a5e..0000000 --- a/dt-dark-theme/xfwm4/title-5-inactive.xpm +++ /dev/null @@ -1,37 +0,0 @@ -/* XPM */ -static char * title_5_inactive_xpm[] = { -"2 26 3 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #2c2c2c", -======= -". c #393939", -"+ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -"..", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++", -"++"}; diff --git a/dt-dark-theme/xfwm4/top-left-active.xpm b/dt-dark-theme/xfwm4/top-left-active.xpm deleted file mode 100644 index ad9776f..0000000 --- a/dt-dark-theme/xfwm4/top-left-active.xpm +++ /dev/null @@ -1,39 +0,0 @@ -/* XPM */ -static char * top_left_active_xpm[] = { -"2 26 4 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #333333", -"@ c #2c2c2c", -======= -". c #484848", -"+ c #343434", -"@ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -" .", -".+", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@"}; diff --git a/dt-dark-theme/xfwm4/top-left-inactive.xpm b/dt-dark-theme/xfwm4/top-left-inactive.xpm deleted file mode 100644 index 0deef28..0000000 --- a/dt-dark-theme/xfwm4/top-left-inactive.xpm +++ /dev/null @@ -1,39 +0,0 @@ -/* XPM */ -static char * top_left_inactive_xpm[] = { -"2 26 4 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #2c2c2c", -"@ c #2c2c2c", -======= -". c #393939", -"+ c #303030", -"@ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -" .", -".+", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@", -".@"}; diff --git a/dt-dark-theme/xfwm4/top-right-active.xpm b/dt-dark-theme/xfwm4/top-right-active.xpm deleted file mode 100644 index f405616..0000000 --- a/dt-dark-theme/xfwm4/top-right-active.xpm +++ /dev/null @@ -1,39 +0,0 @@ -/* XPM */ -static char * top_right_active_xpm[] = { -"2 26 4 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #333333", -"@ c #2c2c2c", -======= -". c #484848", -"+ c #343434", -"@ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -". ", -"+.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@."}; diff --git a/dt-dark-theme/xfwm4/top-right-inactive.xpm b/dt-dark-theme/xfwm4/top-right-inactive.xpm deleted file mode 100644 index 16ea98a..0000000 --- a/dt-dark-theme/xfwm4/top-right-inactive.xpm +++ /dev/null @@ -1,39 +0,0 @@ -/* XPM */ -static char * top_right_inactive_xpm[] = { -"2 26 4 1", -" c None", -<<<<<<< HEAD -". c #333333", -"+ c #2c2c2c", -"@ c #2c2c2c", -======= -". c #393939", -"+ c #303030", -"@ c #444444", ->>>>>>> 20c317abd13ec1b1bd1eef62707456f4e76b1f5d -". ", -"+.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@.", -"@."};