diff --git a/gtk-3.0/apps/desktop.css b/gtk-3.0/apps/desktop.css deleted file mode 100644 index 6a21250..0000000 --- a/gtk-3.0/apps/desktop.css +++ /dev/null @@ -1,24 +0,0 @@ -/* opaque desktop bug */ -.nautilus-desktop-window scrolledwindow { - background: transparent; -} - -.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.0/apps/gnome-terminal.css b/gtk-3.0/apps/gnome-terminal.css deleted file mode 100644 index d5f3827..0000000 --- a/gtk-3.0/apps/gnome-terminal.css +++ /dev/null @@ -1,5 +0,0 @@ -vte-terminal.terminal-screen { - -TerminalScreen-background-darkness: 0.95; - background-color: #000; - color: #fff; -} diff --git a/gtk-3.0/apps/unity.css b/gtk-3.0/apps/unity.css deleted file mode 100755 index dc97b90..0000000 --- a/gtk-3.0/apps/unity.css +++ /dev/null @@ -1,112 +0,0 @@ -UnityDecoration { - -UnityDecoration-extents: 28px 4px 4px 4px; - -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: 0 solid @titlebar_bg_color; - border-bottom-width: 0; - border-radius: 0px; - padding: 1px 8px 0 8px; - background-color: @titlebar_bg_color; - background-image: url('../window/titlebar.png'); - background-position: right; - background-size: 200px 100%; - background-repeat: no-repeat; - color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); - text-shadow: none; -} - -UnityDecoration .top:backdrop { - border: 0 solid @titlebar_bg_color; - border-bottom-width: 0; - background-color: shade(@titlebar_bg_color, 0.8); - background-image: none; - color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); -} - -UnityDecoration .left { - background-image: url('../assets/border-focused-left.png'); -} -UnityDecoration .right { - background-image: url('../assets/border-focused-right.png'); - -} -UnityDecoration .bottom { - background-image: url('../assets/border-focused-bottom.png'); -} - -UnityDecoration .left:backdrop { - background-image: url('../assets/border-unfocused-right.png'); -} -UnityDecoration .right:backdrop { - background-image: url('../assets/border-unfocused-left.png'); -} -UnityDecoration .bottom:backdrop { - background-image: url('../assets/border-unfocused-bottom.png'); -} - -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; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - background-image: none; - color: shade(@panel_fg_color, 1.08); -} - -/* 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.0/assets/arrow_down.png b/gtk-3.0/assets/arrow_down.png new file mode 100755 index 0000000..7b78617 Binary files /dev/null and b/gtk-3.0/assets/arrow_down.png differ diff --git a/gtk-3.0/assets/arrow_down_active.png b/gtk-3.0/assets/arrow_down_active.png new file mode 100755 index 0000000..d566a8d Binary files /dev/null and b/gtk-3.0/assets/arrow_down_active.png differ diff --git a/gtk-3.0/assets/arrow_left.png b/gtk-3.0/assets/arrow_left.png new file mode 100755 index 0000000..50544a7 Binary files /dev/null and b/gtk-3.0/assets/arrow_left.png differ diff --git a/gtk-3.0/assets/arrow_left_active.png b/gtk-3.0/assets/arrow_left_active.png new file mode 100755 index 0000000..9c60cbe Binary files /dev/null and b/gtk-3.0/assets/arrow_left_active.png differ diff --git a/gtk-3.0/assets/arrow_right.png b/gtk-3.0/assets/arrow_right.png new file mode 100755 index 0000000..376d597 Binary files /dev/null and b/gtk-3.0/assets/arrow_right.png differ diff --git a/gtk-3.0/assets/arrow_right_active.png b/gtk-3.0/assets/arrow_right_active.png new file mode 100755 index 0000000..4fa9ff7 Binary files /dev/null and b/gtk-3.0/assets/arrow_right_active.png differ diff --git a/gtk-3.0/assets/arrow_up.png b/gtk-3.0/assets/arrow_up.png new file mode 100755 index 0000000..3f3a859 Binary files /dev/null and b/gtk-3.0/assets/arrow_up.png differ diff --git a/gtk-3.0/assets/arrow_up_active.png b/gtk-3.0/assets/arrow_up_active.png new file mode 100755 index 0000000..1fc668b Binary files /dev/null and b/gtk-3.0/assets/arrow_up_active.png differ diff --git a/gtk-3.0/assets/checkbox-checked-insensitive-unfocused.png b/gtk-3.0/assets/checkbox-checked-insensitive-unfocused.png new file mode 120000 index 0000000..bee0db8 --- /dev/null +++ b/gtk-3.0/assets/checkbox-checked-insensitive-unfocused.png @@ -0,0 +1 @@ +checkbox-checked-insensitive.png \ No newline at end of file diff --git a/gtk-3.0/assets/checkbox-checked-insensitive-unfocused@2.png b/gtk-3.0/assets/checkbox-checked-insensitive-unfocused@2.png new file mode 120000 index 0000000..b9fd77a --- /dev/null +++ b/gtk-3.0/assets/checkbox-checked-insensitive-unfocused@2.png @@ -0,0 +1 @@ +checkbox-checked-insensitive@2.png \ No newline at end of file diff --git a/gtk-3.0/assets/checkbox-checked-insensitive@2.png b/gtk-3.0/assets/checkbox-checked-insensitive@2.png new file mode 100644 index 0000000..bfd593b Binary files /dev/null and b/gtk-3.0/assets/checkbox-checked-insensitive@2.png differ diff --git a/gtk-3.0/assets/checkbox-checked-unfocused.png b/gtk-3.0/assets/checkbox-checked-unfocused.png new file mode 120000 index 0000000..d506341 --- /dev/null +++ b/gtk-3.0/assets/checkbox-checked-unfocused.png @@ -0,0 +1 @@ +checkbox-checked.png \ No newline at end of file diff --git a/gtk-3.0/assets/checkbox-checked-unfocused@2.png b/gtk-3.0/assets/checkbox-checked-unfocused@2.png new file mode 120000 index 0000000..42d522a --- /dev/null +++ b/gtk-3.0/assets/checkbox-checked-unfocused@2.png @@ -0,0 +1 @@ +checkbox-checked@2.png \ No newline at end of file diff --git a/gtk-3.0/assets/checkbox-checked@2.png b/gtk-3.0/assets/checkbox-checked@2.png new file mode 100644 index 0000000..0c59a1d Binary files /dev/null and b/gtk-3.0/assets/checkbox-checked@2.png differ diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive-unfocused.png b/gtk-3.0/assets/checkbox-mixed-insensitive-unfocused.png new file mode 120000 index 0000000..0cd5385 --- /dev/null +++ b/gtk-3.0/assets/checkbox-mixed-insensitive-unfocused.png @@ -0,0 +1 @@ +checkbox-mixed-insensitive.png \ No newline at end of file diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive-unfocused@2.png b/gtk-3.0/assets/checkbox-mixed-insensitive-unfocused@2.png new file mode 120000 index 0000000..ebe84c9 --- /dev/null +++ b/gtk-3.0/assets/checkbox-mixed-insensitive-unfocused@2.png @@ -0,0 +1 @@ +checkbox-mixed-insensitive@2.png \ No newline at end of file diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive@2.png b/gtk-3.0/assets/checkbox-mixed-insensitive@2.png new file mode 100644 index 0000000..a18d73a Binary files /dev/null and b/gtk-3.0/assets/checkbox-mixed-insensitive@2.png differ diff --git a/gtk-3.0/assets/checkbox-mixed-unfocused.png b/gtk-3.0/assets/checkbox-mixed-unfocused.png new file mode 120000 index 0000000..1565756 --- /dev/null +++ b/gtk-3.0/assets/checkbox-mixed-unfocused.png @@ -0,0 +1 @@ +checkbox-mixed.png \ No newline at end of file diff --git a/gtk-3.0/assets/checkbox-mixed-unfocused@2.png b/gtk-3.0/assets/checkbox-mixed-unfocused@2.png new file mode 120000 index 0000000..017ff4a --- /dev/null +++ b/gtk-3.0/assets/checkbox-mixed-unfocused@2.png @@ -0,0 +1 @@ +checkbox-mixed@2.png \ No newline at end of file diff --git a/gtk-3.0/assets/checkbox-mixed@2.png b/gtk-3.0/assets/checkbox-mixed@2.png new file mode 100644 index 0000000..31a2e6f Binary files /dev/null and b/gtk-3.0/assets/checkbox-mixed@2.png differ diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive-unfocused.png b/gtk-3.0/assets/checkbox-unchecked-insensitive-unfocused.png new file mode 120000 index 0000000..e7ed300 --- /dev/null +++ b/gtk-3.0/assets/checkbox-unchecked-insensitive-unfocused.png @@ -0,0 +1 @@ +checkbox-unchecked-insensitive.png \ No newline at end of file diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive-unfocused@2.png b/gtk-3.0/assets/checkbox-unchecked-insensitive-unfocused@2.png new file mode 120000 index 0000000..cd89e8d --- /dev/null +++ b/gtk-3.0/assets/checkbox-unchecked-insensitive-unfocused@2.png @@ -0,0 +1 @@ +checkbox-unchecked-insensitive@2.png \ No newline at end of file diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive@2.png b/gtk-3.0/assets/checkbox-unchecked-insensitive@2.png new file mode 100644 index 0000000..cc805fc Binary files /dev/null and b/gtk-3.0/assets/checkbox-unchecked-insensitive@2.png differ diff --git a/gtk-3.0/assets/checkbox-unchecked-unfocused.png b/gtk-3.0/assets/checkbox-unchecked-unfocused.png new file mode 120000 index 0000000..7cf9646 --- /dev/null +++ b/gtk-3.0/assets/checkbox-unchecked-unfocused.png @@ -0,0 +1 @@ +checkbox-unchecked.png \ No newline at end of file diff --git a/gtk-3.0/assets/checkbox-unchecked-unfocused@2.png b/gtk-3.0/assets/checkbox-unchecked-unfocused@2.png new file mode 120000 index 0000000..f7af06b --- /dev/null +++ b/gtk-3.0/assets/checkbox-unchecked-unfocused@2.png @@ -0,0 +1 @@ +checkbox-unchecked@2.png \ No newline at end of file diff --git a/gtk-3.0/assets/checkbox-unchecked@2.png b/gtk-3.0/assets/checkbox-unchecked@2.png new file mode 100644 index 0000000..3f588ee Binary files /dev/null and b/gtk-3.0/assets/checkbox-unchecked@2.png differ diff --git a/gtk-3.0/assets/notebook/notebook.png b/gtk-3.0/assets/notebook.png similarity index 100% rename from gtk-3.0/assets/notebook/notebook.png rename to gtk-3.0/assets/notebook.png diff --git a/gtk-3.0/assets/radio-checked-insensitive-unfocused.png b/gtk-3.0/assets/radio-checked-insensitive-unfocused.png new file mode 120000 index 0000000..d51ef24 --- /dev/null +++ b/gtk-3.0/assets/radio-checked-insensitive-unfocused.png @@ -0,0 +1 @@ +radio-checked-insensitive.png \ No newline at end of file diff --git a/gtk-3.0/assets/radio-checked-insensitive-unfocused@2.png b/gtk-3.0/assets/radio-checked-insensitive-unfocused@2.png new file mode 120000 index 0000000..52cb74b --- /dev/null +++ b/gtk-3.0/assets/radio-checked-insensitive-unfocused@2.png @@ -0,0 +1 @@ +radio-checked-insensitive@2.png \ No newline at end of file diff --git a/gtk-3.0/assets/radio-selected-insensitive.png b/gtk-3.0/assets/radio-checked-insensitive.png similarity index 100% rename from gtk-3.0/assets/radio-selected-insensitive.png rename to gtk-3.0/assets/radio-checked-insensitive.png diff --git a/gtk-3.0/assets/radio-checked-insensitive@2.png b/gtk-3.0/assets/radio-checked-insensitive@2.png new file mode 100644 index 0000000..f690054 Binary files /dev/null and b/gtk-3.0/assets/radio-checked-insensitive@2.png differ diff --git a/gtk-3.0/assets/radio-checked-unfocused.png b/gtk-3.0/assets/radio-checked-unfocused.png new file mode 120000 index 0000000..e0c4830 --- /dev/null +++ b/gtk-3.0/assets/radio-checked-unfocused.png @@ -0,0 +1 @@ +radio-checked.png \ No newline at end of file diff --git a/gtk-3.0/assets/radio-checked-unfocused@2.png b/gtk-3.0/assets/radio-checked-unfocused@2.png new file mode 120000 index 0000000..bb5dbb2 --- /dev/null +++ b/gtk-3.0/assets/radio-checked-unfocused@2.png @@ -0,0 +1 @@ +radio-checked@2.png \ No newline at end of file diff --git a/gtk-3.0/assets/radio-selected.png b/gtk-3.0/assets/radio-checked.png similarity index 100% rename from gtk-3.0/assets/radio-selected.png rename to gtk-3.0/assets/radio-checked.png diff --git a/gtk-3.0/assets/radio-checked@2.png b/gtk-3.0/assets/radio-checked@2.png new file mode 100644 index 0000000..92ee3ec Binary files /dev/null and b/gtk-3.0/assets/radio-checked@2.png differ diff --git a/gtk-3.0/assets/radio-mixed-insensitive-unfocused.png b/gtk-3.0/assets/radio-mixed-insensitive-unfocused.png new file mode 120000 index 0000000..09540ba --- /dev/null +++ b/gtk-3.0/assets/radio-mixed-insensitive-unfocused.png @@ -0,0 +1 @@ +radio-mixed-insensitive.png \ No newline at end of file diff --git a/gtk-3.0/assets/radio-mixed-insensitive-unfocused@2.png b/gtk-3.0/assets/radio-mixed-insensitive-unfocused@2.png new file mode 120000 index 0000000..bd2db45 --- /dev/null +++ b/gtk-3.0/assets/radio-mixed-insensitive-unfocused@2.png @@ -0,0 +1 @@ +radio-mixed-insensitive@2.png \ No newline at end of file diff --git a/gtk-3.0/assets/radio-mixed-insensitive@2.png b/gtk-3.0/assets/radio-mixed-insensitive@2.png new file mode 100644 index 0000000..ecc9a7f Binary files /dev/null and b/gtk-3.0/assets/radio-mixed-insensitive@2.png differ diff --git a/gtk-3.0/assets/radio-mixed-unfocused.png b/gtk-3.0/assets/radio-mixed-unfocused.png new file mode 120000 index 0000000..5c36744 --- /dev/null +++ b/gtk-3.0/assets/radio-mixed-unfocused.png @@ -0,0 +1 @@ +radio-mixed.png \ No newline at end of file diff --git a/gtk-3.0/assets/radio-mixed-unfocused@2.png b/gtk-3.0/assets/radio-mixed-unfocused@2.png new file mode 120000 index 0000000..01bea01 --- /dev/null +++ b/gtk-3.0/assets/radio-mixed-unfocused@2.png @@ -0,0 +1 @@ +radio-mixed@2.png \ No newline at end of file diff --git a/gtk-3.0/assets/radio-mixed@2.png b/gtk-3.0/assets/radio-mixed@2.png new file mode 100644 index 0000000..f78494b Binary files /dev/null and b/gtk-3.0/assets/radio-mixed@2.png differ diff --git a/gtk-3.0/assets/radio-unchecked-insensitive-unfocused.png b/gtk-3.0/assets/radio-unchecked-insensitive-unfocused.png new file mode 120000 index 0000000..4c2901e --- /dev/null +++ b/gtk-3.0/assets/radio-unchecked-insensitive-unfocused.png @@ -0,0 +1 @@ +radio-unchecked-insensitive.png \ No newline at end of file diff --git a/gtk-3.0/assets/radio-unchecked-insensitive-unfocused@2.png b/gtk-3.0/assets/radio-unchecked-insensitive-unfocused@2.png new file mode 120000 index 0000000..2a4ce11 --- /dev/null +++ b/gtk-3.0/assets/radio-unchecked-insensitive-unfocused@2.png @@ -0,0 +1 @@ +radio-unchecked-insensitive@2.png \ No newline at end of file diff --git a/gtk-3.0/assets/radio-unselected-insensitive.png b/gtk-3.0/assets/radio-unchecked-insensitive.png similarity index 100% rename from gtk-3.0/assets/radio-unselected-insensitive.png rename to gtk-3.0/assets/radio-unchecked-insensitive.png diff --git a/gtk-3.0/assets/radio-unchecked-insensitive@2.png b/gtk-3.0/assets/radio-unchecked-insensitive@2.png new file mode 100644 index 0000000..d507339 Binary files /dev/null and b/gtk-3.0/assets/radio-unchecked-insensitive@2.png differ diff --git a/gtk-3.0/assets/radio-unchecked-unfocused.png b/gtk-3.0/assets/radio-unchecked-unfocused.png new file mode 120000 index 0000000..b0f95fc --- /dev/null +++ b/gtk-3.0/assets/radio-unchecked-unfocused.png @@ -0,0 +1 @@ +radio-unchecked.png \ No newline at end of file diff --git a/gtk-3.0/assets/radio-unchecked-unfocused@2.png b/gtk-3.0/assets/radio-unchecked-unfocused@2.png new file mode 120000 index 0000000..6f6835d --- /dev/null +++ b/gtk-3.0/assets/radio-unchecked-unfocused@2.png @@ -0,0 +1 @@ +radio-unchecked@2.png \ No newline at end of file diff --git a/gtk-3.0/assets/radio-unselected.png b/gtk-3.0/assets/radio-unchecked.png similarity index 100% rename from gtk-3.0/assets/radio-unselected.png rename to gtk-3.0/assets/radio-unchecked.png diff --git a/gtk-3.0/assets/radio-unchecked@2.png b/gtk-3.0/assets/radio-unchecked@2.png new file mode 100644 index 0000000..0b1b6ea Binary files /dev/null and b/gtk-3.0/assets/radio-unchecked@2.png differ diff --git a/gtk-3.0/assets/slider-horiz.png b/gtk-3.0/assets/slider-h.png similarity index 100% rename from gtk-3.0/assets/slider-horiz.png rename to gtk-3.0/assets/slider-h.png diff --git a/gtk-3.0/assets/slider-vert.png b/gtk-3.0/assets/slider-v.png similarity index 100% rename from gtk-3.0/assets/slider-vert.png rename to gtk-3.0/assets/slider-v.png diff --git a/gtk-3.0/assets/notebook/tab-bottom-active.png b/gtk-3.0/assets/tab-bottom-active.png similarity index 100% rename from gtk-3.0/assets/notebook/tab-bottom-active.png rename to gtk-3.0/assets/tab-bottom-active.png diff --git a/gtk-3.0/assets/notebook/tab-bottom.png b/gtk-3.0/assets/tab-bottom.png similarity index 100% rename from gtk-3.0/assets/notebook/tab-bottom.png rename to gtk-3.0/assets/tab-bottom.png diff --git a/gtk-3.0/assets/notebook/tab-left-active.png b/gtk-3.0/assets/tab-left-active.png similarity index 100% rename from gtk-3.0/assets/notebook/tab-left-active.png rename to gtk-3.0/assets/tab-left-active.png diff --git a/gtk-3.0/assets/notebook/tab-left.png b/gtk-3.0/assets/tab-left.png similarity index 100% rename from gtk-3.0/assets/notebook/tab-left.png rename to gtk-3.0/assets/tab-left.png diff --git a/gtk-3.0/assets/notebook/tab-right-active.png b/gtk-3.0/assets/tab-right-active.png similarity index 100% rename from gtk-3.0/assets/notebook/tab-right-active.png rename to gtk-3.0/assets/tab-right-active.png diff --git a/gtk-3.0/assets/notebook/tab-right.png b/gtk-3.0/assets/tab-right.png similarity index 100% rename from gtk-3.0/assets/notebook/tab-right.png rename to gtk-3.0/assets/tab-right.png diff --git a/gtk-3.0/assets/notebook/tab-top-active.png b/gtk-3.0/assets/tab-top-active.png similarity index 100% rename from gtk-3.0/assets/notebook/tab-top-active.png rename to gtk-3.0/assets/tab-top-active.png diff --git a/gtk-3.0/assets/notebook/tab-top.png b/gtk-3.0/assets/tab-top.png similarity index 100% rename from gtk-3.0/assets/notebook/tab-top.png rename to gtk-3.0/assets/tab-top.png diff --git a/gtk-3.0/assets/trough-h.png b/gtk-3.0/assets/trough-h.png new file mode 100755 index 0000000..81c7a70 Binary files /dev/null and b/gtk-3.0/assets/trough-h.png differ diff --git a/gtk-3.0/assets/trough-v.png b/gtk-3.0/assets/trough-v.png new file mode 100755 index 0000000..e746aae Binary files /dev/null and b/gtk-3.0/assets/trough-v.png differ diff --git a/gtk-3.0/gtk-widgets-assets.css b/gtk-3.0/gtk-widgets-assets.css deleted file mode 100644 index 67152ea..0000000 --- a/gtk-3.0/gtk-widgets-assets.css +++ /dev/null @@ -1,118 +0,0 @@ -/******************* - * check and radio * - *******************/ -check, -check row:selected, -check row:selected:focus { - padding: 4px; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -check:disabled, -check row:selected:disabled, -check row:selected:focus:disabled { - -gtk-icon-source: url("assets/checkbox-unchecked-insensitive.png"); -} - -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.png"), url("assets/checkbox-checked@2.png")); -} - -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.png"); -} - - -check:indeterminate, -check row:selected:indeterminate, -check row:selected:focus:indeterminate { - -gtk-icon-source: url("assets/checkbox-mixed.png"); -} - -check:indeterminate:disabled, -check row:selected:indeterminate:disabled, -check row:selected:focus:indeterminate:disabled { - -gtk-icon-source: url("assets/checkbox-mixed-insensitive.png"); -} - -radio, -radio row:selected, -radio row:selected:focus { - padding: 4px; - -gtk-icon-source: url("assets/radio-unselected.png"); -} - -radio:disabled, -radio row:selected:disabled, -radio row:selected:focus:disabled { - -gtk-icon-source: url("assets/radio-unselected-insensitive.png"); -} - -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.png"); -} - -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.png"); -} - -radio:indeterminate, -radio row:selected:indeterminate, -radio row:selected:focus:indeterminate { - -gtk-icon-source: url("assets/radio-mixed.png"); -} - -radio:indeterminate:disabled, -radio row:selected:indeterminate:disabled, -radio row:selected:focus:indeterminate:disabled { - -gtk-icon-source: url("assets/radio-mixed-insensitive.png"); -} - -/************************** - * menuitem check & radio * - **************************/ - -menuitem check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.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")); -} -menuitem check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png")); -} - -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.png")); - color: @theme_fg_color; - -gtk-icon-shadow: none; -} -menuitem radio:active, menuitem radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-selected.png")); -} -menuitem radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png")); -} -menuitem radio:hover { - color: @theme_selected_fg_color; -} -menuitem radio:disabled { - color: @insensitive_fg_color; -} diff --git a/gtk-3.0/gtk-widgets.css b/gtk-3.0/gtk-widgets.css index 908b2cb..db1f8f4 100644 --- a/gtk-3.0/gtk-widgets.css +++ b/gtk-3.0/gtk-widgets.css @@ -1,1613 +1,1145 @@ * { - -GtkScrollbar-has-backward-stepper: true; - -GtkScrollbar-has-forward-stepper: true; - -GtkScrolledwindow-scrollbar-spacing: 0; - -GtkScrolledwindow-scrollbars-within-bevel: 1; - -textview-error-underline-color: @error_color; - -GtkToolbutton-icon-spacing: 6; - -GtkTreeview-expander-size: 8; + -GtkScrollbar-has-backward-stepper: true; + -GtkScrollbar-has-forward-stepper: true; + -GtkScrollbar-has-secondary-backward-stepper: true; + -GtkScrollbar-has-secondary-forward-stepper: true; + -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; } - background-clip: padding-box; - - outline-color: alpha(@theme_selected_bg_color, 0.5); - outline-style: solid; - outline-offset: 0; - outline-width: 0; -} - -/*************** - * base states * - ***************/ .background { - background-color: @theme_bg_color; - color: @theme_fg_color; -} + 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; } -/* inherit colors from parent */ -/* * { - color: inherit; - background-color: inherit; -}*/ - -*:selected, -*:selected:focus { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -*:disabled, -*:disabled:disabled { - color: mix(@theme_fg_color, @theme_bg_color, 0.5); -} - -/* apply effects to disabled 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; + background-color: @theme_bg_color; } + .gtkstyle-fallback:hover { color: @theme_fg_color; -} - -.gtkstyle-fallback:hover { - background-color: shade(@theme_bg_color, 1.1); + background-color: shade(@theme_bg_color, 1.1); } + .gtkstyle-fallback:active { color: @theme_fg_color; -} - -.gtkstyle-fallback:active { - background-color: shade(@theme_bg_color, 0.9); - 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; -} + background-color: @theme_selected_bg_color; } -image, -image:disabled, -label, -label:disabled, -box, -box:disabled, -grid, -grid:disabled { - background-color: transparent; -} +image, image:disabled, label, label:disabled, box, box:disabled { + background-color: transparent; } -/****************** - * visual effects * - ******************/ -/* transitions */ -button { - transition: border 100ms ease-in-out; -} - -entry { - transition: border 100ms ease-out; -} - -entry selection:focus { - transition: border 100ms ease-in; -} - -entry image.left { - padding-right: 4px; -} - -notebook tab label, -notebook .hover-page, -notebook .hover-page label, -notebook .active-page, -notebook .active-page label { - transition: all 200ms ease-in; -} - -/* inset shadows */ -button:active, -toolbar.primary-toolbar button:active, -combobox button.combo:checked, -/*headerbar button:active, */ -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); -} - -entry { - box-shadow: none; - /* inset 1px 0 alpha(@dark_shadow, 0.10), - inset 0 1px alpha(@dark_shadow, 0.12), - inset -1px 0 alpha(@dark_shadow, 0.10), - inset 0 -1px alpha(@dark_shadow, 0.05); */ -} - -/* disable inset shadow */ -button:active *:disabled, -toolbar.primary-toolbar button:active *:disabled, -combobox button.combo:checked *:disabled, -headerbar button:active *:disabled, -entry:disabled { - box-shadow: none; -} - -/************* - * assistant * - *************/ -assistant .sidebar highlight { - font-weight: bold; -} - -assistant .sidebar { - padding: 4px; - border-width: 0 1px 0 0; - border-style: solid; - border-right-color: shade(@theme_bg_color, 0.8); - border-radius: 0; - background-color: @theme_bg_color; - color: mix(@theme_fg_color, @theme_bg_color, 0.1); -} - -/********** - * button * - **********/ -button { - padding: 6px 9px; - border-width: 1px; - border-radius: 2px; - border-style: solid; - border-color: shade(@theme_bg_color, 0.45); - background-color: shade(@theme_bg_color, 1.08); - color: @theme_fg_color; - box-shadow: inset 3px 3px @theme_base_color, - inset 1px 1px @theme_bg_color, - inset -2px -2px shade(@theme_bg_color, 0.85), - inset -1px -1px shade(@theme_bg_color, 0.65); -} - -button:focus, -button:active:focus { - box-shadow: inset 7px 7px @theme_base_color, - inset 5px 5px @theme_bg_color, - inset -6px -6px shade(@theme_bg_color, 0.85), - inset -5px -5px shade(@theme_bg_color, 0.65), - inset 0 0 0 4px shade(@theme_bg_color, 0.65), - inset 0 0 0 3px shade(@theme_bg_color, 0.85), - inset 0 0 0 2px shade(@theme_bg_color, 1.08); -} - -button:active, -button:checked { - background-color: shade(@theme_bg_color, 0.9); - box-shadow: inset -3px -3px shade(@theme_base_color, 0.9), - inset -1px -1px shade(@theme_bg_color, 0.9), - inset 2px 2px shade(@theme_bg_color, 0.85), - inset 1px 1px shade(@theme_bg_color, 0.65); -} - -button:checked:focus { - background-color: shade(@theme_bg_color, 0.9); - box-shadow: inset -3px -3px shade(@theme_base_color, 0.9), - inset -1px -1px shade(@theme_bg_color, 0.9), - inset 2px 2px shade(@theme_bg_color, 0.85), - inset 1px 1px shade(@theme_bg_color, 0.65), - 0 0 0 3px shade(@theme_bg_color, 0.65), - 0 0 0 2px shade(@theme_bg_color, 0.85), - 0 0 0 1px @theme_bg_color; -} - -button:disabled { - color: alpha(@theme_fg_color, 0.5); - box-shadow: inset 3px 3px @theme_base_color, - inset 1px 1px @theme_bg_color, - inset -2px -2px shade(@theme_bg_color, 0.95); -} - -/**************** - * cell and row * - ****************/ -.cell { - border-width: 0; - border-radius: 0; -} - -.cell:selected, -.cell:selected:focus { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -row { padding: 4px; -} - -row:selected, -row:selected:hover, -row:selected:focus { - border: none; - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -/******************* - * check and radio * - *******************/ -check, -radio, -check:disabled, -radio:disabled { - border-style: none; - background-color: transparent; -} - -checkbutton:hover, -checkbutton:active:hover, -checkbutton:selected, -checkbutton:selected:focus { - background-color: transparent; -} - -checkbutton:disabled, -radiobutton:disabled { - text-shadow: 1px 1px shade(@theme_base_color, 0.95); -} - -/**************** - * 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; -} - -/***************** - * column-header * - *****************/ -treeview header button, -treeview header button:active { - border-width: 0 1px 1px 0; - border-radius: 0; -} - -treeview header:last-child button { - border-width: 0 0 1px 0; -} - -/**************** - * content view * - ****************/ -.content-view.view { - 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.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 * - ****************/ -drawingarea { - background-color: @theme_base_color; -} - -drawingarea:disabled { - background-color: shade(@theme_base_color, 0.9); -} - -/*********** -* 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: 0; - background-color: transparent; - background-image: none; -} - -calendar highlight, -calendar.highlight { - border-width: 0; - background-color: transparent; - color: @theme_selected_bg_color; -} - -calendar:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - - -/****************** - * combobox entry * - ******************/ -combobox entry, -combobox entry:active, -combobox entry selection:focus, -combobox entry:disabled { - border-width: 1px 0 1px 1px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -button.combo:not(:only-child) { - padding: 4px 3px; -} - -/********* - * entry * - *********/ -entry { - padding: 4px 3px; - border-width: 1px; - border-radius: 0px; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - border-bottom-color: shade(@theme_base_color, 0.95); - background-color: @theme_base_color; - color: @theme_fg_color; - box-shadow: inset 0 0 0 1px shade(@theme_bg_color, 0.65), - inset 0 -1px shade(@theme_bg_color, 1.02); -} - -entry:focus { - border-right-color: shade(@theme_base_color, 0.95); - box-shadow: inset 0 0 0 1px #0000dd; -} - -entry:selected, -entry:selected:focus, -entry selection:focus, -entry selection { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -entry:disabled { - background-color: shade(@theme_bg_color, 0.95); - background-image: none; - color: mix(@theme_text_color, @theme_base_color, 0.5); -} - -entry progressbar { - border-width: 0; - border-radius: 0px; - background-color: @theme_bg_color; - background-image: none; - color: @theme_fg_color; -} - -entry entry { - border: none; - box-shadow: none; - background-color: transparent; - background-image: none; -} - -/************ - * 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); -} - -/************** - * list boxes * - **************/ -list { - background-color: shade(@theme_bg_color, 0.97); - color: @theme_fg_color; -} - -list-row { - background-color: shade(@theme_bg_color, 0.95); - color: @theme_fg_color; -} - -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.8); - 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.8);*/ - border: none; - border-radius: 0; -} - -/* file chooser white bg color on iconview */ -.nautilus-window scrolledwindow { - background: @theme_base_color; -} - -/* avoid double borders when a viewport is - * packed into a GtkScrolledWindow */ -scrolledwindow viewport frame { - border-style: none; -} - -/************ - * 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: 2px; - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -rubberband, -.rubberband, -view rubberband, -.view.rubberband, -.content-view.view.rubberband { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_selected_bg_color, 0.9); - border-radius: 0; - background-color: alpha(@theme_selected_bg_color, 0.3); -} - -iconview:selected, -iconview text:selected:focus, -iconview text:selected, -iconview text selection, -iconview text selection:focus { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/*********** - * infobar * - ***********/ -infobar { - border-width: 0; - border-style: none; -} - -.info { - border-width: 1px; - border-style: solid; - border-color: shade(@info_bg_color, 0.8); - background-color: @info_bg_color; - background-image: none; - color: @info_fg_color; -} - -.info button { - border-top-color: shade(@info_bg_color, 0.8); - border-right-color: shade(@info_bg_color, 0.72); - border-left-color: shade(@info_bg_color, 0.72); - border-bottom-color: shade(@info_bg_color, 0.7); - background-color: shade(@info_bg_color, 1.08); - color: /*@info_fg_color;*/ @theme_fg_color; -} - -.info button:hover { - border-top-color: shade(@info_bg_color, 0.85); - border-right-color: shade(@info_bg_color, 0.78); - border-left-color: shade(@info_bg_color, 0.78); - border-bottom-color: shade(@info_bg_color, 0.7); - background-color: shade(@info_bg_color, 1.10); -} - -.info button:active { - border-color: shade(@info_bg_color, 0.6); - background-color: shade(@info_bg_color, 0.95); -} - -.info button:active:hover { - border-top-color: shade(@info_bg_color, 0.85); - border-right-color: shade(@info_bg_color, 0.78); - border-left-color: shade(@info_bg_color, 0.78); - border-bottom-color: shade(@info_bg_color, 0.7); -} - -.info button.close { - color: @info_fg_color; -} - -.info button.close:hover { - background-color: alpha(white, 0.2); -} - -.info button.close:active { - color: @info_fg_color; - background-color: alpha(black, 0.1); -} - -.warning { - border-width: 1px; - border-style: solid; - border-color: shade(@warning_bg_color, 0.8); - background-color: @warning_bg_color; - background-image: none; - color: @warning_fg_color; -} - -.warning button { - border-top-color: shade(@warning_bg_color, 0.8); - border-right-color: shade(@warning_bg_color, 0.72); - border-left-color: shade(@warning_bg_color, 0.72); - border-bottom-color: shade(@warning_bg_color, 0.7); - background-color: shade(@warning_bg_color, 1.08); - color: /*@warning_fg_color;*/ @theme_fg_color; -} - -.warning button:hover { - border-top-color: shade(@warning_bg_color, 0.85); - border-right-color: shade(@warning_bg_color, 0.78); - border-left-color: shade(@warning_bg_color, 0.78); - border-bottom-color: shade(@warning_bg_color, 0.7); - background-color: shade(@warning_bg_color, 1.10); -} - -.warning button:active { - border-color: shade(@warning_bg_color, 0.6); - background-color: shade(@warning_bg_color, 0.95); -} - -.warning button:active:hover { - border-top-color: shade(@warning_bg_color, 0.85); - border-right-color: shade(@warning_bg_color, 0.78); - border-left-color: shade(@warning_bg_color, 0.78); - border-bottom-color: shade(@warning_bg_color, 0.7); -} - -.warning button.close { - color: @warning_fg_color; -} - -.warning button.close:hover { - background-color: alpha(white, 0.2); -} - -.warning button.close:active { - color: @warning_fg_color; - background-color: alpha(black, 0.1); -} - -.question { - border-width: 1px; - border-style: solid; - border-color: shade(@question_bg_color, 0.8); - background-color: @question_bg_color; - background-image: none; - color: @question_fg_color; -} - -.question button { - border-top-color: shade(@question_bg_color, 0.8); - border-right-color: shade(@question_bg_color, 0.72); - border-left-color: shade(@question_bg_color, 0.72); - border-bottom-color: shade(@question_bg_color, 0.7); - background-color: shade(@question_bg_color, 1.08); - color: /*@question_fg_color;*/ @theme_fg_color; -} - -.question button:hover { - border-top-color: shade(@question_bg_color, 0.85); - border-right-color: shade(@question_bg_color, 0.78); - border-left-color: shade(@question_bg_color, 0.78); - border-bottom-color: shade(@question_bg_color, 0.7); - background-color: shade(@question_bg_color, 1.10); -} - -.question button:active { - border-color: shade(@question_bg_color, 0.6); - background-color: shade(@question_bg_color, 0.95); -} - -.question button:active:hover { - border-top-color: shade(@question_bg_color, 0.85); - border-right-color: shade(@question_bg_color, 0.78); - border-left-color: shade(@question_bg_color, 0.78); - border-bottom-color: shade(@question_bg_color, 0.7); -} - -.question button.close { - color: @question_fg_color; -} - -.question button.close:hover { - background-color: alpha(white, 0.2); -} - -.question button.close:active { - color: @question_fg_color; - background-color: alpha(black, 0.1); -} - -.error { - 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-top-color: shade(@error_bg_color, 0.8); - border-right-color: shade(@error_bg_color, 0.72); - border-left-color: shade(@error_bg_color, 0.72); - border-bottom-color: shade(@error_bg_color, 0.7); - background-color: shade(@error_bg_color, 1.08); - color: /*@error_fg_color;*/ @theme_fg_color; -} - -.error button:hover { - border-top-color: shade(@error_bg_color, 0.85); - border-right-color: shade(@error_bg_color, 0.78); - border-left-color: shade(@error_bg_color, 0.78); - border-bottom-color: shade(@error_bg_color, 0.7); - background-color: shade(@error_bg_color, 1.10); -} - -.error button:active { - border-color: shade(@error_bg_color, 0.6); - background-color: shade(@error_bg_color, 0.95); -} - -.error button:active:hover { - border-top-color: shade(@error_bg_color, 0.85); - border-right-color: shade(@error_bg_color, 0.78); - border-left-color: shade(@error_bg_color, 0.78); - border-bottom-color: shade(@error_bg_color, 0.7); -} - -.error button.close { - color: @error_fg_color; -} - -.error button.close:hover { - background-color: alpha(white, 0.2); -} - -.error button.close:active { - color: @error_fg_color; - background-color: alpha(black, 0.1); -} - -/******************* - * symbolic images * - *******************/ -image { - color: alpha(currentColor, 0.5); -} - -image:hover { - color: alpha(currentColor, 0.9); -} - -image:selected, -image:selected:hover { - color: @theme_selected_fg_color; -} - -/* test */ image:disabled { - color: alpha(currentColor, 0.3); -} - -.view image, -.view image:hover { - color: alpha(currentColor, 0.9); -} - -.view image:selected, -.view image:selected:hover { - color: @theme_selected_fg_color; -} - -/***************** - * miscellaneous * - *****************/ -.floating-bar { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 2px; - background-color: @theme_bg_color; - background-image: none; - color: @theme_fg_color; -} - -.floating-bar top { - border-top-width: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; -} - -.floating-bar right { - border-right-width: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.floating-bar bottom { - border-bottom-width: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} - -.floating-bar left { - border-left-width: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} - -.floating-bar button { - border-style: none; - background-color: transparent; - background-image: none; -} - -.view label:disabled, -label:disabled { - color: alpha(currentColor, 0.5); -} - -label.separator { - color: @theme_fg_color; -} - -label.separator:backdrop { - color: shade(@theme_fg_color, 1.3); -} + color: alpha(currentColor, 0.5); } label selection { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} + 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; } -/*label:backdrop { - color: alpha(@theme_fg_color, 0.5); -} -*/ +button { + transition: border 100ms ease-in-out; } + +entry { + transition: border 100ms ease-out; } + entry:focus { + transition: border 100ms ease-in; } + +notebook tab label, notebook .prelight-page, notebook .prelight-page label, notebook .active-page, notebook .active-page label { + transition: all 200ms ease-in; } + +scale, progressbar { + transition: 200ms ease-out; } + scale:backdrop, progressbar:backdrop { + transition: 200ms ease-out; } + +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; } + +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; } + +decoration { + transition: 200ms ease-out; } + 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; } + +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; } + +button { + padding: 4px 9px; + border-style: solid; + border-width: 1px; + border-radius: 2px; + color: @theme_fg_color; + border-color: shade(@borders, 0.55); + background-color: shade(@theme_bg_color, 1.08); + -gtk-outline-radius: 2px; + box-shadow: inset 3px 3px @light_shadow, inset 1px 1px @theme_bg_color, inset -2px -2px shade(@theme_bg_color, 0.85), inset -1px -1px shade(@theme_bg_color, 0.65); + outline-offset: 2px; + outline-style: solid; + outline-color: alpha(@dark_shadow, 0.5); } + button:active, button:checked { + background-color: shade(@theme_bg_color, 0.9); + box-shadow: inset -3px -3px shade(@theme_base_color, 0.9), inset -1px -1px shade(@theme_bg_color, 0.9), inset 2px 2px shade(@theme_bg_color, 0.85), inset 1px 1px shade(@theme_bg_color, 0.65); } + button:active:disabled, button:checked:disabled { + color: mix(@theme_fg_color, @theme_unfocused_disabled_fg_color, 0.1); } + button:disabled { + color: mix(@theme_fg_color, @theme_unfocused_disabled_fg_color, 0.5); + box-shadow: inset 3px 3px @light_shadow, inset 1px 1px @theme_bg_color, inset -2px -2px shade(@theme_bg_color, 0.95); } +button.flat { + border-color: transparent; + border-radius: 2px; + color: @theme_fg_color; + background-color: transparent; + box-shadow: none; } + button.flat:hover { + border-color: shade(@borders, 0.55); + color: @theme_fg_color; + background-color: shade(@theme_bg_color, 1.08); + -gtk-outline-radius: 2px; + box-shadow: inset 3px 3px @light_shadow, inset 1px 1px @theme_bg_color, inset -2px -2px shade(@theme_bg_color, 0.85), inset -1px -1px shade(@theme_bg_color, 0.65); } + button.flat:active, button.flat:checked { + background-color: shade(@theme_bg_color, 0.9); + box-shadow: inset -3px -3px shade(@theme_base_color, 0.9), inset -1px -1px shade(@theme_bg_color, 0.9), inset 2px 2px shade(@theme_bg_color, 0.85), inset 1px 1px shade(@theme_bg_color, 0.65); } + button.flat:active:backdrop, button.flat:checked:backdrop { + color: @theme_unfocused_selected_fg_color; } + button.flat:disabled { + border-color: transparent; + color: alpha(@theme_fg_color, 0.8); + background-color: transparent; } + button.flat:disabled:backdrop { + border-color: transparent; + color: alpha(@theme_fg_color, 0.7); + background-color: transparent; } + button.flat:backdrop { + color: @theme_unfocused_fg_color; } + +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; } + checkbutton:selected { + padding: 4px; + border-style: none; + background-color: transparent; } + checkbutton:selected:focus { + padding: 4px; + border-style: none; + background-color: transparent; } + +view.content-view check, .content-view.view check { + background-color: transparent; } + view.content-view check:active, .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; } + +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, menuitem radio { + min-height: 16px; + min-width: 16px; } +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.view { + 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); } + +calendar { + padding: 2px; + border-width: 1px; + border-radius: 2px; + 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; + 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 { + padding: 5px; + border-width: 1px; + border-style: solid; + border-color: shade(@borders, 0.9); + border-bottom-color: shade(@light_shadow, 0.95); + background-color: @theme_base_color; + box-shadow: inset 0 0 0 1px shade(@theme_bg_color, 0.65), inset 0 -1px shade(@theme_bg_color, 1.02); + color: @theme_text_color; + caret-color: currentColor; } + entry:active, entry:focus { + border-right-color: shade(@borders, 1.05); + box-shadow: inset 0 0 0 1px #0000dd; } + entry:selected, entry:selected:focus, entry selection, entry selection:focus { + color: @theme_selected_fg_color; + 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; } + entry.read-only { + background-color: mix(@theme_bg_color, @theme_disabled_bg_color, 0.1); } + entry:backdrop { + color: @theme_unfocused_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: #3196ff; + background-color: transparent; } + entry.flat, entry.flat:focus { + padding: 3px; + border: none; + border-radius: 0; + background-color: transparent; } + entry.search { + border-radius: 40px; } + entry entry { + background-color: transparent; + box-shadow: none; } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: @theme_selected_bg_color; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +list { + 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, list row:selected:hover, list row:selected:focus { + border: none; + 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; } + +frame > border { + 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; } + +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); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; + color: @theme_selected_fg_color; + background-color: @theme_selected_bg_color; } + +infobar { + border: none; } + +.info { + 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); + 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-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); + 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-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); + 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-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); + 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; } + +.floating-bar { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_base_color, 0.85); + border-radius: 2px; + 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; } .dnd { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_selected_bg_color, 0.9); -} + border-width: 1px; + border-style: solid; + border-color: @borders; } -grip { - background-color: transparent; -} +.terminal-screen, terminal-window, vte-terminal { + background-color: @terminal_bg_color; + color: @terminal_fg_color; } -arrow, -combobox arrow { - color: alpha(currentColor, 0.7); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; +.nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: @theme_base_color; } + +.caja-location-entry { + padding: 3px 5px; } + +scrolledwindow viewport.frame { + border: none; } + +arrow, combobox arrow { + color: alpha(currentColor, 0.75); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; } + +.monospace { + font-family: Monospace; } + +.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 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + background-color: @theme_bg_color; } + +button.circular, button.circular-button { + padding: 0; + min-width: 16px; + min-height: 24px; + padding: 2px 6px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + +menu, .menu { + margin: 4px; + padding: 0; + border-radius: 2px; + border-style: none; + color: @menu_fg_color; + background-color: @menu_bg_color; } + .csd menu, .csd .menu { + padding: 4px; + border-radius: 2px; + border: none; + box-shadow: inset -1px 0 shade(@menu_bg_color, 0.65), inset 0 -1px shade(@menu_bg_color, 0.65), inset 1px 0 @light_shadow, inset 0 1px @light_shadow; } + menu > arrow, .menu > arrow { + padding: 4px; + border-color: transparent; + 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"); } -combobox:drop(active) { - box-shadow: none; -} +menubar, .menubar { + -GtkWidget-window-dragging: true; + padding: 0; + border-style: none; + background-color: @menubar_bg_color; + color: @menubar_fg_color; + box-shadow: inset 0 -1px shade(@menubar_bg_color, 0.9), inset 1px 1px alpha(@light_shadow, 0.5); } + menubar:backdrop, .menubar:backdrop { + color: @theme_unfocused_fg_color; + background-color: @theme_unfocused_bg_color; } -/******** - * menu * - ********/ -menu, -treemenu menu, -toolbutton menu, -combobox menu, -toolbar menu, -headerbar menu, -.primary-toolbar menu, -.primary-toolbar button menu, -toolbar .primary-toolbar menu, -headerbar .primary-toolbar menu { - margin: 4px; /* avoid minify of menu */ - padding: 3px; - border-width: 1px; - border-radius: 0px; - border-style: solid; - border-color: @menu_fg_color; - background-color: @menu_bg_color; - color: @menu_fg_color; - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.65), - inset 0 -1px shade(@menu_bg_color, 0.65), - inset 1px 0 #f1f1f1, - inset 0 1px #f1f1f1; -} - -/* Hover-effect on play-button in ubuntu soundmenu */ -menu:selected { - background-color: @selected_bg_color; -} - -menu button:hover, -menu button:active, -menu button:active *:disabled, -menu button:disabled, -menu button { - border-width: 0; - background-color: @menu_bg_color; - 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: 0 solid shade(@menubar_bg_color, 0.7); - border-bottom-width: 1px; - background-color: @menubar_bg_color; - background-image: none; - color: @menubar_fg_color; - box-shadow: inset 0 -1px shade(@menubar_bg_color, 0.9), - inset 1px 1px alpha(@theme_base_color, 0.5); -} - -/*************** - * menubaritem * - ***************/ -menubar menuitem, -menubar > menuitem { - padding: 3px 5px; - border-width: 0; - border-style: solid; - border-color: transparent; - background-color: transparent; - background-image: none; - color: @menubar_fg_color; -} - -menubar menuitem:hover, -menubar > menuitem:hover { - border-color: mix(@menubar_bg_color, @menubar_fg_color, 0.21); - background-color: mix(@menubar_bg_color, @menubar_fg_color, 0.21); - background-image: none; - color: shade(@menubar_fg_color, 1.08); -} - -menubar menuitem *:hover, -menubar > menuitem *:hover { - color: shade(@menubar_fg_color, 1.08); -} - -/************ - * menuitem * - ************/ -treemenu menuitem { - padding: 0; - border-width: 0; -} - -menu menuitem, -menu > menuitem { - padding: 3px 3px; - border-width: 0; - border-style: solid; - border-color: transparent; - border-radius: 0; - 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; -} - -menu menuitem:hover, -menu menuitem:active, -menu menuitem *:hover, -menu menuitem *:active { +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; -} + 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; + background-color: transparent; } -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; +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; + 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; -} - -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 check:hover, -menuitem check:disabled, -menuitem radio, -menuitem radio:hover, -menuitem radio:disabled { - border-style: none; - min-width: 16px; - min-height: 16px; - background-color: transparent; - background-image: none; -} - -menuitem check:checked, -menuitem radio:checked { - 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 selection: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 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); -} - -model menuitem box image { - padding-right: 4px; -} - -/************ - * popovers * - ************/ -popover { - margin: 10px; - padding: 2px; - border-radius: 2px; - border-color: shade(@theme_bg_color, 0.8); - 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.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; -} + 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: 2px; + 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; + background-color: transparent; } + popover checkbutton:selected, popover radiobutton:selected, popover.background checkbutton:selected, popover.background radiobutton:selected { + color: @theme_selected_fg_color; + background-color: @theme_selected_bg_color; } 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 { + box-shadow: none; } + popover.osd > toolbar button { + border-width: 0; border-radius: 0; - border-width: 0; - background-image: none; - background-color: transparent; -} + background-color: transparent; } +popover:backdrop { + border-color: @unfocused_borders; + color: @theme_unfocused_fg_color; + background-color: @theme_unfocused_bg_color; + box-shadow: none; } -popover separator, -popover.separator { - border: 0; - background-color: transparent; - color: alpha(currentColor, 0.5); - font-size: 80%; - font-weight: bold; -} - -modelbutton, -modelbutton:active, -modelbutton:disabled, -modelbutton:checked:disabled { - padding: 3px 8px; - background-color: transparent; - background-image: none; - border-color: transparent; - border-style: none; - box-shadow: none; - color: @theme_fg_color; -} - -modelbutton:active:hover, -modelbutton:hover, -modelbutton:selected { - border-width: 0; - border-color: transparent; - background-color: @theme_selected_bg_color; - background-image: 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"); } -modelbutton.flat:selected, -.menuitem.button.flat:selected, -popover.background checkbutton:selected, -popover.background radiobutton:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/************ - * notebook * - ************/ notebook { - background-color: @theme_bg_color; - background-image: none; - border-radius: 0; - padding: 0; - background-clip: border-box; - border-color: shade(@theme_bg_color, 0.82); - border-width: 0; - border-style: solid; -} - -notebook > stack:not(:only-child) { - background-color: @theme_bg_color; - background-image: none; - border-radius: 0; - padding: 0; - background-clip: border-box; - border-color: shade(@theme_bg_color, 0.82); - border-width: 1px; - border-style: solid; - border-image: url('assets/notebook/notebook.png') 2 2 2 2 stretch; -} - -notebook > frame { - border-width: 1px; -} - -notebook > header { - border-width: 0; - background-color: @theme_bg_color; -} - -notebook > header > frame { - border-color: @theme_bg_color; - box-shadow: none; -} - -notebook tab { - border-width: 4px; - border-radius: 0px; - border-style: solid; - border-color: transparent; - background-color: shade(@theme_bg_color, 0.92); - color: @theme_fg_color; -} - -notebook tab:checked { - outline-color: transparent; - background-color: @theme_bg_color; -} - -notebook tab label { - /*padding: 1px;*/ - padding: 4px 8px 4px 8px; -} - -notebook header.top tab:checked { - border-image: url('assets/notebook/tab-top-active.png') 6 6 6 6 stretch; - box-shadow: 0 1px @theme_bg_color; -} - -notebook header.top tab { - border-image: url('assets/notebook/tab-top.png') 6 6 6 6 stretch; -} - -notebook header.right tab:checked { - border-image: url('assets/notebook/tab-right-active.png') 6 6 6 6 stretch; - box-shadow: -1px 0 @theme_bg_color; -} - -notebook header.right tab { - border-image: url('assets/notebook/tab-right.png') 6 6 6 6 stretch; -} - -notebook header.bottom tab:checked { - border-image: url('assets/notebook/tab-bottom-active.png') 6 6 6 6 stretch; - box-shadow: 0 -1px @theme_bg_color; -} - -notebook header.bottom tab { - border-image: url('assets/notebook/tab-bottom.png') 6 6 6 6 stretch; -} - -notebook header.left tab:checked { - border-image: url('assets/notebook/tab-left-active.png') 6 6 6 6 stretch; - box-shadow: 1px 0 @theme_bg_color; -} - -notebook header.left tab { - border-image: url('assets/notebook/tab-left.png') 6 6 6 6 stretch; -} - -notebook tab button { - padding: 0; -} - -notebook GtkDrawingArea { - background-color: @theme_base_color; -} - -notebook frame { - border-width: 1px; -} - -/* close button styling */ -notebook tab button, -notebook tab button:hover, -notebook tab button:active { - padding: 1px; - border-width: 0px; - border-radius: 2px; - border-style: solid; - border-color: transparent; - background-image: none; + padding: 0; } + notebook.frame { + margin: -1px; + border: none; } + notebook.frame > header { + margin: -1px; } + 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) { + border: 1px solid transparent; background-color: transparent; - box-shadow: none; - color: mix(@theme_text_color, @theme_base_color, 0.5); -} - -/* COMMON */ -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 { + border-image: url("assets/notebook.png") 2 2 2 2 stretch; } + notebook tab { + padding: 4px 6px; + border-width: 4px; + border-style: solid; + border-radius: 0; + border-color: transparent; color: @theme_fg_color; -} + background-color: shade(@theme_bg_color, 0.92); } + notebook tab:checked { + background-color: @theme_bg_color; } + 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; + box-shadow: none; } + notebook > header { + background-color: @theme_bg_color; } + notebook > header:backdrop { + background-color: @theme_unfocused_bg_color; } + notebook > header.top > tabs > tab { + border-image: url("assets/tab-top.png") 6 6 6 6 stretch; } + notebook > header.top > tabs > tab:checked { + border-image: url("assets/tab-top-active.png") 6 6 6 6 stretch; } + notebook > header.bottom > tabs > tab { + border-image: url("assets/tab-bottom.png") 6 6 6 6 stretch; } + notebook > header.bottom > tabs > tab:checked { + border-image: url("assets/tab-bottom-active.png") 6 6 6 6 stretch; } + notebook > header.right > tabs > tab { + border-image: url("assets/tab-right.png") 6 6 6 6 stretch; } + notebook > header.right > tabs > tab:checked { + border-image: url("assets/tab-right-active.png") 6 6 6 6 stretch; } + notebook > header.left > tabs > tab { + border-image: url("assets/tab-left.png") 6 6 6 6 stretch; } + notebook > header.left > tabs > tab:checked { + border-image: url("assets/tab-left-active.png") 6 6 6 6 stretch; } + 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); } -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: @theme_bg_color; - color: transparent; -} - + 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; -} + border-style: none; } + +overshoot.top { + 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; + background-color: transparent; + border: none; + box-shadow: none; } +overshoot.bottom { + 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; + background-color: transparent; + border: none; + box-shadow: none; } +overshoot.left { + 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; + background-color: transparent; + border: none; + box-shadow: none; } +overshoot.right { + 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; + background-color: transparent; + border: none; + box-shadow: none; } + +undershoot.top { + background-color: transparent; + 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; + background-origin: content-box; + background-position: center top; } +undershoot.bottom { + background-color: transparent; + 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; + background-origin: content-box; + background-position: center bottom; } +undershoot.left { + background-color: transparent; + 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; + background-origin: content-box; + background-position: left center; } +undershoot.right { + background-color: transparent; + 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; + background-origin: content-box; + background-position: right center; } + +.overlay-bar { + 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: 0; - border-width: 1px; - border-radius: 0px; -} - -progressbar progress { + padding: 0; + border: none; + color: mix(@theme_fg_color, @theme_selected_fg_color, 0.5); + background-color: transparent; } + progressbar progress { border: 1px solid #255584; background-color: #3196ff; - box-shadow: inset 1px 1px alpha(@theme_base_color, 0.5); -} - -progressbar trough, -progressbar progress { - min-height: 18px; -} - -progressbar trough { - padding: 2px 0; -} - -progressbar.vertical trough, -progressbar.vertical progress { - min-height: 0; - min-width: 18px; -} - -progressbar.vertical trough { - padding: 0 2px; -} - -progressbar trough, -progressbar trough.vertical { - border-width: 1px; + box-shadow: inset 1px 1px alpha(@light_shadow, 0.5); + border-radius: 0px; } + progressbar trough { border-radius: 0px; + border-width: 1px; border-style: solid; border-color: shade(@theme_bg_color, 0.8); border-bottom-color: shade(@theme_base_color, 0.9); border-right-color: shade(@theme_base_color, 0.9); background-color: @theme_base_color; color: @theme_fg_color; - box-shadow: inset 1px 1px shade(@theme_bg_color, 0.65), - inset -1px -1px shade(@theme_bg_color, 1.02); -} + box-shadow: inset 1px 1px shade(@theme_bg_color, 0.65), inset -1px -1px shade(@theme_bg_color, 1.02); } + progressbar.horizontal trough, progressbar.horizontal progress { + min-height: 18px; } + progressbar.horizontal trough { + padding: 2px 0; } + progressbar.vertical trough, progressbar.vertical progress { + min-width: 18px; } + progressbar.vertical trough { + padding: 0 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); } -/* levelbar */ levelbar trough { - padding: 1px; - border-radius: 0px; - background-color: shade(@theme_bg_color, 0.85); - border: 1px solid shade(@theme_bg_color, 0.5); -} - + 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; - padding: 1px; - border-radius: 0px; - border-color: shade(@theme_selected_bg_color, 0.9); - background-color: @theme_selected_bg_color; -} + border: none; + padding: 2px; + border-radius: 0px; + 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); } -levelbar. block.horizontal { - margin: 0 1px; -} - -levelbar. block.vertical { - margin: 1px 0; -} - -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; -} - -/********* - * scale * - *********/ scale { - min-height: 10px; - min-width: 10px; - padding: 12px; - border-width: 1px; - border-radius: 0px; -} - -scale slider { - border-radius: 0px; - min-height: 21px; - min-width: 15px; - margin: -9px; - background-color: transparent; - background-repeat: no-repeat; - background-image: url('assets/slider-horiz.png'); - background-position: center center; -} - -scale.vertical slider { - min-height: 15px; - min-width: 21px; -} - -scale slider:disabled { - border-radius: 0px; - background-image: url('assets/slider-horiz.png'); -} - -/* vertical sliders */ -scale.vertical slider { - border-radius: 0px; - background-image: url('assets/slider-vert.png'); -} - -scale.vertical slider:disabled { - border-radius: 0px; - background-image: url('assets/slider-vert.png'); -} - -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-size: 70%; - 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 { - min-height: 6px; - min-width: 1px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 6px; -} - -scale trough { - padding: 0; + min-height: 10px; + min-width: 10px; + padding: 12px; } + scale fill, scale trough { border-width: 1px; border-radius: 2px; border-style: solid; @@ -1617,76 +1149,93 @@ scale trough { background-color: shade(@theme_bg_color, 0.6); color: @theme_fg_color; box-shadow: inset 1px 1px @theme_fg_color; - margin: 9px 6px; - outline-width: 0; -} - -scale trough.vertical { - margin: 6px 9px; -} - -scale highlight { - background-color: transparent; -} - -scale trough:disabled{ - border-color: shade(@theme_bg_color, 0.95); - background-color: shade(@theme_bg_color, 0.9); - background-image: none; -} - -/************* - * scrollbar * - *************/ -scrollbar { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_bg_color, 0.7); - padding: 0; - background-color: shade(@theme_bg_color, 0.95); - background-image: none; - border-image: none; -} - -scrollbar trough { + outline-offset: 2px; + -gtk-outline-radius: 0; } + scale fill:disabled, scale trough:disabled { + border-color: shade(@borders, 1.05); + background-color: @borders; } + scale highlight { + border: none; + border-radius: 4px; + background-color: transparent; } + scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 3px; } + scale.vertical indicator { + min-height: 1px; + 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; + -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 { + margin: -9px; border: none; - background: transparent; - box-shadow: inset 0 2px shade(@theme_bg_color, 0.85), - inset 0 -1px shade(@theme_base_color, 0.82); -} - -scrollbar.vertical trough { - box-shadow: inset 2px 0 shade(@theme_bg_color, 0.85), - inset -1px 0 shade(@theme_base_color, 0.82); -} - -scrollbar button, -scrollbar button:active, -scrollbar button:disabled { - margin: -1px; - padding: 4px; border-radius: 0; - border-color: shade(@theme_bg_color, 0.8); - color: alpha(@theme_fg_color, 0.5); - box-shadow: inset 1px 1px alpha(@theme_base_color, 0.7), - inset -1px -1px alpha(@theme_fg_color, 0.2); -} - -scrollbar button:active { - background-color: shade(@theme_bg_color, 0.9); -} - -scrollbar.vertical button { - min-height: 12px; -} - -scrollbar.horizontal button { - min-width: 12px; -} - -scrollbar slider { - min-height: 45px; + color: @theme_fg_color; + background-color: transparent; + background-repeat: no-repeat; + background-position: center center; } + scale.horizontal slider { + min-height: 21px; min-width: 15px; + background-image: url("assets/slider-h.png"); } + scale.vertical slider { + min-height: 15px; + min-width: 21px; + background-image: url("assets/slider-v.png"); } + 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 { + border: 1px solid shade(@borders, 0.8); + background-color: @theme_bg_color; } + scrollbar trough { + border: none; + border-radius: 0; } + scrollbar:backdrop { + background-color: @theme_unfocused_bg_color; } + scrollbar slider { + margin: 0; border-width: 1px; border-radius: 0px; border-style: solid; @@ -1695,1743 +1244,1313 @@ scrollbar slider { border-left-color: shade(@theme_bg_color, 0.75); background-color: @theme_bg_color; color: @theme_fg_color; - box-shadow: inset -1px -1px shade(@theme_bg_color, 0.85), - inset 1px 1px @theme_base_color; - border-left-width: 0; - border-right-width: 0; - background-image: url('assets/thumb-v.png'); + box-shadow: inset -1px -1px shade(@theme_bg_color, 0.85), inset 1px 1px @theme_base_color; background-position: center center; - background-repeat: no-repeat; -} + background-repeat: no-repeat; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border: 1px solid shade(@borders, 0.8); + opacity: 1; + margin: 0; + background-color: @theme_bg_color; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 1; } + scrollbar.horizontal { + box-shadow: inset 0 2px @borders, inset 0 -1px alpha(@light_shadow, 0.3); } + scrollbar.horizontal slider { + min-height: 13px; + min-width: 45px; + border-top-width: 0; + border-bottom-width: 0; + background-image: url("assets/thumb-h.png"); } + scrollbar.horizontal button { + border: none; + padding: 0; + box-shadow: none; + color: transparent; + outline-color: transparent; + min-height: 13px; + min-width: 15px; } + scrollbar.horizontal button:backdrop { + color: transparent; + outline-color: transparent; } + scrollbar.horizontal button.down { + background-image: url("assets/arrow_right.png"); } + scrollbar.horizontal button.down:hover { + background-image: url("assets/arrow_right.png"); } + scrollbar.horizontal button.down:active { + background-image: url("assets/arrow_right_active.png"); } + scrollbar.horizontal button.up { + background-image: url("assets/arrow_left.png"); } + scrollbar.horizontal button.up:hover { + background-image: url("assets/arrow_left.png"); } + scrollbar.horizontal button.up:active { + background-image: url("assets/arrow_left_active.png"); } + scrollbar.vertical { + box-shadow: inset 2px 0 @borders, inset -1px 0 alpha(@light_shadow, 0.3); } + scrollbar.vertical slider { + min-width: 13px; + min-height: 45px; + border-left-width: 0; + border-right-width: 0; + background-image: url("assets/thumb-v.png"); } + scrollbar.vertical button { + min-height: 15px; + min-width: 13px; + border: none; + padding: 0; + box-shadow: none; + color: transparent; + outline-color: transparent; } + scrollbar.vertical button:backdrop { + color: transparent; + outline-color: transparent; } + scrollbar.vertical button.down { + background-image: url("assets/arrow_down.png"); } + scrollbar.vertical button.down:hover { + background-image: url("assets/arrow_down.png"); } + scrollbar.vertical button.down:active { + background-image: url("assets/arrow_down_active.png"); } + scrollbar.vertical button.up { + background-image: url("assets/arrow_up.png"); } + scrollbar.vertical button.up:hover { + background-image: url("assets/arrow_up.png"); } + scrollbar.vertical button.up:active { + background-image: url("assets/arrow_up_active.png"); } + treeview ~ scrollbar.vertical { + border-top: 1px solid @borders; + margin-top: -1px; } -scrollbar.horizontal slider { - min-width: 45px; - min-height: 12px; - border-top-width: 0; - border-bottom-width: 0; - border-left-width: 1px; - border-right-width: 1px; - background-image: url('assets/thumb-h.png'); -} - -scrollbar slider.fine-tune:hover:active { +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; + 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-color: transparent; -} - -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");*/ - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -scrollbar.horizontal button.up { -/* -gtk-icon-source: -gtk-icontheme("pan-left-symbolic");*/ - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -treeview ~ scrollbar.vertical { - border-top: 1px solid @borders; - margin-top: -1px; -} - -/************* - * separator * - *************/ -separator, -.separator, -.view.separator, -.view separator, -.sidebar.view separator, -.sidebar.view.separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; border-style: none; - background-color: transparent; - background-image: image(shade(@theme_bg_color, 0.9)); - background-size: 1px 1px; -} + color: mix(@borders, @menu_bg_color, 0.5); } + popover separator { + border: 0; + color: alpha(currentColor, 0.5); + background-color: transparent; } + combobox separator { + border: none; } -/* button separator */ -button separator, -button.separator { - min-width: 1px; - min-height: 1px; - background-image: image(shade(@theme_bg_color, 0.95)); -} - -button separator:disabled, -button.separator:disabled { - background-image: image(shade(@theme_bg_color, 0.85)); -} - -/* x-bar separator */ -toolbar.separator, -toolbar separator, -toolbar.separator:disabled, -toolbar separator:disabled, -.primary-toolbar.separator, -.primary-toolbar separator, -.primary-toolbar.separator:disabled, -.primary-toolbar separator:disabled { - background-image: image(shade(@toolbar_bg_color, 0.95)); -} - -headerbar separator, -headerbar.separator, -headerbar.titlebar separator, -headerbar.titlebar.separator { - background-image: image(shade(@titlebar_bg_color, 0.35)); -} - -/* x-bar button separator */ -toolbar button separator, -toolbar button.separator, -toolbar.primary-toolbar button separator, -toolbar.primary-toolbar button.separator { - background-image: image(shade(@toolbar_bg_color, 0.95)); -} - -headerbar button separator, -headerbar button.separator, -headerbar.titlebar button separator, -headerbar.titlebar button.separator { - background-image: image(shade(@titlebar_bg_color, 0.95)); -} - -/* titlebutton separator */ -.titlebar separator.titlebutton { - padding: 0px; - background-image: image(shade(@titlebar_bg_color, 0.9)); -} - -.titlebar separator.titlebutton:backdrop { - padding: 0px; - background-image: image(shade(@theme_bg_color, 0.9)); -} - -/* x-bar button separator disabled */ -toolbar button separator:disabled, -toolbar button.separator:disabled, -toolbar.primary-toolbar button separator:disabled, -toolbar.primary-toolbar button.separator:disabled { - background-image: image(shade(@toolbar_bg_color, 0.85)); -} - -headerbar button separator:disabled, -headerbar button.separator:disabled, -headerbar.titlebar button separator:disabled, -headerbar.titlebar button.separator:disabled { - background-image: image(shade(@titlebar_bg_color, 0.85)); -} - -menuitem separator, -menuitem.separator { - background-image: image(shade(@menu_bg_color, 0.9)); -} - -combobox separator, -combobox.separator { - background-image: none; - background-color: transparent; -} - -/*********** - * sidebar * - ***********/ -.sidebar, -.sidebar.view, -.sidebar .view, -placessidebar .view, -.sidebar scrolledwindow { - background-color: @sidebar_bg_color; +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; -} - -.sidebar row:selected, -.sidebar row:selected:hover, -.sidebar row:selected:focus, -.sidebar .view, -.sidebar .view:selected, -.sidebar .view:selected:hover, -placessidebar .view row:selected, -placessidebar .view row:selected:hover, -placessidebar .view row:selected:focus { - border-color: shade(@theme_selected_bg_color, 0.9); - background-color: @theme_selected_bg_color; - background-image: none; + 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); } -.sidebar row:hover, -.sidebar .view:hover, -placessidebar .view row:hover { - border-color: shade(@theme_selected_bg_color, 1.05); - background-color: shade(@theme_selected_bg_color, 1.05); - background-image: none; - color: @sidebar_fg_color; -} +.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; } -.sidebar row:selected:hover, -.sidebar .view:selected:hover, -placessidebar .view row:selected:hover { - border-color: shade(@theme_selected_bg_color, 1.05); - background-color: shade(@theme_selected_bg_color, 1.05); - background-image: none; +.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; } + +.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; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row:selected { color: @theme_selected_fg_color; -} - -.sidebar frame { - border-width: 0; -} + 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; } placessidebar > viewport.frame { - border-style: none; -} - + border-style: none; } placessidebar row { - min-height: 36px; - padding: 0px; -} + min-height: 36px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 14px; } + placessidebar row image.sidebar-icon { + opacity: 0.75; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } -placessidebar row > revealer { - padding: 0 14px; -} - -placessidebar row image.sidebar-icon { - opacity: 0.7; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; -} - -button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; - border-radius: 100%; - -gtk-outline-radius: 100%; -} - -/************** - * spinbutton * - **************/ -spinbutton button { - border-radius: 0; - border-right-width: 0; -} - -spinbutton button.up { - border-right-width: 1px; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -spinbutton button.down { - border-right-width: 0; -} +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%; } +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:disabled, spinbutton entry:disabled { + color: @theme_disabled_fg_color; } + spinbutton button:disabled:backdrop, spinbutton entry:disabled:backdrop { + color: @theme_unfocused_disabled_fg_color; } spinbutton.horizontal entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - 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-right-width: 0; + border-left-width: 0; + border-radius: 0; } +spinbutton.horizontal button.up { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } spinbutton.vertical entry { - border-radius: 0; - box-shadow: none; -} - -spinbutton.vertical button { - border-radius: 0; - border-bottom-width: 0; - border-right-width: 1px; -} - + border-radius: 0; } + spinbutton.vertical entry:focus { + box-shadow: none; } spinbutton.vertical button.up { - border-bottom-width: 0; - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom-width: 0; } spinbutton.vertical button.down { - border-bottom-width: 1px; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} + border-top-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; } -spinbutton:not(.vertical) selection, -spinbutton:not(.vertical) selection:focus { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/*********** - * spinner * - ***********/ @keyframes spin { to { - -gtk-icon-transform: rotate(1turn); -} - -} - + -gtk-icon-transform: rotate(1turn); } } spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} -spinner:checked { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { opacity: 1; - animation: spin 1s linear infinite; -} -spinner:checked:disabled { - opacity: 0.5; -} + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } -/************* - * statusbar * - *************/ statusbar { - padding: 4px; - color: @theme_fg_color; -} + padding: 4px; + color: @theme_fg_color; } + statusbar frame > border { + border: none; } -statusbar frame { - border: none; -} - -/********** - * switch * - **********/ switch { - padding: 0; - margin: 0; - border-radius: 2px; - border-width: 1px; - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 0.95); - background-image: none; - color: @theme_fg_color; - box-shadow: inset 0 0 0 1px shade(@theme_bg_color, 0.8); -} - -switch:checked { - border-color: shade(@theme_selected_bg_color, 0.9); - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -switch:disabled { - border-color: shade(@theme_bg_color, 0.85); - background-color: shade(@theme_bg_color, 0.9); - background-image: none; - color: mix(@theme_fg_color, @theme_bg_color, 0.5); -} - -switch slider { + font-size: 0; + outline-offset: -4px; + margin: 4px; + border: 1px solid @borders; + border-radius: 2px; + background-color: @borders; } + switch:checked { + border-color: @theme_selected_bg_color; + background-color: @theme_selected_bg_color; } + switch:disabled { + 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 { + border-color: @unfocused_borders; + background-color: @unfocused_borders; } + switch slider { min-width: 20px; min-height: 20px; - border-width: 1px; + margin: 0; + border: none; border-radius: 2px; - border-style: solid; - border-color: shade(@theme_bg_color, 0.45); - background-color: @theme_bg_color; color: @theme_fg_color; - box-shadow: inset 3px 3px @theme_base_color, - inset 1px 1px @theme_bg_color, - inset -2px -2px shade(@theme_bg_color, 0.85), - inset -1px -1px shade(@theme_bg_color, 0.65); -} + border-color: shade(@borders, 0.55); + background-color: shade(@theme_bg_color, 1.08); + -gtk-outline-radius: 2px; + box-shadow: inset 3px 3px @light_shadow, inset 1px 1px @theme_bg_color, inset -2px -2px shade(@theme_bg_color, 0.85), inset -1px -1px shade(@theme_bg_color, 0.65); } -switch slider:disabled { - border-color: shade(@theme_bg_color, 0.85); - background-color: shade(@theme_bg_color, 0.9); - background-image: none; -} - - -/************ - * textview * - ************/ textview { - background-color: @theme_base_color; - color: @theme_text_color; -} - -.view:selected:focus, iconview:selected:focus, .view:selected, -.view text:selected:focus, textview text:selected:focus, -.view text:selected, textview text:selected, .view text selection:focus, .view text selection, -textview text selection:focus, -textview text selection { - background-color: @theme_selected_bg_color; + 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; -} - -/* flowbox */ -flowbox flowboxchild: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; -} - -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; -} - -colorswatch.left, -colorswatch:first-child { - border-top-left-radius: 2px; - 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: 2px; -} + background-color: @theme_selected_bg_color; } 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; -} - + border-top-right-radius: 2px; } colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} + 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; } +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: 1px; - 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: 2px; -} - -GtkColorEditor colorswatch.color-dark:hover, -GtkColorEditor colorswatch.color-light:hover { - background-image: none; - border-color: alpha(black, 0.3); -} - -GtkColorEditor button.color { - padding: 2px; -} - -/************** - * header-bar * - **************/ -headerbar { - background-color: transparent; -} - -headerbar:not(.titlebar) { - padding: 4px; - border-width: 0; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - background-color: @theme_bg_color; - background-image: none; - color: @theme_fg_color; -} - -headerbar .title { - font-weight: bold; - padding: 0 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding: 0 12px; -} - -headerbar button { - padding: 6px 9px; -} - -headerbar entry:active, -headerbar entry selection:focus { - border-width: 1px; - border-color: shade(@selected_bg_color, 0.6); -} - -/*********** - * toolbar * - ***********/ -toolbar { - padding: 4px; - border-style: none; - background-color: @toolbar_bg_color; - background-image: none; - color: @toolbar_fg_color; -} - -toolbar button { - padding: 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-toolbartoolbar { - -GtkWidget-window-dragging: true; - - padding: 4px; - border-width: 0; - border-style: solid; - border-color: shade(@toolbar_bg_color, 0.8); - background-color: @toolbar_bg_color; - background-image: none; - color: @toolbar_fg_color; -} - -.primary-toolbar combobox, -toolbar.primary-toolbar button { - padding: 6px 8px; - color: @toolbar_fg_color; -} - -/* unnecessary code (for now?) -toolbar.primary-toolbar button.raised, -.primary-toolbar .raisedbutton, -toolbar combobox, -toolbar button { - padding: 10px; - border-color: transparent; - background-color: shade(@toolbar_bg_color, 1.08); - background-image: none; - color: @toolbar_fg_color; -} - -toolbar.primary-toolbar button:hover, -combobox button.combo:hover { - border-color: transparent; - background-color: shade(@toolbar_bg_color, 1.10); - background-image: none; -} - -toolbar.primary-toolbar button:checked, -toolbar.primary-toolbar button:active, -combobox button.combo:checked { - border-color: transparent; - background-color: shade(@theme_selected_bg_color, 0.95); - background-image: none; -} - -toolbar.primary-toolbar button:active:hover, -combobox button.combo:checked:hover { - border-color: transparent; -} - -toolbar.primary-toolbar button:focus, -toolbar.primary-toolbar button:hover:focus, -toolbar.primary-toolbar button:active:focus, -toolbar.primary-toolbar button:active:hover:focus, -toolbar button:focus, -combobox button.combo:hover:focus, -combobox button.combo:checked:focus, -combobox button.combo:checked:hover:focus { - border-color: transparent; -} - -toolbar.primary-toolbar button:disabled, -toolbar button:disabled { - border-color: transparent; - background-color: @toolbar_bg_color; - background-image: none; -} - -toolbar.primary-toolbar button:active *:disabled, -combobox button.combo:checked *:disabled { - border-color: transparent; - background-color: shade(@toolbar_bg_color, 0.80); - background-image: none; -} -*/ -.primary-toolbar entry, -toolbar entry { - border-width: 1px; - border-color: shade(@theme_bg_color, 0.6); -} - -.primary-toolbar entry:active, -.primary-toolbar entry selection:focus, -toolbar entry:active, -toolbar entry selection:focus { - border-width: 1px; - border-color: shade(@selected_bg_color, 0.6); -} - -/* inline-toolbar */ -.inline-toolbartoolbar { - -GtkToolbar-button-relief: normal; - - padding: 1px; - border-width: 1px; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; - background-color: @theme_bg_color; - background-image: none; -} - -.inline-toolbartoolbar:last-child { - border-width: 1px; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; -} - -toolbar.inline-toolbar button { - padding: 1px; - border-width: 1px; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; - background-color: shade(@theme_bg_color, 1.08); - background-image: none; - color: @theme_fg_color; -} - -toolbar.inline-toolbar button:hover { - border-color: shade(@theme_bg_color, 0.7); - background-color: shade(@theme_bg_color, 1.10); - background-image: none; -} - -toolbar.inline-toolbar button:active { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 0.95); - background-image: none; -} - -toolbar.inline-toolbar button:active:hover { - border-color: shade(@theme_bg_color, 0.7); -} - -toolbar.inline-toolbar button:focus, -toolbar.inline-toolbar button:hover:focus, -toolbar.inline-toolbar button:active:focus, -toolbar.inline-toolbar button:active:hover:focus { - border-color: shade(@theme_bg_color, 0.7); -} - -toolbar.inline-toolbar button:disabled, -.inline-toolbartoolbar toolbutton button:disabled { - border-color: shade(@theme_bg_color, 0.85); + 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); - background-image: none; -} + color: @theme_fg_color; } -toolbar.inline-toolbar button:active *:disabled -.inline-toolbartoolbar toolbutton button:active *:disabled { - border-color: shade(@theme_bg_color, 0.75); - background-color: shade(@theme_bg_color, 0.80); - background-image: none; -} +.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, .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: 0; + padding-right: 0; } -/****************** - * Linked Widgets * - *****************/ -.linked entry, -.linked button, -.linked combobox box.linked button { - border-radius: 0; - border-right-width: 0; -} - -.linked entry:first-child { - border-right-width: 0; -} - -.linked button:first-child, -.linked combobox:first-child box.linked button { - border-right-width: 0; - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -.linked entry:last-child { - border-right-width: 1px; -} - -.linked button:last-child, -.linked combobox:last-child box.linked button { - border-right-width: 1px; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -.linked button:not(.combo):only-child { - border-radius: 2px; -} - -.vertical.linked entry { - border-right-width: 1px; - border-bottom-width: 0; -} - -.vertical.linked button, -.vertical.linked combobox box.linked button { - border-right-width: 1px; - border-bottom-width: 0; - border-radius: 0; -} - -.vertical.linked entry:first-child { - border-bottom-width: 0; -} - -.vertical.linked button:first-child, -.vertical.linked combobox:first-child box.linked button { - border-bottom-width: 0; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border-bottom-right-radius: 0; -} - -.vertical.linked entry:last-child { - border-bottom-width: 1px; -} - -.vertical.linked button:last-child, -.vertical.linked combobox:last-child box.linked button { - border-bottom-width: 1px; - border-top-right-radius: 0; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -.vertical.linked entry:only-child { - border-bottom-width: 1px; -} - -.vertical.linked button:only-child, -.vertical.linked combobox .linked:only-child button { - border-bottom-width: 1px; -} - -.vertical.linked spinbutton button:first-child { +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 9px; + border-style: solid; border-width: 1px; - border-right-width: 0; -} + border-radius: 2px; + color: @headerbar_fg_color; + border-color: shade(@borders, 0.55); + background-color: shade(@headerbar_bg_color, 1.08); + -gtk-outline-radius: 2px; + box-shadow: inset 3px 3px @light_shadow, inset 1px 1px @theme_bg_color, inset -2px -2px shade(@theme_bg_color, 0.85), inset -1px -1px shade(@theme_bg_color, 0.65); + outline-offset: 2px; + outline-style: solid; + outline-color: alpha(@dark_shadow, 0.5); } + headerbar button:active, headerbar button:checked, headerbar:not(.titlebar) button:active, headerbar:not(.titlebar) button:checked { + background-color: shade(@headerbar_bg_color, 0.9); + box-shadow: inset -3px -3px shade(@theme_base_color, 0.9), inset -1px -1px shade(@theme_bg_color, 0.9), inset 2px 2px shade(@theme_bg_color, 0.85), inset 1px 1px shade(@theme_bg_color, 0.65); } + headerbar button:active:disabled, headerbar button:checked:disabled, headerbar:not(.titlebar) button:active:disabled, headerbar:not(.titlebar) button:checked:disabled { + color: mix(@headerbar_fg_color, @theme_unfocused_disabled_fg_color, 0.1); } + headerbar button:disabled, headerbar:not(.titlebar) button:disabled { + color: mix(@headerbar_fg_color, @theme_unfocused_disabled_fg_color, 0.5); + box-shadow: inset 3px 3px @light_shadow, inset 1px 1px @theme_bg_color, inset -2px -2px shade(@theme_bg_color, 0.95); } + headerbar entry, headerbar:not(.titlebar) entry { + padding: 4px 8px; } -.vertical.linked spinbutton button:last-child { - border-width: 0; - border-top-width: 1px; - border-right-width: 1px; - border-top-right-radius: 0; +toolbar { + 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:disabled { + color: @theme_disabled_fg_color; + background-color: @theme_disabled_bg_color; } + toolbar button.flat { + border-color: transparent; + border-radius: 2px; + color: @toolbar_fg_color; + background-color: transparent; + box-shadow: none; } + toolbar button.flat:hover { + border-color: shade(@borders, 0.55); + color: @toolbar_fg_color; + background-color: shade(@toolbar_bg_color, 1.08); + -gtk-outline-radius: 2px; + box-shadow: inset 3px 3px @light_shadow, inset 1px 1px @theme_bg_color, inset -2px -2px shade(@theme_bg_color, 0.85), inset -1px -1px shade(@theme_bg_color, 0.65); } + toolbar button.flat:active, toolbar button.flat:checked { + background-color: shade(@toolbar_bg_color, 0.9); + box-shadow: inset -3px -3px shade(@theme_base_color, 0.9), inset -1px -1px shade(@theme_bg_color, 0.9), inset 2px 2px shade(@theme_bg_color, 0.85), inset 1px 1px shade(@theme_bg_color, 0.65); } + toolbar button.flat:active:backdrop, toolbar button.flat:checked:backdrop { + color: @theme_unfocused_selected_fg_color; } + toolbar button.flat:disabled { + border-color: transparent; + color: alpha(@toolbar_fg_color, 0.8); + background-color: transparent; } + toolbar button.flat:disabled:backdrop { + border-color: transparent; + color: alpha(@toolbar_fg_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-color: @theme_unfocused_bg_color; } + .primary-toolbar button, .primary-toolbar .raised button { + padding: 4px 9px; + border-style: solid; + border-width: 1px; + border-radius: 2px; + color: @toolbar_fg_color; + border-color: shade(@borders, 0.55); + background-color: shade(@toolbar_bg_color, 1.08); + -gtk-outline-radius: 2px; + box-shadow: inset 3px 3px @light_shadow, inset 1px 1px @theme_bg_color, inset -2px -2px shade(@theme_bg_color, 0.85), inset -1px -1px shade(@theme_bg_color, 0.65); + outline-offset: 2px; + outline-style: solid; + outline-color: alpha(@dark_shadow, 0.5); } + .primary-toolbar button:active, .primary-toolbar button:checked, .primary-toolbar .raised button:active, .primary-toolbar .raised button:checked { + background-color: shade(@toolbar_bg_color, 0.9); + box-shadow: inset -3px -3px shade(@theme_base_color, 0.9), inset -1px -1px shade(@theme_bg_color, 0.9), inset 2px 2px shade(@theme_bg_color, 0.85), inset 1px 1px shade(@theme_bg_color, 0.65); } + .primary-toolbar button:active:disabled, .primary-toolbar button:checked:disabled, .primary-toolbar .raised button:active:disabled, .primary-toolbar .raised button:checked:disabled { + color: mix(@toolbar_fg_color, @theme_unfocused_disabled_fg_color, 0.1); } + .primary-toolbar button:disabled, .primary-toolbar .raised button:disabled { + color: mix(@toolbar_fg_color, @theme_unfocused_disabled_fg_color, 0.5); + box-shadow: inset 3px 3px @light_shadow, inset 1px 1px @theme_bg_color, inset -2px -2px shade(@theme_bg_color, 0.95); } + +.inline-toolbar toolbar { + -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-radius: 0; } + .inline-toolbar toolbar button { + padding: 4px 9px; + border-style: solid; + border-width: 1px; + border-radius: 2px; + color: @toolbar_fg_color; + border-color: shade(@borders, 0.55); + background-color: shade(@toolbar_bg_color, 1.08); + -gtk-outline-radius: 2px; + box-shadow: inset 3px 3px @light_shadow, inset 1px 1px @theme_bg_color, inset -2px -2px shade(@theme_bg_color, 0.85), inset -1px -1px shade(@theme_bg_color, 0.65); + outline-offset: 2px; + outline-style: solid; + outline-color: alpha(@dark_shadow, 0.5); } + .inline-toolbar toolbar button:active, .inline-toolbar toolbar button:checked { + background-color: shade(@toolbar_bg_color, 0.9); + box-shadow: inset -3px -3px shade(@theme_base_color, 0.9), inset -1px -1px shade(@theme_bg_color, 0.9), inset 2px 2px shade(@theme_bg_color, 0.85), inset 1px 1px shade(@theme_bg_color, 0.65); } + .inline-toolbar toolbar button:active:disabled, .inline-toolbar toolbar button:checked:disabled { + color: mix(@toolbar_fg_color, @theme_unfocused_disabled_fg_color, 0.1); } + .inline-toolbar toolbar button:disabled { + color: mix(@toolbar_fg_color, @theme_unfocused_disabled_fg_color, 0.5); + box-shadow: inset 3px 3px @light_shadow, inset 1px 1px @theme_bg_color, inset -2px -2px shade(@theme_bg_color, 0.95); } + +.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; } + .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: 2px; + border-bottom-left-radius: 2px; } + .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: 2px; + border-bottom-right-radius: 2px; } + .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: 2px; } +.linked entry, .inline-toolbar entry, .primary-toolbar entry { + border-radius: 0; + border-left-width: 0; } + .linked entry:first-child, .inline-toolbar entry:first-child, .primary-toolbar entry:first-child { + border-left-width: 1px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + .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: 2px; + border-bottom-right-radius: 2px; } + .linked entry:only-child, .inline-toolbar entry:only-child, .primary-toolbar entry:only-child { + border-width: 1px; + border-radius: 2px; } + .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 { + box-shadow: inset 0 0 0 1px #0000dd, -1px 0 shade(@borders, 1.05); } + .linked entry:first-child:focus, .inline-toolbar entry:first-child:focus, .primary-toolbar entry:first-child:focus { + box-shadow: inset 0 0 0 1px #0000dd; } +.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: 2px; + border-bottom-left-radius: 2px; } +.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: 2px; + border-bottom-right-radius: 2px; } +.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: 2px; } + +.vertical.linked button { + border-left-width: 1px; + border-top-width: 0; + border-radius: 0; } + .vertical.linked button:first-child { + border-top-width: 1px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + 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: 2px; + border-bottom-right-radius: 2px; } + .vertical.linked button:only-child { + border-top-width: 1px; } +.vertical.linked entry { + border-left-width: 1px; + border-top-width: 0; + border-radius: 0; } + .vertical.linked entry:first-child { + border-top-width: 1px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + 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: 2px; + border-bottom-right-radius: 2px; } + .vertical.linked entry:only-child { + border-top-width: 1px; } + .vertical.linked entry:focus, .vertical.linked entry:last-child:focus { + box-shadow: inset 0 0 0 1px #0000dd, 0 -1px shade(@borders, 1.05); } + .vertical.linked entry:first-child:focus { + box-shadow: inset 0 0 0 1px #0000dd; } +.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: 2px; + border-top-right-radius: 2px; + 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: 2px; + border-bottom-right-radius: 2px; } +.vertical.linked combobox:only-child box.linked button { + border-top-width: 1px; } + +.stack-switcher button { + min-height: 20px; + min-width: 80px; } -/* Stack switcher */ stackswitcher button.text-button { - min-width: 80px; -} + min-width: 80px; } -/*********** - * tooltip * - ***********/ tooltip { - border-radius: 0; - box-shadow: none; -} - -tooltip.background { - border: 1px solid shade(@tooltip_fg_color, 0.8); - background-color: @tooltip_bg_color; - background-clip: padding-box; -} - -tooltip.background label { - padding: 1px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: @tooltip_fg_color; -} - -/************ - * treeview * - ************/ -treeview { -} - -treeview.dnd { + border-radius: 2px; + box-shadow: none; } + tooltip.background { border-width: 1px; border-style: solid; - border-color: @theme_selected_bg_color; - border-radius: 0; -} + border-color: @borders; + background-color: @tooltip_bg_color; } + tooltip.background label { + padding: 1px; } + tooltip * { + background-color: transparent; + color: @tooltip_fg_color; } -treeview entry { - border-radius: 0; - background-color: @theme_base_color; - background-image: none; -} - -/* treeview */ -treeview.view:selected:focus, treeview.view:selected, row:selected { - background-color: @theme_selected_bg_color; +treeview { + -treeview-vertical-separator: 0; } + treeview.view:selected, treeview.view:selected:focus { color: @theme_selected_fg_color; -} - -/************ - * viewport * - ************/ -viewport frame { - border-width: 0; -} + 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: 0px; } + .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; } -/************** - * action-bar * - **************/ actionbar { - padding: 4px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - 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; -} + padding: 0 12px; } -/*************** - * search bars * - ***************/ searchbar { - border-width: 0 0 1px 0; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 0.98); -} + border-width: 0 0 1px 0; + border-style: solid; + border-color: @borders; + background-color: @theme_bg_color; } -searchbar button.close-button { - padding: 4px; -} - -/******************** - * various choosers * - ********************/ -button.font separator, -button.font.separator, -button.file separator, -button.file.separator { - background-color: transparent -} - -button.font label:last-child { - color: alpha(currentColor, 0.7); -} - -button.file 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; -} + 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; } -.app-notification border { - border: none; -} - -/******* - * osd * - *******/ .background.osd { - color: @osd_fg; - background-color: @osd_bg; -} - -overlay.osd { - background-color: transparent; -} + color: @osd_fg; + background-color: @osd_bg; } .osd frame { - background-clip: border-box; - background-origin: border-box; -} + background-clip: border-box; + background-origin: border-box; } -.osd button { - padding: 4px; - border-width: 1px; - border-style: solid; - border-color: shade(@osd_bg, 0.8); - border-radius: 2px; - background-color: shade(@osd_bg, 1.08); - background-image: none; - color: @osd_fg; -} - -.osd button:hover { +.osd button, button.osd { + padding: 4px; + border-width: 1px; + border-style: solid; + border-color: shade(@osd_bg, 0.8); + border-radius: 2px; + 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 menu 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 menu button:active:hover { - border-color: shade(@osd_bg, 0.7); -} - -.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; -} + color: alpha(@osd_fg, 0.8); } + .osd button:checked:disabled, button.osd:checked:disabled { + background-color: shade(@osd_bg, 0.8); } -.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: 2px; - border-color: shade(@osd_bg, 0.8); - background-color: @osd_bg; - background-image: none; - color: @osd_fg; -} - -.osd toolbar button { - padding: 4px; +.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: 2px; background-color: shade(@osd_bg, 1.08); - background-image: none; - color: @osd_fg; -} + 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 combobox button.combo:hover { - border-color: shade(@osd_bg, 0.7); - background-color: shade(@osd_bg, 1.10); - background-image: none; -} - -.osd combobox button.combo:checked { - border-color: shade(@osd_bg, 0.8); - background-color: shade(@osd_bg, 0.95); - background-image: none; -} - -.osd combobox button.combo:checked:hover { - border-color: shade(@osd_bg, 0.7); -} - -.osd toolbar button:focus, -.osd combobox button.combo:hover:focus, -.osd combobox button.combo:checked:focus, -.osd combobox button.combo:checked:hover:focus { - border-color: shade(@osd_bg, 0.7); -} - -.osd toolbar button:disabled { +.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; -} + background-color: transparent; } +.osd scale highlight, scale.osd highlight { + border-color: @theme_selected_bg_color; + background-color: @theme_selected_bg_color; } -.osd combobox button.combo:checked *:disabled { - border-color: shade(@osd_bg, 0.75); - background-color: shade(@osd_bg, 0.80); - background-image: none; -} +.osd progress, progress.osd { + background-color: @osd_fg; } -.osd toolbar button:first-child { - border-radius: 2px 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 0; - border-width: 1px 1px 1px 0; -} - -.osd toolbar button:only-child, -.osd toolbar toolbutton, -.osd toolbar toolbutton:only-child, -.osd toolbar toolbutton:last-child, -.osd toolbar toolbutton:first-child { - border-width: 1px; - border-radius: 2px; - border-style: solid; -} - -.osd toolbar separator, -.osd toolbar.separator { - color: shade(@osd_bg, 0.9); -} - -.osd scale slider { - background-color: shade(@osd_bg, 1.08); - background-image: none; - /* we will draw the border using box shadow for now */ - 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 { - border-color: shade(@osd_bg, 0.85); - background-color: shade(@osd_bg, 0.9); - background-image: none; -} - -/* used by gnome-settings-daemon's media-keys OSD */ -.osd trough { - background-color: shade(@osd_bg, 0.8); -} - -.osd progressbar, -progressbar.osd { - min-width: 1px; - min-height: 2px; - padding: 0; -} - -.osd progressbar progress { - min-width: 1px; - min-height: 2px; - background-color: @osd_fg; -} - -.osd progressbar trough, -progressbar.osd trough { - min-width: 1px; - min-height: 2px; +.osd progressbar, progressbar.osd { + padding: 0; } + .osd progressbar trough, progressbar.osd trough { padding: 0; border-style: none; border-radius: 0; - background-image: none; - background-color: transparent; -} - -.osd progressbar progress, -progressbar.osd progress { + background-color: transparent; } + .osd progressbar progress, progressbar.osd progress { border-style: none; border-radius: 0; - background-color: @theme_selected_bg_color; - background-image: none; -} + background-color: @theme_selected_bg_color; } -.osd view, -.osd.view { - background-color: @osd_base; -} +.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 scrollbar trough { - background-color: @osd_bg; -} - -.osd scrollbar slider { - min-width: 4px; - min-height: 4px; - border-width: 1px; - border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.21); - border-radius: 0; - 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; -} - -.osd iconview.cell:selected, -.osd iconview.cell:selected:focus { +.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: 2px; + 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; -} +button.destructive-action { + border-width: 1px; + border-style: solid; + border-color: mix(@error_color, @theme_fg_color, 0.2); + border-radius: 2px; + 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); } -/****************************** - * destructive action buttons * - ******************************/ -.destructive-action button { +button.suggested-action { + border-width: 1px; + border-style: solid; + border-radius: 2px; + 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: 2px; + 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: 2px; - 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: 2px; - 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 { - border-width: 1px; - border-style: solid; - border-color: @theme_selected_bg_color; - border-radius: 2px; - 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 combobox button.combo:hover, -.selection-mode toolbar toolbutton: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 combobox button.combo:checked, -.selection-mode toolbar toolbutton: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 combobox button.combo:hover:active, -.selection-mode toolbar toolbutton: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: 2px; - 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; + 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); } + +decoration { + border-radius: 0px 0px 0 0; + border-width: 0px; + 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 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: 0 0 0 1px alpha(@dark_shadow, 0.1); + border-radius: 0; } + .ssd decoration { + border-radius: 0px 0px 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; } + .solid-csd decoration { + margin: 1px; + border-radius: 0px; + background-color: alpha(@light_shadow, 0.95); + box-shadow: none; } + +window.background.csd.popup { + border-radius: 10px; } + +messagedialog { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } + messagedialog .background.csd { + border-radius: 0px; + color: @theme_fg_color; + background-color: @theme_bg_color; } + messagedialog decoration { + border-radius: 0px; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + box-shadow: 0 1px 2px alpha(@dark_shadow, 0.2); } + messagedialog .titlebar.horizontal { background-image: none; - color: shade(@theme_selected_bg_color, 0.8); -} - -.selection-mode toolbar label:disabled, -.selection-mode toolbar .selection-menu button label { - color: shade(@theme_selected_bg_color, 0.7); -} - -.selection-mode headerbar .selection-menu button:hover, -.selection-mode toolbar label:hover, -.selection-mode toolbar .selection-menu button:hover, -.selection-mode toolbar .selection-menu button 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: 2px; - background-clip: border-box; -} - -GtkBubbleWindow.osd.background { - background-color: @osd_bg; -} - -GtkBubbleWindow toolbar { - background-color: transparent; -}*/ - -/******* - * CSD * - *******/ -.titlebar, -headerbar.titlebar, -.titlebar headerbar { + background-color: @theme_bg_color; } + messagedialog.csd .dialog-action-area button { + padding: 10px; border-radius: 0; - padding: 2px; - background-color: @titlebar_bg_color; - background-position: right; - background-size: 200px 100%; - background-repeat: no-repeat; - color: @titlebar_fg_color; - box-shadow: inset 1px 1px mix(@titlebar_bg_color, @theme_base_color, 0.4), - inset -1px -1px mix(@titlebar_bg_color, @titlebar_bg_color, 0.3); -} + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-right-width: 0; + border-radius: 0px; + border-bottom-right-radius: 0px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-width: 0; + border-radius: 0px; + border-bottom-left-radius: 0px; } + messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0px; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } -.titlebar:backdrop, -headerbar.titlebar:backdrop { - background-color: shade(@theme_bg_color, 1.08); - color: alpha(@titlebar_fg_color, 0.84); - text-shadow: none; - box-shadow: inset 1px 1px shade(@theme_base_color, 0.95), - inset -1px -1px shade(@theme_bg_color, 0.85); -} - -.titlebar headerbar, -.titlebar headerbar:backdrop { - background: none; - box-shadow: none; -} - -.titlebar .titlebutton:not(separator) { +.titlebar { + border-bottom: none; + border-radius: 0px 0px 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: 3px; border-radius: 0; border: 1px solid shade(@titlebar_bg_color, 0.8); border-right-color: shade(@titlebar_bg_color, 1.25); border-bottom-color: shade(@titlebar_bg_color, 1.25); - background-image: linear-gradient(to bottom right, - @titlebar_bg_color, - shade(@titlebar_bg_color, 0.85)); - box-shadow: inset -1px -1px shade(@titlebar_bg_color, 0.8), - inset 1px 1px shade(@titlebar_bg_color, 1.1); -} - -.titlebar .titlebutton:hover { - background-image: linear-gradient(to top left, - @titlebar_bg_color, - shade(@titlebar_bg_color, 0.85)); -} - -.titlebar .titlebutton:backdrop { + background-image: linear-gradient(to bottom right, @titlebar_bg_color, shade(@titlebar_bg_color, 0.85)); + box-shadow: inset -1px -1px shade(@titlebar_bg_color, 0.8), inset 1px 1px shade(@titlebar_bg_color, 1.1); } + .titlebar .titlebutton.close:hover, .titlebar .titlebutton.maximize:hover, .titlebar .titlebutton.minimize:hover, .titlebar .titlebutton:not(separator):hover { + background-image: linear-gradient(to top left, @titlebar_bg_color, shade(@titlebar_bg_color, 0.85)); } + .titlebar .titlebutton:backdrop { border-color: shade(@theme_bg_color, 0.8); border-right-color: shade(@theme_bg_color, 1.02); border-bottom-color: shade(@theme_bg_color, 1.02); - background-image: linear-gradient(to bottom right, - shade(@theme_bg_color, 1.08), - shade(@theme_bg_color, 0.95)); - box-shadow: inset -1px -1px shade(@theme_bg_color, 0.8), - inset 1px 1px shade(@theme_bg_color, 1.02); -} + background-image: linear-gradient(to bottom right, shade(@theme_bg_color, 1.08), shade(@theme_bg_color, 0.95)); + box-shadow: inset -1px -1px shade(@theme_bg_color, 0.8), inset 1px 1px shade(@theme_bg_color, 1.02); } + .titlebar .titlebutton:backdrop:hover { + background-image: linear-gradient(to top left, shade(@theme_bg_color, 1.08), shade(@theme_bg_color, 0.95)); } + .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) { + border-radius: 0; } -.titlebar .titlebutton:backdrop:hover { - background-image: linear-gradient(to top left, - shade(@theme_bg_color, 1.08), - shade(@theme_bg_color, 0.95)); -} +.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; + box-shadow: inset 1px 1px mix(@titlebar_bg_color, @theme_base_color, 0.4), inset -1px -1px @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; + box-shadow: inset 1px 1px shade(@light_shadow, 0.95), inset -1px -1px shade(@theme_bg_color, 0.85); } -.titlebar.default-decoration { +.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; } + +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; } -.tiled .titlebar { +#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; } + +.mate-panel-menu-bar menubar > menuitem { + color: @taskbar_fg_color; + background-color: @taskbar_bg_color; } + +.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 menubar menuitem: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; + 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; -} - -.maximized .titlebar { - border-radius: 0; -} - -.titlebar.default-decoration { 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; } + .mate-panel-menu-bar .caja-desktop.entry, .mate-panel-menu-bar .caja-navigation-window .view.entry { + background-image: none; + border-radius: 2px; box-shadow: none; -} + border-color: shade(@theme_selected_bg_color, 0.6); + background-color: @theme_base_color; } + .mate-panel-menu-bar .caja-desktop.entry:selected, .mate-panel-menu-bar .caja-navigation-window .view.entry:selected { + color: @theme_selected_fg_color; + background-color: @theme_selected_bg_color; } -.titlebar .title { - font-weight: bold -} +.mintmenu:hover { + background-color: shade(@taskbar_bg_color, 1.1); } -decoration { - border-style: none; +.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; - box-shadow: 0 3px 7px 1px alpha(black, 0.7); + 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); } - /* this is used for the resize cursor area */ - margin: 10px; -} +.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; } -.tiled decoration { - border-radius: 0; -} - -decoration:backdrop { - box-shadow: 0 6px 6px 1px alpha(black, 0.5); -} - -/* Server-side decoration (SSD) */ -.ssd decoration { - border-radius: 0 0 0 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); -} - -.ssd decoration, -.ssd decoration:backdrop { +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: 2px 2px 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; } + 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; } -/* Client-side Decorations (CSD)*/ -decoration.csdtooltip, -tooltip { - border-radius: 0; - box-shadow: none; -} +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; } -messagedialog.csd decoration { - border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); -} - -.solid-csd decoration { - border: solid 1px shade(@theme_bg_color, 0.8); - border-radius: 0; - margin: 2px; - background-color: @titlebar_bg_color; - box-shadow: none; -} - -decoration { - border-width: 0px; - box-shadow: 0 3px 9px 1px @dark_shadow, 0 0 0 1px rgba(0, 0, 0, 0.23); - 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; -} - -.tiled decoration, -.maximized decoration, -.fullscreen decoration, -.ssd decoration.maximized { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; -} - -.ssd decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); -} - -.csd.popup decoration { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); -} - -tooltip.csd decoration { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); -} - -messagedialog.csd decoration { - background-color: @theme_bg_color; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); -} - -/* non-transparent CSD */ -.solid-csd decoration { - margin: 0; - padding: 4px; - background-color: @theme_bg_color; - border: solid 1px shade(@theme_bg_color, 0.8); - box-shadow: inset 0 0 0 3px @dark_shadow, inset 0 1px rgba(20, 20, 20, 0.8); -} - -.solid-csd decoration:backdrop { - box-shadow: inset 0 0 0 3px @dark_shadow, inset 0 1px rgba(20, 20, 20, 0.8); -} - -/************** - * over under * - **************/ -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-size: 100% 60%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} - -overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(64, 128, 251, 0.2)), to(rgba(64, 128, 251, 0))); - background-size: 100% 60%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} - -overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(64, 128, 251, 0.2)), to(rgba(64, 128, 251, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} - -overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(64, 128, 251, 0.2)), to(rgba(64, 128, 251, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - - -undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; -} - -undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; -} - -undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; -} - -undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; -} - -.overlay-bar { - background-color: rgba(0, 0, 0, 0.8); - border-radius: 0; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: @tooltip_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.0/gtk.css b/gtk-3.0/gtk.css old mode 100755 new mode 100644 index b5801d8..f41b0e0 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -1,97 +1,116 @@ -/*# name: Windows 10 Light - # author: Christian Medel (Elbullazul) - # date: April 7th, 2016 - # description: Windows 10 Default White color*/ - -/* default color scheme */ +/* Normal colors */ +@import url("gtk-widgets.css"); @define-color bg_color #D8D8D8; -@define-color fg_color #000; -@define-color base_color #fff; -@define-color text_color #000; +@define-color fg_color #000000; +@define-color base_color #FFFFFF; +@define-color text_color #000000; @define-color selected_bg_color #989898; -@define-color selected_fg_color #000; -@define-color tooltip_bg_color #ffffe1; -@define-color tooltip_fg_color #000; - -/* dark 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 */ +@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 @bg_color; +@define-color unfocused_fg_color @fg_color; +@define-color unfocused_base_color @base_color; +@define-color unfocused_text_color @text_color; +@define-color unfocused_selected_bg_color @selected_bg_color; +@define-color unfocused_selected_fg_color @selected_fg_color; +@define-color unfocused_disabled_bg_color mix(@fg_color, @bg_color, 0.95); +@define-color unfocused_disabled_fg_color mix(@fg_color, @bg_color, 0.5); +@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 #D8D8D8; +@define-color dark_fg_color #000000; +/* 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; - -/* Desktop icons */ -@define-color desktop_item_fg #fff; -@define-color desktop_item_selected_fg @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; - -/* misc colors used by gtk+ */ -@define-color info_fg_color rgb (40, 40, 40); -@define-color info_bg_color rgb (217, 237, 247); -@define-color warning_fg_color rgb (77, 77, 77); -@define-color warning_bg_color rgb (222, 109, 38); -@define-color question_fg_color rgb (255, 255, 255); -@define-color question_bg_color rgb (255, 156, 25); -@define-color error_fg_color rgb (255, 255, 255); -@define-color error_bg_color rgb (255, 25, 25); -@define-color link_color #224ba0; -@define-color success_color #53d013; -@define-color warning_color #f57600; -@define-color error_color #cc0000; - -/* widget colors */ -@define-color titlebar_bg_color #ffc000; -@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 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; +@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 #5297f9; -@define-color panel_fg_color #fff; - -/* 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 #f6f6f6; +@define-color taskbar_fg_color #000000; +@define-color titlebar_bg_color #ffc000; +@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); - -/*Terminal Text color*/ -@define-color terminal_text_color @bg_color; - -/*Progressbar bg color*/ -@define-color progressbar_color #06B025; - -@import url("gtk-widgets.css"); -@import url("gtk-widgets-assets.css"); -@import url("apps/unity.css"); -@import url("apps/desktop.css"); -@import url("apps/gnome-terminal.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;