diff --git a/gtk-3.20/apps/desktop.css b/gtk-3.20/apps/desktop.css
deleted file mode 100644
index 4738e26..0000000
--- a/gtk-3.20/apps/desktop.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.caja-desktop,
-.nemo-desktop.nemo-canvas-item,
-.nautilus-desktop.nautilus-canvas-item {
- color: @desktop_item_fg;
- text-shadow: 1px 1px @desktop_item_text_shadow;
-}
-
-.caja-desktop:active,
-.nemo-desktop.nemo-canvas-item:active,
-.nautilus-desktop.nautilus-canvas-item:active {
- color: @desktop_item_fg;
-}
-
-.caja-desktop:selected
-.nemo-desktop.nemo-canvas-item:selected,
-.nautilus-desktop.nautilus-canvas-item:selected {
- color: @desktop_item_selected_fg;
- text-shadow: none;
-}
diff --git a/gtk-3.20/apps/gnome-terminal.css b/gtk-3.20/apps/gnome-terminal.css
deleted file mode 100644
index 64acbc4..0000000
--- a/gtk-3.20/apps/gnome-terminal.css
+++ /dev/null
@@ -1,5 +0,0 @@
-vte-terminal.terminal-screen,
-terminal-window {
- background-color: #fff;
- color: #000;
-}
diff --git a/gtk-3.20/apps/libreoffice.css b/gtk-3.20/apps/libreoffice.css
deleted file mode 100644
index a28f1c1..0000000
--- a/gtk-3.20/apps/libreoffice.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.libreoffice-toolbar {
- background-image: none;
- border: none;
- box-shadow: none;
-}
-.libreoffice-toolbar button:hover {
- background-image: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_selected_bg_color, 1.5)),
- color-stop (0.5, shade (@theme_selected_bg_color, 1.33)),
- to (shade (@theme_selected_bg_color, 1.28)));
- border-image-source: url("assets/button-hover.png");
-}
-.libreoffice-toolbar button:active {
- background-image: -gtk-gradient (linear, left top, left bottom,
- from (shade (@selected_bg_color, 1.5)),
- color-stop (0.5, shade (@selected_bg_color, 1.33)),
- to (shade (@selected_bg_color, 1.28)));
- border-image-source: url("assets/button-active-hover.png");
-}
diff --git a/gtk-3.20/apps/synaptic.css b/gtk-3.20/apps/synaptic.css
deleted file mode 100755
index a8877d1..0000000
--- a/gtk-3.20/apps/synaptic.css
+++ /dev/null
@@ -1,11 +0,0 @@
-/************
- * synaptic *
- ************/
-GtkWindow > GtkVBox > .dock,
-GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar {
- padding: 4px;
- border-style: none;
- background-color: @toolbar_bg_color;
- background-image: none;
- color: @toolbar_fg_color;
-}
diff --git a/gtk-3.20/apps/unity.css b/gtk-3.20/apps/unity.css
deleted file mode 100755
index d50c7f5..0000000
--- a/gtk-3.20/apps/unity.css
+++ /dev/null
@@ -1,99 +0,0 @@
-UnityDecoration {
- -UnityDecoration-extents: 28px 0 0 0;
- -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: @theme_selected_bg_color;
-
- -UnityDecoration-title-indent: 10px;
- -UnityDecoration-title-fade: 35px;
- -UnityDecoration-title-alignment: 0.0;
-}
-
-UnityDecoration .top {
- border: none;
- border-radius: 6px 6px 0 0;
- padding: 1px 8px 0 8px;
- background-color: @titlebar_bg_color;
- background-image: linear-gradient(to bottom,
- shade(@titlebar_bg_color, 1.02),
- shade(@titlebar_bg_color, 1.0)
- );
- color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
- text-shadow: none;
-}
-
-UnityDecoration .top:backdrop {
- background-color: @theme_unfocused_bg_color;
- background-image: none;
- color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
-}
-
-UnityDecoration .left,
-UnityDecoration .right,
-UnityDecoration.bottom {
- background-color: @titlebar_bg_color;
-}
-
-UnityDecoration .left:backdrop,
-UnityDecoration .right:backdrop,
-UnityDecoration.bottom:backdrop {
- background-color: @titlebar_bg_color;
-}
-
-UnityDecoration .bottom {
- background-image: none;
- background-color: @borders;
-}
-
-UnityPanelWidget,
-.unity-panel {
- border-width: 0 0 1px 0;
- border-style: solid;
- border-color: @panel_bg_color;
- background-color: @panel_bg_color;
- background-image: none;
- color: @panel_fg_color;
-}
-
-.unity-panel.menubar,
-.unity-panel .menubar {
-}
-
-.unity-panel.menuitem,
-.unity-panel .menuitem {
- border-width: 0 1px;
- color: @panel_fg_color;
-}
-
-/* new menubar function in unity 7.5 */
-UnityDecoration.menuitem,
-UnityDecoration .menuitem {
- border-radius: 0;
-}
-
-UnityDecoration .menuitem:hover,
-UnityDecoration .menuitem *:hover,
-.unity-panel.menubar.menuitem:hover,
-.unity-panel.menubar .menuitem *:hover {
- background-image: none;
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
-}
-
-@keyframes playbackmenuitem_spinner {
- to { -gtk-icon-transform: rotate(1turn); }
-}
-
-.menu IdoPlaybackMenuItem.menuitem:active {
- -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
- animation: playbackmenuitem_spinner 1s infinite linear;
- color: @selected_bg_color;
-}
diff --git a/gtk-3.20/apps/vibrancy.css b/gtk-3.20/apps/vibrancy.css
deleted file mode 100644
index 4d2591d..0000000
--- a/gtk-3.20/apps/vibrancy.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/* nautilus transparency (csd code from arc) */
-filechooser.csd.background,
-filechooser placessidebar list,
-.nautilus-window.csd.background,
-.nautilus-window placessidebar list {
- background-color: transparent;
-}
-
-.sidebar,
-.sidebar view,
-.sidebar > view,
-.sidebar scrolledwindow {
- background-color: alpha(@theme_bg_color, 0.8);
-}
-
-.sidebar:backdrop,
-.sidebar view:backdrop,
-.sidebar > view:backdrop,
-.sidebar scrolledwindow:backdrop {
- background-color: @theme_unfocused_bg_color;
-}
diff --git a/gtk-3.20/assets/checkbox-checked-insensitive-unfocused.png b/gtk-3.20/assets/checkbox-checked-insensitive-unfocused.png
new file mode 100644
index 0000000..8f67c81
Binary files /dev/null and b/gtk-3.20/assets/checkbox-checked-insensitive-unfocused.png differ
diff --git a/gtk-3.20/assets/checkbox-checked-insensitive-unfocused.svg b/gtk-3.20/assets/checkbox-checked-insensitive-unfocused.svg
deleted file mode 100644
index 271414a..0000000
--- a/gtk-3.20/assets/checkbox-checked-insensitive-unfocused.svg
+++ /dev/null
@@ -1,102 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/checkbox-checked-insensitive-unfocused@2.png b/gtk-3.20/assets/checkbox-checked-insensitive-unfocused@2.png
new file mode 100644
index 0000000..59138f4
Binary files /dev/null and b/gtk-3.20/assets/checkbox-checked-insensitive-unfocused@2.png differ
diff --git a/gtk-3.20/assets/checkbox-checked-insensitive.png b/gtk-3.20/assets/checkbox-checked-insensitive.png
new file mode 100644
index 0000000..116a6c7
Binary files /dev/null and b/gtk-3.20/assets/checkbox-checked-insensitive.png differ
diff --git a/gtk-3.20/assets/checkbox-checked-insensitive.svg b/gtk-3.20/assets/checkbox-checked-insensitive.svg
deleted file mode 100755
index ea20611..0000000
--- a/gtk-3.20/assets/checkbox-checked-insensitive.svg
+++ /dev/null
@@ -1,142 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/checkbox-checked-insensitive@2.png b/gtk-3.20/assets/checkbox-checked-insensitive@2.png
new file mode 100644
index 0000000..1932eda
Binary files /dev/null and b/gtk-3.20/assets/checkbox-checked-insensitive@2.png differ
diff --git a/gtk-3.20/assets/checkbox-checked-unfocused.png b/gtk-3.20/assets/checkbox-checked-unfocused.png
new file mode 100644
index 0000000..0984c10
Binary files /dev/null and b/gtk-3.20/assets/checkbox-checked-unfocused.png differ
diff --git a/gtk-3.20/assets/checkbox-checked-unfocused.svg b/gtk-3.20/assets/checkbox-checked-unfocused.svg
deleted file mode 100644
index be94406..0000000
--- a/gtk-3.20/assets/checkbox-checked-unfocused.svg
+++ /dev/null
@@ -1,102 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/checkbox-checked-unfocused@2.png b/gtk-3.20/assets/checkbox-checked-unfocused@2.png
new file mode 100644
index 0000000..08b0d43
Binary files /dev/null and b/gtk-3.20/assets/checkbox-checked-unfocused@2.png differ
diff --git a/gtk-3.20/assets/checkbox-checked.png b/gtk-3.20/assets/checkbox-checked.png
new file mode 100644
index 0000000..e0e656e
Binary files /dev/null and b/gtk-3.20/assets/checkbox-checked.png differ
diff --git a/gtk-3.20/assets/checkbox-checked.svg b/gtk-3.20/assets/checkbox-checked.svg
deleted file mode 100755
index 67886e4..0000000
--- a/gtk-3.20/assets/checkbox-checked.svg
+++ /dev/null
@@ -1,146 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/checkbox-checked@2.png b/gtk-3.20/assets/checkbox-checked@2.png
new file mode 100644
index 0000000..a4781d1
Binary files /dev/null and b/gtk-3.20/assets/checkbox-checked@2.png differ
diff --git a/gtk-3.20/assets/checkbox-mixed-insensitive-unfocused.png b/gtk-3.20/assets/checkbox-mixed-insensitive-unfocused.png
new file mode 100644
index 0000000..f83b166
Binary files /dev/null and b/gtk-3.20/assets/checkbox-mixed-insensitive-unfocused.png differ
diff --git a/gtk-3.20/assets/checkbox-mixed-insensitive-unfocused.svg b/gtk-3.20/assets/checkbox-mixed-insensitive-unfocused.svg
deleted file mode 100755
index 8b844b9..0000000
--- a/gtk-3.20/assets/checkbox-mixed-insensitive-unfocused.svg
+++ /dev/null
@@ -1,90 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/checkbox-mixed-insensitive-unfocused@2.png b/gtk-3.20/assets/checkbox-mixed-insensitive-unfocused@2.png
new file mode 100644
index 0000000..58de449
Binary files /dev/null and b/gtk-3.20/assets/checkbox-mixed-insensitive-unfocused@2.png differ
diff --git a/gtk-3.20/assets/checkbox-mixed-insensitive.png b/gtk-3.20/assets/checkbox-mixed-insensitive.png
new file mode 100644
index 0000000..ff0a9d6
Binary files /dev/null and b/gtk-3.20/assets/checkbox-mixed-insensitive.png differ
diff --git a/gtk-3.20/assets/checkbox-mixed-insensitive.svg b/gtk-3.20/assets/checkbox-mixed-insensitive.svg
deleted file mode 100755
index 46616c9..0000000
--- a/gtk-3.20/assets/checkbox-mixed-insensitive.svg
+++ /dev/null
@@ -1,74 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/checkbox-mixed-insensitive@2.png b/gtk-3.20/assets/checkbox-mixed-insensitive@2.png
new file mode 100644
index 0000000..9278617
Binary files /dev/null and b/gtk-3.20/assets/checkbox-mixed-insensitive@2.png differ
diff --git a/gtk-3.20/assets/checkbox-mixed-unfocused.png b/gtk-3.20/assets/checkbox-mixed-unfocused.png
new file mode 100644
index 0000000..eed8cbb
Binary files /dev/null and b/gtk-3.20/assets/checkbox-mixed-unfocused.png differ
diff --git a/gtk-3.20/assets/checkbox-mixed-unfocused.svg b/gtk-3.20/assets/checkbox-mixed-unfocused.svg
deleted file mode 100755
index 18f1844..0000000
--- a/gtk-3.20/assets/checkbox-mixed-unfocused.svg
+++ /dev/null
@@ -1,90 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/checkbox-mixed-unfocused@2.png b/gtk-3.20/assets/checkbox-mixed-unfocused@2.png
new file mode 100644
index 0000000..c6459c5
Binary files /dev/null and b/gtk-3.20/assets/checkbox-mixed-unfocused@2.png differ
diff --git a/gtk-3.20/assets/checkbox-mixed.png b/gtk-3.20/assets/checkbox-mixed.png
new file mode 100644
index 0000000..b651fb0
Binary files /dev/null and b/gtk-3.20/assets/checkbox-mixed.png differ
diff --git a/gtk-3.20/assets/checkbox-mixed.svg b/gtk-3.20/assets/checkbox-mixed.svg
deleted file mode 100755
index 6267070..0000000
--- a/gtk-3.20/assets/checkbox-mixed.svg
+++ /dev/null
@@ -1,90 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/checkbox-mixed@2.png b/gtk-3.20/assets/checkbox-mixed@2.png
new file mode 100644
index 0000000..36ffeee
Binary files /dev/null and b/gtk-3.20/assets/checkbox-mixed@2.png differ
diff --git a/gtk-3.20/assets/checkbox-unchecked-insensitive-unfocused.png b/gtk-3.20/assets/checkbox-unchecked-insensitive-unfocused.png
new file mode 100644
index 0000000..6a1320e
Binary files /dev/null and b/gtk-3.20/assets/checkbox-unchecked-insensitive-unfocused.png differ
diff --git a/gtk-3.20/assets/checkbox-unchecked-insensitive-unfocused.svg b/gtk-3.20/assets/checkbox-unchecked-insensitive-unfocused.svg
deleted file mode 100755
index 9f34487..0000000
--- a/gtk-3.20/assets/checkbox-unchecked-insensitive-unfocused.svg
+++ /dev/null
@@ -1,294 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/checkbox-unchecked-insensitive-unfocused@2.png b/gtk-3.20/assets/checkbox-unchecked-insensitive-unfocused@2.png
new file mode 100644
index 0000000..37d143e
Binary files /dev/null and b/gtk-3.20/assets/checkbox-unchecked-insensitive-unfocused@2.png differ
diff --git a/gtk-3.20/assets/checkbox-unchecked-insensitive.png b/gtk-3.20/assets/checkbox-unchecked-insensitive.png
new file mode 100644
index 0000000..3db15c4
Binary files /dev/null and b/gtk-3.20/assets/checkbox-unchecked-insensitive.png differ
diff --git a/gtk-3.20/assets/checkbox-unchecked-insensitive.svg b/gtk-3.20/assets/checkbox-unchecked-insensitive.svg
deleted file mode 100755
index 31aa745..0000000
--- a/gtk-3.20/assets/checkbox-unchecked-insensitive.svg
+++ /dev/null
@@ -1,295 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/checkbox-unchecked-insensitive@2.png b/gtk-3.20/assets/checkbox-unchecked-insensitive@2.png
new file mode 100644
index 0000000..1488c02
Binary files /dev/null and b/gtk-3.20/assets/checkbox-unchecked-insensitive@2.png differ
diff --git a/gtk-3.20/assets/checkbox-unchecked-unfocused.png b/gtk-3.20/assets/checkbox-unchecked-unfocused.png
new file mode 100644
index 0000000..5356115
Binary files /dev/null and b/gtk-3.20/assets/checkbox-unchecked-unfocused.png differ
diff --git a/gtk-3.20/assets/checkbox-unchecked-unfocused.svg b/gtk-3.20/assets/checkbox-unchecked-unfocused.svg
deleted file mode 100755
index d0f7899..0000000
--- a/gtk-3.20/assets/checkbox-unchecked-unfocused.svg
+++ /dev/null
@@ -1,294 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/checkbox-unchecked-unfocused@2.png b/gtk-3.20/assets/checkbox-unchecked-unfocused@2.png
new file mode 100644
index 0000000..b29a229
Binary files /dev/null and b/gtk-3.20/assets/checkbox-unchecked-unfocused@2.png differ
diff --git a/gtk-3.20/assets/checkbox-unchecked.png b/gtk-3.20/assets/checkbox-unchecked.png
new file mode 100644
index 0000000..063363e
Binary files /dev/null and b/gtk-3.20/assets/checkbox-unchecked.png differ
diff --git a/gtk-3.20/assets/checkbox-unchecked.svg b/gtk-3.20/assets/checkbox-unchecked.svg
deleted file mode 100755
index d63566f..0000000
--- a/gtk-3.20/assets/checkbox-unchecked.svg
+++ /dev/null
@@ -1,294 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/checkbox-unchecked@2.png b/gtk-3.20/assets/checkbox-unchecked@2.png
new file mode 100644
index 0000000..6326e50
Binary files /dev/null and b/gtk-3.20/assets/checkbox-unchecked@2.png differ
diff --git a/gtk-3.20/buttons/close-focused-pressed.svg b/gtk-3.20/assets/close-active.svg
similarity index 100%
rename from gtk-3.20/buttons/close-focused-pressed.svg
rename to gtk-3.20/assets/close-active.svg
diff --git a/gtk-3.20/buttons/close-unfocused-normal.svg b/gtk-3.20/assets/close-backdrop.svg
similarity index 100%
rename from gtk-3.20/buttons/close-unfocused-normal.svg
rename to gtk-3.20/assets/close-backdrop.svg
diff --git a/gtk-3.20/buttons/close-focused-active.svg b/gtk-3.20/assets/close-hover.svg
similarity index 100%
rename from gtk-3.20/buttons/close-focused-active.svg
rename to gtk-3.20/assets/close-hover.svg
diff --git a/gtk-3.20/buttons/close-focused-normal.svg b/gtk-3.20/assets/close-normal.svg
similarity index 100%
rename from gtk-3.20/buttons/close-focused-normal.svg
rename to gtk-3.20/assets/close-normal.svg
diff --git a/gtk-3.20/assets/maximize-active.svg b/gtk-3.20/assets/maximize-active.svg
new file mode 100755
index 0000000..0ff369c
--- /dev/null
+++ b/gtk-3.20/assets/maximize-active.svg
@@ -0,0 +1,75 @@
+
+
diff --git a/gtk-3.20/buttons/maximize-unfocused-normal.svg b/gtk-3.20/assets/maximize-backdrop.svg
similarity index 100%
rename from gtk-3.20/buttons/maximize-unfocused-normal.svg
rename to gtk-3.20/assets/maximize-backdrop.svg
diff --git a/gtk-3.20/assets/maximize-hover.svg b/gtk-3.20/assets/maximize-hover.svg
new file mode 100755
index 0000000..31d20d3
--- /dev/null
+++ b/gtk-3.20/assets/maximize-hover.svg
@@ -0,0 +1,80 @@
+
+
diff --git a/gtk-3.20/buttons/maximize-focused-normal.svg b/gtk-3.20/assets/maximize-normal.svg
similarity index 100%
rename from gtk-3.20/buttons/maximize-focused-normal.svg
rename to gtk-3.20/assets/maximize-normal.svg
diff --git a/gtk-3.20/buttons/minimize-focused-pressed.svg b/gtk-3.20/assets/minimize-active.svg
similarity index 100%
rename from gtk-3.20/buttons/minimize-focused-pressed.svg
rename to gtk-3.20/assets/minimize-active.svg
diff --git a/gtk-3.20/buttons/minimize-unfocused-normal.svg b/gtk-3.20/assets/minimize-backdrop.svg
similarity index 100%
rename from gtk-3.20/buttons/minimize-unfocused-normal.svg
rename to gtk-3.20/assets/minimize-backdrop.svg
diff --git a/gtk-3.20/buttons/minimize-focused-active.svg b/gtk-3.20/assets/minimize-hover.svg
similarity index 100%
rename from gtk-3.20/buttons/minimize-focused-active.svg
rename to gtk-3.20/assets/minimize-hover.svg
diff --git a/gtk-3.20/buttons/minimize-focused-normal.svg b/gtk-3.20/assets/minimize-normal.svg
similarity index 100%
rename from gtk-3.20/buttons/minimize-focused-normal.svg
rename to gtk-3.20/assets/minimize-normal.svg
diff --git a/gtk-3.20/assets/off-disabled.png b/gtk-3.20/assets/off-disabled.png
deleted file mode 100755
index f4e8921..0000000
Binary files a/gtk-3.20/assets/off-disabled.png and /dev/null differ
diff --git a/gtk-3.20/assets/off.png b/gtk-3.20/assets/off.png
deleted file mode 100644
index 505c7c8..0000000
Binary files a/gtk-3.20/assets/off.png and /dev/null differ
diff --git a/gtk-3.20/assets/on-disabled.png b/gtk-3.20/assets/on-disabled.png
deleted file mode 100755
index d7e1242..0000000
Binary files a/gtk-3.20/assets/on-disabled.png and /dev/null differ
diff --git a/gtk-3.20/assets/on.png b/gtk-3.20/assets/on.png
deleted file mode 100644
index 53e6253..0000000
Binary files a/gtk-3.20/assets/on.png and /dev/null differ
diff --git a/gtk-3.20/assets/radio-checked-insensitive-unfocused.png b/gtk-3.20/assets/radio-checked-insensitive-unfocused.png
new file mode 100644
index 0000000..99b4843
Binary files /dev/null and b/gtk-3.20/assets/radio-checked-insensitive-unfocused.png differ
diff --git a/gtk-3.20/assets/radio-checked-insensitive-unfocused@2.png b/gtk-3.20/assets/radio-checked-insensitive-unfocused@2.png
new file mode 100644
index 0000000..347e030
Binary files /dev/null and b/gtk-3.20/assets/radio-checked-insensitive-unfocused@2.png differ
diff --git a/gtk-3.20/assets/radio-checked-insensitive.png b/gtk-3.20/assets/radio-checked-insensitive.png
new file mode 100644
index 0000000..a488e9b
Binary files /dev/null and b/gtk-3.20/assets/radio-checked-insensitive.png differ
diff --git a/gtk-3.20/assets/radio-checked-insensitive@2.png b/gtk-3.20/assets/radio-checked-insensitive@2.png
new file mode 100644
index 0000000..d5904f2
Binary files /dev/null and b/gtk-3.20/assets/radio-checked-insensitive@2.png differ
diff --git a/gtk-3.20/assets/radio-checked-unfocused.png b/gtk-3.20/assets/radio-checked-unfocused.png
new file mode 100644
index 0000000..8f4af8d
Binary files /dev/null and b/gtk-3.20/assets/radio-checked-unfocused.png differ
diff --git a/gtk-3.20/assets/radio-checked-unfocused@2.png b/gtk-3.20/assets/radio-checked-unfocused@2.png
new file mode 100644
index 0000000..8e051a0
Binary files /dev/null and b/gtk-3.20/assets/radio-checked-unfocused@2.png differ
diff --git a/gtk-3.20/assets/radio-checked.png b/gtk-3.20/assets/radio-checked.png
new file mode 100644
index 0000000..e14a921
Binary files /dev/null and b/gtk-3.20/assets/radio-checked.png differ
diff --git a/gtk-3.20/assets/radio-checked@2.png b/gtk-3.20/assets/radio-checked@2.png
new file mode 100644
index 0000000..afe40eb
Binary files /dev/null and b/gtk-3.20/assets/radio-checked@2.png differ
diff --git a/gtk-3.20/assets/radio-mixed-insensitive-unfocused.png b/gtk-3.20/assets/radio-mixed-insensitive-unfocused.png
new file mode 100644
index 0000000..ad398a8
Binary files /dev/null and b/gtk-3.20/assets/radio-mixed-insensitive-unfocused.png differ
diff --git a/gtk-3.20/assets/radio-mixed-insensitive-unfocused.svg b/gtk-3.20/assets/radio-mixed-insensitive-unfocused.svg
deleted file mode 100755
index 56a0556..0000000
--- a/gtk-3.20/assets/radio-mixed-insensitive-unfocused.svg
+++ /dev/null
@@ -1,85 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/radio-mixed-insensitive-unfocused@2.png b/gtk-3.20/assets/radio-mixed-insensitive-unfocused@2.png
new file mode 100644
index 0000000..e7b761a
Binary files /dev/null and b/gtk-3.20/assets/radio-mixed-insensitive-unfocused@2.png differ
diff --git a/gtk-3.20/assets/radio-mixed-insensitive.png b/gtk-3.20/assets/radio-mixed-insensitive.png
new file mode 100644
index 0000000..ca37213
Binary files /dev/null and b/gtk-3.20/assets/radio-mixed-insensitive.png differ
diff --git a/gtk-3.20/assets/radio-mixed-insensitive.svg b/gtk-3.20/assets/radio-mixed-insensitive.svg
deleted file mode 100755
index 623c76e..0000000
--- a/gtk-3.20/assets/radio-mixed-insensitive.svg
+++ /dev/null
@@ -1,75 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/radio-mixed-insensitive@2.png b/gtk-3.20/assets/radio-mixed-insensitive@2.png
new file mode 100644
index 0000000..f48ea1d
Binary files /dev/null and b/gtk-3.20/assets/radio-mixed-insensitive@2.png differ
diff --git a/gtk-3.20/assets/radio-mixed-unfocused.png b/gtk-3.20/assets/radio-mixed-unfocused.png
new file mode 100644
index 0000000..435a87d
Binary files /dev/null and b/gtk-3.20/assets/radio-mixed-unfocused.png differ
diff --git a/gtk-3.20/assets/radio-mixed-unfocused.svg b/gtk-3.20/assets/radio-mixed-unfocused.svg
deleted file mode 100755
index 041fd09..0000000
--- a/gtk-3.20/assets/radio-mixed-unfocused.svg
+++ /dev/null
@@ -1,85 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/radio-mixed-unfocused@2.png b/gtk-3.20/assets/radio-mixed-unfocused@2.png
new file mode 100644
index 0000000..fa1d0c8
Binary files /dev/null and b/gtk-3.20/assets/radio-mixed-unfocused@2.png differ
diff --git a/gtk-3.20/assets/radio-mixed.png b/gtk-3.20/assets/radio-mixed.png
new file mode 100644
index 0000000..ade96bb
Binary files /dev/null and b/gtk-3.20/assets/radio-mixed.png differ
diff --git a/gtk-3.20/assets/radio-mixed.svg b/gtk-3.20/assets/radio-mixed.svg
deleted file mode 100755
index 290b706..0000000
--- a/gtk-3.20/assets/radio-mixed.svg
+++ /dev/null
@@ -1,85 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/radio-mixed@2.png b/gtk-3.20/assets/radio-mixed@2.png
new file mode 100644
index 0000000..80e0980
Binary files /dev/null and b/gtk-3.20/assets/radio-mixed@2.png differ
diff --git a/gtk-3.20/assets/radio-selected-insensitive-unfocused.svg b/gtk-3.20/assets/radio-selected-insensitive-unfocused.svg
deleted file mode 100755
index 707b6ee..0000000
--- a/gtk-3.20/assets/radio-selected-insensitive-unfocused.svg
+++ /dev/null
@@ -1,98 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/radio-selected-insensitive.svg b/gtk-3.20/assets/radio-selected-insensitive.svg
deleted file mode 100755
index 77d26eb..0000000
--- a/gtk-3.20/assets/radio-selected-insensitive.svg
+++ /dev/null
@@ -1,147 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/radio-selected-unfocused.svg b/gtk-3.20/assets/radio-selected-unfocused.svg
deleted file mode 100755
index 8f65934..0000000
--- a/gtk-3.20/assets/radio-selected-unfocused.svg
+++ /dev/null
@@ -1,98 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/radio-selected.svg b/gtk-3.20/assets/radio-selected.svg
deleted file mode 100755
index b569fcc..0000000
--- a/gtk-3.20/assets/radio-selected.svg
+++ /dev/null
@@ -1,98 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/radio-unchecked-insensitive-unfocused.png b/gtk-3.20/assets/radio-unchecked-insensitive-unfocused.png
new file mode 100644
index 0000000..82bbf6b
Binary files /dev/null and b/gtk-3.20/assets/radio-unchecked-insensitive-unfocused.png differ
diff --git a/gtk-3.20/assets/radio-unchecked-insensitive-unfocused@2.png b/gtk-3.20/assets/radio-unchecked-insensitive-unfocused@2.png
new file mode 100644
index 0000000..86ace92
Binary files /dev/null and b/gtk-3.20/assets/radio-unchecked-insensitive-unfocused@2.png differ
diff --git a/gtk-3.20/assets/radio-unchecked-insensitive.png b/gtk-3.20/assets/radio-unchecked-insensitive.png
new file mode 100644
index 0000000..b32f034
Binary files /dev/null and b/gtk-3.20/assets/radio-unchecked-insensitive.png differ
diff --git a/gtk-3.20/assets/radio-unchecked-insensitive@2.png b/gtk-3.20/assets/radio-unchecked-insensitive@2.png
new file mode 100644
index 0000000..e4a9b87
Binary files /dev/null and b/gtk-3.20/assets/radio-unchecked-insensitive@2.png differ
diff --git a/gtk-3.20/assets/radio-unchecked-unfocused.png b/gtk-3.20/assets/radio-unchecked-unfocused.png
new file mode 100644
index 0000000..5d3d467
Binary files /dev/null and b/gtk-3.20/assets/radio-unchecked-unfocused.png differ
diff --git a/gtk-3.20/assets/radio-unchecked-unfocused@2.png b/gtk-3.20/assets/radio-unchecked-unfocused@2.png
new file mode 100644
index 0000000..532e19f
Binary files /dev/null and b/gtk-3.20/assets/radio-unchecked-unfocused@2.png differ
diff --git a/gtk-3.20/assets/radio-unchecked.png b/gtk-3.20/assets/radio-unchecked.png
new file mode 100644
index 0000000..07c65a0
Binary files /dev/null and b/gtk-3.20/assets/radio-unchecked.png differ
diff --git a/gtk-3.20/assets/radio-unchecked@2.png b/gtk-3.20/assets/radio-unchecked@2.png
new file mode 100644
index 0000000..d56919a
Binary files /dev/null and b/gtk-3.20/assets/radio-unchecked@2.png differ
diff --git a/gtk-3.20/assets/radio-unselected-insensitive-unfocused.svg b/gtk-3.20/assets/radio-unselected-insensitive-unfocused.svg
deleted file mode 100755
index 90e2124..0000000
--- a/gtk-3.20/assets/radio-unselected-insensitive-unfocused.svg
+++ /dev/null
@@ -1,82 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/radio-unselected-insensitive.svg b/gtk-3.20/assets/radio-unselected-insensitive.svg
deleted file mode 100755
index ebe776d..0000000
--- a/gtk-3.20/assets/radio-unselected-insensitive.svg
+++ /dev/null
@@ -1,60 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/radio-unselected-unfocused.svg b/gtk-3.20/assets/radio-unselected-unfocused.svg
deleted file mode 100755
index 0e539dd..0000000
--- a/gtk-3.20/assets/radio-unselected-unfocused.svg
+++ /dev/null
@@ -1,82 +0,0 @@
-
-
diff --git a/gtk-3.20/assets/radio-unselected.svg b/gtk-3.20/assets/radio-unselected.svg
deleted file mode 100755
index 8bed86e..0000000
--- a/gtk-3.20/assets/radio-unselected.svg
+++ /dev/null
@@ -1,82 +0,0 @@
-
-
diff --git a/gtk-3.20/buttons/unfocused.svg b/gtk-3.20/assets/unfocused.svg
similarity index 100%
rename from gtk-3.20/buttons/unfocused.svg
rename to gtk-3.20/assets/unfocused.svg
diff --git a/gtk-3.20/buttons/close-unfocused-active.svg b/gtk-3.20/buttons/close-unfocused-active.svg
deleted file mode 120000
index 50ee79c..0000000
--- a/gtk-3.20/buttons/close-unfocused-active.svg
+++ /dev/null
@@ -1 +0,0 @@
-close-focused-active.svg
\ No newline at end of file
diff --git a/gtk-3.20/buttons/maximize-focused-active.svg b/gtk-3.20/buttons/maximize-focused-active.svg
deleted file mode 100755
index 1597a6e..0000000
--- a/gtk-3.20/buttons/maximize-focused-active.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
diff --git a/gtk-3.20/buttons/maximize-focused-pressed.svg b/gtk-3.20/buttons/maximize-focused-pressed.svg
deleted file mode 100755
index 969b8d4..0000000
--- a/gtk-3.20/buttons/maximize-focused-pressed.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
diff --git a/gtk-3.20/buttons/maximize-unfocused-active.svg b/gtk-3.20/buttons/maximize-unfocused-active.svg
deleted file mode 120000
index 10cdf5e..0000000
--- a/gtk-3.20/buttons/maximize-unfocused-active.svg
+++ /dev/null
@@ -1 +0,0 @@
-maximize-focused-active.svg
\ No newline at end of file
diff --git a/gtk-3.20/buttons/minimize-unfocused-active.svg b/gtk-3.20/buttons/minimize-unfocused-active.svg
deleted file mode 120000
index 4ab832b..0000000
--- a/gtk-3.20/buttons/minimize-unfocused-active.svg
+++ /dev/null
@@ -1 +0,0 @@
-minimize-focused-active.svg
\ No newline at end of file
diff --git a/gtk-3.20/buttons/restore-focused-active.svg b/gtk-3.20/buttons/restore-focused-active.svg
deleted file mode 120000
index 10cdf5e..0000000
--- a/gtk-3.20/buttons/restore-focused-active.svg
+++ /dev/null
@@ -1 +0,0 @@
-maximize-focused-active.svg
\ No newline at end of file
diff --git a/gtk-3.20/buttons/restore-focused-normal.svg b/gtk-3.20/buttons/restore-focused-normal.svg
deleted file mode 120000
index a1b797a..0000000
--- a/gtk-3.20/buttons/restore-focused-normal.svg
+++ /dev/null
@@ -1 +0,0 @@
-maximize-focused-normal.svg
\ No newline at end of file
diff --git a/gtk-3.20/buttons/restore-focused-pressed.svg b/gtk-3.20/buttons/restore-focused-pressed.svg
deleted file mode 120000
index 3fb905c..0000000
--- a/gtk-3.20/buttons/restore-focused-pressed.svg
+++ /dev/null
@@ -1 +0,0 @@
-maximize-focused-pressed.svg
\ No newline at end of file
diff --git a/gtk-3.20/buttons/restore-unfocused-active.svg b/gtk-3.20/buttons/restore-unfocused-active.svg
deleted file mode 120000
index 10cdf5e..0000000
--- a/gtk-3.20/buttons/restore-unfocused-active.svg
+++ /dev/null
@@ -1 +0,0 @@
-maximize-focused-active.svg
\ No newline at end of file
diff --git a/gtk-3.20/buttons/restore-unfocused-normal.svg b/gtk-3.20/buttons/restore-unfocused-normal.svg
deleted file mode 120000
index bed3775..0000000
--- a/gtk-3.20/buttons/restore-unfocused-normal.svg
+++ /dev/null
@@ -1 +0,0 @@
-unfocused.svg
\ No newline at end of file
diff --git a/gtk-3.20/gtk-widgets-assets.css b/gtk-3.20/gtk-widgets-assets.css
deleted file mode 100755
index 883cb99..0000000
--- a/gtk-3.20/gtk-widgets-assets.css
+++ /dev/null
@@ -1,291 +0,0 @@
-/******************
- * window actions *
- ******************/
-
-.titlebar .titlebutton.minimize {
- color: transparent;
- border-image: none;
- box-shadow: none;
- background-position: center;
- background-repeat: no-repeat;
- background-image: -gtk-scaled(url("buttons/minimize-focused-normal.svg"));
-}
-
-.titlebar .titlebutton.minimize:backdrop {
- background-image: -gtk-scaled(url("buttons/minimize-unfocused-normal.svg"));
- color: transparent;
-}
-
-.titlebar .titlebutton.minimize:hover {
- color: transparent;
- border-image: none;
- box-shadow: none;
- background-position: center;
- background-repeat: no-repeat;
- background-image: -gtk-scaled(url("buttons/minimize-focused-active.svg"));
-}
-
-.titlebar .titlebutton.minimize:active,
-.titlebar .titlebutton.minimize:checked {
- color: transparent;
- border-image: none;
- box-shadow: none;
- background-position: center;
- background-repeat: no-repeat;
- background-image: -gtk-scaled(url("buttons/minimize-focused-pressed.svg"));
-}
-
-.titlebar .titlebutton.maximize {
- color: transparent;
- border-image: none;
- box-shadow: none;
- background-position: center;
- background-repeat: no-repeat;
- background-image: -gtk-scaled(url("buttons/maximize-focused-normal.svg"));
-}
-
-.titlebar .titlebutton.maximize:backdrop {
- background-image: -gtk-scaled(url("buttons/maximize-unfocused-normal.svg"));
- color: transparent;
-}
-
-
-.titlebar .titlebutton.maximize:hover {
- color: transparent;
- border-image: none;
- box-shadow: none;
- background-position: center;
- background-repeat: no-repeat;
- background-image: -gtk-scaled(url("buttons/maximize-focused-active.svg"));
-}
-
-.titlebar .titlebutton.maximize:active,
-.titlebar .titlebutton.maximize:checked {
- color: transparent;
- border-image: none;
- box-shadow: none;
- background-position: center;
- background-repeat: no-repeat;
- background-image: -gtk-scaled(url("buttons/maximize-focused-pressed.svg"));
-}
-
-.titlebar .titlebutton.close {
- color: transparent;
- border-image: none;
- box-shadow: none;
- background-position: center;
- background-repeat: no-repeat;
- background-image: -gtk-scaled(url("buttons/close-focused-normal.svg"));
-}
-
-.titlebar .titlebutton.close:backdrop {
- background-image: -gtk-scaled(url("buttons/close-unfocused-normal.svg"));
- color: transparent;
-}
-
-
-.titlebar .titlebutton.close:hover {
- color: transparent;
- border-image: none;
- box-shadow: none;
- background-position: center;
- background-repeat: no-repeat;
- background-image: -gtk-scaled(url("buttons/close-focused-active.svg"));
-}
-
-.titlebar .titlebutton.close:active,
-.titlebar .titlebutton.close:checked {
- color: transparent;
- border-image: none;
- box-shadow: none;
- background-position: center;
- background-repeat: no-repeat;
- background-image: -gtk-scaled(url("buttons/close-focused-pressed.svg"));
-}
-
-/*******************
- * check and radio *
- *******************/
-check,
-check row:selected,
-check row:selected:focus {
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.svg"));
-}
-
-check:backdrop,
-check row:selected:backdrop,
-check row:selected:focus:backdrop {
- -gtk-icon-source: url("assets/checkbox-unchecked-unfocused.svg");
-}
-
-check:disabled,
-check row:selected:disabled,
-check row:selected:focus:disabled {
- -gtk-icon-source: url("assets/checkbox-unchecked-insensitive.svg");
-}
-
-check:disabled:backdrop,
-check row:selected:disabled:backdrop,
-check row:selected:focus:disabled:backdrop {
- -gtk-icon-source: url("assets/checkbox-unchecked-insensitive-unfocused.svg");
-}
-
-check:active, check:checked,
-check row:selected:active, check row:selected:checked,
-check row:selected:focus:active, check row:selected:focus:checked {
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.svg"));
-}
-
-check:active:backdrop, check:checked:backdrop,
-check row:selected:active:backdrop, check row:selected:checked:backdrop,
-check row:selected:focus:active:backdrop, check row:selected:focus:checked:backdrop {
- -gtk-icon-source: url("assets/checkbox-checked-unfocused.svg");
-}
-
-check:active:disabled, check:checked:disabled,
-check row:selected:active:disabled, check row:selected:checked:disabled,
-check row:selected:focus:active:disabled, check row:selected:focus:checked:disabled {
- -gtk-icon-source: url("assets/checkbox-checked-insensitive.svg");
-}
-
-check:active:disabled:backdrop, check:checked:disabled:backdrop,
-check row:selected:active:disabled:backdrop, check row:selected:checked:disabled:backdrop,
-check row:selected:focus:active:disabled:backdrop, check row:selected:focus:checked:disabled:backdrop {
- -gtk-icon-source: url("assets/checkbox-checked-insensitive-unfocused.svg");
-}
-
-check:indeterminate,
-check row:selected:indeterminate,
-check row:selected:focus:indeterminate {
- -gtk-icon-source: url("assets/checkbox-mixed.svg");
-}
-
-check:indeterminate:backdrop,
-check row:selected:indeterminate:backdrop,
-check row:selected:focus:indeterminate:backdrop {
- -gtk-icon-source: url("assets/checkbox-mixed-unfocused.svg");
-}
-
-check:indeterminate:disabled,
-check row:selected:indeterminate:disabled,
-check row:selected:focus:indeterminate:disabled {
- -gtk-icon-source: url("assets/checkbox-mixed-insensitive.svg");
-}
-
-check:indeterminate:disabled:backdrop,
-check row:selected:indeterminate:disabled:backdrop,
-check row:selected:focus:indeterminate:disabled:backdrop {
- -gtk-icon-source: url("assets/checkbox-mixed-insensitive-unfocused.svg");
-}
-
-radio,
-radio row:selected,
-radio row:selected:focus {
- -gtk-icon-source: url("assets/radio-unselected.svg");
-}
-
-radio:backdrop,
-radio row:selected:backdrop,
-radio row:selected:focus:backdrop {
- -gtk-icon-source: url("assets/radio-unselected-unfocused.svg");
-}
-
-radio:disabled,
-radio row:selected:disabled,
-radio row:selected:focus:disabled {
- -gtk-icon-source: url("assets/radio-unselected-insensitive.svg");
-}
-
-radio:disabled:backdrop,
-radio row:selected:disabled:backdrop,
-radio row:selected:focus:disabled:backdrop {
- -gtk-icon-source: url("assets/radio-unselected-insensitive-unfocused.svg");
-}
-
-radio:active, radio:checked,
-radio row:selected:active, radio row:selected:checked,
-radio row:selected:focus:active, radio row:selected:focus:checked {
- -gtk-icon-source: url("assets/radio-selected.svg");
-}
-
-radio:active:backdrop, radio:checked:backdrop,
-radio row:selected:active:backdrop, radio row:selected:checked:backdrop,
-radio row:selected:focus:active:backdrop, radio row:selected:focus:checked:backdrop {
- -gtk-icon-source: url("assets/radio-selected-unfocused.svg");
-}
-
-radio:active:disabled, radio:checked:disabled,
-radio row:selected:active:disabled, radio row:selected:checked:disabled,
-radio row:selected:focus:active:disabled, radio row:selected:focus:checked:disabled {
- -gtk-icon-source: url("assets/radio-selected-insensitive.svg");
-}
-
-radio:active:disabled:backdrop, radio:checked:disabled:backdrop,
-radio row:selected:active:disabled:backdrop, radio row:selected:checked:disabled:backdrop,
-radio row:selected:focus:active:disabled:backdrop, radio row:selected:focus:checked:disabled:backdrop {
- -gtk-icon-source: url("assets/radio-selected-insensitive-unfocused.svg");
-}
-
-radio:indeterminate,
-radio row:selected:indeterminate,
-radio row:selected:focus:indeterminate {
- -gtk-icon-source: url("assets/radio-mixed.svg");
-
-}
-
-radio:indeterminate:backdrop,
-radio row:selected:indeterminate:backdrop,
-radio row:selected:focus:indeterminate:backdrop {
- -gtk-icon-source: url("assets/radio-mixed-unfocused.svg");
-}
-
-radio:indeterminate:disabled,
-radio row:selected:indeterminate:disabled,
-radio row:selected:focus:indeterminate:disabled {
- -gtk-icon-source: url("assets/radio-mixed-insensitive.svg");
-}
-
-radio:indeterminate:disabled:backdrop,
-radio row:selected:indeterminate:disabled:backdrop,
-radio row:selected:focus:indeterminate:disabled:backdrop {
- -gtk-icon-source: url("assets/radio-mixed-insensitive-unfocused.svg");
-}
-
-/**************************
- * menuitem check & radio *
- **************************/
-menuitem check {
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.svg"));
- color: @theme_fg_color;
- -gtk-icon-shadow: none;
-}
-menuitem check:active, menuitem check:checked {
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.svg"));
-}
-menuitem check:indeterminate {
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.svg"));
-}
-menuitem check:active:hover {
- color: @theme_selected_fg_color;
-}
-menuitem check:disabled {
- color: @insensitive_fg_color;
-}
-menuitem radio {
- -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected.svg"));
- color: @theme_fg_color;
- -gtk-icon-shadow: none;
-}
-menuitem radio:active, menuitem radio:checked {
- -gtk-icon-source: -gtk-scaled(url("assets/radio-selected.svg"));
-}
-menuitem radio:indeterminate {
- -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.svg"));
-}
-menuitem radio:hover {
- color: @theme_selected_fg_color;
-}
-menuitem radio:disabled {
- color: @insensitive_fg_color;
-}
-
diff --git a/gtk-3.20/gtk-widgets.css b/gtk-3.20/gtk-widgets.css
old mode 100755
new mode 100644
index 1b2af77..9cfb7b0
--- a/gtk-3.20/gtk-widgets.css
+++ b/gtk-3.20/gtk-widgets.css
@@ -1,1325 +1,1036 @@
-/* NOTES to contributors:
- * use 4 spaces indents, and keep code ALIGNED and ORDERED */
-
-/* default */
* {
- -GtkScrollbar-has-backward-stepper: false;
- -GtkScrollbar-has-forward-stepper: false;
- -GtkScrolledwindow-scrollbar-spacing: 0px;
- -GtkScrolledwindow-scrollbars-within-bevel: 1;
- -GtkTextView-error-underline-color: @error_color;
- -GtkToolbutton-icon-spacing: 6;
- -GtkTreeview-expander-size: 8;
-
- background-clip: padding-box;
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false;
+ -GtkScrolledwindow-scrollbar-spacing: 0;
+ -GtkScrolledwindow-scrollbars-within-bevel: 1;
+ -GtkTextView-error-underline-color: @error_color;
+ -GtkToolbutton-icon-spacing: 6;
+ -GtkToolItemGroup-expander-size: 11;
+ -GtkWidget-text-handle-width: 20;
+ -GtkWidget-text-handle-height: 20;
+ -GtkDialog-button-spacing: 4;
+ -GtkDialog-action-area-border: 0;
+ -GtkTreeview-expander-size: 8;
+ background-clip: padding-box;
+ outline-width: 1px;
+ outline-offset: -3px;
+ outline-style: dashed;
+ outline-color: @outline_color;
+ -gtk-outline-radius: 0; }
- outline-color: alpha(@theme_selected_bg_color, 0.5);
- outline-style: solid;
- outline-offset: 0px;
-}
-
-/***************
- * base states *
- ***************/
.background {
- background-color: @theme_bg_color;
- color: @theme_fg_color;
-}
-
-* {
- /* inherit colors from parent */
- color: inherit;
- background-color: inherit;
-}
-
-*:selected,
-*:selected:focus {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
-}
-
-*:selected:backdrop,
-*:selected:focus:backdrop {
- border-color: shade(@theme_bg_color, 0.8);
- background-color: shade(@theme_bg_color, 0.8);
- color: @theme_fg_color;
-}
-
-*:disabled,
-*:disabled:disabled {
- color: mix(@theme_fg_color, @theme_bg_color, 0.5);
-
-}
+ color: @theme_fg_color;
+ background-color: alpha(@theme_bg_color, 0.999); }
+ .background:backdrop {
+ color: @theme_unfocused_fg_color;
+ background-color: @theme_unfocused_bg_color; }
-/* apply effects to insensitive and prelit images */
*:disabled {
- -gtk-icon-effect: dim;
-}
-
+ -gtk-icon-effect: dim; }
*:hover {
- -gtk-icon-effect: highlight;
-}
+ -gtk-icon-effect: highlight; }
.gtkstyle-fallback {
- background-color: @theme_bg_color;
- color: @theme_fg_color;
-}
-
-.gtkstyle-fallback:hover {
- background-color: shade(@theme_bg_color, 1.1);
+ color: @theme_fg_color;
+ background-color: @theme_bg_color; }
+ .gtkstyle-fallback:hover {
color: @theme_fg_color;
-}
-
-.gtkstyle-fallback:active {
- background-color: shade(@theme_bg_color, 0.9);
+ background-color: shade(@theme_bg_color, 1.1); }
+ .gtkstyle-fallback:active {
color: @theme_fg_color;
-}
-
-.gtkstyle-fallback:disabled {
- background-color: shade(shade(@theme_bg_color, 0.95), 1.05);
- color: mix(@theme_fg_color, @theme_bg_color, 0.5);
-}
-
-.gtkstyle-fallback:selected {
- background-color: @theme_selected_bg_color;
+ background-color: shade(@theme_bg_color, 0.9); }
+ .gtkstyle-fallback:disabled {
+ color: @theme_disabled_fg_color;
+ background-color: @theme_disabled_bg_color; }
+ .gtkstyle-fallback:selected {
color: @theme_selected_fg_color;
-}
-
-image,
-image:disabled,
-label,
-label:disabled,
-box,
-box:disabled,
-GtkGrid,
-GtkGrid:disabled {
- background-color: transparent;
-}
+ background-color: @theme_selected_bg_color; }
-/******************
- * visual effects *
- ******************/
-/* transitions */
-/*button {
- transition: border 100ms ease-in-out;
-}*/
+image, image:disabled, label, label:disabled, box, box:disabled {
+ background-color: transparent; }
-entry {
- transition: border 100ms ease-out;
-}
-
-entry:focus {
- transition: border 100ms ease-in;
-}
-
-entry image left {
- padding-right: 4px;
-}
-
-notebook tab label,
-notebook .prelight-page,
-notebook .prelight-page label,
-notebook .active-page,
-notebook .active-page label {
- transition: all 200ms ease-in;
-}
-
-/* inset shadows */
-notebook header {
- box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
- inset 0 1px alpha(@dark_shadow, 0.08),
- inset -1px 0 alpha(@dark_shadow, 0.07),
- inset 0 -1px alpha(@dark_shadow, 0.05);
-}
-
-/* disable inset shadow */
-button:active *:disabled,
-.primary-toolbar button:active *:disabled,
-toolbar button:active *:disabled,
-headerbar button:active *:disabled,
-entry:disabled {
- box-shadow: none;
-}
+image:disabled {
+ color: alpha(currentColor, 0.5); }
-/*************
- * assistant *
- *************/
-GtkAssistant .sidebar highlight {
- font-weight: bold;
-}
+label selection {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color; }
+label.separator {
+ color: @borders; }
+ label.separator:backdrop {
+ color: @unfocused_borders; }
+label.dim-label, label.separator, popover label.separator, popover.background label.separator, label:disabled {
+ opacity: 0.55; }
-GtkAssistant .sidebar {
- padding: 4px;
- border-width: 0 1px 0 0px;
- border-style: solid;
- border-right-color: shade(@theme_bg_color, 0.8);
- border-radius: 0px;
- background-color: @theme_bg_color;
- color: mix(@theme_fg_color, @theme_bg_color, 0.1);
-}
-
-/****************
- * link buttons *
- ****************/
-*:link, button:link, button:visited {
- color: @link_color;
-}
-
-*:link:visited, button:visited {
- color: mix(@link_color, @theme_fg_color, 0.2);
-}
-
-*:selected *:link:visited, *:selected button:visited:link, *:selected button:visited {
- color: mix(@link_color, @theme_selected_fg_color, 0.65);
-}
-
-*:link:hover, button:hover:link, button:hover:visited {
- color: shade(mix(@link_color, @theme_fg_color, 0.2), 1.15);
-}
-
-*:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited {
- color: mix(@link_color, @theme_selected_fg_color, 0.75);
-}
-
-*:link:active, button:active:link, button:active:visited {
- color: shade(@link_color, 0.85);
-}
-
-*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
- color: mix(@link_color, @theme_selected_fg_color, 0.5);
-}
-
-infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link,
-*:selected *:link,
-*:selected button:link,
-*:selected button:visited {
- color: mix(@link_color, @theme_selected_fg_color, 0.5);
-}
-
-button:link > label, button:visited > label {
- text-decoration-line: underline;
-}
-
-/**********
- * button *
- **********/
button {
- padding: 3px 8px;
- border-width: 1px;
- border-radius: 4px;
- border-style: solid;
- border-color: transparent;
- background-color: transparent;
- color: @theme_selected_bg_color;
-}
+ transition: border 100ms ease-in-out; }
-button:active,
-button:checked {
- background-color: @theme_selected_bg_color;
- background-image: image(@theme_selected_bg_color);
- color: @theme_selected_fg_color;
- border-color: @theme_selected_bg_color;
-}
+entry {
+ transition: border 100ms ease-out; }
+ entry:focus {
+ transition: border 100ms ease-in; }
-button:checked:backdrop {
- color: @theme_fg_color;
- border-color: shade(@theme_unfocused_bg_color, 0.85);
- background-color: shade(@theme_unfocused_bg_color, 0.85);
-}
+notebook tab label, notebook .prelight-page, notebook .prelight-page label, notebook .active-page, notebook .active-page label {
+ transition: all 200ms ease-in; }
-button:backdrop {
- color: @theme_unfocused_fg_color;
-}
+scale, progressbar {
+ transition: 200ms ease-out; }
+ scale:backdrop, progressbar:backdrop {
+ transition: 200ms ease-out; }
-button:disabled {
- color: @theme_unfocused_fg_color;
-}
+scale slider, switch slider {
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-property: background, border, box-shadow; }
+ scale slider:backdrop, switch slider:backdrop {
+ transition: 200ms ease-out; }
+scale:backdrop slider, switch:backdrop slider {
+ transition: 200ms ease-out; }
-button:checked:disabled {
- background-color: shade(@theme_bg_color, 0.8);
- background-image: none;
- border-color: shade(@theme_bg_color, 0.8);
-}
-
-/****************
- * cell and row *
- ****************/
-.cell {
- border-width: 0px;
- border-radius: 0px;
-}
+scrollbar {
+ transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ scrollbar:backdrop {
+ transition: 200ms ease-out; }
+ scrollbar slider {
+ transition: 200ms ease-out; }
-.cell:selected,
-.cell:selected:focus {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
-}
+decoration, decoration:backdrop {
+ transition: 200ms ease-out; }
+
+assistant .sidebar label.highlight {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
+assistant .sidebar {
+ padding: 4px;
+ border-width: 0 1px 0 0;
+ border-style: solid;
+ border-radius: 0;
+ border-right-color: @borders;
+ color: @theme_fg_color;
+ background-color: @theme_bg_color; }
-row { padding: 4px; }
+button:link > label,
+button:visited > label,
+*:link,
+button:link,
+button:visited {
+ color: @link_color; }
+ button:link > label:visited,
+ button:visited > label:visited,
+ *:link:visited,
+ button:visited {
+ color: mix(@link_color, @theme_fg_color, 0.2); }
+ *:selected button:link > label:visited,
+ *:selected button:visited > label:visited, *:selected
+ *:link:visited, *:selected
+ button:visited:link,
+ *:selected button:visited {
+ color: mix(@selected_fg_color, @selected_bg_color, 0.4); }
+ button:link > label:hover,
+ button:visited > label:hover,
+ *:link:hover,
+ button:hover:link,
+ button:hover:visited {
+ color: shade(@link_color, 1.1); }
+ *:selected button:link > label:hover,
+ *:selected button:visited > label:hover, *:selected
+ *:link:hover, *:selected
+ button:hover:link,
+ *:selected button:hover:visited {
+ color: mix(@selected_fg_color, @selected_bg_color, 0.9); }
+ button:link > label:active,
+ button:visited > label:active,
+ *:link:active,
+ button:active:link,
+ button:active:visited {
+ color: @link_color; }
+ *:selected button:link > label:active,
+ *:selected button:visited > label:active, *:selected
+ *:link:active, *:selected
+ button:active:link,
+ *:selected button:active:visited {
+ color: mix(@selected_fg_color, @selected_bg_color, 0.8); }
+ button:link > label:backdrop:backdrop:hover,
+ button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected,
+ button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop,
+ button:visited > label:backdrop,
+ *:link:backdrop:backdrop:hover,
+ button:backdrop:backdrop:hover:link,
+ button:backdrop:backdrop:hover:visited,
+ *:link:backdrop:backdrop:hover:selected,
+ button:backdrop:backdrop:hover:selected:link,
+ button:backdrop:backdrop:hover:selected:visited,
+ *:link:backdrop,
+ button:backdrop:link,
+ button:backdrop:visited {
+ color: @selected_bg_color; }
+ button:link > label:selected,
+ button:visited > label:selected, *:selected button:link > label,
+ *:selected button:visited > label,
+ *:link:selected,
+ button:selected:link,
+ button:selected:visited, *:selected
+ *:link, *:selected
+ button:link,
+ *:selected button:visited {
+ color: mix(@selected_fg_color, @selected_bg_color, 0.8); }
+
+button:link,
+button:visited {
+ border-color: transparent;
+ background-color: transparent;
+ text-shadow: none; }
+ button:link:hover, button:link:active, button:link:checked, button:link:focus:active,
+ button:visited:hover,
+ button:visited:active,
+ button:visited:checked,
+ button:visited:focus:active {
+ border-color: transparent;
+ background-color: transparent;
+ text-shadow: none; }
+ button:link > label,
+ button:visited > label {
+ text-decoration-line: underline; }
-row:selected,
-row:selected:hover,
-row:selected:focus {
- border: none;
- background-color: @theme_selected_bg_color;
- background-image: none;
+button {
+ padding: 4px 8px;
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 4px;
+ color: @theme_selected_bg_color;
+ border-color: @theme_selected_bg_color;
+ background-color: transparent;
+ -gtk-outline-radius: 4px; }
+ button:hover {
+ color: @theme_selected_bg_color;
+ background-color: shade(@theme_base_color, 1.1); }
+ button:active, button:checked {
color: @theme_selected_fg_color;
-}
-
-/*******************
- * check and radio *
- *******************/
-check,
-radio,
-check:disabled,
-radio:disabled {
+ border-color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color; }
+ button:active:backdrop, button:checked:backdrop {
+ color: @theme_unfocused_selected_fg_color;
+ border-color: @theme_unfocused_selected_bg_color;
+ background-color: @theme_unfocused_selected_bg_color; }
+ button:active:disabled, button:checked:disabled {
+ color: @theme_disabled_fg_color;
+ border-color: mix(@theme_selected_bg_color, @theme_disabled_bg_color, 0.85);
+ background-color: shade(@theme_disabled_bg_color, 0.9); }
+ button:active:disabled:backdrop, button:checked:disabled:backdrop {
+ color: @theme_unfocused_disabled_fg_color;
+ border-color: @unfocused_borders;
+ background-color: shade(@theme_unfocused_disabled_bg_color, 0.9); }
+ button:disabled {
+ color: mix(@theme_selected_bg_color, @theme_unfocused_disabled_fg_color, 0.5);
+ border-color: mix(@theme_selected_bg_color, @theme_unfocused_disabled_fg_color, 0.5); }
+ button:disabled:backdrop {
+ color: @theme_unfocused_disabled_fg_color;
+ border-color: @theme_unfocused_disabled_fg_color; }
+ button:backdrop {
+ color: @theme_unfocused_fg_color;
+ border-color: @theme_unfocused_fg_color; }
+button.flat {
+ border-color: transparent;
+ border-radius: 4px;
+ color: @theme_selected_bg_color;
+ background-color: transparent; }
+ button.flat:hover {
+ border-color: @theme_selected_bg_color;
+ color: @theme_selected_bg_color;
+ background-color: transparent; }
+ button.flat:active, button.flat:checked {
+ color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color; }
+ button.flat:active:backdrop, button.flat:checked:backdrop {
+ color: @theme_unfocused_selected_fg_color;
+ background-color: shade(@theme_unfocused_selected_bg_color, 0.6); }
+ button.flat:disabled {
+ border-color: transparent;
+ color: alpha(@theme_selected_bg_color, 0.8);
+ background-color: transparent; }
+ button.flat:disabled:backdrop {
+ border-color: transparent;
+ color: alpha(@theme_selected_bg_color, 0.7);
+ background-color: transparent; }
+ button.flat:backdrop {
+ color: @theme_unfocused_fg_color; }
+
+row:selected, row:selected:hover, row:selected:focus {
+ border: none;
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
+ row:selected switch:checked, row:selected:hover switch:checked, row:selected:focus switch:checked {
+ background: shade(@theme_selected_bg_color, 1.15);
+ border-color: shade(@theme_selected_bg_color, 1.15); }
+
+checkbutton.text-button, radiobutton.text-button {
+ padding: 4px;
+ outline-offset: 0; }
+
+checkbutton {
+ padding: 4px; }
+ checkbutton:hover, checkbutton:active:hover {
+ padding: 4px;
border-style: none;
- background-color: transparent;
+ background-color: transparent; }
+ checkbutton:selected {
padding: 4px;
-}
+ border-style: none;
+ background-color: transparent; }
+ checkbutton:selected:focus {
+ padding: 4px;
+ border-style: none;
+ background-color: transparent; }
-checkbutton:hover,
-checkbutton:active:hover,
-checkbutton:selected,
-checkbutton:selected:focus {
- background-color: transparent;
-}
-
-/*****************
- * treeview header *
- *****************/
-treeview header button,
-treeview header button:active {
- border-width: 0 1px 1px 0px;
- border-radius: 0px;
- box-shadow: none;
-}
-
-treeview header button,
-treeview header button:active,
-treeview header button:focus,
-treeview header button:active:focus {
- border-color: shade(@theme_base_color, 0.9);
- border-bottom-color: shade(@theme_base_color, 0.9);
- background-color: shade(@theme_base_color, 0.97);
- background-image: none;
- box-shadow: none;
-}
-
-treeview header button:hover,
-treeview header button:active:hover,
-treeview header button:hover:focus,
-treeview header button:active:hover:focus {
- border-color: shade(@theme_base_color, 0.9);
- border-bottom-color: shade(@theme_base_color, 0.9);
- background-color: shade(@theme_base_color, 0.99);
- background-image: none;
- box-shadow: none;
-}
+view.content-view check, .content-view.view check {
+ background-color: transparent; }
+ view.content-view check:active, .content-view.view check:active {
+ background-color: transparent; }
-treeview header:last-child button {
- border-width: 0 0 1px 0px;
-}
+view.content-view check:hover, view.content-view check:disabled, view.content-view check:selected {
+ background-color: transparent; }
+
+check, radio, check:disabled, radio:disabled {
+ padding: 4px;
+ border-style: none;
+ background-color: transparent; }
+
+check {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
+ check row:selected {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
+ check row:selected:focus {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
+ check:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-unfocused.png"), url("assets/checkbox-unchecked-unfocused@2.png")); }
+ check row:selected:backdrop, check row:selected:focus:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-unfocused.png"), url("assets/checkbox-unchecked-unfocused@2.png")); }
+ check:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); }
+ check row:selected:disabled, check row:selected:focus:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); }
+ check:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-unfocused.png"), url("assets/checkbox-unchecked-insensitive-unfocused@2.png")); }
+ check row:selected:disabled:backdrop, check row:selected:focus:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-unfocused.png"), url("assets/checkbox-unchecked-insensitive-unfocused@2.png")); }
+ check:active, check:checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
+ check row:selected:active, check row:selected:checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
+ check row:selected:focus:active, check row:selected:focus:checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
+ check:active:backdrop, check:checked:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-unfocused.png"), url("assets/checkbox-checked-unfocused@2.png")); }
+ check row:selected:active:backdrop, check row:selected:checked:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-unfocused.png"), url("assets/checkbox-checked-unfocused@2.png")); }
+ check row:selected:focus:active:backdrop, check row:selected:focus:checked:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-unfocused.png"), url("assets/checkbox-checked-unfocused@2.png")); }
+ check:active:disabled, check:checked:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); }
+ check row:selected:active:disabled, check row:selected:checked:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); }
+ check row:selected:focus:active:disabled, check row:selected:focus:checked:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); }
+ check:active:disabled:backdrop, check:checked:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-unfocused.png")); }
+ check row:selected:active:disabled:backdrop, check row:selected:checked:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-unfocused.png")); }
+ check row:selected:focus:active:disabled:backdrop, check row:selected:focus:checked:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-unfocused.png")); }
+ check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
+ check row:selected:indeterminate, check row:selected:focus:indeterminate {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
+ check:indeterminate:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-unfocused.png"), url("assets/checkbox-mixed-unfocused@2.png")); }
+ check row:selected:indeterminate:backdrop, check row:selected:focus:indeterminate:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-unfocused.png"), url("assets/checkbox-mixed-unfocused@2.png")); }
+ check:indeterminate:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); }
+ check row:selected:indeterminate:disabled, check row:selected:focus:indeterminate:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); }
+ check:indeterminate:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-unfocused.png"), url("assets/checkbox-mixed-insensitive-unfocused@2.png")); }
+ check row:selected:indeterminate:disabled:backdrop, check row:selected:focus:indeterminate:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-unfocused.png"), url("assets/checkbox-mixed-insensitive-unfocused@2.png")); }
+
+radio {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
+ radio row:selected {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
+ radio row:selected:focus {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
+ radio:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-unfocused.png"), url("assets/radio-unchecked-unfocused@2.png")); }
+ radio row:selected:backdrop, radio row:selected:focus:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-unfocused.png"), url("assets/radio-unchecked-unfocused@2.png")); }
+ radio:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); }
+ radio row:selected:disabled, radio row:selected:focus:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); }
+ radio:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-unfocused.png"), url("assets/radio-unchecked-insensitive-unfocused@2.png")); }
+ radio row:selected:disabled:backdrop, radio row:selected:focus:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-unfocused.png"), url("assets/radio-unchecked-insensitive-unfocused@2.png")); }
+ radio:active, radio:checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
+ radio row:selected:active, radio row:selected:checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
+ radio row:selected:focus:active, radio row:selected:focus:checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
+ radio:active:backdrop, radio:checked:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-unfocused.png"), url("assets/radio-checked-unfocused@2.png")); }
+ radio row:selected:active:backdrop, radio row:selected:checked:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-unfocused.png"), url("assets/radio-checked-unfocused@2.png")); }
+ radio row:selected:focus:active:backdrop, radio row:selected:focus:checked:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-unfocused.png"), url("assets/radio-checked-unfocused@2.png")); }
+ radio:active:disabled, radio:checked:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); }
+ radio row:selected:active:disabled, radio row:selected:checked:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); }
+ radio row:selected:focus:active:disabled, radio row:selected:focus:checked:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); }
+ radio:active:disabled:backdrop, radio:checked:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-unfocused.png"), url("assets/radio-checked-insensitive-unfocused@2.png")); }
+ radio row:selected:active:disabled:backdrop, radio row:selected:checked:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-unfocused.png"), url("assets/radio-checked-insensitive-unfocused@2.png")); }
+ radio row:selected:focus:active:disabled:backdrop, radio row:selected:focus:checked:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-unfocused.png"), url("assets/radio-checked-insensitive-unfocused@2.png")); }
+ radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
+ radio row:selected:indeterminate, radio row:selected:focus:indeterminate {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
+ radio:indeterminate:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-unfocused.png"), url("assets/radio-mixed-unfocused@2.png")); }
+ radio row:selected:indeterminate:backdrop, radio row:selected:focus:indeterminate:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-unfocused.png"), url("assets/radio-mixed-unfocused@2.png")); }
+ radio:indeterminate:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); }
+ radio row:selected:indeterminate:disabled, radio row:selected:focus:indeterminate:disabled {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); }
+ radio:indeterminate:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-unfocused.png"), url("assets/radio-mixed-insensitive-unfocused@2.png")); }
+ radio row:selected:indeterminate:disabled:backdrop, radio row:selected:focus:indeterminate:disabled:backdrop {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-unfocused.png"), url("assets/radio-mixed-insensitive-unfocused@2.png")); }
+
+menuitem check {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png"));
+ color: @theme_fg_color;
+ -gtk-icon-shadow: none; }
+ menuitem check:active, menuitem check:checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
+ menuitem check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
+ menuitem check:active:hover {
+ color: @theme_selected_fg_color; }
+ menuitem check:disabled {
+ color: @theme_disabled_fg_color; }
+menuitem radio {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png"));
+ color: @theme_fg_color;
+ -gtk-icon-shadow: none; }
+ menuitem radio:active, menuitem radio:checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
+ menuitem radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
+ menuitem radio:hover {
+ color: @theme_selected_fg_color; }
+ menuitem radio:disabled {
+ color: @theme_disabled_fg_color; }
-/****************
- * content view *
- ****************/
.content-view.view {
- background-color: @theme_base_color;
-}
+ background-color: @theme_base_color; }
+ .content-view.view:hover {
+ background-color: alpha(@theme_selected_bg_color, 0.6); }
+ .content-view.view:selected, .content-view.view:active {
+ background-color: @theme_selected_bg_color; }
+ .content-view.view:disabled {
+ background-color: shade(@theme_base_color, 0.9); }
-.content-view.view :hover {
- background-color: alpha(@theme_selected_bg_color, 0.6);
-}
-
-.content-view.view :selected,
-.content-view.view :active {
- background-color: @theme_selected_bg_color;
-}
-
-.content-view.view :disabled {
- background-color: shade(@theme_base_color, 0.9);
-}
-
-view.content-view {
- -view-icon-size: 40px;
-}
-
-view.content-view check {
- background-color: transparent;
-}
-
-view.content-view check:active {
- background-color: transparent;
-}
-
-.content-view.view check,
-.content-view.view check:active {
- background-color: transparent;
-}
-
-view.content-view check:hover,
-view.content-view check:disabled,
-view.content-view check:selected {
- background-color: transparent;
-}
-
-/****************
- * drawing area *
- ****************/
-GtkDrawingArea {
- background-color: @theme_base_color;
-}
-
-GtkDrawingArea:disabled {
- background-color: shade(@theme_base_color, 0.9);
-}
-
-/***********
- * gtkhtml *
- ***********/
-GtkHTML {
- background-color: @theme_base_color;
- color: @theme_text_color;
-}
-
-/***********
-* calendar *
-************/
calendar {
- padding: 4px;
-}
-
-calendar:indeterminate {
- color: mix(@theme_fg_color, @theme_bg_color, 0.5);
-}
-
-calendar view,
-calendar header,
-calendar button,
-calendar button:hover,
-calendar button:disabled {
- border-width: 0px;
- background-color: transparent;
- background-image: none;
-}
-
-highlight,
-calendar highlight {
- border-width: 0px;
- background-color: transparent;
- color: @theme_selected_bg_color;
-}
-
-/******************
- * combobox entry *
- ******************/
-.primary-toolbar combobox entry,
-.primary-toolbar combobox entry:active,
-.primary-toolbar combobox entry:focus,
-.primary-toolbar combobox entry:disabled,
- combobox entry,
- combobox entry:active,
- combobox entry:focus,
- combobox entry:disabled {
-}
-
-.primary-toolbar combobox entry button,
-.primary-toolbar combobox entry button:hover,
-.primary-toolbar combobox entry button:active,
-combobox button,
-combobox button:hover,
-combobox button:active {
- padding: 7px 4px;
- border-width: 0;
- border-radius: 0;
- background-color: @theme_base_color;
-}
-
-button.combo:only-child {
- padding: 3px 8px;
- background-color: transparent;
-}
-
-.linked button {
- border-width: 0;
+ padding: 2px;
+ border-width: 1px;
+ border-radius: 4px;
+ border-style: solid;
+ border-color: @borders;
+ color: @theme_fg_color; }
+ calendar.header {
+ border: none;
+ color: @theme_selected_bg_color; }
+ calendar.button {
+ color: @theme_selected_bg_color; }
+ calendar:selected {
border-radius: 0;
- background-color: @theme_base_color;
-}
-
-combobox button:disabled,
-.linked button:disabled {
- background-color: shade(@theme_bg_color, 0.95);
-}
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
+ calendar:indeterminate {
+ color: alpha(currentColor, 0.55); }
+ calendar.highlight {
+ color: @theme_selected_bg_color; }
-/*********
- * entry *
- *********/
entry {
- padding: 7px 4px;
- border-width: 1px;
- border-style: solid;
- border-color: @theme_base_color;
- border-radius: 0;
- background-color: @theme_base_color;
- background-image: none;
- color: @theme_text_color;
-}
-
-entry:active,
-entry:focus {
-}
-
-entry:selected,
-entry:selected:focus {
- background-color: @theme_selected_bg_color;
+ padding: 5px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: @theme_base_color;
+ border-radius: 4px;
+ color: @theme_text_color;
+ caret-color: currentColor;
+ background-color: @theme_base_color; }
+ entry:active, entry:focus {
+ border-color: @theme_selected_bg_color; }
+ entry:selected, entry:selected:focus, entry selection, entry selection:focus {
color: @theme_selected_fg_color;
-}
-
-entry:disabled:backdrop,
-entry:disabled {
- border-color: shade(@theme_bg_color, 0.95);
- background-color: shade(@theme_bg_color, 0.95);
- background-image: none;
- color: mix(@theme_text_color, @theme_base_color, 0.5);
-}
-
-entry:backdrop {
+ background-color: @theme_selected_bg_color; }
+ entry:disabled {
+ color: @theme_disabled_text_color; }
+ entry:disabled:backdrop {
+ color: @theme_unfocused_disabled_fg_color;
+ border-color: @unfocused_borders;
+ background-color: @theme_unfocused_disabled_bg_color; }
+ entry.read-only {
+ background-color: mix(@theme_bg_color, @theme_disabled_bg_color, 0.1); }
+ entry:backdrop {
color: @theme_unfocused_fg_color;
- background-color: shade(@theme_bg_color, 1.05);
- border-color: shade(@theme_bg_color, 1.05);
-}
-
-entry progress {
- border-width: 0px;
- border-radius: 6px;
- box-shadow: none;
- background-color: @theme_bg_color;
- background-image: none;
- color: @theme_fg_color;
-}
-
-/* tweak to prevent double shadow in gedit search box */
-entry entry {
- background-color: transparent;
- box-shadow: none;
- border: none;
-}
-
-/* nemo icon view entry */
-.nemo-window .nemo-window-pane widget.entry {
- border: 1px solid;
- border-radius: 3px;
- color: @theme_fg_color;
+ background-color: @theme_unfocused_base_color; }
+ entry > image.left {
+ padding-right: 5px; }
+ entry > image.right {
+ padding-left: 5px; }
+ entry progress {
+ margin: -4px -4px;
+ border-width: 0 0 2px;
+ border-radius: 0;
+ border-style: solid;
border-color: @theme_selected_bg_color;
- background-color: @theme_base_color; }
-
-.nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
-}
+ background-color: transparent; }
+ entry.flat, entry.flat:focus {
+ padding: 3px;
+ border: none;
+ border-radius: 0;
+ background-color: transparent; }
+ entry.search {
+ border-radius: 40px; }
-/************
- * expander *
- ************/
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:checked {
- -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
-}
-
-expander {
- color: alpha(currentColor, 0.7);
-}
-
-expander:hover {
- color: alpha(currentColor, 0.8);
-}
-
-expander:checked {
- color: alpha(currentColor, 0.9);
-}
+ 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: @theme_selected_bg_color; }
+ expander arrow:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-/**************
- * list boxes *
- **************/
list {
- background-color: shade(@theme_bg_color, 0.97);
- color: @theme_fg_color;
-}
-
-list-row:hover {
- background-color: shade(@theme_bg_color, 1.02);
-}
+ color: @theme_fg_color;
+ background-color: @theme_base_color; }
+ list row {
+ padding: 2px; }
+ list row:hover {
+ background-color: mix(@theme_bg_color, @theme_fg_color, 0.1); }
+ list row:backdrop {
+ color: @theme_unfocused_fg_color; }
+ list row:selected {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
+ list row:selected:disabled {
+ color: alpha(@theme_selected_fg_color, 0.7);
+ background-color: @theme_selected_bg_color; }
+ list row:selected:backdrop {
+ color: @theme_unfocused_selected_fg_color;
+ background-color: @theme_unfocused_selected_bg_color; }
+ list separator, list separator:backdrop {
+ background: none; }
-list-row:selected {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
-}
-
-/*********
- * frame *
- *********/
frame > border {
- border-width: 1px;
- border-style: solid;
- border-color: shade(@theme_bg_color, 0.85);
- border-radius: 0px;
- box-shadow: none;
-}
-
-frame.flat > border,
-frame > border.flat,
-statusbar frame > border {
- border: none;
-}
+ border-width: 1px;
+ border-style: solid;
+ border-color: @borders;
+ border-radius: 0;
+ box-shadow: none; }
+frame.flat > border, frame > border.flat, statusbar frame > border {
+ border: none; }
.frame {
- background: none;
-}
-
-/*******************
- * scrolled window *
- *******************/
-scrolledwindow frame {
- border-width: 1px;
- border-style: solid;
- border-color: shade(@theme_bg_color, 0.85);
- border-radius: 0px;
-}
-
-/* avoid double borders when a viewport is
- * packed into a scrolledwindow */
-scrolledwindow viewport frame {
- border-style: none;
-}
+ background: none; }
+
+iconview:selected, iconview:selected:focus, iconview text:selected, iconview text selection, iconview text:selected:focus, iconview text selection:focus {
+ border-width: 1px;
+ border-style: solid;
+ border-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
+iconview:selected:backdrop, iconview selection:backdrop, iconview text:selected:backdrop, iconview text selection:backdrop {
+ color: @theme_unfocused_selected_fg_color;
+ background-color: @theme_unfocused_selected_bg_color; }
+
+rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband, view rubberband, .view.rubberband, .rubberband {
+ border-width: 1px;
+ border-style: solid;
+ border-color: @theme_selected_bg_color;
+ background: none;
+ background-color: alpha(@theme_selected_bg_color, 0.3); }
-/************
- * iconview *
- ************/
-view.view.cell:selected,
-view.view.cell:selected:focus {
- border-width: 1px;
- border-style: solid;
- border-color: shade(@theme_selected_bg_color, 0.9);
- border-radius: 0px;
- background-color: @theme_selected_bg_color;
- background-image: none;
+flowbox flowboxchild {
+ padding: 3px;
+ border-radius: 4px; }
+ flowbox flowboxchild:selected {
+ outline-offset: -2px;
color: @theme_selected_fg_color;
-}
-
-.content-view.view.rubberband,
-view rubberband,
-rubberband,
-.view.rubberband,
-view rubberband,
-rubberband,
-.rubberband,
-view rubberband,
-rubberband {
- border-width: 1px;
- border-style: solid;
- border-color: shade(@theme_selected_bg_color, 0.9);
- border-radius: 0px;
- background-color: alpha(@theme_selected_bg_color, 0.3);
-}
+ background-color: @theme_selected_bg_color; }
-/***********
- * infobar *
- ***********/
infobar {
- border-width: 0px;
- border-style: none;
-}
+ border: none; }
.info {
- border-width: 1px;
- border-style: solid;
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@info_bg_color, 0.8);
+ color: @info_fg_color;
+ background-image: none;
+ background-color: @info_bg_color; }
+ .info button {
border-color: shade(@info_bg_color, 0.8);
- background-color: @info_bg_color;
- background-image: none;
- color: @info_fg_color;
-}
-
-.info button {
- color: @info_bg_color;
-}
-
-.info button:active,
-.info button:checked {
- border-color: @info_bg_color;
- background-color: @info_bg_color;
color: @info_fg_color;
-}
-
-.info button.close {
- color: @info_fg_color;
-}
+ background-image: none;
+ background-color: shade(@info_bg_color, 1.08); }
+ .info button:hover {
+ border-color: shade(@info_bg_color, 0.85);
+ background-color: shade(@info_bg_color, 1.1); }
+ .info button:active {
+ border-color: shade(@info_bg_color, 0.6);
+ background-color: shade(@info_bg_color, 0.95); }
+ .info button:active:hover {
+ border-color: shade(@info_bg_color, 0.85); }
+ .info button.close {
+ color: @info_fg_color; }
+ .info button.close:hover {
+ background-color: alpha(@light_shadow, 0.2); }
+ .info button.close:active {
+ color: @info_fg_color;
+ background-color: alpha(@dark_shadow, 0.1); }
.warning {
- border-width: 1px;
- border-style: solid;
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@warning_bg_color, 0.8);
+ color: @warning_fg_color;
+ background-image: none;
+ background-color: @warning_bg_color; }
+ .warning button {
border-color: shade(@warning_bg_color, 0.8);
- background-color: @warning_bg_color;
- background-image: none;
- color: @warning_fg_color;
-}
-
-.warning button {
- color: @warning_bg_color;
-}
-
-.warning button:active,
-.warning button:checked {
- border-color: @warning_bg_color;
- background-color: @warning_bg_color;
- color: @warning_fg_color;
-}
-
-.warning button.close {
color: @warning_fg_color;
-}
+ background-image: none;
+ background-color: shade(@warning_bg_color, 1.08); }
+ .warning button:hover {
+ border-color: shade(@warning_bg_color, 0.85);
+ background-color: shade(@warning_bg_color, 1.1); }
+ .warning button:active {
+ border-color: shade(@warning_bg_color, 0.6);
+ background-color: shade(@warning_bg_color, 0.95); }
+ .warning button:active:hover {
+ border-color: shade(@warning_bg_color, 0.85); }
+ .warning button.close {
+ color: @warning_fg_color; }
+ .warning button.close:hover {
+ background-color: alpha(@light_shadow, 0.2); }
+ .warning button.close:active {
+ color: @warning_fg_color;
+ background-color: alpha(@dark_shadow, 0.1); }
.question {
- border-width: 1px;
- border-style: solid;
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@question_bg_color, 0.8);
+ color: @question_fg_color;
+ background-image: none;
+ background-color: @question_bg_color; }
+ .question button {
border-color: shade(@question_bg_color, 0.8);
- background-color: @question_bg_color;
- background-image: none;
- color: @question_fg_color;
-}
-
-.question button {
- color: @question_bg_color;
-}
-
-.question button:active,
-.question button:checked {
- border-color: @question_bg_color;
- background-color: @question_bg_color;
- color: @question_fg_color;
-}
-
-.question button.close {
color: @question_fg_color;
-}
+ background-image: none;
+ background-color: shade(@question_bg_color, 1.08); }
+ .question button:hover {
+ border-color: shade(@question_bg_color, 0.85);
+ background-color: shade(@question_bg_color, 1.1); }
+ .question button:active {
+ border-color: shade(@question_bg_color, 0.6);
+ background-color: shade(@question_bg_color, 0.95); }
+ .question button:active:hover {
+ border-color: shade(@question_bg_color, 0.85); }
+ .question button.close {
+ color: @question_fg_color; }
+ .question button.close:hover {
+ background-color: alpha(@light_shadow, 0.2); }
+ .question button.close:active {
+ color: @question_fg_color;
+ background-color: alpha(@dark_shadow, 0.1); }
.error {
- border-width: 1px;
- border-style: solid;
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@error_bg_color, 0.8);
+ background-color: @error_bg_color;
+ background-image: none;
+ color: @error_fg_color; }
+ .error button {
border-color: shade(@error_bg_color, 0.8);
- background-color: @error_bg_color;
- background-image: none;
color: @error_fg_color;
-}
+ background-image: none;
+ background-color: shade(@error_bg_color, 1.08); }
+ .error button:hover {
+ border-color: shade(@error_bg_color, 0.85);
+ background-color: shade(@error_bg_color, 1.1); }
+ .error button:active {
+ border-color: shade(@error_bg_color, 0.6);
+ background-color: shade(@error_bg_color, 0.95); }
+ .error button:active:hover {
+ border-color: shade(@error_bg_color, 0.85); }
+ .error button.close {
+ color: @error_fg_color; }
+ .error button.close:hover {
+ background-color: alpha(@light_shadow, 0.2); }
+ .error button.close:active {
+ color: @error_fg_color;
+ background-color: alpha(@dark_shadow, 0.1); }
+
+image {
+ color: alpha(currentColor, 0.75); }
+ image:hover {
+ color: alpha(currentColor, 0.9); }
+ image:selected, image:selected:hover {
+ color: @theme_selected_fg_color; }
+ view image, view image:hover {
+ color: alpha(currentColor, 0.9); }
+ view image:selected, view image:selected:hover {
+ color: @theme_selected_fg_color; }
-.error button {
- color: @error_bg_color;
-}
+.floating-bar {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_base_color, 0.85);
+ border-radius: 4px;
+ background-color: @theme_base_color;
+ color: @theme_fg_color; }
+ .floating-bar.top {
+ border-top-width: 0px;
+ border-top-right-radius: 0px;
+ border-top-left-radius: 0px; }
+ .floating-bar.bottom {
+ border-bottom-width: 0px;
+ border-bottom-right-radius: 0px;
+ border-bottom-left-radius: 0px; }
+ .floating-bar.top.left, .floating-bar.bottom.left {
+ border-left-width: 0px;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px; }
+ .floating-bar.top.right, .floating-bar.bottom.right {
+ border-right-width: 0px;
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px; }
+ .floating-bar button {
+ border-style: none;
+ background-color: transparent; }
-.error button:active,
-.error button:checked {
- border-color: @error_bg_color;
- background-color: @error_bg_color;
- color: @error_fg_color;
-}
+.dnd {
+ border-width: 1px;
+ border-style: solid;
+ border-color: @borders; }
-.error button.close {
- color: @error_fg_color;
-}
+.terminal-screen, terminal-window, vte-terminal {
+ background-color: @terminal_bg_color;
+ color: @terminal_fg_color; }
-/*******************
- * symbolic images *
- *******************/
- image {
- color: alpha(currentColor, 0.5);
-}
+.nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar {
+ background-color: @theme_base_color; }
- image:hover {
- color: alpha(currentColor, 0.9);
-}
+.caja-location-entry {
+ padding: 3px 5px; }
- image:selected,
- image:selected:hover {
- color: @theme_selected_fg_color;
-}
+scrolledwindow viewport.frame {
+ border: none; }
-view image,
-view image:hover {
- color: alpha(currentColor, 0.9);
-}
+arrow, combobox arrow {
+ color: alpha(currentColor, 0.75);
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ min-height: 16px;
+ min-width: 16px; }
-view image:selected,
-view image:selected:hover {
- color: @theme_selected_fg_color;
-}
+.context-menu, popover.touch-selection, .csd popover.touch-selection,
+popover.background.touch-selection, .csd popover.background.touch-selection {
+ font: initial; }
-/*****************
- * miscellaneous *
- *****************/
-.floating-bar {
- border-width: 1px;
- border-style: solid;
- border-color: shade(@theme_bg_color, 0.85);
- border-radius: 4px;
- background-color: @theme_bg_color;
- background-image: none;
- color: @theme_fg_color;
-}
+.monospace {
+ font-family: Monospace; }
-.floating-bar top {
- border-top-width: 0px;
- border-top-right-radius: 0px;
- border-top-left-radius: 0px;
-}
+.gedit-search-entry-occurrences-tag {
+ color: alpha(currentColor, 0.7);
+ border: none;
+ margin: 2px;
+ padding: 2px; }
+
+.gedit-search-slider {
+ border-color: @borders;
+ padding: 6px;
+ border-radius: 0 0 4px 4px;
+ border-width: 0 1px 1px 1px;
+ border-style: solid;
+ background-color: @theme_bg_color; }
-.floating-bar right {
- border-right-width: 0px;
- border-top-right-radius: 0px;
- border-bottom-right-radius: 0px;
-}
-
-.floating-bar bottom {
- border-bottom-width: 0px;
- border-bottom-right-radius: 0px;
- border-bottom-left-radius: 0px;
-}
-
-.floating-bar left {
- border-left-width: 0px;
- border-bottom-left-radius: 0px;
- border-top-left-radius: 0px;
-}
-
-.floating-bar button {
- border-style: none;
- background-color: transparent;
- background-image: none;
-}
-
-view label:disabled,
-label:disabled {
- color: alpha(currentColor, 0.5);
-}
-
-.dnd {
- border-width: 1px;
- border-style: solid;
- border-color: shade(@theme_selected_bg_color, 0.9);
-}
-
-grip {
- background-color: transparent;
-}
-
-arrow,
-combobox arrow {
- color: alpha(currentColor, 0.7);
- -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
- min-height: 16px;
- min-width: 16px;
-}
-
-combobox:drop(active) {
- box-shadow: none;
-}
-
-/********
- * menu *
- ********/
-treemenu menu,
-toolbutton menu,
-combobox menu,
-.primary-toolbar menu,
-.primary-toolbar button menu,
-toolbar menu,
-toolbar .primary-toolbar menu,
-headerbar menu,
-headerbar .primary-toolbar menu,
-menu {
- margin: 4px; /* avoid minify of menu */
- padding: 0px;
- border-radius: 0px;
- border-style: none;
- background-color: @menu_bg_color;
- color: @menu_fg_color;
-}
+button.circular, button.circular-button {
+ padding: 0;
+ min-width: 16px;
+ min-height: 24px;
+ padding: 2px 6px;
+ border-radius: 50%;
+ -gtk-outline-radius: 50%; }
-.csd menu, .csd
-.menu {
+menu, .menu {
+ margin: 4px;
+ padding: 0;
+ border-radius: 4px;
+ border-style: none;
+ color: @menu_fg_color;
+ background-color: @menu_bg_color; }
+ .csd menu, .csd .menu {
padding: 4px 0px;
border-radius: 4px;
- border: 1px solid shade(@theme_bg_color, 0.9);
- box-shadow: none;
-}
-
-menu:selected {
- background-color: @selected_bg_color;
-}
-
-menu button:hover,
-menu button:active,
-menu button:active *:disabled,
-menu button:disabled,
-menu button {
- border-width: 0px;
- background-color: transparent;
- background-image: none;
-}
-
-.context-menu {
- font: initial;
-}
-
-menu > arrow.top,
-.menu > arrow.top {
- margin-top: -3px;
- border-bottom: 1px solid shade(@theme_bg_color, 0.9);
- -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
-}
-
-menu > arrow.bottom,
-.menu > arrow.bottom {
- margin-bottom: -3px;
- border-top: 1px solid shade(@theme_bg_color, 0.9);
- -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
-}
-
-/***********
- * menubar *
- ***********/
-menubar {
- -GtkWidget-window-dragging: true;
-
- border-style: none;
- background-color: @menubar_bg_color;
- background-image: none;
- color: @menubar_fg_color;
-}
-
-menubar:backdrop {
- background-image: none;
- color: @theme_unfocused_fg_color;
- background-color: @theme_unfocused_bg_color;
-}
-
-/***************
- * menubaritem *
- ***************/
-menubar menuitem,
-menubar > menuitem {
- padding: 3px 5px;
- border-width: 1px;
- border-style: solid;
+ border: none; }
+ menu > arrow, .menu > arrow {
+ padding: 4px;
border-color: transparent;
- background-color: transparent;
- background-image: none;
- color: @menubar_fg_color;
-}
+ background-color: @menu_bg_color;
+ min-width: 16px;
+ min-height: 16px; }
+ menu > arrow.top, .menu > arrow.top {
+ margin-top: -6px;
+ border-bottom: 1px solid shade(@menu_bg_color, 0.9);
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+ menu > arrow.bottom, .menu > arrow.bottom {
+ margin-bottom: -6px;
+ border-top: 1px solid shade(@menu_bg_color, 0.9);
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubar, .menubar {
+ -GtkWidget-window-dragging: true;
+ padding: 0;
+ border-style: none;
+ background-color: @menubar_bg_color;
+ color: @menubar_fg_color; }
+ menubar:backdrop, .menubar:backdrop {
+ color: @theme_unfocused_fg_color;
+ background-color: @theme_unfocused_bg_color; }
-menubar menuitem:hover,
-menubar > menuitem:hover {
- border-color: mix(@menubar_bg_color, @menubar_fg_color, 0.21);
- background-color: @theme_selected_bg_color;
- background-image: none;
+menubar > menuitem, .menubar > menuitem {
+ padding: 3px 5px;
+ border: none;
+ color: @menubar_fg_color;
+ background-color: transparent; }
+ menubar > menuitem:hover, .menubar > menuitem:hover {
color: @theme_selected_fg_color;
-}
-
-menubar > menuitem *:hover {
- color: shade(@menubar_fg_color, 1.08);
-}
-
-menubar menuitem:backdrop,
-menubar > menuitem:backdrop {
+ background-color: @theme_selected_bg_color; }
+ menubar > menuitem:disabled, .menubar > menuitem:disabled {
+ color: @theme_disabled_fg_color;
+ background-color: transparent; }
+ menubar > menuitem:backdrop, .menubar > menuitem:backdrop {
color: @theme_unfocused_fg_color;
-}
-
-/************
- * menuitem *
- ************/
-treemenu menuitem,
-treemenu > menuitem {
- padding: 0px;
- border-width: 0px;
-}
-
-menuitem,
-menu > menuitem {
- padding: 3px;
- border-width: 1px;
- border-style: solid;
- border-color: transparent;
- border-radius: 0px;
- background-color: @menu_bg_color;
- background-image: none;
- color: @menu_fg_color;
-}
-
-menu menuitem:hover,
-menu menuitem:active {
- border-color: shade(@theme_selected_bg_color, 0.9);
- background-color: @theme_selected_bg_color;
- background-image: none;
-}
+ background-color: transparent; }
-menu menuitem:active,
-menu menuitem *:active,
-menu menuitem:hover,
-menu menuitem *:hover {
+menu menuitem, .menu menuitem {
+ min-height: 16px;
+ min-width: 40px;
+ padding: 4px;
+ border: none;
+ border-radius: 0;
+ color: @menu_fg_color;
+ background-color: @menu_bg_color; }
+ menu menuitem:hover, .menu menuitem:hover {
color: @theme_selected_fg_color;
-}
-
-menu menuitem:disabled,
-menu menuitem *:disabled {
- color: mix(@menu_fg_color, @menu_bg_color, 0.5);
-}
-
-/* menu arrow */
-menu menuitem arrow,
-.menu menuitem arrow {
- min-height: 16px;
- min-width: 16px;
-}
-
-menu menuitem arrow:dir(ltr),
-.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) {
- -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
- margin-right: 10px;
-}
-
-menuitem check,
-menuitem radio,
-menuitem check:hover,
-menuitem radio:hover,
-menuitem check:disabled,
-menuitem radio:disabled {
- border-style: none;
+ background-color: @theme_selected_bg_color; }
+ menu menuitem:disabled, .menu menuitem:disabled {
+ color: mix(@menu_fg_color, @menu_bg_color, 0.5); }
+ menu menuitem arrow, .menu menuitem arrow {
min-width: 16px;
- min-height: 16px;
- background-color: transparent;
- background-image: none;
-}
-
-menuitem check:active,
-menuitem radio:active {
- border-style: none;
- background-color: transparent;
-}
-
-menuitem calendar:indeterminate {
- color: mix(@menu_fg_color, @menu_bg_color, 0.5);
-}
-
-menuitem calendar button {
- border-style: none;
- background-color: transparent;
- background-image: none;
-}
-
-menuitem entry {
- border-color: shade(@menu_bg_color, 0.7);
- background-color: @menu_bg_color;
- background-image: none;
- color: @menu_fg_color;
-}
-
-menuitem entry:active,
-menuitem entry:focus {
- border-color: shade(@menu_bg_color, 0.7);
-}
-
+ min-height: 16px; }
+ menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) {
+ margin-left: 10px;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+ menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) {
+ margin-right: 10px;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+menuitem check, menuitem radio {
+ min-height: 16px;
+ min-width: 16px; }
menuitem accelerator {
- color: alpha(@menu_fg_color, 0.6);
-}
-
-menuitem accelerator:hover {
- color: alpha(@theme_selected_fg_color, 0.8);
-}
-
-menuitem accelerator:disabled {
- color: alpha(mix(@menu_fg_color, @menu_bg_color, 0.5), 0.6);
-}
-
-GtkModelMenuItem box image {
- padding-right: 4px;
-}
-
-/************
- * popovers *
- ************/
-popover {
- margin: 10px;
- padding: 2px;
- border-radius: 4px;
- border-color: shade(@theme_bg_color, 0.85);
- border-width: 1px;
- border-style: solid;
- background-clip: border-box;
- background-color: @theme_bg_color;
- color: @theme_fg_color;
- box-shadow: 0 2px 3px alpha(black, 0.5);
-}
-
-popover.osd {
- box-shadow: 0 2px 7px 3px alpha(black, 0.5);
-}
-
-popover > list,
-popover > view,
-popover > toolbar {
- background-color: transparent;
-}
-
-popover.osd > toolbar button {
- border-radius: 0px;
- border-width: 0px;
- background-image: none;
- background-color: transparent;
-}
-
-popover separator {
- border: 0px;
- background-color: transparent;
- color: alpha(currentColor, 0.5);
- font-size: 80%;
- font-weight: bold;
-}
-
-modelbutton.flat,
-modelbutton.flat:active,
-modelbutton.flat:disabled,
-modelbutton.flat:active:disabled {
- padding: 3px 8px;
- background-color: transparent;
- background-image: none;
- border-color: transparent;
+ color: alpha(currentColor, 0.55); }
+ menuitem accelerator:hover {
+ color: alpha(@theme_selected_fg_color, 0.8); }
+ menuitem accelerator:disabled {
+ color: @theme_disabled_fg_color; }
+
+popover, popover.background {
+ padding: 2px;
+ border-color: @borders;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 4px;
+ color: @theme_fg_color;
+ background-clip: border-box;
+ background-color: @theme_bg_color;
+ box-shadow: none; }
+ .csd popover, popover, .csd popover.background, popover.background {
+ border: 1px solid @borders; }
+ popover > list, popover > .view, popover > iconview, popover > toolbar, popover > .inline-toolbar, popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar, popover.background > .inline-toolbar {
border-style: none;
- box-shadow: none;
- color: @theme_fg_color;
-}
-
-modelbutton:hover,
-modelbutton:selected,
-modelbutton:active:hover {
- border-width: 0px;
- border-color: transparent;
- background-color: @theme_selected_bg_color;
- background-image: none;
+ background-color: transparent; }
+ popover checkbutton:selected, popover radiobutton:selected, popover.background checkbutton:selected, popover.background radiobutton:selected {
color: @theme_selected_fg_color;
-}
-
-modelbutton.flat arrow.left {
- -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
-}
-
-modelbutton.flat arrow.right {
- -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
-}
+ background-color: @theme_selected_bg_color; }
+popover.osd {
+ box-shadow: none; }
+ popover.osd > toolbar button {
+ border-width: 0;
+ border-radius: 0;
+ background-color: transparent; }
+popover:backdrop {
+ border-color: @unfocused_borders;
+ color: @theme_unfocused_fg_color;
+ background-color: @theme_unfocused_bg_color;
+ box-shadow: none; }
-popover.background,
-.csd popover.background {
- box-shadow: 0 0 2px 0px gray;
- border: 1px solid @borders; }
-popover.background:backdrop {
- background-color: @theme_bg_color;
- box-shadow: none; }
+modelbutton.flat, menuitem.button.flat, .menuitem.button.flat {
+ padding: 2px 8px;
+ border: none;
+ color: @theme_fg_color;
+ background-color: transparent; }
+ modelbutton.flat:hover, modelbutton.flat:selected, modelbutton.flat:active:hover, menuitem.button.flat:hover, menuitem.button.flat:selected, menuitem.button.flat:active:hover, .menuitem.button.flat:hover, .menuitem.button.flat:selected, .menuitem.button.flat:active:hover {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
+ modelbutton.flat > image, menuitem.button.flat > image, .menuitem.button.flat > image {
+ padding-right: 4px; }
+ modelbutton.flat.flat arrow.left, menuitem.button.flat.flat arrow.left, .menuitem.button.flat.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+ modelbutton.flat.flat arrow.right, menuitem.button.flat.flat arrow.right, .menuitem.button.flat.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
-/************
- * notebook *
- ************/
notebook {
- padding: 0px;
- border-width: 0px;
+ padding: 0; }
+ notebook.frame {
+ margin: -1px;
+ border-width: 1px;
border-style: solid;
- border-color: shade(@theme_base_color, 0.7);
- border-radius: 0px;
- background-color: @theme_base_color;
- background-image: none;
- background-clip: border-box;
-}
-
-notebook frame {
- border-width: 0px;
-}
-
-notebook > header {
- border-width: 0px;
- box-shadow: none;
- background-color: @theme_base_color;
-}
-
-notebook > header .frame {
- border-color: @theme_bg_color;
-}
-
-notebook view {
- border-width: 0px;
- background-color: @theme_base_color;
- color: @theme_text_color;
-}
-
-notebook > stack:not(:only-child) {
- background-color: @theme_base_color;
- border: none;
- box-shadow: none;
-}
-
-notebook tab {
- padding: 10px 20px;
- border: 1px solid @theme_base_color;
- background-image: image(@theme_base_color);
-}
-
-notebook tab:hover {
- color: @theme_selected_bg_color;
-}
-
-notebook tab:checked {
- background-image: image(@theme_selected_bg_color);
-}
-
-notebook tab:checked label {
- color: @theme_selected_fg_color;
-}
-
-notebook tab:backdrop {
- color: @theme_unfocused_fg_color;
-}
-
-notebook tab:checked:backdrop {
- color: @theme_unfocused_fg_color;
-}
-
-notebook tab label {
- color: mix(@theme_text_color, @theme_base_color, 0.3);
-}
-
-notebook .active-page,
-notebook tab .active-page label {
- color: @theme_selected_bg_color;
-}
-
-/* close button styling */
-notebook tab button,
-notebook tab button:hover,
-notebook tab button:focus,
-notebook tab button:active,
-notebook tab button:checked,
-notebook tab button:active:hover,
-notebook tab button:checked:hover,
-notebook tab button:backdrop {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- color: @theme_selected_bg_color;
-}
-
-/* close button styling */
-notebook tab:checked button,
-notebook tab:checked button:hover,
-notebook tab:checked button:focus,
-notebook tab:checked button:active,
-notebook tab:checked button:checked,
-notebook tab:checked button:active:hover,
-notebook tab:checked button:checked:hover,
-notebook tab:checked button:backdrop {
+ border-color: transparent; }
+ 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: @theme_base_color; }
+ notebook tab {
+ padding: 6px 20px;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 0;
border-color: transparent;
- background-color: transparent;
- background-image: none;
- color: @theme_selected_fg_color;
-}
-
-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: @theme_fg_color;
-}
-
-notebook > header > tabs > arrow:hover {
- color: shade(@theme_fg_color, 1.2);
-}
-
-notebook > header > tabs > arrow:active {
- color: shade(@theme_fg_color, 0.8);
-}
-
-notebook > header > tabs > arrow:disabled {
- color: shade(@theme_bg_color, 0.6);
-}
+ background-color: transparent; }
+ notebook tab:checked {
+ color: @theme_selected_fg_color;
+ border-color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color; }
+ notebook tab:checked:backdrop {
+ border-color: @unfocused_borders;
+ background-color: @theme_unfocused_selected_bg_color; }
+ notebook tab:backdrop {
+ background-color: transparent; }
+ notebook tab button, notebook tab button:hover, notebook tab button:focus, notebook tab button:active, notebook tab button:checked, notebook tab button:active:hover, notebook tab button:checked:hover, notebook tab button:backdrop, notebook tab:checked button, notebook tab:checked button:hover, notebook tab:checked button:focus, notebook tab:checked button:active, notebook tab:checked button:checked, notebook tab:checked button:active:hover, notebook tab:checked button:checked:hover, notebook tab:checked button:backdrop {
+ border-color: transparent;
+ background-color: transparent;
+ color: @theme_fg_color; }
+ notebook > header {
+ background-color: @theme_base_color; }
+ notebook > header:backdrop {
+ background-color: @theme_unfocused_base_color; }
+ notebook > header.top {
+ box-shadow: 0 1px @borders; }
+ notebook > header.top > tabs > tab {
+ border-bottom: none; }
+ notebook > header.top > tabs > tab:checked {
+ border-top-left-radius: 0px;
+ border-top-right-radius: 0px; }
+ notebook > header.bottom {
+ box-shadow: 0 -1px @borders; }
+ notebook > header.bottom > tabs > tab {
+ border-top: none; }
+ notebook > header.bottom > tabs > tab:checked {
+ border-bottom-left-radius: 0px;
+ border-bottom-right-radius: 0px; }
+ notebook > header.right {
+ box-shadow: -1px 0 @borders; }
+ notebook > header.right > tabs > tab {
+ border-left: none; }
+ notebook > header.right > tabs > tab:checked {
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px; }
+ notebook > header.left {
+ box-shadow: 1px 0 @borders; }
+ notebook > header.left > tabs > tab {
+ border-right: none; }
+ notebook > header.left > tabs > tab:checked {
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px; }
+ 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: @theme_fg_color; }
+ notebook > header > tabs > arrow:hover {
+ color: shade(@theme_fg_color, 1.2); }
+ notebook > header > tabs > arrow:active {
+ color: shade(@theme_fg_color, 0.8); }
+ notebook > header > tabs > arrow:disabled {
+ color: shade(@theme_bg_color, 0.6); }
-/******************
- * pane separator *
- ******************/
paned > separator {
- background-color: shade(@theme_bg_color, 0.95);
- color: transparent;
- border-style: none;
-}
-
- paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
- border-style: none; }
-
-/**************
- * over under *
- **************/
-
-/* these elements MUST be hidden, otherwise scrolling pages will have
- * missing chunks */
+ border: none;
+ color: transparent;
+ background-color: @borders; }
+ paned > separator:backdrop {
+ background-color: @unfocused_borders; }
+ paned > separator:selected {
+ background-color: @borders; }
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border-style: none; }
overshoot.top {
- background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(64, 128, 251, 0.2)), to(rgba(64, 128, 251, 0)));
+ background-image: -gtk-gradient(radial, center top, 0.55, center top, 0.6, from(alpha(@color_shadow, 0.2)), to(transparent));
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: center top;
@@ -1327,7 +1038,7 @@ overshoot.top {
border: none;
box-shadow: none; }
overshoot.bottom {
- background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(64, 128, 251, 0.2)), to(rgba(64, 128, 251, 0)));
+ background-image: -gtk-gradient(radial, center bottom, 0.55, center bottom, 0.6, from(alpha(@color_shadow, 0.2)), to(transparent));
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: center bottom;
@@ -1335,7 +1046,7 @@ overshoot.bottom {
border: none;
box-shadow: none; }
overshoot.left {
- background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(64, 128, 251, 0.2)), to(rgba(64, 128, 251, 0)));
+ background-image: -gtk-gradient(radial, left center, 0.55, left center, 0.6, from(alpha(@color_shadow, 0.2)), to(transparent));
background-size: 60% 100%;
background-repeat: no-repeat;
background-position: left center;
@@ -1343,7 +1054,7 @@ overshoot.left {
border: none;
box-shadow: none; }
overshoot.right {
- background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(64, 128, 251, 0.2)), to(rgba(64, 128, 251, 0)));
+ background-image: -gtk-gradient(radial, right center, 0.55, right center, 0.6, from(alpha(@color_shadow, 0.2)), to(transparent));
background-size: 60% 100%;
background-repeat: no-repeat;
background-position: right center;
@@ -1353,7 +1064,7 @@ overshoot.right {
undershoot.top {
background-color: transparent;
- background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
+ background-image: linear-gradient(to left, alpha(@light_shadow, 0.2) 50%, alpha(@dark_shadow, 0.2) 50%);
padding-top: 1px;
background-size: 10px 1px;
background-repeat: repeat-x;
@@ -1361,7 +1072,7 @@ undershoot.top {
background-position: center top; }
undershoot.bottom {
background-color: transparent;
- background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
+ background-image: linear-gradient(to left, alpha(@light_shadow, 0.2) 50%, alpha(@dark_shadow, 0.2) 50%);
padding-bottom: 1px;
background-size: 10px 1px;
background-repeat: repeat-x;
@@ -1369,7 +1080,7 @@ undershoot.bottom {
background-position: center bottom; }
undershoot.left {
background-color: transparent;
- background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
+ background-image: linear-gradient(to top, alpha(@light_shadow, 0.2) 50%, alpha(@dark_shadow, 0.2) 50%);
padding-left: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
@@ -1377,7 +1088,7 @@ undershoot.left {
background-position: left center; }
undershoot.right {
background-color: transparent;
- background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
+ background-image: linear-gradient(to top, alpha(@light_shadow, 0.2) 50%, alpha(@dark_shadow, 0.2) 50%);
padding-right: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
@@ -1385,552 +1096,349 @@ undershoot.right {
background-position: right center; }
.overlay-bar {
- background-color: rgba(0, 0, 0, 0.8);
- border-radius: 4px;
+ background-color: alpha(@dark_shadow, 0.8);
+ border-radius: 0;
padding: 3px 6px;
margin: 3px; }
.overlay-bar label {
color: @tooltip_fg_color; }
-/***************
- * progressbar *
- ***************/
progressbar {
- padding: 0px;
- border-width: 0px;
- border-radius: 0px;
- min-width: 2px;
- min-height: 2px;
-}
-
-progressbar trough,
-progressbar progress {
- min-height: 2px;
-}
-
-progressbar.vertical trough,
-progressbar.vertical progress {
- min-width: 2px;
- min-height: 0;
-}
-
-progressbar progress {
- border-radius: 0px;
- border-width: 0px;
- border-style: solid;
- border-color: @theme_selected_bg_color;
- background-color: @theme_selected_bg_color;
- background-image: image(@theme_selected_bg_color);
-}
-
-progressbar trough {
- border-width: 0px;
- border-style: solid;
- border-radius: 0px;
- border-color: shade(@theme_bg_color, 0.85);
- background-color: alpha(@theme_fg_color, 0.1);
- background-image: none;
-}
+ padding: 0;
+ border: none;
+ color: mix(@theme_fg_color, @theme_selected_fg_color, 0.5);
+ background-color: transparent; }
+ progressbar progress {
+ border: none;
+ border-radius: 10px;
+ background-color: @theme_selected_bg_color; }
+ progressbar progress:backdrop {
+ background-color: @theme_unfocused_selected_bg_color; }
+ progressbar trough {
+ border-radius: 10px;
+ background-color: alpha(@dark_shadow, 0.1); }
+ progressbar trough:backdrop {
+ background-color: shade(@theme_unfocused_bg_color, 0.95); }
+ progressbar.horizontal trough, progressbar.horizontal progress {
+ min-height: 2px; }
+ progressbar.vertical trough, progressbar.vertical progress {
+ min-width: 2px; }
+
+treeview.view.progressbar, treeview.view.progressbar:disabled {
+ color: @theme_selected_fg_color;
+ border-radius: 0;
+ background-color: @theme_selected_bg_color; }
+treeview.view.progressbar:focus, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, treeview.view.progressbar:disabled:selected {
+ border-radius: 0;
+ color: @theme_selected_bg_color;
+ background-color: @theme_selected_fg_color; }
+treeview.view.trough {
+ color: @theme_fg_color;
+ background-color: alpha(@dark_shadow, 0.1);
+ border-radius: 0;
+ border: none; }
+ treeview.view.trough:selected, treeview.view.trough:selected:focus {
+ color: @theme_selected_fg_color;
+ background-color: alpha(@dark_shadow, 0.1);
+ border-radius: 0;
+ border: none; }
+infobar treeview.view trough, row:selected treeview.view trough {
+ background-color: alpha(@dark_shadow, 0.1); }
-/* level bars as used for password quality or remaining power */
levelbar trough {
- padding: 1px;
- border-radius: 4px;
-}
-
+ padding: 1px;
+ border-radius: 0; }
+levelbar.horizontal.discrete block {
+ margin: 0 1px; }
+levelbar.vertical.discrete block {
+ margin: 1px 0; }
levelbar block {
- border-width: 1px;
- border-style: solid;
- border-color: shade(@theme_selected_bg_color, 0.9);
- background-color: @theme_selected_bg_color;
-}
-
-levelbar.indicator-continuous block {
- padding: 1px;
- border-radius: 4px;
-}
-
-levelbar.indicator-discrete block.horizontal {
- margin: 0 1px;
-}
-
-levelbar.indicator-discrete block.vertical {
- margin: 1px 0px;
-}
-
-/* discrete indicator border rounding,
- uncomment when :nth-child will be working
- on the widget
-
-levelbar.indicator-discrete block.horizontal:first-child {
- border-radius: 2px 0 0 2px;
-}
-
-levelbar.indicator-discrete block.horizontal:last-child {
- border-radius: 0 2px 2px 0px;
-}
-
-levelbar.indicator-discrete block.vertical:first-child {
- border-radius: 2px 2px 0 0px;
-}
-
-levelbar.indicator-discrete block.vertical:last-child {
- border-radius: 0 0 2px 2px;
-}
-*/
-
-levelbar block.high {
- border-color: shade(@success_color, 0.85);
- background-image: linear-gradient(to bottom,
- shade(@success_color, 1.2),
- @success_color 75%,
- shade(@success_color, 0.95)
- );
-}
-
-levelbar block.low {
- border-color: shade(@warning_color, 0.80);
- background-image: linear-gradient(to bottom,
- shade(@warning_color, 1.3),
- @warning_color 75%,
- shade(@warning_color, 0.9)
- );
-}
-
-levelbar block.empty {
- border-color: alpha(@theme_fg_color, 0.1);
- background-color: transparent;
- background-image: none;
-}
+ border: none;
+ padding: 2px;
+ border-radius: 10px;
+ background-color: @theme_selected_bg_color; }
+ levelbar block.high {
+ background-color: shade(@success_color, 0.9); }
+ levelbar block.low {
+ background-color: shade(@warning_color, 0.9); }
+ levelbar block.empty {
+ background-color: alpha(@dark_shadow, 0.1); }
-/*********
- * Scale *
- *********/
scale {
- padding: 11px 5px;
- min-height: 10px;
- min-width: 10px;
- background-color: transparent;
-}
-
-scale.vertical {
- padding: 5px 11px;
-}
-
-scale slider {
- border-radius: 8px;
+ min-height: 10px;
+ min-width: 10px;
+ padding: 12px; }
+ scale fill, scale trough {
border: none;
- background-color: shade(@theme_bg_color, 1.08);
- background-image: none;
- box-shadow: 0 2px 2px 1px rgba(0,0,0,0.09);
-
- /* widget sizing */
- min-height: 17px;
- min-width: 17px;
- margin: -8px;
-}
-
-scale slider:disabled {
- background-color: shade(@theme_bg_color, 0.95);
- background-image: none;
-}
-
-scale.fine-tune slider:active,
-scale.fine-tune slider:active:hover,
-scale.fine-tune slider.horizontal:active,
-scale.fine-tune slider.horizontal:active:hover {
- background-repeat: no-repeat;
- background-position: center;
-}
-
-scale marks {
- color: alpha(currentColor,0.55);
-}
-
-scale marks.top,
-scale.fine-tune marks.top {
- margin-bottom: 6px;
- margin-top: -12px;
-}
-
-scale marks.bottom,
-scale.fine-tune marks.bottom {
- margin-top: 6px;
- margin-bottom: -12px;
-}
-
-scale marks.top,
-scale.fine-tune marks.top {
- margin-right: 6px;
- margin-left: -12px;
-}
-
-scale marks.bottom,
-scale.fine-tune marks.bottom {
- margin-left: 6px;
- margin-right: -12px;
-}
-
-scale.horizontal indicator {
+ border-radius: 4px;
+ background-color: alpha(@dark_shadow, 0.2);
+ outline-offset: 2px;
+ -gtk-outline-radius: 0; }
+ scale fill:disabled, scale trough:disabled {
+ background-color: alpha(@dark_shadow, 0.15); }
+ scale fill:disabled:backdrop, scale trough:disabled:backdrop {
+ background-color: alpha(@dark_shadow, 0.08); }
+ scale fill:backdrop, scale trough:backdrop {
+ background-color: alpha(@dark_shadow, 0.1); }
+ scale highlight {
+ border: none;
+ border-radius: 4px;
+ background-color: @theme_selected_bg_color; }
+ scale highlight:disabled {
+ background-color: @theme_disabled_bg_color; }
+ scale highlight:disabled:backdrop {
+ background-color: @theme_unfocused_disabled_bg_color; }
+ scale highlight:backdrop {
+ background-color: @theme_unfocused_selected_bg_color; }
+ scale.horizontal indicator {
min-height: 6px;
- min-width: 1px;
-}
-
-scale.vertical indicator {
+ min-width: 1px; }
+ scale.horizontal.fine-tune indicator {
+ min-height: 3px; }
+ scale.vertical indicator {
min-height: 1px;
- min-width: 6px;
-}
-
-scale trough {
- border-color: shade(@theme_bg_color, 0.85);
- border-radius: 4px;
- background-color: shade(@theme_bg_color, 1.08);
- background-image: none;
-}
-
-/* scale trough margin */
-scale trough {
- margin: 11px 9px;
-}
-
-scale trough.vertical {
- margin: 9px 11px;
-}
-
-scale highlight {
+ min-width: 6px; }
+ scale.vertical.fine-tune indicator {
+ min-width: 3px; }
+ scale.fine-tune.horizontal {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ min-height: 14px; }
+ scale.fine-tune.vertical {
+ padding-left: 10px;
+ padding-right: 10px;
+ min-width: 14px; }
+ scale.fine-tune slider {
+ margin: -6px; }
+ scale.fine-tune fill, scale.fine-tune trough, scale.fine-tune highlight {
border-radius: 4px;
- border-color: @theme_selected_bg_color;
- background-color: @theme_selected_bg_color;
- background-image: none;
-}
-
-scale trough:disabled,
-scale highlight left:disabled {
- border-color: shade(@theme_bg_color, 0.85);
- background-color: shade(@theme_bg_color, 0.9);
- background-image: none;
-}
+ -gtk-outline-radius: 0; }
+ scale.fine-tune marks.top {
+ margin-bottom: 8px;
+ margin-top: -13px; }
+ scale.fine-tune marks.bottom {
+ margin-top: 8px;
+ margin-bottom: -13px; }
+ scale.fine-tune marks.top {
+ margin-right: 8px;
+ margin-left: -13px; }
+ scale.fine-tune marks.bottom {
+ margin-left: 8px;
+ margin-right: -13px; }
+ scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+ border: none;
+ border-radius: 100%;
+ box-shadow: 0 1px 2px 1px alpha(@dark_shadow, 0.09);
+ color: @theme_fg_color;
+ background-color: @theme_base_color; }
+ scale slider:hover {
+ color: @theme_fg_color;
+ background-color: @theme_base_color; }
+ scale slider:disabled {
+ background-color: @theme_disabled_base_color;
+ -gtk-icon-shadow: none; }
+ scale slider:disabled:backdrop {
+ background-color: @theme_unfocused_disabled_bg_color;
+ -gtk-icon-shadow: none; }
+ scale slider:backdrop {
+ color: @theme_unfocused_fg_color;
+ background-color: @theme_unfocused_base_color; }
+ scale value {
+ color: alpha(currentColor, 0.55); }
+ scale marks {
+ color: alpha(currentColor, 0.55); }
+ scale marks.top {
+ margin-bottom: 6px;
+ margin-top: -12px; }
+ scale marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -12px; }
+ scale marks.top {
+ margin-right: 6px;
+ margin-left: -12px; }
+ scale marks.bottom {
+ margin-left: 6px;
+ margin-right: -12px; }
-/*************
- * scrollbar *
- *************/
scrollbar {
- background-color: transparent;
- transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
-scrollbar trough {
- background-color: transparent;
- border-radius: 0px; }
+ border: none;
+ background-color: @theme_base_color; }
+ scrollbar trough {
+ border: none;
+ border-radius: 0; }
scrollbar:backdrop {
- background-color: transparent;
- border-color: shade(@borders, 0.95);
- transition: 200ms ease-out; }
+ background-color: @theme_unfocused_base_color; }
scrollbar slider {
- min-width: 1px;
- min-height: 1px;
- margin: 0px;
- border: 2px solid transparent;
- border-radius: 2px;
+ min-width: 8px;
+ min-height: 8px;
+ margin: 2px;
+ border: none;
+ border-radius: 6px;
background-clip: padding-box;
background-color: shade(@theme_bg_color, 0.6); }
scrollbar slider:hover {
background-color: shade(@theme_bg_color, 0.6); }
- scrollbar slider:hover:active {
- background-color: shade(@theme_bg_color, 0.55); }
+ scrollbar slider:hover:active {
+ background-color: shade(@theme_bg_color, 0.55); }
scrollbar slider:backdrop {
background-color: shade(@theme_bg_color, 0.55); }
scrollbar slider:disabled {
background-color: transparent; }
scrollbar.fine-tune slider {
- min-width: 1px;
- min-height: 1px; }
+ min-width: 6px;
+ min-height: 6px;
+ border-radius: 6px; }
scrollbar.fine-tune.horizontal slider {
- border-width: 2px; }
+ margin-top: 1px;
+ margin-bottom: 1px; }
scrollbar.fine-tune.vertical slider {
- border-width: 2px; }
+ margin-left: 1px;
+ margin-right: 1px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
- border-color: transparent;
- opacity: 1;
- margin: 0px;
+ border: none;
+ opacity: 0.7;
+ margin: 0;
background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
- margin: 0px;
+ margin: 0;
min-width: 1px;
min-height: 1px;
background-color: shade(@theme_bg_color, 0.6);
- border: 2px solid transparent; }
- scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
- min-width: 12px;
- min-height: 12px;
- background-color: transparent;
- background-clip: padding-box;
- border-radius: 0px;
- border: none /*1px solid shade(@theme_bg_color, 0.8)*/;
- -gtk-icon-source: none; }
+ border: none; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
- margin: 0 2px;
+ margin: 0;
min-width: 40px; }
- scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
- margin: 1px 2px;
- min-width: 5px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
- margin: 2px 0px;
+ margin: 0;
min-height: 40px; }
- scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
- margin: 2px 1px;
- min-height: 5px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
opacity: 1; }
- scrollbar.horizontal slider {
- min-width: 40px; }
- scrollbar.vertical slider {
- min-height: 40px; }
- scrollbar button {
- padding: 0px;
- min-width: 12px;
- min-height: 12px;
- border-style: none;
- border-radius: 0px;
- transition-property: min-height, min-width, color;
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: #787c7d; }
- scrollbar button:hover {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: #535859; }
- scrollbar button:active, scrollbar button:checked {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: @borders; }
- scrollbar button:disabled {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: rgba(120, 124, 125, 0.2); }
- scrollbar button:backdrop {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: #c3c4c4; }
- scrollbar button:backdrop:disabled {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: rgba(195, 196, 196, 0.2); }
- scrollbar.vertical button.down {
- -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
- scrollbar.vertical button.up {
- -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
- scrollbar.horizontal button.down {
- -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
- scrollbar.horizontal button.up {
- -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
-
-treeview ~ scrollbar.vertical {
- border-top: 1px solid @borders;
- margin-top: -1px; }
-
-/*************
- * separator *
- *************/
-.sidebar view separator,
-view separator,
-.separator,
-separator {
- min-width: 1px;
- min-height: 1px;
- -gtk-icon-source: none;
- border-style: none;
- background-color: transparent;
- background-image: image(shade(@borders, 0.95));
- background-size: 1px 1px;
-}
-
-button > separator,
-button separator {
- min-width: 1px;
- min-height: 1px;
- -gtk-icon-source: none;
- border-style: none;
- background-color: transparent;
- background-image: none;
- background-size: 1px 1px;
-}
+ scrollbar.horizontal {
+ border-top: 1px solid @borders; }
+ scrollbar.horizontal slider {
+ min-width: 40px; }
+ scrollbar.horizontal button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
+ scrollbar.horizontal button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
+ scrollbar.vertical {
+ border-left: 1px solid @borders; }
+ scrollbar.vertical slider {
+ min-height: 40px; }
+ scrollbar.vertical button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+ scrollbar.vertical button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+ treeview ~ scrollbar.vertical {
+ border-top: 1px solid @borders;
+ margin-top: -1px; }
-button > separator:disabled,
-button separator:disabled {
- min-width: 1px;
- min-height: 1px;
- -gtk-icon-source: none;
- border-style: none;
- background-color: transparent;
- background-image: none;
- background-size: 1px 1px;
-}
-
-.primary-toolbar GtkSeparatorToolItem,
-.primary-toolbar separator,
-.primary-toolbar separator:disabled,
-toolbar GtkSeparatorToolItem,
-toolbar separator,
-toolbar separator:disabled {
- min-width: 1px;
- min-height: 1px;
- -gtk-icon-source: none;
- border-style: none;
- background-color: transparent;
- background-image: image(shade(@borders, 0.95));
- background-size: 1px 1px;
-}
-
-headerbar GtkSeparatorToolItem,
-headerbar separator,
-headerbar separator:disabled,
-.titlebar GtkSeparatorToolItem,
-.titlebar separator,
-.titlebar separator:disabled {
+separator {
+ -gtk-icon-source: none;
+ min-width: 1px;
+ min-height: 1px;
+ background-color: @borders; }
+ separator:backdrop {
+ background-color: @unfocused_borders; }
+ button separator {
+ margin: 4px 1px; }
+ .sidebar view separator, view separator, separator .separator, separator {
+ border: none;
+ background-color: @borders; }
+ .sidebar view separator:backdrop, view separator:backdrop, separator .separator:backdrop, separator:backdrop {
+ border: none;
+ background-color: @unfocused_borders; }
+ .primary-toolbar separator, toolbar separator {
+ background-color: mix(@borders, @toolbar_bg_color, 0.5); }
+ .primary-toolbar separator:backdrop, toolbar separator:backdrop {
+ background-color: @unfocused_borders; }
+ headerbar separator {
-GtkWidget-window-dragging: true;
-
+ margin-top: 4px;
+ margin-bottom: 4px;
+ background-color: mix(@borders, @headerbar_bg_color, 0.5); }
+ headerbar separator:backdrop {
+ background-color: @unfocused_borders; }
+ .titlebar separator, .titlebar:not(headerbar) > separator, .titlebar separator.titlebutton, .titlebar:not(headerbar) > separator.titlebutton {
+ -GtkWidget-window-dragging: true;
+ background-color: mix(@borders, @titlebar_bg_color, 0.5); }
+ .titlebar separator:backdrop, .titlebar:not(headerbar) > separator:backdrop, .titlebar separator.titlebutton:backdrop, .titlebar:not(headerbar) > separator.titlebutton:backdrop {
+ background-color: @unfocused_borders; }
+ headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
min-width: 1px;
min-height: 1px;
- margin-bottom: 4px;
- margin-top: 4px;
- -gtk-icon-source: none;
- border-style: none;
- background-color: transparent;
- background-image: linear-gradient(to bottom, shade(@borders, 0.8), shade(@borders, 0.7));
- background-size: 1px 1px;
-}
-
-.primary-toolbar button separator,
-.primary-toolbar > button separator,
-toolbar button separator,
-toolbar button > separator {
- border-color: shade(@toolbar_bg_color, 0.95);
-}
-
-headerbar button separator,
-headerbar button > separator,
-.titlebar button separator,
-.titlebar button > separator {
- border-color: shade(@titlebar_bg_color, 0.95);
-}
-
-.primary-toolbar button separator:disabled,
-.primary-toolbar > button separator:disabled,
-toolbar button separator:disabled,
-toolbar button > separator:disabled {
- border-color: shade(@toolbar_bg_color, 0.85);
-}
-
-headerbar button separator:disabled,
-headerbar button > separator:disabled,
-.titlebar button separator:disabled,
-.titlebar button > separator:disabled {
- border-color: shade(@titlebar_bg_color, 0.85);
-}
-
-menuitem separator {
+ background-color: mix(@borders, @titlebar_bg_color, 0.5); }
+ headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop {
+ background-color: @unfocused_borders; }
+ .primary-toolbar button separator, toolbar button separator, .primary-toolbar:not(.libreoffice-toolbar) separator {
+ border-color: @borders; }
+ .primary-toolbar button separator:backdrop, toolbar button separator:backdrop, .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop {
+ border-color: @unfocused_borders; }
+ headerbar button separator {
+ border-color: mix(@borders, @headerbar_bg_color, 0.5); }
+ headerbar button separator:backdrop {
+ border-color: @unfocused_borders; }
+ .titlebutton button separator, .titlebutton separator.titlebutton {
+ border-color: mix(@borders, @headerbar_bg_color, 0.5); }
+ .titlebutton button separator:backdrop, .titlebutton separator.titlebutton:backdrop {
+ border-color: @unfocused_borders; }
+ menuitem separator {
border-width: 1px;
border-style: none;
- color: shade(@menu_bg_color, 0.98);
-}
-
-combobox separator {
- border-style: none;
-}
-
-/***********
- * sidebar *
- ***********/
-.sidebar,
-.sidebar view,
-.sidebar > view,
-.sidebar scrolledwindow {
- background-color: @theme_bg_color;
- color: mix(@theme_fg_color, @theme_bg_color, 0.1);
-}
-
-.sidebar row:selected,
-.sidebar row:selected:hover,
-.sidebar row:selected:focus,
-.sidebar view row:selected,
-.sidebar view row:selected:hover,
-.sidebar view row:selected:focus {
- border-color: shade(@theme_bg_color, 0.85);
- background-color: shade(@theme_bg_color, 0.85);
- background-image: none;
- color: @theme_fg_color;
-}
-
-.sidebar row:hover,
-.sidebar view row:hover {
- border-color: shade(@theme_bg_color, 0.95);
- background-color: shade(@theme_bg_color, 0.95);
- background-image: none;
- color: @theme_fg_color;
-}
-
-.sidebar row:selected:hover,
-.sidebar view row:selected:hover {
- border-color: shade(@theme_bg_color, 0.9);
- background-color: shade(@theme_bg_color, 0.9);
- background-image: none;
- color: @theme_fg_color;
-}
-
-.sidebar frame {
- border-width: 0px;
-}
-
-/* nemo sidebar padding */
-NemoWindow .sidebar .cell {
- padding: 2px 2px;
-}
-
-/*filechooser placessidebar.sidebar,
-.nautilus-window placessidebar.sidebar {
- background-color: @theme_bg_color; }
+ color: mix(@borders, @menu_bg_color, 0.5); }
+ popover separator {
+ border: 0;
+ color: alpha(currentColor, 0.5);
+ background-color: transparent; }
+ combobox separator {
+ border: none; }
+
+filechooser.csd.background, filechooser placessidebar list {
+ background-color: @sidebar_bg_color; }
+ filechooser.csd.background:backdrop, filechooser placessidebar list:backdrop {
+ background-color: @theme_unfocused_bg_color; }
+filechooser placessidebar.sidebar row, filechooser placessidebar.sidebar view row, filechooser placessidebar.sidebar row.sidebar-row {
+ border: none;
+ color: @sidebar_fg_color; }
+ filechooser placessidebar.sidebar row:hover, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar view row:hover, filechooser placessidebar.sidebar view row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:hover, filechooser placessidebar.sidebar row.sidebar-row:selected:hover {
+ color: @sidebar_fg_color;
+ background-color: mix(@sidebar_bg_color, @sidebar_fg_color, 0.15); }
+ filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:selected:focus, filechooser placessidebar.sidebar view row:selected, filechooser placessidebar.sidebar view row:selected:hover, filechooser placessidebar.sidebar view row:selected:focus, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:selected:focus {
+ color: @sidebar_fg_color;
+ background-color: mix(@sidebar_bg_color, @dark_shadow, 0.15); }
+
+.nautilus-window.csd.background,
+.nautilus-window placessidebar list {
+ background-color: @sidebar_bg_color; }
+ .nautilus-window.csd.background:backdrop,
+ .nautilus-window placessidebar list:backdrop {
+ background-color: @theme_unfocused_bg_color; }
+
+.nautilus-window placessidebar.sidebar row.sidebar-row {
+ border: none;
+ color: @sidebar_fg_color; }
+ .nautilus-window placessidebar.sidebar row.sidebar-row:checked, .nautilus-window placessidebar.sidebar row.sidebar-row:selected {
+ color: @theme_selected_fg_color; }
-filechooser placessidebar.sidebar:backdrop,
-.nautilus-window placessidebar.sidebar:backdrop {
- background-color: @theme_fg_color; }*/
+.sidebar frame, .sidebar.frame {
+ border: none; }
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border: none; }
-.nemo-window .sidebar {
- background-color: @theme_bg_color; }
- .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row {
- background-color: transparent; }
- .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected {
- background-color: @theme_bg_color; }
- /* .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander {
- color: #787e8a; } */
- /* .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover {
- color: #BAC3CF; } */
- .nemo-window .sidebar separator {
- background-color: transparent; }
+stacksidebar row {
+ padding: 10px 4px; }
+ stacksidebar row:selected {
+ color: @theme_selected_fg_color;
+ background-color: alpha(@dark_shadow, 0.4); }
+ stacksidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px; }
+ stacksidebar row.needs-attention > label {
+ background-size: 6px 6px, 0 0; }
-/* Sidebar spacing for 3.20 */
placessidebar > viewport.frame {
border-style: none; }
placessidebar row {
@@ -1939,7 +1447,7 @@ placessidebar row {
placessidebar row > revealer {
padding: 0 14px; }
placessidebar row image.sidebar-icon {
- opacity: 0.7; }
+ opacity: 0.75; }
placessidebar row image.sidebar-icon:dir(ltr) {
padding-right: 8px; }
placessidebar row image.sidebar-icon:dir(rtl) {
@@ -1948,92 +1456,66 @@ placessidebar row {
padding-right: 2px; }
placessidebar row label.sidebar-label:dir(rtl) {
padding-left: 2px; }
- button.sidebar-button {
- min-height: 26px;
- min-width: 26px;
- margin-top: 3px;
- margin-bottom: 3px;
- padding: 0px;
- border-radius: 100%;
- -gtk-outline-radius: 100%; }
-
-stacksidebar row {
- padding: 10px 4px;
-}
-
-stacksidebar row > label {
- padding-left: 6px;
- padding-right: 6px;
-}
-
-stacksidebar row.needs-attention > label {
- background-size: 6px 6px, 0 0;
-}
-
-/**************
- * spinbutton *
- **************/
-
-spinbutton {
- color: mix(@theme_text_color, @theme_base_color, 0.4);
- padding: 2px 4px;
- border-width: 0px;
- border-radius: 0px;
- border-style: none;
- background-color: transparent;
- background-image: none;
- box-shadow: none;
-}
-
-spinbutton:disabled {
- color: mix(@theme_text_color, @theme_base_color, 0.7);
-}
-/* HORIZONTAL */
+button.sidebar-button, button.sidebar-button:backdrop {
+ min-width: 22px;
+ min-height: 22px;
+ margin-top: 2px;
+ margin-bottom: 2px;
+ padding: 0;
+ border-radius: 100%;
+ color: @sidebar_fg_color;
+ -gtk-outline-radius: 100%;
+ border-color: transparent; }
+button.sidebar-button:hover, button.sidebar-button:active {
+ color: @theme_fg_color; }
+button.sidebar-button:not(:hover):not(:active) > image {
+ opacity: 0.5; }
+
+spinbutton:not(.vertical) selection, spinbutton:not(.vertical) selection:focus {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
+spinbutton button, spinbutton entry {
+ border-color: @theme_base_color;
+ background-color: @theme_base_color; }
+ spinbutton button:disabled, spinbutton entry:disabled {
+ color: @theme_disabled_fg_color;
+ border-color: @theme_base_color;
+ background-color: @theme_base_color; }
+ spinbutton button:disabled:backdrop, spinbutton entry:disabled:backdrop {
+ color: @theme_unfocused_disabled_fg_color;
+ border-color: @theme_base_color;
+ background-color: @theme_base_color; }
+ spinbutton button:backdrop, spinbutton entry:backdrop {
+ color: @theme_unfocused_disabled_fg_color;
+ border-color: @theme_base_color;
+ background-color: @theme_base_color; }
spinbutton.horizontal entry {
- border-bottom-width: 0px;
- border-top-right-radius: 0px;
- border-bottom-right-radius: 0px;
- padding: 7px 15px;
-}
-
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ padding: 7px 15px; }
+ spinbutton.horizontal entry:focus {
+ box-shadow: none; }
spinbutton.horizontal button.down {
- border-radius: 0px;
- border-right-width: 0px;
- border-left-width: 0px;
- box-shadow: none;
- margin-right: 0px;
-}
-
+ border-right-width: 0;
+ border-left-width: 0;
+ border-radius: 0; }
spinbutton.horizontal button.up {
- border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
- margin-left: 0px;
- box-shadow: none;
-}
-
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
spinbutton.vertical entry {
- border-radius: 0px;
- box-shadow: none;
-}
-
+ border-radius: 0; }
+ spinbutton.vertical entry:focus {
+ box-shadow: none; }
spinbutton.vertical button.up {
- border-bottom-left-radius: 0px;
- border-bottom-right-radius: 0px;
- border-bottom-width: 0px;
- box-shadow: none;
-}
-
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-width: 0; }
spinbutton.vertical button.down {
- border-top-left-radius: 0px;
- border-top-right-radius: 0px;
- border-top-width: 0px;
- box-shadow: none;
-}
+ border-top-width: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
-/***********
- * spinner *
- ***********/
@keyframes spin {
to {
-gtk-icon-transform: rotate(1turn); } }
@@ -2047,1262 +1529,1158 @@ spinner {
spinner:checked:disabled {
opacity: 0.5; }
-/*************
- * statusbar *
- *************/
statusbar {
- padding: 4px;
- color: @theme_fg_color;
-}
-
-statusbar > frame {
- border-width: 0px;
-}
+ padding: 4px;
+ color: @theme_fg_color; }
+ statusbar frame > border {
+ border: none; }
-/**********
- * switch *
- **********/
switch {
- font-weight: bold;
- font-size: 0px;
+ font-size: 0;
outline-offset: -4px;
margin: 4px;
border: 1px solid @borders;
border-radius: 16px;
background-color: @borders; }
switch:checked {
- border-color: #4ed464;
- background-color: #4ed464;
- text-shadow: 0 0 rgba(24, 68, 114, 0), 0 0 0 rgba(255, 255, 255, 0); }
+ border-color: @success_color;
+ background-color: @success_color; }
+ switch:checked:backdrop {
+ border-color: mix(@theme_unfocused_selected_bg_color, @success_color, 0.8);
+ background-color: mix(@theme_unfocused_selected_bg_color, @success_color, 0.8); }
switch:disabled {
- border-color: shade(@theme_base_color, 0.85);
- background-color: shade(@theme_base_color, 0.85);
- text-shadow: none; }
+ border-color: @theme_disabled_bg_color;
+ background-color: @theme_disabled_bg_color; }
+ switch:disabled:backdrop {
+ border-color: @theme_unfocused_disabled_bg_color;
+ background-color: @theme_unfocused_disabled_bg_color; }
switch:backdrop {
- box-shadow: none;
- color: transparent;
- border-color: shade(@borders, 0.95);
- background-color: shade(@borders, 0.95);
- transition: 200ms ease-out; }
- switch:backdrop:checked {
- color: transparent;
- border-color: shade(#4ed464, 0.8);
- background-color: shade(#4ed464, 0.8); }
+ border-color: @unfocused_borders;
+ background-color: @unfocused_borders; }
switch slider {
min-width: 20px;
min-height: 20px;
+ margin: 0;
border: none;
- border-radius: 20px;
- transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ border-radius: 100%;
color: @theme_fg_color;
- outline-color: rgba(46, 52, 54, 0.3);
- background-image: image(@theme_base_color);
- box-shadow: 0 2px 2px 1px rgba(0,0,0,0.09); }
+ box-shadow: 0 2px 2px 1px alpha(@dark_shadow, 0.09);
+ background-color: @theme_base_color; }
switch:disabled slider {
- background-color: shade(@borders, 1.065);
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ background-color: @theme_disabled_base_color; }
+ switch:disabled:backdrop slider {
+ background-color: @theme_unfocused_disabled_base_color; }
switch:backdrop slider {
- transition: 200ms ease-out;
- background-color: shade(@theme_unfocused_bg_color, 1.2);
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
- row:selected switch {
- box-shadow: none;
- border-color: shade(@theme_selected_bg_color, 0.6); }
- row:selected switch:backdrop {
- border-color: shade(@theme_selected_bg_color, 0.6); }
- row:selected switch.slider:dir(rtl) {
- border-left-color: @borders; }
- row:selected switch.slider:dir(ltr) {
- border-right-color: @borders; }
- row:selected switch.slider:checked, row:selected switch.slider {
- border-color: shade(@theme_selected_bg_color, 0.6); }
-
-/************
- * textview *
- ************/
-Gtktextview {
- background-color: @theme_base_color;
- color: @theme_text_color;
-}
-
-/* Firefox adress bar */
-label.separator {
- color: @theme_fg_color; }
-label.separator:backdrop {
- color: shade(@theme_fg_color, 0.9); }
-label selection {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color; }
-label:backdrop {
- color: alpha(@theme_fg_color, 0.5); }
-
-/* Textview selection background */
-.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, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
-entry selection:focus,
-entry selection, modelbutton.flat:selected, popover.background checkbutton:selected,
-popover.background radiobutton:selected,
-.menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color; }
-
-/*****************
- * color chooser *
- *****************/
-colorswatch,
-colorswatch:selected {
- border-width: 1px;
- border-style: solid;
- border-color: alpha(black, 0.1);
- border-radius: 1px;
- background-color: transparent;
- background-clip: border-box;
-}
+ background-color: @theme_unfocused_base_color; }
-colorswatch:hover,
-colorswatch:selected:hover {
- border-color: alpha(black, 0.3);
-}
-
-colorswatch.color-dark:hover {
-}
-
-colorswatch.color-light:hover {
-}
-
-colorswatch.color-light:selected:hover,
-colorswatch.color-dark:selected:hover {
- background-image: none;
-}
+textview {
+ color: @theme_text_color;
+ background-color: @theme_base_color; }
+ textview text:selected, textview text selection, textview text:selected:focus, textview text selection:focus {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
-colorswatch left,
-colorswatch:first-child {
+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;
-}
-
-colorswatch right,
-colorswatch:last-child {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
-}
-
-colorswatch:only-child {
- border-radius: 4px;
-}
-
-colorswatch top {
+ 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: alpha(@light_shadow, 0.7); }
+ colorswatch.dark overlay:hover {
+ border-color: alpha(@dark_shadow, 0.5); }
+colorswatch.light overlay {
+ color: alpha(@light_shadow, 0.7); }
+ colorswatch.light overlay:hover {
+ border-color: alpha(@dark_shadow, 0.3); }
+colorswatch overlay {
+ border: 1px solid alpha(@dark_shadow, 0.15); }
+ colorswatch overlay:hover {
+ background-color: alpha(@light_shadow, 0.2); }
+colorswatch:disabled {
+ opacity: 0.5; }
+ colorswatch:disabled overlay {
+ border-color: alpha(@dark_shadow, 0.6);
+ box-shadow: none; }
-colorswatch bottom {
- border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px;
-}
+button.color {
+ padding: 0; }
+ button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay {
+ margin: 4px;
+ border-radius: 0; }
+colorchooser .popover.osd {
+ border-radius: 0; }
colorchooser #add-color-button {
- background-clip: padding-box;
- border-color: alpha(black, 0.1);
- background-color: shade(@theme_bg_color, 0.95);
- color: @theme_fg_color;
-}
-
-colorchooser #add-color-button:hover {
- border-color: alpha(black, 0.3);
- background-color: shade(@theme_bg_color, 0.90);
- color: @theme_fg_color;
-}
-/*
-.color-active-badge,
-.color-active-badge:selected {
- border-width: 1px;
- border-style: solid;
- border-width: 2px;
- background-color: transparent;
-}
-
-.color-active-badge.color-light,
-.color-active-badge.color-light:hover {
- border-color: alpha(black, 0.3);
- color: alpha(black, 0.3);
-}
-
-.color-active-badge.color-dark,
-.color-active-badge.color-dark:hover {
- border-color: alpha(white, 0.3);
- color: alpha(white, 0.3);
-}
-
-GtkColorEditor colorswatch {
- border-radius: 4px;
-}
-
-GtkColorEditor colorswatch.color-dark:hover,
-GtkColorEditor colorswatch.color-light:hover {
- background-image: none;
- border-color: alpha(black, 0.3);
-}
-*/
-
-button.color {
- padding: 2px;
-}
+ background-clip: padding-box;
+ border-color: alpha(@dark_shadow, 0.1);
+ background-color: shade(@theme_bg_color, 0.95);
+ color: @theme_fg_color; }
+ colorchooser #add-color-button:hover {
+ border-color: alpha(@dark_shadow, 0.3);
+ background-color: shade(@theme_bg_color, 0.9);
+ color: @theme_fg_color; }
-/************
- * Pathbars *
- ************/
-.path-bar button.text-button, .path-bar button.image-button, .path-bar button {
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button button {
padding-left: 4px;
padding-right: 4px; }
-.path-bar button.text-button.image-button label {
- padding-left: 0px;
- padding-right: 0px; }
-.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
- padding-right: 8px; }
-.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
- padding-left: 8px; }
+.path-bar button.text-button.image-button label, .path-bar button label {
+ padding-left: 0;
+ padding-right: 0; }
+ .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
+ padding-right: 8px; }
+ .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
+ padding-left: 8px; }
.path-bar button image {
padding-left: 4px;
padding-right: 4px; }
.path-bar button.slider-button {
- padding-left: 0px;
- padding-right: 0px; }
-.path-bar button.slider-button:dir(ltr) {
- border-right-width: 0px; }
-
-/**************
- * headerbar *
- **************/
-headerbar {
+ padding-left: 0;
+ padding-right: 0; }
+
+headerbar, headerbar:not(.titlebar) {
+ padding: 4px 8px;
+ border-width: 0;
+ border-style: solid;
+ border-color: mix(@borders, @headerbar_bg_color, 0.5);
+ border-bottom-width: 1px;
+ box-shadow: 0 1px @borders;
+ color: @headerbar_fg_color;
+ background-color: @headerbar_bg_color; }
+ headerbar:backdrop, headerbar:not(.titlebar):backdrop {
+ border-color: @unfocused_borders;
+ color: @theme_unfocused_fg_color;
+ background-color: @theme_unfocused_bg_color; }
+ .titlebar headerbar, .titlebar headerbar:backdrop, .titlebar headerbar:not(.titlebar), .titlebar headerbar:not(.titlebar):backdrop {
+ background-color: transparent; }
+ .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled headerbar:not(.titlebar), .tiled headerbar:not(.titlebar):backdrop, .maximized headerbar:not(.titlebar), .maximized headerbar:not(.titlebar):backdrop {
+ border-radius: 0; }
+ headerbar .title, headerbar:not(.titlebar) .title {
+ padding-left: 12px;
+ padding-right: 12px;
+ font-weight: bold; }
+ headerbar .subtitle, headerbar:not(.titlebar) .subtitle {
+ font-size: smaller;
+ padding-left: 12px;
+ padding-right: 12px;
+ color: alpha(currentColor, 0.7); }
+ headerbar button, headerbar:not(.titlebar) button {
padding: 4px 8px;
- border-width: 0px;
border-style: solid;
- border-color: shade(@titlebar_bg_color, 0.8);
- background-color: transparent;
- background-image: none;
- color: @titlebar_fg_color;
-}
-
-headerbar:backdrop {
+ border-width: 1px;
+ border-radius: 4px;
+ color: @theme_selected_bg_color;
+ border-color: @theme_selected_bg_color;
background-color: transparent;
- background-image: none;
- color: @theme_unfocused_fg_color;
-}
-
-headerbar button.image-button {
- padding: 6px;
-}
-
-/* pantheon photos label fix */
-headerbar .title {
- font-weight: bold;
- padding: 0 12px;
-}
-
-headerbar .subtitle {
- font-size: smaller;
- padding: 0 12px;
-}
-
-headerbar combobox,
-headerbar button {
- padding: 4px 20px;
-}
+ -gtk-outline-radius: 4px; }
+ headerbar button:hover, headerbar:not(.titlebar) button:hover {
+ color: @theme_selected_bg_color;
+ background-color: shade(@theme_base_color, 1.1); }
+ headerbar button:active, headerbar button:checked, headerbar:not(.titlebar) button:active, headerbar:not(.titlebar) button:checked {
+ color: @theme_selected_fg_color;
+ border-color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color; }
+ headerbar button:active:backdrop, headerbar button:checked:backdrop, headerbar:not(.titlebar) button:active:backdrop, headerbar:not(.titlebar) button:checked:backdrop {
+ color: @theme_unfocused_selected_fg_color;
+ border-color: @theme_unfocused_selected_bg_color;
+ background-color: @theme_unfocused_selected_bg_color; }
+ headerbar button:active:disabled, headerbar button:checked:disabled, headerbar:not(.titlebar) button:active:disabled, headerbar:not(.titlebar) button:checked:disabled {
+ color: @theme_disabled_fg_color;
+ border-color: mix(@theme_selected_bg_color, @theme_disabled_bg_color, 0.85);
+ background-color: shade(@theme_disabled_bg_color, 0.9); }
+ headerbar button:active:disabled:backdrop, headerbar button:checked:disabled:backdrop, headerbar:not(.titlebar) button:active:disabled:backdrop, headerbar:not(.titlebar) button:checked:disabled:backdrop {
+ color: @theme_unfocused_disabled_fg_color;
+ border-color: @unfocused_borders;
+ background-color: shade(@theme_unfocused_disabled_bg_color, 0.9); }
+ headerbar button:disabled, headerbar:not(.titlebar) button:disabled {
+ color: mix(@theme_selected_bg_color, @theme_unfocused_disabled_fg_color, 0.5);
+ border-color: mix(@theme_selected_bg_color, @theme_unfocused_disabled_fg_color, 0.5); }
+ headerbar button:disabled:backdrop, headerbar:not(.titlebar) button:disabled:backdrop {
+ color: @theme_unfocused_disabled_fg_color;
+ border-color: @theme_unfocused_disabled_fg_color; }
+ headerbar button:backdrop, headerbar:not(.titlebar) button:backdrop {
+ color: @theme_unfocused_fg_color;
+ border-color: @theme_unfocused_fg_color; }
+ headerbar entry, headerbar:not(.titlebar) entry {
+ padding: 4px 8px; }
-headerbar entry {
- padding: 5px 4px;
-}
-
-headerbar entry:selected {
- background-color: @theme_selected_bg_color;
-}
-
-/***********
- * toolbar *
- ***********/
toolbar {
- padding: 4px;
- border-style: none;
- background-color: @toolbar_bg_color;
- background-image: none;
- color: @toolbar_fg_color;
-}
-
-toolbar:backdrop {
- background-image: none;
+ padding: 4px;
+ border: none;
+ color: @toolbar_fg_color;
+ background-color: @toolbar_bg_color; }
+ toolbar:backdrop {
color: @theme_unfocused_fg_color;
- background-color: @theme_unfocused_bg_color;
-}
-
-toolbar button {
- padding: 2px 2px;
-}
-
-toolbar button.text-button {
- padding: 2px 4px;
-}
-
-toolbar button .image-button {
- padding: 4px 3px 3px 4px;
-}
-
-toolbar:disabled {
- background-color: shade(@toolbar_bg_color, 0.9);
- color: mix(@toolbar_fg_color, @toolbar_bg_color, 0.5);
-}
-
-/* menubar toolbars */
-toolbar menubar {
- -GtkToolbar-button-relief: normal;
-}
-
-/*******************
- * primary-toolbar *
- *******************/
-.primary-toolbar,
-.primary-toolbar toolbar,
-.primary-toolbar > toolbar {
- -GtkWidget-window-dragging: true;
-
- padding: 4px;
- border-width: 0 0 1px 0px;
- border-style: solid;
- border-color: shade(@toolbar_bg_color, 0.8);
- background-color: transparent;
- background-image: none;
- color: @toolbar_fg_color;
-}
-
-.primary-toolbar:backdrop,
-.primary-toolbar toolbar:backdrop,
-.primary-toolbar toolbar:backdrop {
+ background-color: @theme_unfocused_bg_color; }
+ toolbar:disabled {
+ color: @theme_disabled_fg_color;
+ background-color: @theme_disabled_bg_color; }
+ toolbar button.flat {
+ border-color: transparent;
+ border-radius: 4px;
+ color: @theme_selected_bg_color;
+ background-color: transparent; }
+ toolbar button.flat:hover {
+ border-color: @theme_selected_bg_color;
+ color: @theme_selected_bg_color;
+ background-color: transparent; }
+ toolbar button.flat:active, toolbar button.flat:checked {
+ color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color; }
+ toolbar button.flat:active:backdrop, toolbar button.flat:checked:backdrop {
+ color: @theme_unfocused_selected_fg_color;
+ background-color: shade(@theme_unfocused_selected_bg_color, 0.6); }
+ toolbar button.flat:disabled {
+ border-color: transparent;
+ color: alpha(@theme_selected_bg_color, 0.8);
+ background-color: transparent; }
+ toolbar button.flat:disabled:backdrop {
+ border-color: transparent;
+ color: alpha(@theme_selected_bg_color, 0.7);
+ background-color: transparent; }
+ toolbar button.flat:backdrop {
+ color: @theme_unfocused_fg_color; }
+ toolbar menubar {
+ -GtkToolbar-button-relief: normal; }
+
+.primary-toolbar {
+ -GtkWidget-window-dragging: true;
+ padding: 4px;
+ border-width: 0 0 1px 0;
+ border-style: solid;
+ border-color: mix(@borders, @toolbar_bg_color, 0.5);
+ color: @toolbar_fg_color;
+ background-color: @toolbar_bg_color; }
+ .primary-toolbar:backdrop {
+ border-color: @theme_unfocused_bg_color;
color: @theme_unfocused_fg_color;
- background-image: none;
- background-color: @theme_unfocused_bg_color;
-}
-
-/* primary toolbar button */
-.primary-toolbar combobox,
-.primary-toolbar button {
+ background-color: @theme_unfocused_bg_color; }
+ .primary-toolbar button, .primary-toolbar .raised button {
padding: 4px 8px;
- border: none;
- background-image: none;
- background-color: transparent;
- box-shadow: none;
- color: @toolbar_fg_color;
-}
-
-.primary-toolbar .raised button,
-.primary-toolbar .raised button,
-toolbar combobox,
-toolbar button {
- padding: 6px 10px;
- border: none;
- background-image: none;
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 4px;
+ color: @theme_selected_bg_color;
+ border-color: @theme_selected_bg_color;
background-color: transparent;
- color: @toolbar_fg_color;
-}
-
-.primary-toolbar button:disabled,
-toolbar button:disabled {
- color: @theme_unfocused_fg_color;
-}
-
-.primary-toolbar button:active *:disabled,
-toolbar button:active *:disabled {
-}
-
-.primary-toolbar entry,
-toolbar entry {
- border-color: shade(@toolbar_bg_color, 0.95);
-}
-
-.primary-toolbar entry:active,
-.primary-toolbar entry:focus,
-toolbar entry:active,
-toolbar entry:focus {
- border-color: transparent;
- box-shadow: inset 0 0 2px 1px shade(@theme_selected_bg_color, 1.15);
-}
-
-.primary-toolbar entry:backdrop,
-toolbar entry:backdrop {
- background-color: shade(@theme_base_color, 0.98);
- border-color: shade(@toolbar_bg_color, 0.95);
-}
+ -gtk-outline-radius: 4px; }
+ .primary-toolbar button:hover, .primary-toolbar .raised button:hover {
+ color: @theme_selected_bg_color;
+ background-color: shade(@theme_base_color, 1.1); }
+ .primary-toolbar button:active, .primary-toolbar button:checked, .primary-toolbar .raised button:active, .primary-toolbar .raised button:checked {
+ color: @theme_selected_fg_color;
+ border-color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color; }
+ .primary-toolbar button:active:backdrop, .primary-toolbar button:checked:backdrop, .primary-toolbar .raised button:active:backdrop, .primary-toolbar .raised button:checked:backdrop {
+ color: @theme_unfocused_selected_fg_color;
+ border-color: @theme_unfocused_selected_bg_color;
+ background-color: @theme_unfocused_selected_bg_color; }
+ .primary-toolbar button:active:disabled, .primary-toolbar button:checked:disabled, .primary-toolbar .raised button:active:disabled, .primary-toolbar .raised button:checked:disabled {
+ color: @theme_disabled_fg_color;
+ border-color: mix(@theme_selected_bg_color, @theme_disabled_bg_color, 0.85);
+ background-color: shade(@theme_disabled_bg_color, 0.9); }
+ .primary-toolbar button:active:disabled:backdrop, .primary-toolbar button:checked:disabled:backdrop, .primary-toolbar .raised button:active:disabled:backdrop, .primary-toolbar .raised button:checked:disabled:backdrop {
+ color: @theme_unfocused_disabled_fg_color;
+ border-color: @unfocused_borders;
+ background-color: shade(@theme_unfocused_disabled_bg_color, 0.9); }
+ .primary-toolbar button:disabled, .primary-toolbar .raised button:disabled {
+ color: mix(@theme_selected_bg_color, @theme_unfocused_disabled_fg_color, 0.5);
+ border-color: mix(@theme_selected_bg_color, @theme_unfocused_disabled_fg_color, 0.5); }
+ .primary-toolbar button:disabled:backdrop, .primary-toolbar .raised button:disabled:backdrop {
+ color: @theme_unfocused_disabled_fg_color;
+ border-color: @theme_unfocused_disabled_fg_color; }
+ .primary-toolbar button:backdrop, .primary-toolbar .raised button:backdrop {
+ color: @theme_unfocused_fg_color;
+ border-color: @theme_unfocused_fg_color; }
-/* inline-toolbar */
.inline-toolbar toolbar {
- -GtkToolbar-button-relief: normal;
-
- padding: 1px;
- border-width: 1px;
- border-style: solid;
- border-color: shade(@theme_bg_color, 0.85);
- border-radius: 0px;
- background-color: @theme_bg_color;
- background-image: none;
-}
-
-.inline-toolbar toolbar:last-child {
+ -GtkToolbar-button-relief: normal;
+ padding: 1px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: mix(@borders, @toolbar_bg_color, 0.5);
+ border-radius: 0;
+ background-color: @toolbar_bg_color; }
+ .inline-toolbar toolbar:last-child {
border-width: 0 1px 1px 1px;
- border-color: shade(@theme_bg_color, 0.85);
- border-radius: 0px;
-}
-
-.inline-toolbar toolbar button {
- padding: 1px;
- border-width: 1px 0 1px 1px;
+ border-radius: 0; }
+ .inline-toolbar toolbar button {
+ padding: 4px 8px;
border-style: solid;
- border-color: shade(@theme_bg_color, 0.85);
- border-radius: 0px;
- background-color: shade(@theme_bg_color, 1.08);
- background-image: none;
- color: @theme_fg_color;
-}
-
-.inline-toolbar toolbar button:hover {
- border-color: shade(@theme_bg_color, 0.7);
- background-color: shade(@theme_bg_color, 1.10);
- background-image: none;
-}
-
-.inline-toolbar toolbar button:active {
- border-color: shade(@theme_bg_color, 0.85);
- background-color: shade(@theme_bg_color, 0.95);
- background-image: none;
-}
-
-.inline-toolbar toolbar button:active:hover {
- border-color: shade(@theme_bg_color, 0.7);
-}
-
-.inline-toolbar toolbar button:focus,
-.inline-toolbar toolbar button:hover:focus,
-.inline-toolbar toolbar button:active:focus,
-.inline-toolbar toolbar button:active:hover:focus {
- border-color: shade(@theme_bg_color, 0.7);
-}
-
-.inline-toolbar toolbar button:disabled,
-.inline-toolbar toolbar toolbutton button:disabled {
- border-color: shade(@theme_bg_color, 0.85);
- background-color: shade(@theme_bg_color, 0.9);
- background-image: none;
-}
-
-.inline-toolbar toolbar button:active *:disabled
-.inline-toolbar toolbar toolbutton button:active *:disabled {
- border-color: shade(@theme_bg_color, 0.75);
- background-color: shade(@theme_bg_color, 0.80);
- background-image: none;
-}
-
-
-
-/***********
- * tooltip *
- ***********/
-tooltip {
+ border-width: 1px;
border-radius: 4px;
- box-shadow: none;
-}
-
-tooltip.background {
- border: 1px solid shade(@tooltip_bg_color, 0.8);
- background-color: @tooltip_bg_color;
- background-clip: padding-box;
-}
-
-tooltip.background label {
- padding: 1px;
-}
-
-tooltip * {
+ color: @theme_selected_bg_color;
+ border-color: @theme_selected_bg_color;
background-color: transparent;
- color: @tooltip_fg_color;
-}
-
-tooltip decoration {
- border-radius: 4px;
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
-}
+ -gtk-outline-radius: 4px; }
+ .inline-toolbar toolbar button:hover {
+ color: @theme_selected_bg_color;
+ background-color: shade(@theme_base_color, 1.1); }
+ .inline-toolbar toolbar button:active, .inline-toolbar toolbar button:checked {
+ color: @theme_selected_fg_color;
+ border-color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color; }
+ .inline-toolbar toolbar button:active:backdrop, .inline-toolbar toolbar button:checked:backdrop {
+ color: @theme_unfocused_selected_fg_color;
+ border-color: @theme_unfocused_selected_bg_color;
+ background-color: @theme_unfocused_selected_bg_color; }
+ .inline-toolbar toolbar button:active:disabled, .inline-toolbar toolbar button:checked:disabled {
+ color: @theme_disabled_fg_color;
+ border-color: mix(@theme_selected_bg_color, @theme_disabled_bg_color, 0.85);
+ background-color: shade(@theme_disabled_bg_color, 0.9); }
+ .inline-toolbar toolbar button:active:disabled:backdrop, .inline-toolbar toolbar button:checked:disabled:backdrop {
+ color: @theme_unfocused_disabled_fg_color;
+ border-color: @unfocused_borders;
+ background-color: shade(@theme_unfocused_disabled_bg_color, 0.9); }
+ .inline-toolbar toolbar button:disabled {
+ color: mix(@theme_selected_bg_color, @theme_unfocused_disabled_fg_color, 0.5);
+ border-color: mix(@theme_selected_bg_color, @theme_unfocused_disabled_fg_color, 0.5); }
+ .inline-toolbar toolbar button:disabled:backdrop {
+ color: @theme_unfocused_disabled_fg_color;
+ border-color: @theme_unfocused_disabled_fg_color; }
+ .inline-toolbar toolbar button:backdrop {
+ color: @theme_unfocused_fg_color;
+ border-color: @theme_unfocused_fg_color; }
+
+.linked button, .linked .raised button, .inline-toolbar button, .inline-toolbar .raised button, .primary-toolbar button, .primary-toolbar .raised button {
+ border-radius: 0;
+ border-left-width: 0;
+ border-color: @theme_base_color;
+ background-color: @theme_base_color; }
+ .linked button:disabled, .linked button:backdrop, .linked button:disabled:backdrop, .linked .raised button:disabled, .linked .raised button:backdrop, .linked .raised button:disabled:backdrop, .inline-toolbar button:disabled, .inline-toolbar button:backdrop, .inline-toolbar button:disabled:backdrop, .inline-toolbar .raised button:disabled, .inline-toolbar .raised button:backdrop, .inline-toolbar .raised button:disabled:backdrop, .primary-toolbar button:disabled, .primary-toolbar button:backdrop, .primary-toolbar button:disabled:backdrop, .primary-toolbar .raised button:disabled, .primary-toolbar .raised button:backdrop, .primary-toolbar .raised button:disabled:backdrop {
+ border-color: @theme_base_color;
+ background-color: @theme_base_color; }
+ .linked button:checked, .linked button:active, .linked .raised button:checked, .linked .raised button:active, .inline-toolbar button:checked, .inline-toolbar button:active, .inline-toolbar .raised button:checked, .inline-toolbar .raised button:active, .primary-toolbar button:checked, .primary-toolbar button:active, .primary-toolbar .raised button:checked, .primary-toolbar .raised button:active {
+ color: @theme_selected_fg_color;
+ border-color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color; }
+ .linked button:checked:backdrop, .linked button:active:backdrop, .linked .raised button:checked:backdrop, .linked .raised button:active:backdrop, .inline-toolbar button:checked:backdrop, .inline-toolbar button:active:backdrop, .inline-toolbar .raised button:checked:backdrop, .inline-toolbar .raised button:active:backdrop, .primary-toolbar button:checked:backdrop, .primary-toolbar button:active:backdrop, .primary-toolbar .raised button:checked:backdrop, .primary-toolbar .raised button:active:backdrop {
+ color: @theme_unfocused_selected_fg_color;
+ border-color: @theme_unfocused_selected_bg_color;
+ background-color: @theme_unfocused_selected_bg_color; }
+ .linked button:first-child, .linked .raised button:first-child, .inline-toolbar button:first-child, .inline-toolbar .raised button:first-child, .primary-toolbar button:first-child, .primary-toolbar .raised button:first-child {
+ border-left-width: 1px;
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px; }
+ .linked button:last-child, .linked .raised button:last-child, .inline-toolbar button:last-child, .inline-toolbar .raised button:last-child, .primary-toolbar button:last-child, .primary-toolbar .raised button:last-child {
+ border-left-width: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px; }
+ .linked button:only-child, .linked .raised button:only-child, .inline-toolbar button:only-child, .inline-toolbar .raised button:only-child, .primary-toolbar button:only-child, .primary-toolbar .raised button:only-child {
+ border-width: 1px;
+ border-radius: 4px; }
+.linked entry, .inline-toolbar entry, .primary-toolbar entry {
+ border-radius: 0;
+ border-left-width: 0;
+ border-color: @theme_base_color; }
+ .linked entry:disabled, .linked entry:backdrop, .inline-toolbar entry:disabled, .inline-toolbar entry:backdrop, .primary-toolbar entry:disabled, .primary-toolbar entry:backdrop {
+ border-color: @theme_base_color; }
+ .linked entry:checked, .linked entry:active, .inline-toolbar entry:checked, .inline-toolbar entry:active, .primary-toolbar entry:checked, .primary-toolbar entry:active {
+ border-color: @theme_selected_bg_color; }
+ .linked entry:first-child, .inline-toolbar entry:first-child, .primary-toolbar entry:first-child {
+ border-left-width: 1px;
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px; }
+ .linked entry:last-child, .inline-toolbar entry:last-child, .primary-toolbar entry:last-child {
+ border-left-width: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px; }
+ .linked entry:only-child, .inline-toolbar entry:only-child, .primary-toolbar entry:only-child {
+ border-width: 1px;
+ border-radius: 4px; }
+ .linked entry:focus, .linked entry:last-child:focus, .inline-toolbar entry:focus, .inline-toolbar entry:last-child:focus, .primary-toolbar entry:focus, .primary-toolbar entry:last-child:focus {
+ border-color: @theme_selected_bg_color;
+ box-shadow: -1px 0 @theme_selected_bg_color; }
+ .linked entry:first-child:focus, .inline-toolbar entry:first-child:focus, .primary-toolbar entry:first-child:focus {
+ box-shadow: none;
+ border-color: @theme_selected_bg_color; }
+.linked combobox box.linked button, .inline-toolbar combobox box.linked button, .primary-toolbar combobox box.linked button {
+ border-radius: 0;
+ border-left-width: 0; }
+.linked combobox:first-child box.linked button, .inline-toolbar combobox:first-child box.linked button, .primary-toolbar combobox:first-child box.linked button {
+ border-left-width: 1px;
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px; }
+.linked combobox:last-child box.linked button, .inline-toolbar combobox:last-child box.linked button, .primary-toolbar combobox:last-child box.linked button {
+ border-left-width: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px; }
+.linked combobox:only-child box.linked button, .inline-toolbar combobox:only-child box.linked button, .primary-toolbar combobox:only-child box.linked button {
+ border-width: 1px;
+ border-radius: 4px; }
+
+.vertical.linked button {
+ border-left-width: 1px;
+ border-top-width: 0;
+ border-radius: 0;
+ border-color: @theme_base_color;
+ background-color: @theme_base_color; }
+ .vertical.linked button:disabled, .vertical.linked button:backdrop {
+ border-color: @theme_base_color;
+ background-color: @theme_base_color; }
+ .vertical.linked button:checked, .vertical.linked button:active {
+ color: @theme_selected_fg_color;
+ border-color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color; }
+ .vertical.linked button:checked:backdrop, .vertical.linked button:active:backdrop {
+ color: @theme_unfocused_selected_fg_color;
+ border-color: @theme_unfocused_selected_bg_color;
+ background-color: @theme_unfocused_selected_bg_color; }
+ .vertical.linked button:first-child {
+ border-top-width: 1px;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; }
+ .vertical.linked button:last-child {
+ border-top-width: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px; }
+ .vertical.linked button:only-child {
+ border-top-width: 1px; }
+.vertical.linked entry {
+ border-left-width: 1px;
+ border-top-width: 0;
+ border-radius: 0;
+ border-color: @theme_base_color; }
+ .vertical.linked entry:disabled, .vertical.linked entry:backdrop {
+ border-color: @theme_base_color; }
+ .vertical.linked entry:checked, .vertical.linked entry:active {
+ border-color: @theme_selected_bg_color; }
+ .vertical.linked entry:first-child {
+ border-top-width: 1px;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; }
+ .vertical.linked entry:last-child {
+ border-top-width: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px; }
+ .vertical.linked entry:only-child {
+ border-top-width: 1px; }
+ .vertical.linked entry:focus, .vertical.linked entry:last-child:focus {
+ border-color: @theme_selected_bg_color;
+ box-shadow: 0 -1px @theme_selected_bg_color; }
+ .vertical.linked entry:first-child:focus {
+ box-shadow: none;
+ border-color: @theme_selected_bg_color; }
+.vertical.linked combobox box.linked button {
+ border-left-width: 1px;
+ border-top-width: 0;
+ border-radius: 0; }
+.vertical.linked combobox:first-child box.linked button {
+ border-top-width: 1px;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; }
+.vertical.linked combobox:last-child box.linked button {
+ border-top-width: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px; }
+.vertical.linked combobox:only-child box.linked button {
+ border-top-width: 1px; }
+
+.stack-switcher button {
+ min-height: 20px;
+ min-width: 80px;
+ box-shadow: none;
+ border-color: @theme_selected_bg_color; }
+ .stack-switcher button:backdrop {
+ border-color: @theme_unfocused_selected_bg_color; }
+ .stack-switcher button:checked, .stack-switcher button:active {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color; }
+ .stack-switcher button:checked:backdrop, .stack-switcher button:active:backdrop {
+ color: @theme_unfocused_selected_fg_color;
+ background-color: @theme_unfocused_selected_bg_color; }
-/************
- * treeview *
- ************/
-treeview {
- -treeview-vertical-separator: 0px;
-}
+stackswitcher button.text-button {
+ min-width: 80px; }
-treeview.dnd {
+tooltip {
+ border-radius: 4px;
+ box-shadow: none; }
+ tooltip.background {
border-width: 1px;
border-style: solid;
- border-color: @theme_selected_bg_color;
- border-radius: 0px;
-}
-
-treeview entry {
- padding: 0 6px;
- border-radius: 0px;
- background-color: @theme_base_color;
- background-image: none;
-}
+ border-color: @borders;
+ background-color: @tooltip_bg_color; }
+ tooltip.background label {
+ padding: 1px; }
+ tooltip * {
+ background-color: transparent;
+ color: @tooltip_fg_color; }
-/************
- * viewport *
- ************/
-GtkViewport frame {
- border-width: 0px;
-}
+treeview {
+ -treeview-vertical-separator: 0; }
+ treeview.view:selected, treeview.view:selected:focus {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
+ treeview header button {
+ border-width: 0 1px 1px 0;
+ border-radius: 0; }
+ treeview header button, treeview header button:active, treeview header button:focus, treeview header button:active:focus {
+ background-image: none;
+ background-color: @theme_bg_color; }
+ treeview header button:hover, treeview header button:active:hover, treeview header button:hover:focus, treeview header button:active:hover:focus {
+ color: @theme_selected_fg_color;
+ background-color: @theme_bg_color; }
+ treeview header:last-child button {
+ border-width: 0 0 1px 0; }
.view {
- background-color: @theme_base_color;
- color: @theme_text_color;
-}
-
-.view:disabled,
-.view:disabled:disabled {
- background-color: shade(@theme_base_color, 0.9);
- color: mix(@theme_fg_color, @theme_bg_color, 0.5);
-}
-
-.view:selected,
-.view:selected:focus {
- background-color: @theme_selected_bg_color;
+ color: @theme_text_color;
+ background-color: @theme_base_color; }
+ .view:not(treeview) {
+ border-radius: 3px; }
+ .view:disabled {
+ color: @theme_disabled_fg_color;
+ background-color: @theme_disabled_bg_color; }
+ .view:selected, .view:selected:focus, .view text:selected, .view text:selected:focus, .view text selection, .view text selection:focus {
color: @theme_selected_fg_color;
-}
+ background-color: @theme_selected_bg_color; }
+ .view:selected:disabled, .view:selected:focus:disabled, .view text:selected:disabled, .view text:selected:focus:disabled, .view text selection:disabled, .view text selection:focus:disabled {
+ color: mix(@theme_selected_fg_color, @theme_disabled_fg_color, 0.5);
+ background-color: @theme_selected_bg_color; }
+ .view:selected:backdrop, .view:selected:focus:backdrop, .view text:selected:backdrop, .view text:selected:focus:backdrop, .view text selection:backdrop, .view text selection:focus:backdrop {
+ color: @theme_unfocused_selected_fg_color;
+ background-color: @theme_unfocused_selected_bg_color; }
-/* backdrop state */
-.view:selected:backdrop, iconview:selected:backdrop, .view:selected:backdrop, iconview:selected:backdrop {
- background-color: shade(@theme_bg_color, 0.8);
-}
-
-/**************
- * action-bar *
- **************/
actionbar {
- padding: 4px;
- border-width: 1px 0 0 0px;
- border-style: solid;
- border-color: shade(@theme_bg_color, 0.85);
- background-color: @theme_bg_color;
- background-image: none;
- color: @theme_fg_color;
-}
-
-actionbar button.text-button {
- padding: 4px;
-}
-
-actionbar button .image-button {
- padding: 6px;
-}
-
-actionbar .title {
+ padding: 4px;
+ border-width: 1px 0 0 0;
+ border-style: solid;
+ border-color: @borders;
+ color: @theme_fg_color;
+ background-color: @theme_bg_color; }
+ actionbar:backdrop {
+ border-color: @unfocused_borders;
+ color: @theme_unfocused_fg_color;
+ background-color: @theme_unfocused_bg_color; }
+ actionbar button.text-button {
+ padding: 4px; }
+ actionbar button .image-button {
+ padding: 6px; }
+ actionbar .title {
font-weight: bold;
- padding: 0 12px;
-}
-
-actionbar .subtitle {
+ padding: 0 12px; }
+ actionbar .subtitle {
font-size: smaller;
- padding: 0 12px;
-}
-
-/***************
- * search bars *
- ***************/
-.search-bar {
- border-width: 0 0 1px 0px;
- border-style: solid;
- border-color: shade(@theme_bg_color, 0.85);
- background-color: shade(@theme_bg_color, 0.98);
-}
+ padding: 0 12px; }
-.search-bar button.close-button {
- padding: 4px;
-}
-
-/********************
- * various choosers *
- ********************/
-fontbutton separator,
-filechooser button separator {
- /* always disable separators */
- -GtkWidget-horizontal-separator: 0px;
- -GtkWidget-vertical-separator: 0px;
-}
-
-fontbutton label:last-child {
- color: alpha(currentColor, 0.7);
-}
-
-filechooser button image:last-child {
- color: alpha(currentColor, 0.7);
-}
-
-/*********************
- * app notifications *
- *********************/
-.app-notification {
- border-style: solid;
- border-color: shade(@theme_base_color, 0.8);
- border-width: 0 1px 1px 1px;
- border-radius: 0 0 2px 2px;
- padding: 8px;
- background-color: @theme_base_color;
- background-image: none;
- color: @theme_text_color;
-}
+searchbar {
+ border-width: 0 0 1px 0;
+ border-style: solid;
+ border-color: @borders;
+ background-color: @theme_bg_color; }
-.app-notification border {
- border: none;
-}
+.app-notification {
+ border-style: solid;
+ border-color: @borders;
+ border-width: 1px;
+ border-radius: 0;
+ margin: 5px;
+ padding: 8px;
+ background-color: @theme_base_color;
+ color: @theme_text_color; }
+ .app-notification border {
+ border: none; }
-/*******
- * osd *
- *******/
.background.osd {
- color: @osd_fg;
- background-color: @osd_bg;
-}
-
-GtkOverlay.osd {
- background-color: transparent;
-}
+ color: @osd_fg;
+ background-color: @osd_bg; }
.osd frame {
- background-clip: border-box;
- background-origin: border-box;
-}
-
-/*.osd button,
-.osd button {
- padding: 4px;
- border-width: 1px;
- border-style: solid;
- border-color: shade(@osd_bg, 0.8);
- border-radius: 4px;
- background-color: shade(@osd_bg, 1.08);
- background-image: none;
- color: @osd_fg;
-}
-
-.osd button:hover,
-.osd button:hover,
-.osd button:hover {
+ background-clip: border-box;
+ background-origin: border-box; }
+
+.osd button, button.osd {
+ padding: 4px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@osd_bg, 0.8);
+ border-radius: 4px;
+ background-color: shade(@osd_bg, 1.08);
+ color: @osd_fg; }
+ .osd button:hover, button.osd:hover {
border-color: shade(@osd_bg, 0.7);
- background-color: shade(@osd_bg, 1.10);
- background-image: none;
-}
-
-.osd button:active,
-.osd button:active,
-.osd GtkMenuButton button:active {
+ background-color: shade(@osd_bg, 1.1);
+ color: @osd_fg; }
+ .osd button:active, .osd button:checked, button.osd:active, button.osd:checked {
border-color: shade(@osd_bg, 0.8);
background-color: shade(@osd_bg, 0.95);
- background-image: none;
-}
-
-.osd button:active:hover,
-.osd button:active:hover,
-.osd GtkMenuButton button:active:hover {
- border-color: shade(@osd_bg, 0.7);
-}
-
-.osd button:disabled,
-.osd button:disabled {
+ color: @osd_fg; }
+ .osd button:disabled, button.osd:disabled {
border-color: shade(@osd_bg, 0.85);
background-color: shade(@osd_bg, 0.9);
- background-image: none;
-}
-
-.osd button:active *:disabled,
-.osd button:active *:disabled {
- background-color: shade(@osd_bg, 0.80);
- background-image: none;
-}*/
-
-.osd toolbar {
- -GtkToolbar-button-relief: normal;
-
- padding: 4px;
- border-width: 1px;
- border-style: solid;
- border-radius: 4px;
- border-color: shade(@osd_bg, 0.8);
- background-color: @osd_bg;
- background-image: none;
- color: @osd_fg;
-}
-
-.osd toolbar button {
- padding: 4px;
+ color: alpha(@osd_fg, 0.8); }
+ .osd button:checked:disabled, button.osd:checked:disabled {
+ background-color: shade(@osd_bg, 0.8); }
+
+.osd toolbar, toolbar.osd {
+ -GtkToolbar-button-relief: normal;
+ padding: 4px;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 0;
+ border-color: shade(@osd_bg, 0.8);
+ background-color: @osd_bg;
+ color: @osd_fg; }
+ .osd toolbar button, toolbar.osd button {
+ padding: 2px 4px;
border-width: 1px;
border-style: solid;
border-color: shade(@osd_bg, 0.8);
border-radius: 4px;
background-color: shade(@osd_bg, 1.08);
- background-image: none;
- color: @osd_fg;
-}
-
-.osd toolbar button:hover {
- border-color: shade(@osd_bg, 0.7);
- background-color: shade(@osd_bg, 1.10);
- background-image: none;
-}
-
-.osd toolbar button:active {
- border-color: shade(@osd_bg, 0.8);
- background-color: shade(@osd_bg, 0.95);
- background-image: none;
-}
-
-.osd toolbar button:active:hover {
- border-color: shade(@osd_bg, 0.7);
-}
-
-.osd toolbar button:focus,
-.osd toolbar button:hover:focus,
-.osd toolbar button:active:focus,
-.osd toolbar button:active:hover:focus {
- border-color: shade(@osd_bg, 0.7);
-}
-
-.osd toolbar button:disabled {
- border-color: shade(@osd_bg, 0.85);
- background-color: shade(@osd_bg, 0.9);
- background-image: none;
-}
-
-.osd toolbar button:active *:disabled {
- border-color: shade(@osd_bg, 0.75);
- background-color: shade(@osd_bg, 0.80);
- background-image: none;
-}
-
-.osd toolbar button:first-child {
- border-radius: 4px 0 0 2px;
- border-width: 1px 0 1px 1px;
- box-shadow: inset -1px 0 shade(@osd_bg, 0.9);
-}
-
-.osd toolbar button:last-child {
- box-shadow: none;
- border-radius: 0 2px 2px 0px;
- border-width: 1px 1px 1px 0px;
-}
-
-.osd toolbar button:only-child,
-.osd toolbar toolbutton button,
-.osd toolbar toolbutton:only-child button,
-.osd toolbar toolbutton:last-child button,
-.osd toolbar toolbutton:first-child button {
- border-width: 1px;
- border-radius: 4px;
- border-style: solid;
-}
-
-.osd toolbar separator {
- color: shade(@osd_bg, 0.9);
-}
-
-/* used by gnome-settings-daemon's media-keys OSD */
-.osd trough {
- background-color: shade(@osd_bg, 0.8);
-}
-
-.osdprogress {
- background-color: @osd_fg;
-}
-
-/*.osd scale slider {
- background-color: shade(@osd_bg, 1.08);
- background-image: none;
- box-shadow: inset 1px 0 shade(@osd_bg, 0.8),
- inset 0 1px shade(@osd_bg, 0.8),
- inset -1px 0 shade(@osd_bg, 0.8),
- inset 0 -1px shade(@osd_bg, 0.8);
-}
-
-.osd scale slider:hover {
- box-shadow: inset 1px 0 shade(@osd_bg, 0.7),
- inset 0 1px shade(@osd_bg, 0.7),
- inset -1px 0 shade(@osd_bg, 0.7),
- inset 0 -1px shade(@osd_bg, 0.7);
-}
-
-.osd scale slider:disabled {
- background-color: shade(@osd_bg, 0.9);
- background-image: none;
- box-shadow: inset 1px 0 shade(@osd_bg, 0.85),
- inset 0 1px shade(@osd_bg, 0.85),
- inset -1px 0 shade(@osd_bg, 0.85),
- inset 0 -1px shade(@osd_bg, 0.85);
-}
-
-.osd scale trough {
- border-color: shade(@osd_bg, 0.8);
- background-color: shade(@osd_bg, 1.08);
- background-image: none;
-}
-
-.osd scale trough highlight {
- border-color: @theme_selected_bg_color;
- background-color: @theme_selected_bg_color;
- background-image: none;
-}
-
-.osd scale trough:disabled,
-.osd scale trough highlight:disabled {
+ color: @osd_fg; }
+ .osd toolbar button:hover, toolbar.osd button:hover {
+ border-color: shade(@osd_bg, 0.7);
+ background-color: shade(@osd_bg, 1.1);
+ color: @osd_fg; }
+ .osd toolbar button:active, .osd toolbar button:checked, toolbar.osd button:active, toolbar.osd button:checked {
+ border-color: shade(@osd_bg, 0.8);
+ background-color: shade(@osd_bg, 0.95);
+ color: @osd_fg; }
+ .osd toolbar button:disabled, toolbar.osd button:disabled {
+ border-color: shade(@osd_bg, 0.85);
+ background-color: shade(@osd_bg, 0.9);
+ color: alpha(@osd_fg, 0.8); }
+ .osd toolbar button:checked:disabled, toolbar.osd button:checked:disabled {
+ border-color: shade(@osd_bg, 0.75);
+ background-color: shade(@osd_bg, 0.8); }
+ .osd toolbar separator, toolbar.osd separator {
+ color: shade(@osd_bg, 0.9); }
+
+.osd scale slider, scale.osd slider {
+ background-color: @theme_selected_bg_color; }
+ .osd scale slider:hover, scale.osd slider:hover {
+ background-color: @theme_selected_bg_color; }
+ .osd scale slider:disabled, scale.osd slider:disabled {
+ background-color: mix(@osd_bg, @osd_fg, 0.15); }
+.osd scale trough, scale.osd trough {
+ border-color: mix(@osd_bg, @osd_fg, 0.15); }
+ .osd scale trough:disabled, scale.osd trough:disabled {
border-color: shade(@osd_bg, 0.85);
- background-color: shade(@osd_bg, 0.9);
- background-image: none;
-}*/
-
-.osd progressbar,
-progressbar.osd {
- -progressbar-xspacing: 0px;
- -progressbar-yspacing: 2px;
- -progressbar-min-horizontal-bar-height: 2px;
+ background-color: transparent; }
+.osd scale highlight, scale.osd highlight {
+ border-color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color; }
- padding: 0px;
-}
+.osd progress, progress.osd {
+ background-color: @osd_fg; }
-.osd progressbar trough,
-progressbar.osd trough {
- padding: 0px;
+.osd progressbar, progressbar.osd {
+ padding: 0; }
+ .osd progressbar trough, progressbar.osd trough {
+ padding: 0;
border-style: none;
- border-radius: 0px;
- background-image: none;
- background-color: transparent;
-}
-
-.osd progressbarprogress,
-progressbar.osdprogress {
+ border-radius: 0;
+ background-color: transparent; }
+ .osd progressbar progress, progressbar.osd progress {
border-style: none;
- border-radius: 0px;
- background-color: @theme_selected_bg_color;
- background-image: none;
-}
-
-.osd view,
-.osd.view {
- background-color: @osd_base;
-}
-
-.osd .scrollbar trough {
- background-color: @osd_bg;
-}
-
-.osd .scrollbar slider {
- border-width: 0px;
- border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.21);
- border-radius: 6px;
- background-color: mix(@osd_base, @osd_fg, 0.21);
-}
-
-.osd .scrollbar slider:hover {
- border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.31);
- background-color: mix(@osd_base, @osd_fg, 0.31);
-}
-
-.osd .scrollbar slider:active {
- border-color: shade(@theme_selected_bg_color, 0.9);
- background-color: @theme_selected_bg_color;
-}
+ border-radius: 0;
+ background-color: @theme_selected_bg_color; }
-.osd view.cell:selected,
-.osd view.cell:selected:focus {
+.osd scrollbar trough, scrollbar.osd trough {
+ background-color: transparent; }
+.osd scrollbar slider, scrollbar.osd slider {
+ border-width: 0px;
+ border-radius: 6px;
+ background-color: mix(@osd_base, @osd_fg, 0.21); }
+ .osd scrollbar slider:hover, scrollbar.osd slider:hover {
+ border-color: mix(@osd_base, @osd_fg, 0.31);
+ background-color: mix(@osd_base, @osd_fg, 0.31); }
+ .osd scrollbar slider:active, scrollbar.osd slider:active {
+ border-color: mix(@osd_base, @osd_fg, 0.31);
+ background-color: mix(@osd_base, @osd_fg, 0.1); }
+
+.osd view, view.osd, .osd.view {
+ background-color: @osd_base; }
+ .osd view:selected, .osd view:selected:focus, view.osd:selected, view.osd:selected:focus, .osd.view:selected, .osd.view:selected:focus {
background-color: transparent;
border-style: solid;
- border-radius: 4px;
+ border-radius: 0;
border-width: 3px;
border-color: @osd_fg;
- outline-color: transparent;
-}
+ outline-color: transparent; }
-/* used by Documents */
-.osd .page-thumbnail {
- border-style: solid;
- border-width: 1px;
- border-color: shade(@osd_bg, 0.9);
- /* when there's no pixbuf yet */
- background-color: @osd_bg;
-}
-
-/******************************
- * destructive action buttons *
- ******************************/
-.destructive-action button {
+button.destructive-action {
+ border-width: 1px;
+ border-style: solid;
+ border-color: mix(@error_color, @theme_fg_color, 0.2);
+ border-radius: 4px;
+ color: mix(@theme_selected_fg_color, @error_color, 0.1);
+ background-color: @error_color; }
+ button.destructive-action:hover {
+ border-color: mix(@error_color, @theme_fg_color, 0.3);
+ background-color: mix(@error_color, @theme_selected_fg_color, 0.2); }
+ button.destructive-action:active {
+ border-color: mix(@error_color, @theme_fg_color, 0.3);
+ background-color: mix(@error_color, @theme_fg_color, 0.1); }
+ button.destructive-action:backdrop {
+ border-color: mix(@error_color, @theme_unfocused_fg_color, 0.2);
+ color: mix(@theme_unfocused_selected_fg_color, @error_color, 0.1);
+ background-color: mix(@error_color, @theme_unfocused_bg_color, 0.3); }
+
+button.suggested-action {
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 4px;
+ border-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+ background-image: linear-gradient(to bottom, shade(@theme_selected_bg_color, 1.25), shade(@theme_selected_bg_color, 1.1)); }
+ button.suggested-action:active, button.suggested-action:checked {
+ background-image: linear-gradient(to bottom, shade(@theme_selected_bg_color, 1.1), shade(@theme_selected_bg_color, 0.95)); }
+ button.suggested-action:active:backdrop, button.suggested-action:checked:backdrop {
+ color: @theme_unfocused_selected_fg_color; }
+ button.suggested-action:disabled {
+ border-color: mix(@theme_selected_bg_color, @theme_disabled_bg_color, 0.2);
+ color: mix(@theme_selected_fg_color, @theme_disabled_fg_color, 0.2);
+ background-image: linear-gradient(to bottom, shade(mix(@theme_selected_bg_color, @theme_disabled_bg_color, 0.2), 1.2), shade(mix(@theme_selected_bg_color, @theme_disabled_bg_color, 0.2), 1.05)); }
+ button.suggested-action:disabled:backdrop {
+ border-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_disabled_bg_color, 0.2);
+ color: mix(@theme_unfocused_selected_fg_color, @theme_unfocused_disabled_fg_color, 0.2);
+ background-image: linear-gradient(to bottom, shade(mix(@theme_unfocused_selected_bg_color, @theme_unfocused_disabled_bg_color, 0.2), 1.1), shade(mix(@theme_unfocused_selected_bg_color, @theme_unfocused_disabled_bg_color, 0.2), 0.95)); }
+ button.suggested-action:backdrop {
+ border-color: @theme_unfocused_selected_bg_color;
+ color: @theme_unfocused_selected_fg_color;
+ background-image: linear-gradient(to bottom, shade(@theme_selected_bg_color, 1.2), shade(@theme_selected_bg_color, 1.05)); }
+
+headerbar button.suggested-action {
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 4px;
+ border-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+ background-image: linear-gradient(to bottom, shade(@theme_selected_bg_color, 1.25), shade(@theme_selected_bg_color, 1.1)); }
+ headerbar button.suggested-action:active, headerbar button.suggested-action:checked {
+ background-image: linear-gradient(to bottom, shade(@theme_selected_bg_color, 1.1), shade(@theme_selected_bg_color, 0.95)); }
+ headerbar button.suggested-action:active:backdrop, headerbar button.suggested-action:checked:backdrop {
+ color: @theme_unfocused_selected_fg_color; }
+ headerbar button.suggested-action:disabled {
+ border-color: mix(@theme_selected_bg_color, @theme_disabled_bg_color, 0.2);
+ color: mix(@theme_selected_fg_color, @theme_disabled_fg_color, 0.2);
+ background-image: linear-gradient(to bottom, shade(mix(@theme_selected_bg_color, @theme_disabled_bg_color, 0.2), 1.2), shade(mix(@theme_selected_bg_color, @theme_disabled_bg_color, 0.2), 1.05)); }
+ headerbar button.suggested-action:disabled:backdrop {
+ border-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_disabled_bg_color, 0.2);
+ color: mix(@theme_unfocused_selected_fg_color, @theme_unfocused_disabled_fg_color, 0.2);
+ background-image: linear-gradient(to bottom, shade(mix(@theme_unfocused_selected_bg_color, @theme_unfocused_disabled_bg_color, 0.2), 1.1), shade(mix(@theme_unfocused_selected_bg_color, @theme_unfocused_disabled_bg_color, 0.2), 0.95)); }
+ headerbar button.suggested-action:backdrop {
+ border-color: @theme_unfocused_selected_bg_color;
+ color: @theme_unfocused_selected_fg_color;
+ background-image: linear-gradient(to bottom, shade(@theme_selected_bg_color, 1.2), shade(@theme_selected_bg_color, 1.05)); }
+
+toolbar.selection-mode {
+ padding: 4px; }
+
+headerbar.selection-mode, toolbar.selection-mode {
+ border-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.6);
+ color: @theme_selected_fg_color;
+ background-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.6); }
+ headerbar.selection-mode:backdrop, toolbar.selection-mode:backdrop {
+ border-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_selected_fg_color, 0.6);
+ color: @theme_unfocused_selected_fg_color;
+ background-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_selected_fg_color, 0.6); }
+ headerbar.selection-mode button, toolbar.selection-mode button {
border-width: 1px;
border-style: solid;
- border-color: shade(@error_color, 0.8);
+ border-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.7);
border-radius: 4px;
- background-color: @error_color;
- background-image: none;
- color: mix(@theme_selected_fg_color, @error_color, 0.1);
-}
-
-.destructive-action button:hover {
- border-color: shade(@error_color, 0.7);
- background-color: shade(@error_color, 1.12);
- background-image: none;
-}
-
-.destructive-action button:active {
- border-color: shade(@error_color, 0.8);
- background-color: shade(@error_color, 0.87);
- background-image: none;
-}
-
-.destructive-action button:hover:active {
- border-color: shade(@error_color, 0.7);
-}
-
-/******************************
- * suggested action buttons *
- ******************************/
-.suggested-action button {
+ color: mix(@theme_selected_bg_color, @theme_fg_color, 0.2);
+ background-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.7); }
+ headerbar.selection-mode button:hover, toolbar.selection-mode button:hover {
+ border-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.75);
+ background-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.75); }
+ headerbar.selection-mode button:active, headerbar.selection-mode button:checked, toolbar.selection-mode button:active, toolbar.selection-mode button:checked {
+ border-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.45);
+ background-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.45); }
+ headerbar.selection-mode button:active:backdrop, headerbar.selection-mode button:checked:backdrop, toolbar.selection-mode button:active:backdrop, toolbar.selection-mode button:checked:backdrop {
+ border-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_selected_fg_color, 0.45);
+ background-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_selected_fg_color, 0.45); }
+ headerbar.selection-mode button:backdrop, toolbar.selection-mode button:backdrop {
+ border-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_selected_fg_color, 0.75);
+ color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_fg_color, 0.3);
+ background-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_selected_fg_color, 0.75); }
+ headerbar.selection-mode button.suggested-action, toolbar.selection-mode button.suggested-action {
border-width: 1px;
border-style: solid;
- border-color: shade(@theme_selected_bg_color, 0.9);
border-radius: 4px;
- background-color: shade(@theme_selected_bg_color, 1.18);
- background-image: none;
- color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.1);
-}
-
-.suggested-action button:hover {
- border-color: shade(@theme_selected_bg_color, 0.8);
- background-color: shade(@theme_selected_bg_color, 1.20);
- background-image: none;
-}
-
-.suggested-action button:active {
- border-color: shade(@theme_selected_bg_color, 0.9);
- background-color: shade(@theme_selected_bg_color, 1.05);
- background-image: none;
-}
-
-.suggested-action button:hover:active {
- border-color: shade(@theme_selected_bg_color, 0.8);
-}
-
-/******************
- * selection mode *
- ******************/
-.selection-mode headerbar,
-.selection-mode toolbar {
- border-style: solid;
- border-color: @theme_selected_bg_color;
- background-color: shade(@theme_selected_bg_color, 1.6);
- background-image: none;
- color: @theme_selected_bg_color;
-}
-
-.selection-mode headerbar {
- border-top-color: shade(@theme_selected_bg_color, 1.6);
- border-bottom-color: @theme_selected_bg_color;
-}
-
-.selection-mode toolbar {
- padding: 4px;
-}
-
-/* regular button */
-.selection-mode headerbar button,
-.selection-mode toolbar button,
-.selection-mode toolbar toolbutton button {
- border-width: 1px;
- border-style: solid;
border-color: @theme_selected_bg_color;
- border-radius: 4px;
- background-color: shade(@theme_selected_bg_color, 1.68);
- background-image: none;
- color: shade(@theme_selected_bg_color, 0.8);
-}
-
-.selection-mode headerbar button:hover,
-.selection-mode toolbar button:hover,
-.selection-mode toolbar toolbutton button:hover {
- border-color: shade(@theme_selected_bg_color, 0.9);
- background-color: shade(@theme_selected_bg_color, 1.70);
- background-image: none;
-}
-
-.selection-mode headerbar button:active,
-.selection-mode toolbar button:active,
-.selection-mode toolbar toolbutton button:active {
- border-color: shade(@theme_selected_bg_color, 0.9);
- background-color: shade(@theme_selected_bg_color, 1.55);
- background-image: none;
-}
-
-.selection-mode headerbar button:hover:active,
-.selection-mode toolbar button:hover:active,
-.selection-mode toolbar toolbutton button:hover:active {
- border-color: shade(@theme_selected_bg_color, 0.8);
-}
-
-/* suggested button */
-.selection-mode headerbar .suggested-action button,
-.selection-mode toolbar .suggested-action button,
-.selection-mode toolbar toolbutton.suggested-action button {
- border-width: 1px;
- border-style: solid;
- border-color: shade(@theme_selected_bg_color, 0.9);
- border-radius: 4px;
- background-color: shade(@theme_selected_bg_color, 1.18);
- background-image: none;
- color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.1);
-}
-
-.selection-mode headerbar .suggested-action button:hover,
-.selection-mode toolbar .suggested-action button:hover,
-.selection-mode toolbar toolbutton.suggested-action button:hover {
- border-color: shade(@theme_selected_bg_color, 0.8);
- background-color: shade(@theme_selected_bg_color, 1.20);
- background-image: none;
-}
-
-.selection-mode headerbar .suggested-action button:active,
-.selection-mode toolbar .suggested-action button:active,
-.selection-mode toolbar toolbutton.suggested-action:active {
- border-color: shade(@theme_selected_bg_color, 0.9);
- background-color: shade(@theme_selected_bg_color, 1.05);
- background-image: none;
-}
-
-.selection-mode headerbar .suggested-action button:hover:active,
-.selection-mode toolbar .suggested-action button:hover:active,
-.selection-mode toolbar toolbutton.suggested-action button:hover:active {
- border-color: shade(@theme_selected_bg_color, 0.8);
-}
-
-/* menu button */
-.selection-mode headerbar .selection-menu button,
-.selection-mode toolbar .selection-menu button {
+ color: @theme_selected_fg_color;
+ background-image: linear-gradient(to bottom, shade(@theme_selected_bg_color, 1.25), shade(@theme_selected_bg_color, 1.1)); }
+ headerbar.selection-mode button.suggested-action:active, headerbar.selection-mode button.suggested-action:checked, toolbar.selection-mode button.suggested-action:active, toolbar.selection-mode button.suggested-action:checked {
+ background-image: linear-gradient(to bottom, shade(@theme_selected_bg_color, 1.1), shade(@theme_selected_bg_color, 0.95)); }
+ headerbar.selection-mode button.suggested-action:active:backdrop, headerbar.selection-mode button.suggested-action:checked:backdrop, toolbar.selection-mode button.suggested-action:active:backdrop, toolbar.selection-mode button.suggested-action:checked:backdrop {
+ color: @theme_unfocused_selected_fg_color; }
+ headerbar.selection-mode button.suggested-action:disabled, toolbar.selection-mode button.suggested-action:disabled {
+ border-color: mix(@theme_selected_bg_color, @theme_disabled_bg_color, 0.2);
+ color: mix(@theme_selected_fg_color, @theme_disabled_fg_color, 0.2);
+ background-image: linear-gradient(to bottom, shade(mix(@theme_selected_bg_color, @theme_disabled_bg_color, 0.2), 1.2), shade(mix(@theme_selected_bg_color, @theme_disabled_bg_color, 0.2), 1.05)); }
+ headerbar.selection-mode button.suggested-action:disabled:backdrop, toolbar.selection-mode button.suggested-action:disabled:backdrop {
+ border-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_disabled_bg_color, 0.2);
+ color: mix(@theme_unfocused_selected_fg_color, @theme_unfocused_disabled_fg_color, 0.2);
+ background-image: linear-gradient(to bottom, shade(mix(@theme_unfocused_selected_bg_color, @theme_unfocused_disabled_bg_color, 0.2), 1.1), shade(mix(@theme_unfocused_selected_bg_color, @theme_unfocused_disabled_bg_color, 0.2), 0.95)); }
+ headerbar.selection-mode button.suggested-action:backdrop, toolbar.selection-mode button.suggested-action:backdrop {
+ border-color: @theme_unfocused_selected_bg_color;
+ color: @theme_unfocused_selected_fg_color;
+ background-image: linear-gradient(to bottom, shade(@theme_selected_bg_color, 1.2), shade(@theme_selected_bg_color, 1.05)); }
+ headerbar.selection-mode .selection-menu button, toolbar.selection-mode .selection-menu button {
border-style: none;
background-color: transparent;
- background-image: none;
- color: shade(@theme_selected_bg_color, 0.8);
-}
-
-.selection-mode toolbar .dim-label,
-.selection-mode toolbar .selection-menu button .dim-label {
- color: shade(@theme_selected_bg_color, 0.7);
-}
-
-.selection-mode headerbar .selection-menu button:hover,
-.selection-mode toolbar .dim-label:hover,
-.selection-mode toolbar .selection-menu button:hover,
-.selection-mode toolbar .selection-menu button .dim-label:hover {
- color: shade(@theme_selected_bg_color, 0.7);
-}
-
-.selection-mode headerbar .selection-menu button:active,
-.selection-mode toolbar .selection-menu button:active {
- color: shade(@theme_selected_bg_color, 0.8);
- box-shadow: none;
-}
-
-/*************************
- * touch text selections *
- *************************/
-GtkBubbleWindow {
- border-radius: 4px;
- background-clip: border-box;
-}
-
-GtkBubbleWindow.osd.background {
- background-color: @osd_bg;
-}
-
-GtkBubbleWindow toolbar {
- background-color: transparent;
-}
-
-/******************
- * Stack switcher *
- ******************/
-.stack-switcher.linked button,
-.stack-switcher.linked button:last-child,
-.stack-switcher.linked button:first-child {
- min-height: 20px;
- min-width: 80px;
- border: 1px solid @theme_selected_bg_color;
- border-radius: 4px;
- box-shadow: none;
- border-width: 1px;
-}
-
-.stack-switcher.linked button {
- border-left-width: 0px;
- border-radius: 0px;
- box-shadow: none;
-}
+ color: shade(@theme_selected_bg_color, 0.8); }
+ headerbar.selection-mode .selection-menu button .dim-label, toolbar.selection-mode .selection-menu button .dim-label {
+ color: shade(@theme_selected_bg_color, 0.7); }
-.stack-switcher button:active,
-.stack-switcher button:checked,
-.stack-switcher button:active:hover,
-.stack-switcher button:checked:hover {
- border-right-width: 1px;
- border-left-width: 0px;
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
- box-shadow: none;
-}
-
-.stack-switcher.linked button:backdrop,
-.stack-switcher.linked button:last-child:backdrop,
-.stack-switcher.linked button:first-child:backdrop {
- border-color: shade(@theme_unfocused_bg_color, 0.8);
-}
-
-.stack-switcher button:checked:backdrop {
- background-color: shade(@theme_unfocused_bg_color, 0.8);
- color: @theme_unfocused_fg_color;
-}
-
-.stack-switcher.linked button:first-child,
-.stack-switcher.linked button:first-child:hover,
-.stack-switcher.linked button:first-child:focus,
-.stack-switcher.linked button:first-child:active,
-.stack-switcher.linked button:first-child:checked {
- border-left-width: 1px;
- border-right-width: 1px;
- border-top-right-radius: 0px;
- border-bottom-right-radius: 0px;
- box-shadow: none;
-}
-
-.stack-switcher.linked button:last-child,
-.stack-switcher.linked button:last-child:hover,
-.stack-switcher.linked button:last-child:focus,
-.stack-switcher.linked button:last-child:active,
-.stack-switcher.linked button:last-child:checked {
- border-left-width: 0px;
- border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
- box-shadow: none;
-}
-
-/*******
- * CSD *
- *******/
decoration {
- border-radius: 4px 4px 0 0px;
+ border-radius: 4px 4px 0 0;
border-width: 0px;
- box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3), 0 0 0 1px rgba(0, 0, 0, 0.23);
+ box-shadow: 0 3px 9px 1px alpha(@dark_shadow, 0.3), 0 0 0 1px alpha(@dark_shadow, 0.25);
margin: 10px; }
decoration:backdrop {
- box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18);
- transition: 200ms ease-out; }
- .maximized decoration, .fullscreen decoration, .tiled decoration {
- border-radius: 0px; }
+ box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px alpha(@dark_shadow, 0.2), 0 0 0 1px alpha(@dark_shadow, 0.25); }
+ .fullscreen decoration, .tiled decoration {
+ border-radius: 0; }
.popup decoration {
- box-shadow: none; }
+ box-shadow: 0 0 0 1px alpha(@dark_shadow, 0.1);
+ border-radius: 4px; }
.ssd decoration {
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); }
-/* .csd.popup decoration {
- border-radius: 0px;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
+ border-radius: 4px 4px 0 0;
+ box-shadow: 0 0 0 1px alpha(@dark_shadow, 0.1); }
+ .ssd decoration.maximized {
+ border-radius: 0; }
tooltip.csd decoration {
- border-radius: 0px;
- box-shadow: none; } */
- messagedialog decoration {
- border-radius: 6px;
- background: @theme_bg_color; }
- messagedialog.background.csd {
- border-radius: 6px; }
+ border-radius: 4px;
+ box-shadow: none; }
.solid-csd decoration {
- margin: 0px;
- padding: 4px;
- background-color: @bg_color;
- border: solid 1px shade(@bg_color, 0.8);
- border-radius: 0px;
- box-shadow: inset 0 0 0 3px rgba(0,0,0,0.3), inset 0 1px rgba(20, 20, 20, 0.8); }
- .solid-csd decoration:backdrop {
- box-shadow: inset 0 0 0 3px rgba(0,0,0,0.3), inset 0 1px rgba(20, 20, 20, 0.8); }
-
-.maximized headerbar,
-.maximized headerbar:backdrop,
-.tiled .titlebar:not(headerbar),
-.tiled .titlebar:backdrop:not(headerbar),
-.maximized .titlebar:not(headerbar),
-.maximized .titlebar:backdrop:not(headerbar) {
+ margin: 1px;
border-radius: 0px;
-}
+ background-color: alpha(@light_shadow, 0.95);
+ box-shadow: none; }
-/* titlebutton */
-.titlebar .titlebutton {
- padding: 1px;
- border-style: none;
- background: none;
+window.background.csd.popup {
+ border-radius: 10px; }
+
+messagedialog {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px; }
+ messagedialog .background.csd {
+ border-radius: 4px;
color: @theme_fg_color;
+ background-color: @theme_bg_color; }
+ messagedialog decoration {
+ border-radius: 4px;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ box-shadow: 0 1px 2px alpha(@dark_shadow, 0.2); }
+ messagedialog .titlebar.horizontal {
+ background-image: none;
+ background-color: @theme_bg_color; }
+ messagedialog.csd .dialog-action-area button {
+ padding: 10px;
+ border-radius: 0;
+ border-bottom-style: none; }
+ messagedialog.csd .dialog-action-area button:last-child {
+ border-right-width: 0;
+ border-radius: 0px;
+ border-bottom-right-radius: 4px; }
+ messagedialog.csd .dialog-action-area button:first-child {
+ border-left-width: 0;
+ border-radius: 0px;
+ border-bottom-left-radius: 4px; }
+ messagedialog.csd .dialog-action-area button:only-child {
+ border-radius: 0px;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px; }
+
+.titlebar {
+ border-bottom: none;
+ border-radius: 4px 4px 0px 0px; }
+ .titlebar .title {
+ padding-left: 12px;
+ padding-right: 12px;
+ font-weight: bold; }
+ .titlebar .subtitle {
+ font-size: smaller;
+ padding-left: 12px;
+ padding-right: 12px;
+ color: alpha(currentColor, 0.7); }
+ .titlebar .titlebutton.close, .titlebar .titlebutton.maximize, .titlebar .titlebutton.minimize, .titlebar .titlebutton:not(separator) {
+ padding: 2px 2px;
+ border: none;
+ color: transparent;
+ background-color: transparent;
-gtk-icon-shadow: none;
-}
+ background-position: center;
+ background-repeat: no-repeat; }
+ .titlebar .titlebutton.close {
+ background: url("assets/close-normal.svg") 100% 100%; }
+ .titlebar .titlebutton.close:hover {
+ background: url("assets/close-hover.svg") 100% 100%; }
+ .titlebar .titlebutton.close:active {
+ background: url("assets/close-active.svg") 100% 100%; }
+ .titlebar .titlebutton.close:backdrop {
+ background: url("assets/close-backdrop.svg") 100% 100%; }
+ .titlebar .titlebutton.minimize {
+ background: url("assets/minimize-normal.svg") 100% 100%; }
+ .titlebar .titlebutton.minimize:hover {
+ background: url("assets/minimize-hover.svg") 100% 100%; }
+ .titlebar .titlebutton.minimize:active {
+ background: url("assets/minimize-active.svg") 100% 100%; }
+ .titlebar .titlebutton.minimize:backdrop {
+ background: url("assets/minimize-backdrop.svg") 100% 100%; }
+ .titlebar .titlebutton.maximize {
+ background: url("assets/maximize-normal.svg") 100% 100%; }
+ .titlebar .titlebutton.maximize:hover {
+ background: url("assets/maximize-hover.svg") 100% 100%; }
+ .titlebar .titlebutton.maximize:active {
+ background: url("assets/maximize-active.svg") 100% 100%; }
+ .titlebar .titlebutton.maximize:backdrop {
+ background: url("assets/maximize-backdrop.svg") 100% 100%; }
+ .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) {
+ border-radius: 0; }
+
+.titlebar, .titlebar:not(headerbar), headerbar.default-decoration, .csd headerbar.default-decoration, .default-decoration.titlebar:not(headerbar), .csd .default-decoration.titlebar:not(headerbar) {
+ min-height: 28px;
+ color: @titlebar_fg_color;
+ background-color: @titlebar_bg_color; }
+ .titlebar:backdrop, .titlebar:not(headerbar):backdrop, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, .default-decoration.titlebar:not(headerbar):backdrop, .csd .default-decoration.titlebar:not(headerbar):backdrop {
+ color: @theme_unfocused_fg_color;
+ background-color: @theme_unfocused_bg_color; }
+
+.caja-desktop, .nemo-desktop.nemo-canvas-item, .nautilus-desktop.nautilus-canvas-item {
+ color: @desktop_item_fg;
+ text-shadow: 1px 1px @desktop_item_text_shadow; }
+ .caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, .nautilus-desktop.nautilus-canvas-item:active {
+ color: @desktop_item_fg; }
+ .caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, .nautilus-desktop.nautilus-canvas-item:selected {
+ color: @desktop_item_selected_fg;
+ text-shadow: none; }
-.titlebar .titlebutton:hover,
-.titlebar .titlebutton:hover:focus {
- background: none;
- color: @theme_fg_color;
-}
+panel-toplevel.background, panel-toplevel.background menubar {
+ background-color: @taskbar_bg_color;
+ color: @taskbar_fg_color; }
+panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image {
+ color: @taskbar_fg_color; }
+panel-toplevel.background menubar > menuitem, panel-toplevel.background menubar > menuitem label:backdrop {
+ color: @taskbar_fg_color; }
+panel-toplevel.background menubar > menuitem:hover, panel-toplevel.background menubar > menuitem:hover label:backdrop {
+ color: @theme_selected_fg_color; }
+panel-toplevel.background button {
+ background-color: @taskbar_bg_color;
+ border: none;
+ border-radius: 0;
+ box-shadow: none;
+ color: @taskbar_fg_color; }
+ panel-toplevel.background button:active, panel-toplevel.background button:checked {
+ background-color: shade(@taskbar_bg_color, 0.8);
+ border: none;
+ box-shadow: none;
+ color: @taskbar_fg_color; }
+
+#tasklist-button, #tasklist-button label {
+ color: alpha(@taskbar_fg_color, 0.7);
+ border-radius: 0;
+ border: none;
+ box-shadow: none;
+ background-color: transparent; }
+ #tasklist-button:hover, #tasklist-button label:hover {
+ color: alpha(@taskbar_fg_color, 0.7);
+ background-color: transparent; }
+ #tasklist-button:checked, #tasklist-button label:checked {
+ color: @taskbar_fg_color; }
+
+panel-toplevel.background na-tray-applet {
+ -NaTrayApplet-icon-padding: 0;
+ -NaTrayApplet-icon-size: 16px; }
-.titlebar .titlebutton:active,
-.titlebar .titlebutton:active:hover {
- background: none;
+.mate-panel-menu-bar {
+ color: @taskbar_fg_color;
+ background-color: @taskbar_bg_color; }
+ .mate-panel-menu-bar button, .mate-panel-menu-bar button.flat {
+ background-color: transparent; }
+ .mate-panel-menu-bar, .mate-panel-menu-bar .menubar {
+ background-color: @taskbar_bg_color; }
+ .mate-panel-menu-bar menubar, .mate-panel-menu-bar menubar menuitem, .mate-panel-menu-bar togglebutton {
+ border-color: transparent;
+ background-color: transparent; }
+ .mate-panel-menu-bar menubar menuitem:hover .mate-panel-menu-bar:active {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
+ .mate-panel-menu-bar .menubar > .menuitem {
+ padding-top: 0;
+ padding-bottom: 0; }
+ .mate-panel-menu-bar GtkMenu .label {
color: @theme_fg_color;
- box-shadow: none;
-}
+ font-style: normal; }
+ .mate-panel-menu-bar GtkMenu .label:disabled {
+ color: @theme_disabled_fg_color; }
+ .mate-panel-menu-bar .button:not(#tasklist-button) {
+ color: @taskbar_fg_color;
+ border-radius: 0;
+ border: none;
+ background-color: @taskbar_bg_color; }
+ .mate-panel-menu-bar .button:not(#tasklist-button):hover {
+ border: none;
+ background-color: shade(@taskbar_bg_color, 1.1); }
+ .mate-panel-menu-bar .button:not(#tasklist-button):active, .mate-panel-menu-bar .button:not(#tasklist-button):checked {
+ color: @theme_selected_fg_color;
+ border: none;
+ background-color: @theme_selected_bg_color; }
+ .mate-panel-menu-bar #tasklist-button {
+ color: @taskbar_fg_color;
+ border-radius: 0;
+ border: none;
+ padding-bottom: 0;
+ padding-top: 0; }
+ .mate-panel-menu-bar #tasklist-button:hover {
+ background-color: shade(@taskbar_bg_color, 1.1); }
+ .mate-panel-menu-bar #tasklist-button:checked, .mate-panel-menu-bar #tasklist-button:active {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
+ .mate-panel-menu-bar PanelSeparator {
+ color: shade(@taskbar_bg_color, 0.7);
+ padding-top: 4px;
+ padding-bottom: 4px; }
+ .mate-panel-menu-bar NaTrayApplet {
+ -NaTrayApplet-icon-padding: 2; }
+ .mate-panel-menu-bar #PanelApplet label {
+ color: @taskbar_fg_color; }
+
+.mintmenu:hover {
+ background-color: shade(@taskbar_bg_color, 1.1); }
+
+.mintmenu:selected {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
+
+.wnck-pager {
+ background-color: alpha(black, 0.04); }
+ .wnck-pager:selected {
+ background-color: alpha(@selected_bg_color, 0.3); }
+ .wnck-pager:hover {
+ background-color: alpha(@selected_bg_color, 0.2); }
+
+.xfce4-panel.panel {
+ background-color: @taskbar_bg_color; }
+ .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button {
+ color: @taskbar_fg_color;
+ background-color: @taskbar_bg_color;
+ border-radius: 0;
+ border: none; }
+ .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover {
+ border: none;
+ background-color: shade(@taskbar_bg_color, 1.1); }
+ .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.sidebar-button:checked {
+ color: @theme_selected_bg_color;
+ border: none;
+ background-color: shade(@taskbar_bg_color, 0.93); }
-.titlebar .titlebutton:backdrop {
- background-image: none;
- color: @theme_unfocused_fg_color;
- -gtk-icon-shadow: none;
-}
+.nemo-window .nemo-window-pane widget.entry {
+ border: 1px solid;
+ border-radius: 3px;
+ border-color: @theme_selected_bg_color;
+ color: @theme_fg_color;
+ background-color: @theme_base_color; }
+ .nemo-window .nemo-window-pane widget.entry:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
+.nemo-window .sidebar {
+ background-color: @theme_bg_color; }
+ .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row {
+ background-color: transparent; }
+ .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected {
+ border-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color; }
+ .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander {
+ color: @theme_fg_color; }
+ .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover {
+ color: @theme_selected_bg_color; }
+ .nemo-window .sidebar separator, .nemo-window .sidebar separator:backdrop {
+ background-color: transparent; }
-/* decoration for windows */
-.titlebar,
-.titlebar:not(headerbar) {
- border-radius: 4px 4px 0 0px;
+UnityDecoration {
+ -UnityDecoration-extents: 28px 0 0 0;
+ -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: @theme_selected_bg_color;
+ -UnityDecoration-title-indent: 10px;
+ -UnityDecoration-title-fade: 35px;
+ -UnityDecoration-title-alignment: 0.0; }
+ UnityDecoration .top {
+ border: none;
+ border-radius: 4px 4px 0 0;
+ padding: 1px 8px 0 8px;
background-color: @titlebar_bg_color;
+ color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
text-shadow: none; }
-
-.titlebar:backdrop,
-.titlebar:not(headerbar):backdrop {
- background-image: none;
- background-color: @theme_unfocused_bg_color;
- color: @theme_unfocused_fg_color;
- text-shadow: none; }
-
-/* CSD */
-headerbar.default-decoration,
-.csd headerbar.default-decoration,
-.default-decoration.titlebar:not(headerbar),
-.csd .default-decoration.titlebar:not(headerbar) {
- min-height: 28px;
- padding: 0 3px;
- background-color: @titlebar_bg_color;
- background-image: image(@titlebar_bg_color);
- border-bottom-width: 0px; }
-
-headerbar.default-decoration:backdrop,
-.csd headerbar.default-decoration:backdrop,
-.default-decoration.titlebar:backdrop:not(headerbar),
-.csd .default-decoration.titlebar:backdrop:not(headerbar) {
- background-color: @theme_unfocused_bg_color;
- background-image: image(@theme_unfocused_bg_color);
-}
+ UnityDecoration .top:backdrop {
+ background-color: @theme_unfocused_bg_color;
+ color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); }
+ UnityDecoration .left, UnityDecoration .right, UnityDecoration.bottom {
+ background-color: @titlebar_bg_color; }
+ UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration.bottom:backdrop {
+ background-color: @titlebar_bg_color; }
+ UnityDecoration.menuitem, UnityDecoration .menuitem {
+ border-radius: 0; }
+ UnityDecoration.menuitem:hover, UnityDecoration.menuitem *:hover, UnityDecoration .menuitem:hover, UnityDecoration .menuitem *:hover {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color; }
+
+UnityPanelWidget, .unity-panel {
+ border-width: 0 0 1px 0;
+ border-style: solid;
+ border-color: @taskbar_bg_color;
+ background-color: @taskbar_bg_color;
+ color: @taskbar_fg_color; }
+ UnityPanelWidget.menuitem, UnityPanelWidget .menuitem, .unity-panel.menuitem, .unity-panel .menuitem {
+ border-width: 0 1px;
+ color: @taskbar_fg_color; }
+
+@keyframes playbackmenuitem_spinner {
+ to {
+ -gtk-icon-transform: rotate(1turn); } }
+.menu IdoPlaybackMenuItem.menuitem:active {
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ animation: playbackmenuitem_spinner 1s infinite linear;
+ color: @theme_selected_bg_color; }
diff --git a/gtk-3.20/gtk.css b/gtk-3.20/gtk.css
old mode 100755
new mode 100644
index b016a5e..907712c
--- a/gtk-3.20/gtk.css
+++ b/gtk-3.20/gtk.css
@@ -1,95 +1,116 @@
-/* default color scheme */
-@define-color bg_color #F5F5F5;
-@define-color fg_color #4c4c4c;
-@define-color base_color #ffffff;
-@define-color text_color #4c4c4c;
+/* Normal colors */
+@import url("gtk-widgets.css");
+@define-color bg_color #f5f5f5;
+@define-color fg_color #000000;
+@define-color base_color #FFFFFF;
+@define-color text_color #000000;
@define-color selected_bg_color #3478f5;
-@define-color selected_fg_color #ffffff;
-@define-color tooltip_bg_color #ffffff;
-@define-color tooltip_fg_color #4c4c4c;
+@define-color selected_fg_color #FFFFFF;
+@define-color disabled_bg_color mix(@fg_color, @bg_color, 0.95);
+@define-color disabled_fg_color mix(@fg_color, @bg_color, 0.5);
+@define-color disabled_base_color @disabled_bg_color;
+@define-color disabled_text_color @disabled_fg_color;
+/* Backdrop state colors */
@define-color unfocused_bg_color #e4e4e4;
@define-color unfocused_fg_color #8c8c8c;
-
-/* dark color scheme */
+@define-color unfocused_base_color @base_color;
+@define-color unfocused_text_color #8c8c8c;
+@define-color unfocused_selected_bg_color shade(@unfocused_bg_color, 0.7);
+@define-color unfocused_selected_fg_color shade(@unfocused_text_color, 0.8);
+@define-color unfocused_disabled_bg_color mix(@fg_color, @bg_color, 0.98);
+@define-color unfocused_disabled_fg_color mix(@fg_color, @bg_color, 0.75);
+@define-color unfocused_disabled_base_color @unfocused_disabled_bg_color;
+@define-color unfocused_disabled_text_color @unfocused_disabled_fg_color;
+/* Darker color scheme */
@define-color dark_bg_color @bg_color;
@define-color dark_fg_color @fg_color;
-
-/* colormap actually used by the theme, to be overridden in other css files */
+/* Theme colors */
@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;
-
-/* global unfocused color scheme */
+@define-color theme_disabled_bg_color @disabled_bg_color;
+@define-color theme_disabled_fg_color @disabled_fg_color;
+@define-color theme_disabled_text_color @disabled_text_color;
+@define-color theme_disabled_base_color @disabled_base_color;
+/* Unfocused color scheme */
@define-color theme_unfocused_bg_color @unfocused_bg_color;
@define-color theme_unfocused_fg_color @unfocused_fg_color;
-
-/* Desktop Icons */
-@define-color desktop_item_fg #fff;
-@define-color desktop_item_selected_fg @theme_selected_fg_color;
-@define-color desktop_item_text_shadow alpha(black, 0.8);
-
-/* shadow effects */
-@define-color light_shadow #fff;
-@define-color dark_shadow #000;
-@define-color borders shade(@bg_color, 0.95);
-
-/* misc colors used by gtk+ */
-@define-color info_fg_color rgb (58, 135, 173);
-@define-color info_bg_color rgb (217, 237, 247);
-@define-color warning_fg_color rgb (192, 152, 83);
-@define-color warning_bg_color rgb (252, 248, 227);
-@define-color question_fg_color rgb (214, 73, 55);
-@define-color question_bg_color rgb (252, 229, 213);
-@define-color error_fg_color rgb (185, 74, 72);
-@define-color error_bg_color rgb (242, 222, 222);
-@define-color link_color #fc6f5d;
-@define-color success_color #53a93f;
-@define-color warning_color #f57900;
-@define-color error_color #cc0000;
-
-/* 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 @dark_bg_color; /*@theme_bg_color;*/
-@define-color toolbar_fg_color @dark_fg_color; /*@theme_fg_color;*/
-@define-color menu_bg_color @base_color;
+@define-color theme_unfocused_base_color @unfocused_base_color;
+@define-color theme_unfocused_text_color @unfocused_text_color;
+@define-color theme_unfocused_selected_bg_color @unfocused_selected_bg_color;
+@define-color theme_unfocused_selected_fg_color @unfocused_selected_fg_color;
+@define-color theme_unfocused_disabled_bg_color @unfocused_disabled_bg_color;
+@define-color theme_unfocused_disabled_fg_color @unfocused_disabled_fg_color;
+@define-color theme_unfocused_disabled_text_color @unfocused_disabled_text_color;
+@define-color theme_unfocused_disabled_base_color @unfocused_disabled_base_color;
+/* Shadows */
+@define-color dark_shadow rgb(0, 0, 0);
+@define-color color_shadow @selected_bg_color;
+@define-color light_shadow rgb(255, 255, 255);
+/* Borders */
+@define-color borders shade(@bg_color, 0.9);
+@define-color outline_color shade(@bg_color, 0.75);
+@define-color unfocused_borders shade(@unfocused_bg_color, 0.9);
+/* Notification header backgrounds */
+@define-color info_fg_color #FFFFFF;
+@define-color info_bg_color #0055FF;
+@define-color warning_fg_color #FFFFFF;
+@define-color warning_bg_color #FF8300;
+@define-color question_fg_color #FFFFFF;
+@define-color question_bg_color #2C2C2C;
+@define-color error_fg_color #FFFFFF;
+@define-color error_bg_color #FF0000;
+@define-color link_color #1D8ECE;
+@define-color error_color #CC0000;
+@define-color success_color #4ed464;
+@define-color warning_color #FF9900;
+/* Widget colors */
+@define-color tooltip_bg_color @dark_bg_color;
+@define-color tooltip_fg_color @dark_fg_color;
+@define-color menu_bg_color @bg_color;
@define-color menu_fg_color @fg_color;
-@define-color panel_bg_color #f5f5f5;
-@define-color panel_fg_color @dark_fg_color;
-
-/* osd */
-@define-color osd_base @dark_bg_color;
-@define-color osd_fg @dark_fg_color;
-@define-color osd_bg alpha(@osd_base, 0.8);
-
-/* lightdm greeter colors */
+@define-color menubar_bg_color @bg_color;
+@define-color menubar_fg_color @fg_color;
+@define-color toolbar_bg_color @bg_color;
+@define-color toolbar_fg_color @fg_color;
+@define-color sidebar_bg_color alpha(@bg_color, 0.85);
+@define-color sidebar_fg_color @fg_color;
+@define-color taskbar_bg_color #f5f5f5;
+@define-color taskbar_fg_color #000000;
+@define-color titlebar_bg_color @bg_color;
+@define-color titlebar_fg_color @fg_color;
+@define-color headerbar_bg_color @bg_color;
+@define-color headerbar_fg_color @fg_color;
+@define-color terminal_bg_color @base_color;
+@define-color terminal_fg_color @fg_color;
+/* OSD */
+@define-color osd_fg @dark_bg_color;
+@define-color osd_bg mix(@dark_fg_color, @dark_bg_color, 0.2);
+@define-color osd_base @dark_fg_color;
+/* Budgie colors */
+@define-color raven_fg_color @dark_fg_color;
+@define-color raven_bg_color alpha(@dark_bg_color, 0.9);
+/* Desktop Icons */
+@define-color desktop_item_fg #FFFFFF;
+@define-color desktop_item_selected_fg @selected_fg_color;
+@define-color desktop_item_text_shadow alpha(@dark_shadow, 0.8);
+/* LightDM greeter colors */
@define-color lightdm_bg_color @dark_bg_color;
@define-color lightdm_fg_color @dark_fg_color;
-
-/* window manager colors */
-@define-color wm_bg @titlebar_bg_color;
-@define-color wm_border_focused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21);
-@define-color wm_border_unfocused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12);
-@define-color wm_title_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
-@define-color wm_title_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
-@define-color wm_icons_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
-@define-color wm_icons_focused_prelight @selected_bg_color;
-@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8);
-@define-color wm_icons_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
-@define-color wm_icons_unfocused_prelight @selected_bg_color;
-@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8);
-
-@import url("gtk-widgets.css");
-@import url("gtk-widgets-assets.css");
-@import url("apps/unity.css");
-@import url("apps/libreoffice.css");
-@import url("apps/gnome-terminal.css");
-@import url("apps/vibrancy.css");
-@import url("apps/desktop.css");
+@define-color wm_title @titlebar_fg_color;
+@define-color wm_unfocused_title @unfocused_fg_color;
+@define-color wm_highlight alpha(@light_shadow, 0.8);
+@define-color wm_borders_edge alpha(@light_shadow, 0.8);
+@define-color wm_bg_a alpha(@selected_bg_color, 1.2);
+@define-color wm_bg_b alpha(@selected_bg_color, 1.2);
+@define-color wm_shadow alpha(@dark_shadow, 0.35);
+@define-color wm_border alpha(@dark_shadow, 0.35);
+@define-color wm_button_hover_color_a alpha(@selected_bg_color, 1.3);
+@define-color wm_button_hover_color_b alpha(@selected_bg_color, 1.3);
+@define-color wm_button_active_color_a alpha(@selected_bg_color, 0.85);
+@define-color wm_button_active_color_b alpha(@selected_bg_color, 0.85);
+@define-color wm_button_active_color_c alpha(@selected_bg_color, 0.85);
+@define-color content_view_bg @base_color;
diff --git a/index.theme b/index.theme
index 90a9b6a..c5794d2 100755
--- a/index.theme
+++ b/index.theme
@@ -1,11 +1,13 @@
[Desktop Entry]
Type=X-GNOME-Metatheme
Name=iOS
-Comment=A theme by Christian Medel (Elbullazul) simulating iOS 10
-Comment=v0.5
+Comment=A theme by Christian Medel (Elbullazul)
+Comment=1.0
Encoding=UTF-8
[X-GNOME-Metatheme]
GtkTheme=iOS
MetacityTheme=iOS
+IconTheme=La Capitaine
+CursorTheme=DMZ-Black
ButtonLayout=close,minimize,maximize:
diff --git a/metacity-1/metacity-theme-2.xml b/metacity-1/metacity-theme-2.xml
new file mode 100644
index 0000000..04b8937
--- /dev/null
+++ b/metacity-1/metacity-theme-2.xml
@@ -0,0 +1,396 @@
+
+
+
+ iOS
+ Elbullazul
+ 2016-2018, B00merang Project
+ August 10, 2018
+ Metacity theme for iOS theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+