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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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 @@ + + + + + + image/svg+xml + + + + + + + + + + + + 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 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - 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 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - 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 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +</draw_ops> + +<draw_ops name="title-text-unfocused"> + <title color="#9f9f9f" x="(0 `max` (width-title_width-mini_icon_width-IconTitleSpacing)) / 2 + mini_icon_width + IconTitleSpacing -72" y="(height - title_height) / 2 - 3"/> +</draw_ops> + +<draw_ops name="blank"> +</draw_ops> + +<draw_ops name="title"> + <rectangle color="#f9f9f9" x="0" y="0" width="width" + height="height" filled="true"/> +</draw_ops> + +<draw_ops name="title-shaded"> + <rectangle color="#f9f9f9" x="0" y="0" width="width" + height="height" filled="true"/> +</draw_ops> + +<draw_ops name="title-unfocused"> + <rectangle color="#f9f9f9" x="0" y="0" width="width" + height="height" filled="true"/> +</draw_ops> + +<draw_ops name="title-max"> + <rectangle color="#f9f9f9" x="0" y="0" width="width" + height="height" filled="true"/> +</draw_ops> + +<draw_ops name="title-max-unfocused"> + <rectangle color="#f9f9f9" x="0" y="0" width="width" + height="height" filled="true"/> +</draw_ops> + +<draw_ops name="frame-left-focused"> + <rectangle color="#f9f9f9" x="0" y="0" width="width" + height="height" filled="true"/> +</draw_ops> + +<draw_ops name="frame-left-unfocused"> + <rectangle color="#f9f9f9" x="0" y="0" width="width" + height="height" filled="true"/> +</draw_ops> + +<draw_ops name="frame-right-focused"> + <rectangle color="#f9f9f9" x="0" y="0" width="width" + height="height" filled="true"/> +</draw_ops> + +<draw_ops name="frame-right-unfocused"> + <rectangle color="#f9f9f9" x="0" y="0" width="width" + height="height" filled="true"/> +</draw_ops> + +<draw_ops name="frame-bottom-focused"> + <rectangle color="#f9f9f9" x="0" y="0" width="width" + height="height" filled="true"/> +</draw_ops> + +<draw_ops name="frame-bottom-unfocused"> + <rectangle color="#f9f9f9" x="0" y="0" width="width" + height="height" filled="true"/> +</draw_ops> + +<draw_ops name="button-close-focused"> + <image filename="close-focused-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-close-unfocused"> + <image filename="close-focused-normal.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-close-blurred"> + <image filename="close-unfocused-normal.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-close-pressed"> + <image filename="close-focused-pressed.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-maximize-focused"> + <image filename="maximize-focused-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-maximize-unfocused"> + <image filename="maximize-focused-normal.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-maximize-blurred"> + <image filename="maximize-unfocused-normal.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-maximize-pressed"> + <image filename="maximize-focused-pressed.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-restore-focused"> + <image filename="restore-focused-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-restore-unfocused"> + <image filename="restore-focused-normal.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-restore-blurred"> + <image filename="restore-unfocused-normal.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-restore-pressed"> + <image filename="restore-focused-pressed.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-minimize-focused"> + <image filename="minimize-focused-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-minimize-unfocused"> + <image filename="minimize-focused-normal.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-minimize-blurred"> + <image filename="minimize-unfocused-normal.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="button-minimize-pressed"> + <image filename="minimize-focused-pressed.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<!-- Menu drawing operations --> +<draw_ops name="menu_button_icon"> +</draw_ops> + +<draw_ops name="menu_button_icon_unfocused"> +</draw_ops> + +<draw_ops name="menu_button_normal"> +</draw_ops> + +<draw_ops name="menu_button_pressed"> +</draw_ops> + +<draw_ops name="menu_button_unfocused"> +</draw_ops> + +<frame_style name="normal-focused" geometry="normal"> + <piece position="titlebar" draw_ops="title"/> + <piece position="left_edge" draw_ops="frame-left-focused"/> + <piece position="right_edge" draw_ops="frame-right-focused"/> + <piece position="bottom_edge" draw_ops="frame-bottom-focused"/> + <piece position="title" draw_ops="title-text-focused"/> + <button function="close" state="normal" draw_ops="button-close-unfocused"/> + <button function="close" state="prelight" draw_ops="button-close-focused"/> + <button function="close" state="pressed" draw_ops="button-close-pressed"/> + + <button function="minimize" state="normal" draw_ops="button-minimize-unfocused"/> + <button function="minimize" state="prelight" draw_ops="button-minimize-focused"/> + <button function="minimize" state="pressed" draw_ops="button-minimize-pressed"/> + + <button function="maximize" state="normal" draw_ops="button-maximize-unfocused"/> + <button function="maximize" state="prelight" draw_ops="button-maximize-focused"/> + <button function="maximize" state="pressed" draw_ops="button-maximize-pressed"/> + + <button function="menu" state="normal" draw_ops="menu_button_normal"/> + <button function="menu" state="pressed" draw_ops="menu_button_pressed"/> + + <!-- Extra stuff Linux Mint wants for theme to work --> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal-unfocused" geometry="normal"> + <piece position="titlebar" draw_ops="title-unfocused"/> + <piece position="left_edge" draw_ops="frame-left-unfocused"/> + <piece position="right_edge" draw_ops="frame-right-unfocused"/> + <piece position="bottom_edge" draw_ops="frame-bottom-unfocused"/> + <piece position="title" draw_ops="title-text-unfocused"/> + + <button function="close" state="normal" draw_ops="button-close-blurred"/> + <button function="close" state="prelight" draw_ops="button-close-focused"/> + <button function="close" state="pressed" draw_ops="button-close-pressed"/> + + <button function="minimize" state="normal" draw_ops="button-minimize-blurred"/> + <button function="minimize" state="prelight" draw_ops="button-minimize-focused"/> + <button function="minimize" state="pressed" draw_ops="button-minimize-pressed"/> + + <button function="maximize" state="normal" draw_ops="button-maximize-blurred"/> + <button function="maximize" state="prelight" draw_ops="button-maximize-focused"/> + <button function="maximize" state="pressed" draw_ops="button-maximize-pressed"/> + + <button function="menu" state="normal" draw_ops="menu_button_normal"/> + <button function="menu" state="pressed" draw_ops="menu_button_pressed"/> + + <!-- Extra stuff Linux Mint wants for theme to work --> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal-maximized-focused" geometry="maximized"> + <piece position="titlebar" draw_ops="title-max"/> + <piece position="left_edge" draw_ops="frame-left-focused"/> + <piece position="right_edge" draw_ops="frame-right-focused"/> + <piece position="bottom_edge" draw_ops="frame-bottom-focused"/> + <piece position="title" draw_ops="title-text-focused"/> + <button function="close" state="normal" draw_ops="button-close-unfocused"/> + <button function="close" state="prelight" draw_ops="button-close-focused"/> + <button function="close" state="pressed" draw_ops="button-close-pressed"/> + + <button function="minimize" state="normal" draw_ops="button-minimize-unfocused"/> + <button function="minimize" state="prelight" draw_ops="button-minimize-focused"/> + <button function="minimize" state="pressed" draw_ops="button-minimize-pressed"/> + + <button function="maximize" state="normal" draw_ops="button-restore-unfocused"/> + <button function="maximize" state="prelight" draw_ops="button-restore-focused"/> + <button function="maximize" state="pressed" draw_ops="button-restore-pressed"/> + + <button function="menu" state="normal" draw_ops="menu_button_normal"/> + <button function="menu" state="pressed" draw_ops="menu_button_pressed"/> + + <!-- Extra stuff Linux Mint wants for theme to work --> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal-maximized-unfocused" geometry="maximized"> + <piece position="titlebar" draw_ops="title-max-unfocused"/> + <piece position="left_edge" draw_ops="frame-left-unfocused"/> + <piece position="right_edge" draw_ops="frame-right-unfocused"/> + <piece position="bottom_edge" draw_ops="frame-bottom-unfocused"/> + <piece position="title" draw_ops="title-text-unfocused"/> + + <button function="close" state="normal" draw_ops="button-close-blurred"/> + <button function="close" state="prelight" draw_ops="button-close-focused"/> + <button function="close" state="pressed" draw_ops="button-close-pressed"/> + + <button function="minimize" state="normal" draw_ops="button-minimize-blurred"/> + <button function="minimize" state="prelight" draw_ops="button-minimize-focused"/> + <button function="minimize" state="pressed" draw_ops="button-minimize-pressed"/> + + <button function="maximize" state="normal" draw_ops="button-restore-blurred"/> + <button function="maximize" state="prelight" draw_ops="button-restore-focused"/> + <button function="maximize" state="pressed" draw_ops="button-restore-pressed"/> + + <button function="menu" state="normal" draw_ops="menu_button_normal"/> + <button function="menu" state="pressed" draw_ops="menu_button_pressed"/> + + <!-- Extra stuff Linux Mint wants for theme to work --> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal-shaded-focused" geometry="normal" parent="normal-focused"> + <piece position="titlebar" draw_ops="title-shaded"/> +</frame_style> + +<frame_style name="normal-shaded-unfocused" geometry="normal" parent="normal-unfocused"> + <piece position="titlebar" draw_ops="title-shaded"/> +</frame_style> + +<frame_style_set name="normal"> + <frame focus="yes" state="normal" resize="both" style="normal-focused"/> + <frame focus="no" state="normal" resize="both" style="normal-unfocused"/> + <frame focus="yes" state="maximized" style="normal-maximized-focused"/> + <frame focus="no" state="maximized" style="normal-maximized-unfocused"/> + <frame focus="yes" state="shaded" style="normal-shaded-focused"/> + <frame focus="no" state="shaded" style="normal-shaded-unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="normal-shaded-focused"/> + <frame focus="no" state="maximized_and_shaded" style="normal-shaded-unfocused"/> +</frame_style_set> + +<window type="normal" style_set="normal"/> +<window type="dialog" style_set="normal"/> +<window type="modal_dialog" style_set="normal"/> +<window type="menu" style_set="normal"/> +<window type="utility" style_set="normal"/> +<window type="border" style_set="normal"/> + +<menu_icon function="close" state="normal" draw_ops="button-close-focused"/> +<menu_icon function="maximize" state="normal" draw_ops="button-maximize-focused"/> +<menu_icon function="unmaximize" state="normal" draw_ops="button-maximize-focused"/> +<menu_icon function="minimize" state="normal" draw_ops="button-minimize-focused"/> +</metacity_theme>