diff --git a/etc/config.yaml b/etc/config.yaml index 794e6cd6..eb6ddb24 100644 --- a/etc/config.yaml +++ b/etc/config.yaml @@ -13,9 +13,7 @@ - shell: - ["mkdir -p ~/.config", "creating config folder (if it doesn't exist yet)"] - - [ - "rm -f ~/.bash_history ~/.lesshst ~/.viminfo ~/.sudo_as_admin_successful", - ] + - "rm -f ~/.bash_history ~/.lesshst ~/.viminfo ~/.sudo_as_admin_successful" - link: ############################################################################ @@ -47,10 +45,12 @@ # directory links ################################################################## ~/.config/autostart: filesystem/.config/autostart + ~/.config/assets: filesystem/.config/assets ~/.config/Code: filesystem/.config/Code ~/.config/filezilla: filesystem/.config/filezilla ~/.config/gh: filesystem/.config/gh ~/.config/gtk-3.0: filesystem/.config/gtk-3.0 + ~/.config/gtk-4.0: filesystem/.config/gtk-4.0 ~/.config/i3: filesystem/.config/i3 ~/.config/lsd: filesystem/.config/lsd ~/.config/jrnl: filesystem/.config/jrnl @@ -60,6 +60,12 @@ ~/.config/tabtab: filesystem/.config/tabtab ~/.config/transmission: filesystem/.config/transmission ~/.icons: filesystem/.icons + ~/.themes: filesystem/.themes ~/.wallpapers: filesystem/.wallpapers ~/snap/joplin-desktop/current/.config/joplin-desktop/plugins: filesystem/snap/joplin-desktop/current/.config/joplin-desktop/plugins ~/snap/joplin-desktop/current/.config/joplin-desktop/settings.json: filesystem/snap/joplin-desktop/current/.config/joplin-desktop/settings.json + +- shell: + - "gsettings set org.gnome.desktop.interface gtk-theme \"Dracula\"" + - "gsettings set org.gnome.desktop.wm.preferences theme \"Dracula\"" + - "gsettings set org.gnome.desktop.interface icon-theme \"Dracula\"" diff --git a/filesystem/.config/assets/checkbox-checked-active.png b/filesystem/.config/assets/checkbox-checked-active.png new file mode 100644 index 00000000..c45f5154 Binary files /dev/null and b/filesystem/.config/assets/checkbox-checked-active.png differ diff --git a/filesystem/.config/assets/checkbox-checked-active@2.png b/filesystem/.config/assets/checkbox-checked-active@2.png new file mode 100644 index 00000000..aea65147 Binary files /dev/null and b/filesystem/.config/assets/checkbox-checked-active@2.png differ diff --git a/filesystem/.config/assets/checkbox-checked-backdrop.png b/filesystem/.config/assets/checkbox-checked-backdrop.png new file mode 100644 index 00000000..c45f5154 Binary files /dev/null and b/filesystem/.config/assets/checkbox-checked-backdrop.png differ diff --git a/filesystem/.config/assets/checkbox-checked-backdrop@2.png b/filesystem/.config/assets/checkbox-checked-backdrop@2.png new file mode 100644 index 00000000..aea65147 Binary files /dev/null and b/filesystem/.config/assets/checkbox-checked-backdrop@2.png differ diff --git a/filesystem/.config/assets/checkbox-checked-hover.png b/filesystem/.config/assets/checkbox-checked-hover.png new file mode 100644 index 00000000..c45f5154 Binary files /dev/null and b/filesystem/.config/assets/checkbox-checked-hover.png differ diff --git a/filesystem/.config/assets/checkbox-checked-hover@2.png b/filesystem/.config/assets/checkbox-checked-hover@2.png new file mode 100644 index 00000000..aea65147 Binary files /dev/null and b/filesystem/.config/assets/checkbox-checked-hover@2.png differ diff --git a/filesystem/.config/assets/checkbox-checked-insensitive-backdrop.png b/filesystem/.config/assets/checkbox-checked-insensitive-backdrop.png new file mode 100644 index 00000000..2dc2b7f0 Binary files /dev/null and b/filesystem/.config/assets/checkbox-checked-insensitive-backdrop.png differ diff --git a/filesystem/.config/assets/checkbox-checked-insensitive-backdrop@2.png b/filesystem/.config/assets/checkbox-checked-insensitive-backdrop@2.png new file mode 100644 index 00000000..365426e3 Binary files /dev/null and b/filesystem/.config/assets/checkbox-checked-insensitive-backdrop@2.png differ diff --git a/filesystem/.config/assets/checkbox-checked-insensitive.png b/filesystem/.config/assets/checkbox-checked-insensitive.png new file mode 100644 index 00000000..2dc2b7f0 Binary files /dev/null and b/filesystem/.config/assets/checkbox-checked-insensitive.png differ diff --git a/filesystem/.config/assets/checkbox-checked-insensitive@2.png b/filesystem/.config/assets/checkbox-checked-insensitive@2.png new file mode 100644 index 00000000..365426e3 Binary files /dev/null and b/filesystem/.config/assets/checkbox-checked-insensitive@2.png differ diff --git a/filesystem/.config/assets/checkbox-checked.png b/filesystem/.config/assets/checkbox-checked.png new file mode 100644 index 00000000..d4d6404f Binary files /dev/null and b/filesystem/.config/assets/checkbox-checked.png differ diff --git a/filesystem/.config/assets/checkbox-checked@2.png b/filesystem/.config/assets/checkbox-checked@2.png new file mode 100644 index 00000000..c38c93bc Binary files /dev/null and b/filesystem/.config/assets/checkbox-checked@2.png differ diff --git a/filesystem/.config/assets/checkbox-mixed-active.png b/filesystem/.config/assets/checkbox-mixed-active.png new file mode 100644 index 00000000..b4cd9e44 Binary files /dev/null and b/filesystem/.config/assets/checkbox-mixed-active.png differ diff --git a/filesystem/.config/assets/checkbox-mixed-active@2.png b/filesystem/.config/assets/checkbox-mixed-active@2.png new file mode 100644 index 00000000..fb6e2f5b Binary files /dev/null and b/filesystem/.config/assets/checkbox-mixed-active@2.png differ diff --git a/filesystem/.config/assets/checkbox-mixed-backdrop.png b/filesystem/.config/assets/checkbox-mixed-backdrop.png new file mode 100644 index 00000000..928b0408 Binary files /dev/null and b/filesystem/.config/assets/checkbox-mixed-backdrop.png differ diff --git a/filesystem/.config/assets/checkbox-mixed-backdrop@2.png b/filesystem/.config/assets/checkbox-mixed-backdrop@2.png new file mode 100644 index 00000000..8503821e Binary files /dev/null and b/filesystem/.config/assets/checkbox-mixed-backdrop@2.png differ diff --git a/filesystem/.config/assets/checkbox-mixed-hover.png b/filesystem/.config/assets/checkbox-mixed-hover.png new file mode 100644 index 00000000..928b0408 Binary files /dev/null and b/filesystem/.config/assets/checkbox-mixed-hover.png differ diff --git a/filesystem/.config/assets/checkbox-mixed-hover@2.png b/filesystem/.config/assets/checkbox-mixed-hover@2.png new file mode 100644 index 00000000..8503821e Binary files /dev/null and b/filesystem/.config/assets/checkbox-mixed-hover@2.png differ diff --git a/filesystem/.config/assets/checkbox-mixed-insensitive-backdrop.png b/filesystem/.config/assets/checkbox-mixed-insensitive-backdrop.png new file mode 100644 index 00000000..6a138a87 Binary files /dev/null and b/filesystem/.config/assets/checkbox-mixed-insensitive-backdrop.png differ diff --git a/filesystem/.config/assets/checkbox-mixed-insensitive-backdrop@2.png b/filesystem/.config/assets/checkbox-mixed-insensitive-backdrop@2.png new file mode 100644 index 00000000..2237059c Binary files /dev/null and b/filesystem/.config/assets/checkbox-mixed-insensitive-backdrop@2.png differ diff --git a/filesystem/.config/assets/checkbox-mixed-insensitive.png b/filesystem/.config/assets/checkbox-mixed-insensitive.png new file mode 100644 index 00000000..6a138a87 Binary files /dev/null and b/filesystem/.config/assets/checkbox-mixed-insensitive.png differ diff --git a/filesystem/.config/assets/checkbox-mixed-insensitive@2.png b/filesystem/.config/assets/checkbox-mixed-insensitive@2.png new file mode 100644 index 00000000..2237059c Binary files /dev/null and b/filesystem/.config/assets/checkbox-mixed-insensitive@2.png differ diff --git a/filesystem/.config/assets/checkbox-mixed.png b/filesystem/.config/assets/checkbox-mixed.png new file mode 100644 index 00000000..928b0408 Binary files /dev/null and b/filesystem/.config/assets/checkbox-mixed.png differ diff --git a/filesystem/.config/assets/checkbox-mixed@2.png b/filesystem/.config/assets/checkbox-mixed@2.png new file mode 100644 index 00000000..8503821e Binary files /dev/null and b/filesystem/.config/assets/checkbox-mixed@2.png differ diff --git a/filesystem/.config/assets/checkbox-unchecked-active.png b/filesystem/.config/assets/checkbox-unchecked-active.png new file mode 100644 index 00000000..1bf99a0b Binary files /dev/null and b/filesystem/.config/assets/checkbox-unchecked-active.png differ diff --git a/filesystem/.config/assets/checkbox-unchecked-active@2.png b/filesystem/.config/assets/checkbox-unchecked-active@2.png new file mode 100644 index 00000000..2827fd8e Binary files /dev/null and b/filesystem/.config/assets/checkbox-unchecked-active@2.png differ diff --git a/filesystem/.config/assets/checkbox-unchecked-backdrop.png b/filesystem/.config/assets/checkbox-unchecked-backdrop.png new file mode 100644 index 00000000..89c0ae8c Binary files /dev/null and b/filesystem/.config/assets/checkbox-unchecked-backdrop.png differ diff --git a/filesystem/.config/assets/checkbox-unchecked-backdrop@2.png b/filesystem/.config/assets/checkbox-unchecked-backdrop@2.png new file mode 100644 index 00000000..1ba2dc68 Binary files /dev/null and b/filesystem/.config/assets/checkbox-unchecked-backdrop@2.png differ diff --git a/filesystem/.config/assets/checkbox-unchecked-hover.png b/filesystem/.config/assets/checkbox-unchecked-hover.png new file mode 100644 index 00000000..1be96a2f Binary files /dev/null and b/filesystem/.config/assets/checkbox-unchecked-hover.png differ diff --git a/filesystem/.config/assets/checkbox-unchecked-hover@2.png b/filesystem/.config/assets/checkbox-unchecked-hover@2.png new file mode 100644 index 00000000..f6e80c64 Binary files /dev/null and b/filesystem/.config/assets/checkbox-unchecked-hover@2.png differ diff --git a/filesystem/.config/assets/checkbox-unchecked-insensitive-backdrop.png b/filesystem/.config/assets/checkbox-unchecked-insensitive-backdrop.png new file mode 100644 index 00000000..1ea8200d Binary files /dev/null and b/filesystem/.config/assets/checkbox-unchecked-insensitive-backdrop.png differ diff --git a/filesystem/.config/assets/checkbox-unchecked-insensitive-backdrop@2.png b/filesystem/.config/assets/checkbox-unchecked-insensitive-backdrop@2.png new file mode 100644 index 00000000..a75827b6 Binary files /dev/null and b/filesystem/.config/assets/checkbox-unchecked-insensitive-backdrop@2.png differ diff --git a/filesystem/.config/assets/checkbox-unchecked-insensitive.png b/filesystem/.config/assets/checkbox-unchecked-insensitive.png new file mode 100644 index 00000000..1ea8200d Binary files /dev/null and b/filesystem/.config/assets/checkbox-unchecked-insensitive.png differ diff --git a/filesystem/.config/assets/checkbox-unchecked-insensitive@2.png b/filesystem/.config/assets/checkbox-unchecked-insensitive@2.png new file mode 100644 index 00000000..a75827b6 Binary files /dev/null and b/filesystem/.config/assets/checkbox-unchecked-insensitive@2.png differ diff --git a/filesystem/.config/assets/checkbox-unchecked.png b/filesystem/.config/assets/checkbox-unchecked.png new file mode 100644 index 00000000..89c0ae8c Binary files /dev/null and b/filesystem/.config/assets/checkbox-unchecked.png differ diff --git a/filesystem/.config/assets/checkbox-unchecked@2.png b/filesystem/.config/assets/checkbox-unchecked@2.png new file mode 100644 index 00000000..1ba2dc68 Binary files /dev/null and b/filesystem/.config/assets/checkbox-unchecked@2.png differ diff --git a/filesystem/.config/assets/close.png b/filesystem/.config/assets/close.png new file mode 100644 index 00000000..eed4400e Binary files /dev/null and b/filesystem/.config/assets/close.png differ diff --git a/filesystem/.config/assets/close.svg b/filesystem/.config/assets/close.svg new file mode 100755 index 00000000..d8c1f0f6 --- /dev/null +++ b/filesystem/.config/assets/close.svg @@ -0,0 +1,83 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/close@2.png b/filesystem/.config/assets/close@2.png new file mode 100644 index 00000000..d7df9584 Binary files /dev/null and b/filesystem/.config/assets/close@2.png differ diff --git a/filesystem/.config/assets/close_prelight.png b/filesystem/.config/assets/close_prelight.png new file mode 100644 index 00000000..51419605 Binary files /dev/null and b/filesystem/.config/assets/close_prelight.png differ diff --git a/filesystem/.config/assets/close_prelight.svg b/filesystem/.config/assets/close_prelight.svg new file mode 100755 index 00000000..81a377d3 --- /dev/null +++ b/filesystem/.config/assets/close_prelight.svg @@ -0,0 +1,98 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/close_prelight@2.png b/filesystem/.config/assets/close_prelight@2.png new file mode 100644 index 00000000..bb3fb49b Binary files /dev/null and b/filesystem/.config/assets/close_prelight@2.png differ diff --git a/filesystem/.config/assets/close_pressed.svg b/filesystem/.config/assets/close_pressed.svg new file mode 100755 index 00000000..0e9584ad --- /dev/null +++ b/filesystem/.config/assets/close_pressed.svg @@ -0,0 +1,98 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/close_unfocused.png b/filesystem/.config/assets/close_unfocused.png new file mode 100644 index 00000000..1807b931 Binary files /dev/null and b/filesystem/.config/assets/close_unfocused.png differ diff --git a/filesystem/.config/assets/close_unfocused.svg b/filesystem/.config/assets/close_unfocused.svg new file mode 100755 index 00000000..d1011fa8 --- /dev/null +++ b/filesystem/.config/assets/close_unfocused.svg @@ -0,0 +1,88 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/close_unfocused@2.png b/filesystem/.config/assets/close_unfocused@2.png new file mode 100644 index 00000000..8440ae85 Binary files /dev/null and b/filesystem/.config/assets/close_unfocused@2.png differ diff --git a/filesystem/.config/assets/grid-selection-checked.png b/filesystem/.config/assets/grid-selection-checked.png new file mode 100755 index 00000000..91187176 Binary files /dev/null and b/filesystem/.config/assets/grid-selection-checked.png differ diff --git a/filesystem/.config/assets/grid-selection-checked@2.png b/filesystem/.config/assets/grid-selection-checked@2.png new file mode 100755 index 00000000..b47379e4 Binary files /dev/null and b/filesystem/.config/assets/grid-selection-checked@2.png differ diff --git a/filesystem/.config/assets/grid-selection-unchecked.png b/filesystem/.config/assets/grid-selection-unchecked.png new file mode 100755 index 00000000..508eea89 Binary files /dev/null and b/filesystem/.config/assets/grid-selection-unchecked.png differ diff --git a/filesystem/.config/assets/grid-selection-unchecked@2.png b/filesystem/.config/assets/grid-selection-unchecked@2.png new file mode 100755 index 00000000..d8c6bf0e Binary files /dev/null and b/filesystem/.config/assets/grid-selection-unchecked@2.png differ diff --git a/filesystem/.config/assets/maximize.png b/filesystem/.config/assets/maximize.png new file mode 100644 index 00000000..454cab7c Binary files /dev/null and b/filesystem/.config/assets/maximize.png differ diff --git a/filesystem/.config/assets/maximize.svg b/filesystem/.config/assets/maximize.svg new file mode 100755 index 00000000..2eee09b6 --- /dev/null +++ b/filesystem/.config/assets/maximize.svg @@ -0,0 +1,92 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/maximize@2.png b/filesystem/.config/assets/maximize@2.png new file mode 100644 index 00000000..3adbfde1 Binary files /dev/null and b/filesystem/.config/assets/maximize@2.png differ diff --git a/filesystem/.config/assets/maximize_prelight.png b/filesystem/.config/assets/maximize_prelight.png new file mode 100644 index 00000000..4b8a2f9c Binary files /dev/null and b/filesystem/.config/assets/maximize_prelight.png differ diff --git a/filesystem/.config/assets/maximize_prelight.svg b/filesystem/.config/assets/maximize_prelight.svg new file mode 100755 index 00000000..a84f20ef --- /dev/null +++ b/filesystem/.config/assets/maximize_prelight.svg @@ -0,0 +1,95 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/maximize_prelight@2.png b/filesystem/.config/assets/maximize_prelight@2.png new file mode 100644 index 00000000..de447957 Binary files /dev/null and b/filesystem/.config/assets/maximize_prelight@2.png differ diff --git a/filesystem/.config/assets/maximize_pressed.svg b/filesystem/.config/assets/maximize_pressed.svg new file mode 100755 index 00000000..2a4397a5 --- /dev/null +++ b/filesystem/.config/assets/maximize_pressed.svg @@ -0,0 +1,102 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/maximize_unfocused.png b/filesystem/.config/assets/maximize_unfocused.png new file mode 100644 index 00000000..1807b931 Binary files /dev/null and b/filesystem/.config/assets/maximize_unfocused.png differ diff --git a/filesystem/.config/assets/maximize_unfocused.svg b/filesystem/.config/assets/maximize_unfocused.svg new file mode 100755 index 00000000..b9fc2069 --- /dev/null +++ b/filesystem/.config/assets/maximize_unfocused.svg @@ -0,0 +1,88 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/menuitem-checkbox-checked-hover.png b/filesystem/.config/assets/menuitem-checkbox-checked-hover.png new file mode 100755 index 00000000..74a1a38a Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-checked-hover.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-checked-hover@2.png b/filesystem/.config/assets/menuitem-checkbox-checked-hover@2.png new file mode 100755 index 00000000..6bb911fa Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-checked-hover@2.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-checked-insensitive.png b/filesystem/.config/assets/menuitem-checkbox-checked-insensitive.png new file mode 100755 index 00000000..2186347f Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-checked-insensitive.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-checked-insensitive@2.png b/filesystem/.config/assets/menuitem-checkbox-checked-insensitive@2.png new file mode 100755 index 00000000..85a72370 Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-checked-insensitive@2.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-checked.png b/filesystem/.config/assets/menuitem-checkbox-checked.png new file mode 100755 index 00000000..59e1524f Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-checked.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-checked@2.png b/filesystem/.config/assets/menuitem-checkbox-checked@2.png new file mode 100755 index 00000000..fabd74dc Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-checked@2.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-mixed-hover.png b/filesystem/.config/assets/menuitem-checkbox-mixed-hover.png new file mode 100755 index 00000000..aa5e700f Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-mixed-hover.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-mixed-hover@2.png b/filesystem/.config/assets/menuitem-checkbox-mixed-hover@2.png new file mode 100755 index 00000000..24fff4c7 Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-mixed-hover@2.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-mixed-insensitive.png b/filesystem/.config/assets/menuitem-checkbox-mixed-insensitive.png new file mode 100755 index 00000000..9ba1e172 Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-mixed-insensitive.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-mixed-insensitive@2.png b/filesystem/.config/assets/menuitem-checkbox-mixed-insensitive@2.png new file mode 100755 index 00000000..4cb07365 Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-mixed-insensitive@2.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-mixed-selected.png b/filesystem/.config/assets/menuitem-checkbox-mixed-selected.png new file mode 100755 index 00000000..2064a631 Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-mixed-selected.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-mixed-selected@2.png b/filesystem/.config/assets/menuitem-checkbox-mixed-selected@2.png new file mode 100755 index 00000000..900ccea1 Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-mixed-selected@2.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-mixed.png b/filesystem/.config/assets/menuitem-checkbox-mixed.png new file mode 100755 index 00000000..9b7c1444 Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-mixed.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-mixed@2.png b/filesystem/.config/assets/menuitem-checkbox-mixed@2.png new file mode 100755 index 00000000..e32aa1c4 Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-mixed@2.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-unchecked.png b/filesystem/.config/assets/menuitem-checkbox-unchecked.png new file mode 100755 index 00000000..921e3464 Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-unchecked.png differ diff --git a/filesystem/.config/assets/menuitem-checkbox-unchecked@2.png b/filesystem/.config/assets/menuitem-checkbox-unchecked@2.png new file mode 100755 index 00000000..53ca8434 Binary files /dev/null and b/filesystem/.config/assets/menuitem-checkbox-unchecked@2.png differ diff --git a/filesystem/.config/assets/menuitem-radio-checked-hover.png b/filesystem/.config/assets/menuitem-radio-checked-hover.png new file mode 100755 index 00000000..c084e401 Binary files /dev/null and b/filesystem/.config/assets/menuitem-radio-checked-hover.png differ diff --git a/filesystem/.config/assets/menuitem-radio-checked-hover@2.png b/filesystem/.config/assets/menuitem-radio-checked-hover@2.png new file mode 100755 index 00000000..cdbab86f Binary files /dev/null and b/filesystem/.config/assets/menuitem-radio-checked-hover@2.png differ diff --git a/filesystem/.config/assets/menuitem-radio-checked-insensitive.png b/filesystem/.config/assets/menuitem-radio-checked-insensitive.png new file mode 100755 index 00000000..2b08b40d Binary files /dev/null and b/filesystem/.config/assets/menuitem-radio-checked-insensitive.png differ diff --git a/filesystem/.config/assets/menuitem-radio-checked-insensitive@2.png b/filesystem/.config/assets/menuitem-radio-checked-insensitive@2.png new file mode 100755 index 00000000..0d2ad9b5 Binary files /dev/null and b/filesystem/.config/assets/menuitem-radio-checked-insensitive@2.png differ diff --git a/filesystem/.config/assets/menuitem-radio-checked.png b/filesystem/.config/assets/menuitem-radio-checked.png new file mode 100755 index 00000000..45681b99 Binary files /dev/null and b/filesystem/.config/assets/menuitem-radio-checked.png differ diff --git a/filesystem/.config/assets/menuitem-radio-checked@2.png b/filesystem/.config/assets/menuitem-radio-checked@2.png new file mode 100755 index 00000000..e9863296 Binary files /dev/null and b/filesystem/.config/assets/menuitem-radio-checked@2.png differ diff --git a/filesystem/.config/assets/min.png b/filesystem/.config/assets/min.png new file mode 100644 index 00000000..c3ab9b3b Binary files /dev/null and b/filesystem/.config/assets/min.png differ diff --git a/filesystem/.config/assets/min.svg b/filesystem/.config/assets/min.svg new file mode 100755 index 00000000..123b96bd --- /dev/null +++ b/filesystem/.config/assets/min.svg @@ -0,0 +1,101 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/min@2.png b/filesystem/.config/assets/min@2.png new file mode 100644 index 00000000..b058ce74 Binary files /dev/null and b/filesystem/.config/assets/min@2.png differ diff --git a/filesystem/.config/assets/min_prelight.png b/filesystem/.config/assets/min_prelight.png new file mode 100644 index 00000000..c0100950 Binary files /dev/null and b/filesystem/.config/assets/min_prelight.png differ diff --git a/filesystem/.config/assets/min_prelight.svg b/filesystem/.config/assets/min_prelight.svg new file mode 100755 index 00000000..91d3a249 --- /dev/null +++ b/filesystem/.config/assets/min_prelight.svg @@ -0,0 +1,100 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/min_prelight@2.png b/filesystem/.config/assets/min_prelight@2.png new file mode 100644 index 00000000..f6aa9e04 Binary files /dev/null and b/filesystem/.config/assets/min_prelight@2.png differ diff --git a/filesystem/.config/assets/min_pressed.svg b/filesystem/.config/assets/min_pressed.svg new file mode 100755 index 00000000..4dccd920 --- /dev/null +++ b/filesystem/.config/assets/min_pressed.svg @@ -0,0 +1,111 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/min_unfocused.png b/filesystem/.config/assets/min_unfocused.png new file mode 100644 index 00000000..1807b931 Binary files /dev/null and b/filesystem/.config/assets/min_unfocused.png differ diff --git a/filesystem/.config/assets/min_unfocused.svg b/filesystem/.config/assets/min_unfocused.svg new file mode 100755 index 00000000..b9fc2069 --- /dev/null +++ b/filesystem/.config/assets/min_unfocused.svg @@ -0,0 +1,88 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/pane-handle-vertical.png b/filesystem/.config/assets/pane-handle-vertical.png new file mode 100755 index 00000000..36ed49d2 Binary files /dev/null and b/filesystem/.config/assets/pane-handle-vertical.png differ diff --git a/filesystem/.config/assets/pane-handle-vertical@2.png b/filesystem/.config/assets/pane-handle-vertical@2.png new file mode 100755 index 00000000..3e201267 Binary files /dev/null and b/filesystem/.config/assets/pane-handle-vertical@2.png differ diff --git a/filesystem/.config/assets/pane-handle.png b/filesystem/.config/assets/pane-handle.png new file mode 100755 index 00000000..05c88655 Binary files /dev/null and b/filesystem/.config/assets/pane-handle.png differ diff --git a/filesystem/.config/assets/pane-handle@2.png b/filesystem/.config/assets/pane-handle@2.png new file mode 100755 index 00000000..35b98986 Binary files /dev/null and b/filesystem/.config/assets/pane-handle@2.png differ diff --git a/filesystem/.config/assets/radio-checked-active.png b/filesystem/.config/assets/radio-checked-active.png new file mode 100644 index 00000000..8b692a14 Binary files /dev/null and b/filesystem/.config/assets/radio-checked-active.png differ diff --git a/filesystem/.config/assets/radio-checked-active@2.png b/filesystem/.config/assets/radio-checked-active@2.png new file mode 100644 index 00000000..d6c9fdde Binary files /dev/null and b/filesystem/.config/assets/radio-checked-active@2.png differ diff --git a/filesystem/.config/assets/radio-checked-backdrop.png b/filesystem/.config/assets/radio-checked-backdrop.png new file mode 100644 index 00000000..8b692a14 Binary files /dev/null and b/filesystem/.config/assets/radio-checked-backdrop.png differ diff --git a/filesystem/.config/assets/radio-checked-backdrop@2.png b/filesystem/.config/assets/radio-checked-backdrop@2.png new file mode 100644 index 00000000..d6c9fdde Binary files /dev/null and b/filesystem/.config/assets/radio-checked-backdrop@2.png differ diff --git a/filesystem/.config/assets/radio-checked-hover.png b/filesystem/.config/assets/radio-checked-hover.png new file mode 100644 index 00000000..b070c904 Binary files /dev/null and b/filesystem/.config/assets/radio-checked-hover.png differ diff --git a/filesystem/.config/assets/radio-checked-hover@2.png b/filesystem/.config/assets/radio-checked-hover@2.png new file mode 100644 index 00000000..35cb240b Binary files /dev/null and b/filesystem/.config/assets/radio-checked-hover@2.png differ diff --git a/filesystem/.config/assets/radio-checked-insensitive-backdrop.png b/filesystem/.config/assets/radio-checked-insensitive-backdrop.png new file mode 100644 index 00000000..9d2bb3f0 Binary files /dev/null and b/filesystem/.config/assets/radio-checked-insensitive-backdrop.png differ diff --git a/filesystem/.config/assets/radio-checked-insensitive-backdrop@2.png b/filesystem/.config/assets/radio-checked-insensitive-backdrop@2.png new file mode 100644 index 00000000..76a56833 Binary files /dev/null and b/filesystem/.config/assets/radio-checked-insensitive-backdrop@2.png differ diff --git a/filesystem/.config/assets/radio-checked-insensitive.png b/filesystem/.config/assets/radio-checked-insensitive.png new file mode 100644 index 00000000..0059d979 Binary files /dev/null and b/filesystem/.config/assets/radio-checked-insensitive.png differ diff --git a/filesystem/.config/assets/radio-checked-insensitive@2.png b/filesystem/.config/assets/radio-checked-insensitive@2.png new file mode 100644 index 00000000..3291e344 Binary files /dev/null and b/filesystem/.config/assets/radio-checked-insensitive@2.png differ diff --git a/filesystem/.config/assets/radio-checked.png b/filesystem/.config/assets/radio-checked.png new file mode 100644 index 00000000..8b692a14 Binary files /dev/null and b/filesystem/.config/assets/radio-checked.png differ diff --git a/filesystem/.config/assets/radio-checked@2.png b/filesystem/.config/assets/radio-checked@2.png new file mode 100644 index 00000000..d6c9fdde Binary files /dev/null and b/filesystem/.config/assets/radio-checked@2.png differ diff --git a/filesystem/.config/assets/radio-mixed-active.png b/filesystem/.config/assets/radio-mixed-active.png new file mode 100644 index 00000000..66dd837c Binary files /dev/null and b/filesystem/.config/assets/radio-mixed-active.png differ diff --git a/filesystem/.config/assets/radio-mixed-active@2.png b/filesystem/.config/assets/radio-mixed-active@2.png new file mode 100644 index 00000000..f1d6445e Binary files /dev/null and b/filesystem/.config/assets/radio-mixed-active@2.png differ diff --git a/filesystem/.config/assets/radio-mixed-backdrop.png b/filesystem/.config/assets/radio-mixed-backdrop.png new file mode 100644 index 00000000..66dd837c Binary files /dev/null and b/filesystem/.config/assets/radio-mixed-backdrop.png differ diff --git a/filesystem/.config/assets/radio-mixed-backdrop@2.png b/filesystem/.config/assets/radio-mixed-backdrop@2.png new file mode 100644 index 00000000..f1d6445e Binary files /dev/null and b/filesystem/.config/assets/radio-mixed-backdrop@2.png differ diff --git a/filesystem/.config/assets/radio-mixed-hover.png b/filesystem/.config/assets/radio-mixed-hover.png new file mode 100644 index 00000000..66dd837c Binary files /dev/null and b/filesystem/.config/assets/radio-mixed-hover.png differ diff --git a/filesystem/.config/assets/radio-mixed-hover@2.png b/filesystem/.config/assets/radio-mixed-hover@2.png new file mode 100644 index 00000000..f1d6445e Binary files /dev/null and b/filesystem/.config/assets/radio-mixed-hover@2.png differ diff --git a/filesystem/.config/assets/radio-mixed-insensitive-backdrop.png b/filesystem/.config/assets/radio-mixed-insensitive-backdrop.png new file mode 100644 index 00000000..04bc8277 Binary files /dev/null and b/filesystem/.config/assets/radio-mixed-insensitive-backdrop.png differ diff --git a/filesystem/.config/assets/radio-mixed-insensitive-backdrop@2.png b/filesystem/.config/assets/radio-mixed-insensitive-backdrop@2.png new file mode 100644 index 00000000..51d77083 Binary files /dev/null and b/filesystem/.config/assets/radio-mixed-insensitive-backdrop@2.png differ diff --git a/filesystem/.config/assets/radio-mixed-insensitive.png b/filesystem/.config/assets/radio-mixed-insensitive.png new file mode 100644 index 00000000..04bc8277 Binary files /dev/null and b/filesystem/.config/assets/radio-mixed-insensitive.png differ diff --git a/filesystem/.config/assets/radio-mixed-insensitive@2.png b/filesystem/.config/assets/radio-mixed-insensitive@2.png new file mode 100644 index 00000000..51d77083 Binary files /dev/null and b/filesystem/.config/assets/radio-mixed-insensitive@2.png differ diff --git a/filesystem/.config/assets/radio-mixed.png b/filesystem/.config/assets/radio-mixed.png new file mode 100644 index 00000000..66dd837c Binary files /dev/null and b/filesystem/.config/assets/radio-mixed.png differ diff --git a/filesystem/.config/assets/radio-mixed@2.png b/filesystem/.config/assets/radio-mixed@2.png new file mode 100644 index 00000000..f1d6445e Binary files /dev/null and b/filesystem/.config/assets/radio-mixed@2.png differ diff --git a/filesystem/.config/assets/radio-selected-insensitive.png b/filesystem/.config/assets/radio-selected-insensitive.png new file mode 100755 index 00000000..8f3a360d Binary files /dev/null and b/filesystem/.config/assets/radio-selected-insensitive.png differ diff --git a/filesystem/.config/assets/radio-selected-insensitive@2.png b/filesystem/.config/assets/radio-selected-insensitive@2.png new file mode 100755 index 00000000..f928dbce Binary files /dev/null and b/filesystem/.config/assets/radio-selected-insensitive@2.png differ diff --git a/filesystem/.config/assets/radio-selected@2.png b/filesystem/.config/assets/radio-selected@2.png new file mode 100755 index 00000000..dea193a6 Binary files /dev/null and b/filesystem/.config/assets/radio-selected@2.png differ diff --git a/filesystem/.config/assets/radio-unchecked-active.png b/filesystem/.config/assets/radio-unchecked-active.png new file mode 100644 index 00000000..8c9f7f95 Binary files /dev/null and b/filesystem/.config/assets/radio-unchecked-active.png differ diff --git a/filesystem/.config/assets/radio-unchecked-active@2.png b/filesystem/.config/assets/radio-unchecked-active@2.png new file mode 100644 index 00000000..a4136f96 Binary files /dev/null and b/filesystem/.config/assets/radio-unchecked-active@2.png differ diff --git a/filesystem/.config/assets/radio-unchecked-backdrop.png b/filesystem/.config/assets/radio-unchecked-backdrop.png new file mode 100644 index 00000000..ecc61992 Binary files /dev/null and b/filesystem/.config/assets/radio-unchecked-backdrop.png differ diff --git a/filesystem/.config/assets/radio-unchecked-backdrop@2.png b/filesystem/.config/assets/radio-unchecked-backdrop@2.png new file mode 100644 index 00000000..306cb06c Binary files /dev/null and b/filesystem/.config/assets/radio-unchecked-backdrop@2.png differ diff --git a/filesystem/.config/assets/radio-unchecked-hover.png b/filesystem/.config/assets/radio-unchecked-hover.png new file mode 100644 index 00000000..8c9f7f95 Binary files /dev/null and b/filesystem/.config/assets/radio-unchecked-hover.png differ diff --git a/filesystem/.config/assets/radio-unchecked-hover@2.png b/filesystem/.config/assets/radio-unchecked-hover@2.png new file mode 100644 index 00000000..a4136f96 Binary files /dev/null and b/filesystem/.config/assets/radio-unchecked-hover@2.png differ diff --git a/filesystem/.config/assets/radio-unchecked-insensitive-backdrop.png b/filesystem/.config/assets/radio-unchecked-insensitive-backdrop.png new file mode 100644 index 00000000..925c40fb Binary files /dev/null and b/filesystem/.config/assets/radio-unchecked-insensitive-backdrop.png differ diff --git a/filesystem/.config/assets/radio-unchecked-insensitive-backdrop@2.png b/filesystem/.config/assets/radio-unchecked-insensitive-backdrop@2.png new file mode 100644 index 00000000..d409c790 Binary files /dev/null and b/filesystem/.config/assets/radio-unchecked-insensitive-backdrop@2.png differ diff --git a/filesystem/.config/assets/radio-unchecked-insensitive.png b/filesystem/.config/assets/radio-unchecked-insensitive.png new file mode 100644 index 00000000..2555d5be Binary files /dev/null and b/filesystem/.config/assets/radio-unchecked-insensitive.png differ diff --git a/filesystem/.config/assets/radio-unchecked-insensitive@2.png b/filesystem/.config/assets/radio-unchecked-insensitive@2.png new file mode 100644 index 00000000..cfd71cfc Binary files /dev/null and b/filesystem/.config/assets/radio-unchecked-insensitive@2.png differ diff --git a/filesystem/.config/assets/radio-unchecked.png b/filesystem/.config/assets/radio-unchecked.png new file mode 100644 index 00000000..0c7f1350 Binary files /dev/null and b/filesystem/.config/assets/radio-unchecked.png differ diff --git a/filesystem/.config/assets/radio-unchecked@2.png b/filesystem/.config/assets/radio-unchecked@2.png new file mode 100644 index 00000000..b20482ec Binary files /dev/null and b/filesystem/.config/assets/radio-unchecked@2.png differ diff --git a/filesystem/.config/assets/radio-unselected-hover@2.png b/filesystem/.config/assets/radio-unselected-hover@2.png new file mode 100755 index 00000000..64c745f5 Binary files /dev/null and b/filesystem/.config/assets/radio-unselected-hover@2.png differ diff --git a/filesystem/.config/assets/radio-unselected-insensitive.png b/filesystem/.config/assets/radio-unselected-insensitive.png new file mode 100755 index 00000000..10f7e5dd Binary files /dev/null and b/filesystem/.config/assets/radio-unselected-insensitive.png differ diff --git a/filesystem/.config/assets/radio-unselected-insensitive@2.png b/filesystem/.config/assets/radio-unselected-insensitive@2.png new file mode 100755 index 00000000..bbc0bdaa Binary files /dev/null and b/filesystem/.config/assets/radio-unselected-insensitive@2.png differ diff --git a/filesystem/.config/assets/radio-unselected.svg b/filesystem/.config/assets/radio-unselected.svg new file mode 100755 index 00000000..f9893a1d --- /dev/null +++ b/filesystem/.config/assets/radio-unselected.svg @@ -0,0 +1,85 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/radio-unselected@2.png b/filesystem/.config/assets/radio-unselected@2.png new file mode 100755 index 00000000..0c01111e Binary files /dev/null and b/filesystem/.config/assets/radio-unselected@2.png differ diff --git a/filesystem/.config/assets/scale-slider-hover.svg b/filesystem/.config/assets/scale-slider-hover.svg new file mode 100644 index 00000000..44bc945b --- /dev/null +++ b/filesystem/.config/assets/scale-slider-hover.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/filesystem/.config/assets/scale-slider-hover@2.png b/filesystem/.config/assets/scale-slider-hover@2.png new file mode 100755 index 00000000..d64f411d Binary files /dev/null and b/filesystem/.config/assets/scale-slider-hover@2.png differ diff --git a/filesystem/.config/assets/scale-slider-insensitive.png b/filesystem/.config/assets/scale-slider-insensitive.png new file mode 100755 index 00000000..20d278dc Binary files /dev/null and b/filesystem/.config/assets/scale-slider-insensitive.png differ diff --git a/filesystem/.config/assets/scale-slider-insensitive@2.png b/filesystem/.config/assets/scale-slider-insensitive@2.png new file mode 100755 index 00000000..20e740dc Binary files /dev/null and b/filesystem/.config/assets/scale-slider-insensitive@2.png differ diff --git a/filesystem/.config/assets/scale-slider.svg b/filesystem/.config/assets/scale-slider.svg new file mode 100644 index 00000000..961029d5 --- /dev/null +++ b/filesystem/.config/assets/scale-slider.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/filesystem/.config/assets/scale-slider@2.png b/filesystem/.config/assets/scale-slider@2.png new file mode 100755 index 00000000..1a860df8 Binary files /dev/null and b/filesystem/.config/assets/scale-slider@2.png differ diff --git a/filesystem/.config/assets/selected-checkbox-checked.png b/filesystem/.config/assets/selected-checkbox-checked.png new file mode 100644 index 00000000..c45f5154 Binary files /dev/null and b/filesystem/.config/assets/selected-checkbox-checked.png differ diff --git a/filesystem/.config/assets/selected-checkbox-checked@2.png b/filesystem/.config/assets/selected-checkbox-checked@2.png new file mode 100644 index 00000000..aea65147 Binary files /dev/null and b/filesystem/.config/assets/selected-checkbox-checked@2.png differ diff --git a/filesystem/.config/assets/selected-checkbox-mixed.png b/filesystem/.config/assets/selected-checkbox-mixed.png new file mode 100644 index 00000000..b4cd9e44 Binary files /dev/null and b/filesystem/.config/assets/selected-checkbox-mixed.png differ diff --git a/filesystem/.config/assets/selected-checkbox-mixed@2.png b/filesystem/.config/assets/selected-checkbox-mixed@2.png new file mode 100644 index 00000000..fb6e2f5b Binary files /dev/null and b/filesystem/.config/assets/selected-checkbox-mixed@2.png differ diff --git a/filesystem/.config/assets/selected-checkbox-unchecked.png b/filesystem/.config/assets/selected-checkbox-unchecked.png new file mode 100644 index 00000000..1bf99a0b Binary files /dev/null and b/filesystem/.config/assets/selected-checkbox-unchecked.png differ diff --git a/filesystem/.config/assets/selected-checkbox-unchecked@2.png b/filesystem/.config/assets/selected-checkbox-unchecked@2.png new file mode 100644 index 00000000..2827fd8e Binary files /dev/null and b/filesystem/.config/assets/selected-checkbox-unchecked@2.png differ diff --git a/filesystem/.config/assets/selected-radio-checked.png b/filesystem/.config/assets/selected-radio-checked.png new file mode 100644 index 00000000..8b692a14 Binary files /dev/null and b/filesystem/.config/assets/selected-radio-checked.png differ diff --git a/filesystem/.config/assets/selected-radio-checked@2.png b/filesystem/.config/assets/selected-radio-checked@2.png new file mode 100644 index 00000000..d6c9fdde Binary files /dev/null and b/filesystem/.config/assets/selected-radio-checked@2.png differ diff --git a/filesystem/.config/assets/selected-radio-mixed.png b/filesystem/.config/assets/selected-radio-mixed.png new file mode 100644 index 00000000..66dd837c Binary files /dev/null and b/filesystem/.config/assets/selected-radio-mixed.png differ diff --git a/filesystem/.config/assets/selected-radio-mixed@2.png b/filesystem/.config/assets/selected-radio-mixed@2.png new file mode 100644 index 00000000..f1d6445e Binary files /dev/null and b/filesystem/.config/assets/selected-radio-mixed@2.png differ diff --git a/filesystem/.config/assets/selected-radio-unchecked.png b/filesystem/.config/assets/selected-radio-unchecked.png new file mode 100644 index 00000000..8c9f7f95 Binary files /dev/null and b/filesystem/.config/assets/selected-radio-unchecked.png differ diff --git a/filesystem/.config/assets/selected-radio-unchecked@2.png b/filesystem/.config/assets/selected-radio-unchecked@2.png new file mode 100644 index 00000000..a4136f96 Binary files /dev/null and b/filesystem/.config/assets/selected-radio-unchecked@2.png differ diff --git a/filesystem/.config/assets/switch-insensitive.svg b/filesystem/.config/assets/switch-insensitive.svg new file mode 100755 index 00000000..cee0fdc5 --- /dev/null +++ b/filesystem/.config/assets/switch-insensitive.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/filesystem/.config/assets/switch-insensitive@2.svg b/filesystem/.config/assets/switch-insensitive@2.svg new file mode 100755 index 00000000..7372b082 --- /dev/null +++ b/filesystem/.config/assets/switch-insensitive@2.svg @@ -0,0 +1,371 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/filesystem/.config/assets/switch-off.svg b/filesystem/.config/assets/switch-off.svg new file mode 100755 index 00000000..5fd3117a --- /dev/null +++ b/filesystem/.config/assets/switch-off.svg @@ -0,0 +1,49 @@ + + + + + + + + + + diff --git a/filesystem/.config/assets/switch-off@2.svg b/filesystem/.config/assets/switch-off@2.svg new file mode 100755 index 00000000..f5800e13 --- /dev/null +++ b/filesystem/.config/assets/switch-off@2.svg @@ -0,0 +1,384 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/filesystem/.config/assets/switch-on.svg b/filesystem/.config/assets/switch-on.svg new file mode 100755 index 00000000..f1be83c4 --- /dev/null +++ b/filesystem/.config/assets/switch-on.svg @@ -0,0 +1,64 @@ + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/switch-on@2.svg b/filesystem/.config/assets/switch-on@2.svg new file mode 100755 index 00000000..03cc342b --- /dev/null +++ b/filesystem/.config/assets/switch-on@2.svg @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/filesystem/.config/assets/switch-slider-insensitive.svg b/filesystem/.config/assets/switch-slider-insensitive.svg new file mode 100755 index 00000000..0d572d85 --- /dev/null +++ b/filesystem/.config/assets/switch-slider-insensitive.svg @@ -0,0 +1,50 @@ + + + + + + + + + + diff --git a/filesystem/.config/assets/switch-slider-insensitive@2.png b/filesystem/.config/assets/switch-slider-insensitive@2.png new file mode 100644 index 00000000..9b8e912e Binary files /dev/null and b/filesystem/.config/assets/switch-slider-insensitive@2.png differ diff --git a/filesystem/.config/assets/switch-slider-insensitive@2.svg b/filesystem/.config/assets/switch-slider-insensitive@2.svg new file mode 100755 index 00000000..069b0a3c --- /dev/null +++ b/filesystem/.config/assets/switch-slider-insensitive@2.svg @@ -0,0 +1,11540 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/switch-slider-off.svg b/filesystem/.config/assets/switch-slider-off.svg new file mode 100755 index 00000000..de7344b7 --- /dev/null +++ b/filesystem/.config/assets/switch-slider-off.svg @@ -0,0 +1,50 @@ + + + + + + + + + + diff --git a/filesystem/.config/assets/switch-slider-off@2.png b/filesystem/.config/assets/switch-slider-off@2.png new file mode 100644 index 00000000..9b8e912e Binary files /dev/null and b/filesystem/.config/assets/switch-slider-off@2.png differ diff --git a/filesystem/.config/assets/switch-slider-off@2.svg b/filesystem/.config/assets/switch-slider-off@2.svg new file mode 100755 index 00000000..fd4e3136 --- /dev/null +++ b/filesystem/.config/assets/switch-slider-off@2.svg @@ -0,0 +1,11523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/assets/switch-slider-on.svg b/filesystem/.config/assets/switch-slider-on.svg new file mode 100755 index 00000000..ad456bbb --- /dev/null +++ b/filesystem/.config/assets/switch-slider-on.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/filesystem/.config/assets/switch-slider-on@2.png b/filesystem/.config/assets/switch-slider-on@2.png new file mode 100644 index 00000000..9b8e912e Binary files /dev/null and b/filesystem/.config/assets/switch-slider-on@2.png differ diff --git a/filesystem/.config/assets/switch-slider-on@2.svg b/filesystem/.config/assets/switch-slider-on@2.svg new file mode 100755 index 00000000..be0b5bb4 --- /dev/null +++ b/filesystem/.config/assets/switch-slider-on@2.svg @@ -0,0 +1,11523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.config/gtk-4.0/gtk-dark.css b/filesystem/.config/gtk-4.0/gtk-dark.css new file mode 100755 index 00000000..d27d3144 --- /dev/null +++ b/filesystem/.config/gtk-4.0/gtk-dark.css @@ -0,0 +1,6503 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #f8f8f2; +/* text color for entries, views and content in general */ +@define-color theme_text_color #f8f8f2; +/* widget base background color */ +@define-color theme_bg_color #1e1f29; +/* text widgets and the like base background color */ +@define-color theme_base_color #282a36; +/* base background color of selections */ +@define-color theme_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #f8f8f2; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #22232e; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #8b8c8e; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #282a36; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #8b8c8e; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #f8f8f2; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1f29; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2a2c39; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #f8f8f2; +/* widgets main borders color */ +@define-color borders rgba(25, 26, 34, 0.9); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(26, 27, 35, 0.91); +/* these are pretty self explicative */ +@define-color warning_color #ff9f39; +@define-color error_color #ff3c3c; +@define-color success_color #4caec3; +@define-color fg_color #f8f8f2; +@define-color text_color #f8f8f2; +@define-color bg_color #1e1f29; +@define-color base_color #282a36; +@define-color selected_bg_color rgba(189, 147, 249, 0.5); +@define-color selected_fg_color #f8f8f2; +@define-color unfocused_fg_color #8b8c8e; +@define-color unfocused_text_color #f8f8f2; +@define-color unfocused_bg_color #1e1f29; +@define-color unfocused_base_color #2a2c39; +@define-color unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +@define-color unfocused_selected_fg_color #f8f8f2; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#f8f8f2, 1.8); +@define-color wm_unfocused_title #8b8c8e; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#1e1f29, 1.2); +@define-color wm_bg_b #1e1f29; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#1e1f29, 1.3); +@define-color wm_button_hover_color_b #1e1f29; +@define-color wm_button_active_color_a shade(#1e1f29, 0.85); +@define-color wm_button_active_color_b shade(#1e1f29, 0.89); +@define-color wm_button_active_color_c shade(#1e1f29, 0.9); +@define-color content_view_bg #282a36; +@define-color budgie_tasklist_indicator_color rgba(189, 147, 249, 0.5); +@define-color budgie_tasklist_indicator_color_active rgba(189, 147, 249, 0.5); +@define-color placeholder_text_color #cfcfcd; +@define-color STRAWBERRY_100 #ff8c82; +@define-color STRAWBERRY_300 #ed5353; +@define-color STRAWBERRY_500 #c6262e; +@define-color STRAWBERRY_700 #a10705; +@define-color STRAWBERRY_900 #7a0000; +@define-color ORANGE_100 #ffc27d; +@define-color ORANGE_300 #ffa154; +@define-color ORANGE_500 #f37329; +@define-color ORANGE_700 #cc3b02; +@define-color ORANGE_900 #a62100; +@define-color BANANA_100 #fff394; +@define-color BANANA_300 #ffe16b; +@define-color BANANA_500 #f9c440; +@define-color BANANA_700 #d48e15; +@define-color BANANA_900 #ad5f00; +@define-color LIME_100 #d1ff82; +@define-color LIME_300 #9bdb4d; +@define-color LIME_500 #68b723; +@define-color LIME_700 #3a9104; +@define-color LIME_900 #206b00; +@define-color MINT_100 #89ffdd; +@define-color MINT_300 #43d6b5; +@define-color MINT_500 #28bca3; +@define-color MINT_700 #0e9a83; +@define-color MINT_900 #007367; +@define-color BLUEBERRY_100 #8cd5ff; +@define-color BLUEBERRY_300 #64baff; +@define-color BLUEBERRY_500 #3689e6; +@define-color BLUEBERRY_700 #0d52bf; +@define-color BLUEBERRY_900 #002e99; +@define-color BUBBLEGUM_100 #fe9ab8; +@define-color BUBBLEGUM_300 #f4679d; +@define-color BUBBLEGUM_500 #de3e80; +@define-color BUBBLEGUM_700 #bc245d; +@define-color BUBBLEGUM_900 #910e38; +@define-color GRAPE_100 #e4c6fa; +@define-color GRAPE_300 #cd9ef7; +@define-color GRAPE_500 #a56de2; +@define-color GRAPE_700 #7239b3; +@define-color GRAPE_900 #452981; +@define-color COCOA_100 #a3907c; +@define-color COCOA_300 #8a715e; +@define-color COCOA_500 #715344; +@define-color COCOA_700 #57392d; +@define-color COCOA_900 #3d211b; +@define-color SILVER_100 #fafafa; +@define-color SILVER_300 #d4d4d4; +@define-color SILVER_500 #abacae; +@define-color SILVER_700 #7e8087; +@define-color SILVER_900 #555761; +@define-color SLATE_100 #95a3ab; +@define-color SLATE_300 #667885; +@define-color SLATE_500 #485a6c; +@define-color SLATE_700 #273445; +@define-color SLATE_900 #0e141f; +@define-color BLACK_100 #666; +@define-color BLACK_300 #4d4d4d; +@define-color BLACK_500 #333; +@define-color BLACK_700 #1a1a1a; +@define-color BLACK_900 #000; +/***************** +* Drawing mixins * +*****************/ +/********* +* Common * +*********/ +* { + padding: 0; + outline-color: rgba(248, 248, 242, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 0px; + -gtk-secondary-caret-color: rgba(189, 147, 249, 0.5); } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar, actionbar > revealer > box { + background-color: #1a1b23; + border: solid rgba(25, 26, 34, 0.9); + border-width: 1px 0 0 0; + color: #f8f8f2; + box-shadow: none; } + .action-bar:backdrop, actionbar > revealer > box:backdrop { + background-color: #08090c; + box-shadow: none; } + .action-bar:first-child, actionbar > revealer > box:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child, actionbar > revealer > box:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(20, 23, 26, 0.8); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #f8f8f2; + background-color: #1e1f29; } + .background:backdrop { + color: #8b8c8e; + background-color: #1e1f29; + text-shadow: none; + -gtk-icon-shadow: none; } + .background.chromium { + background-color: #2f313f; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +.gtkstyle-fallback { + color: #f8f8f2; + background-color: #1e1f29; } + .gtkstyle-fallback:hover { + color: #f8f8f2; + background-color: #343546; } + .gtkstyle-fallback:active { + color: #f8f8f2; + background-color: #08090c; } + .gtkstyle-fallback:disabled { + color: #8b8c8e; + background-color: #22232e; } + .gtkstyle-fallback:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + +.view, iconview, +textview > text { + color: #f8f8f2; + background-color: #282a36; } + .view:backdrop, iconview:backdrop, + textview > text:backdrop { + color: #cfcfcd; + background-color: #2a2c39; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected { + border-radius: 3px; } + +textview > text { + background-color: transparent; } + +textview border { + background-color: #232530; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +columnview.view > rubberband, +treeview.view > rubberband { + border: 1px solid rgba(159, 99, 246, 0.5); + background-color: rgba(159, 99, 246, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #f8f8f2; } + label.separator:backdrop { + color: #8b8c8e; } + label selection { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + label:disabled { + color: #8b8c8e; } + label:disabled:backdrop { + color: #3e4055; } + label:backdrop { + color: #8b8c8e; } + +.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #4a4a51; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .osd popover.background > arrow, +.osd popover.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents, .osd { + color: #fefefe; + border: none; + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + outline-color: rgba(254, 254, 254, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, .osd popover.background > arrow:backdrop, + .osd popover.background > contents:backdrop, popover.background.touch-selection > arrow:backdrop, + popover.background.touch-selection > contents:backdrop, popover.background.magnifier > arrow:backdrop, + popover.background.magnifier > contents:backdrop, .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +*:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, rgba(233, 219, 253, 0.5) 0%, rgba(233, 219, 253, 0) 0%); } + to { + background-image: radial-gradient(farthest-side, rgba(233, 219, 253, 0.5) 95%, rgba(233, 219, 253, 0)); } } +notebook > header > tabs > arrow, +button { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border: none; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-filter: brightness(1.2); } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(174, 123, 248, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition-duration: 50ms; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition: 200ms ease-out; + -gtk-icon-filter: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + button:backdrop.flat:active label, + button:backdrop.flat:checked label, + button:backdrop:active label, + button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #50fa7a; + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #f8f8f2; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #8b8c8e; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #fefefe; + border-radius: 5px; + outline-color: rgba(254, 254, 254, 0.3); + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification button, +.app-notification.frame button, popover.background.touch-selection button, popover.background.magnifier button, +.osd button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + .osd button:active:backdrop, + .osd button:active, + .osd button:checked:backdrop, + .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + .osd button:disabled:backdrop, + .osd button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + .osd button:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + .osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + .osd button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + .osd button.flat:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + .osd button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + .osd button.flat:active, + .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } +button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button, button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #bd93f9; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:active, button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode windowcontrols button:backdrop:active, .selection-mode windowcontrols button:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop:active label, .selection-mode windowcontrols button:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode windowcontrols button:backdrop:disabled:active, .selection-mode windowcontrols button:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(189, 147, 249, 0.8); } + button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd button.suggested-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(189, 147, 249, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.7), rgba(189, 147, 249, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #bd93f9, #bd93f9); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #ff2222; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:active, button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(255, 34, 34, 0.8); } + button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd button.destructive-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(255, 34, 34, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.7), rgba(255, 34, 34, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #ff2222, #ff2222); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.5), rgba(255, 34, 34, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar button { + -gtk-icon-shadow: none; } + +.stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: radial-gradient(farthest-side, rgba(233, 219, 253, 0.5) 96%, rgba(233, 219, 253, 0)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + +toolbar button:hover { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #0f0f14; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +toolbar button:active { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #040406; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.inline-toolbar toolbutton > button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:hover { + color: rgba(189, 147, 249, 0.5); } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(174, 123, 248, 0); } + .inline-toolbar toolbutton > button:backdrop { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(174, 123, 248, 0); } + +toolbar.inline-toolbar toolbutton > button.flat:backdrop, +toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { + border-color: transparent; + box-shadow: none; } + +.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:first-child, .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:last-child, .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:only-child, .linked:not(.vertical) > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), spinbutton.vertical.linked > text, .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked > text:first-child, .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked > text:last-child, .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked > text:only-child, .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, +.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, + .menuitem.button.flat:hover { + background-color: #383a4c; } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow { + background: none; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +notebook button, list button, popover button { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } + notebook button:backdrop, list button:backdrop, popover button:backdrop { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } +notebook .linked > button, list .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(248, 248, 242, 0.45); } + calendar.button:hover { + color: #f8f8f2; } + calendar.button:backdrop { + color: rgba(139, 140, 142, 0.45); } + calendar.button:disabled { + color: rgba(139, 140, 142, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #f8f8f2; } + calendar:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, iconview.content-view check, +.view.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, iconview.content-view radio, +.view.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, iconview.content-view check:hover, +.view.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, iconview.content-view radio:hover, +.view.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, iconview.content-view check:active, +.view.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, iconview.content-view radio:active, +.view.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, iconview.content-view check:disabled, +.view.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + margin: 0 4px; + min-height: 16px; + min-width: 16px; + border: none; } + menu menuitem check, menu menuitem + radio { + margin: 0; } + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem + radio, menu menuitem + radio:hover, menu menuitem + radio:disabled { + min-height: 14px; + min-width: 14px; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + border-color: currentColor; + animation: none; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #f8f8f2; } + colorswatch.dark overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.dark overlay:backdrop { + color: rgba(248, 248, 242, 0.5); } +colorswatch.light overlay { + color: #f8f8f2; } + colorswatch.light overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.light overlay:backdrop { + color: #cfcfcd; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } + colorswatch:drop(active).dark overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid rgba(25, 26, 34, 0.9); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(25, 26, 34, 0.9); + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #f8f8f2; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog, .messagedialog, .dialog { + background-color: #282a36; + border-radius: 10px; } + messagedialog .titlebar:not(headerbar), .messagedialog .titlebar:not(headerbar), .dialog .titlebar:not(headerbar) { + background-color: rgba(30, 31, 41, 0.95); } + messagedialog .titlebar, .messagedialog .titlebar, .dialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(30, 31, 41, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + messagedialog.csd, .messagedialog.csd, .dialog.csd { + border-radius: 10px; } + messagedialog.csd.background, .messagedialog.csd.background, .dialog.csd.background { + background-color: #1a1b23; + color: #f8f8f2; + border-radius: 10px; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .response-area button, .messagedialog.csd .dialog-action-area button, .messagedialog.csd .response-area button, .dialog.csd .dialog-action-area button, .dialog.csd .response-area button { + padding: 7px 11px; + border-radius: 0; + color: #f8f8f2; + box-shadow: none; + border: none; } + messagedialog.csd .dialog-action-area button:not(.destructive-action):hover, messagedialog.csd .response-area button:not(.destructive-action):hover, .messagedialog.csd .dialog-action-area button:not(.destructive-action):hover, .messagedialog.csd .response-area button:not(.destructive-action):hover, .dialog.csd .dialog-action-area button:not(.destructive-action):hover, .dialog.csd .response-area button:not(.destructive-action):hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.messagedialog .message-area { + padding: 26px; } + +filechooser .dialog-action-box { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + filechooser .dialog-action-box:backdrop { + border-top-color: rgba(26, 27, 35, 0.91); } +filechooser #pathbarbox { + border-bottom: 1px solid #1e1f29; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), spinbutton.vertical > text, entry { + min-height: 32px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; } + spinbutton:not(.vertical) image.left, spinbutton.vertical > text image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, spinbutton.vertical > text image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton.flat:focus-within:not(.vertical), spinbutton.vertical > text.flat:focus-within, spinbutton.flat:not(.vertical), spinbutton.vertical > text.flat, + entry.flat:focus-within, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + box-shadow: none; + border-radius: 0; } + spinbutton:focus-within:not(.vertical), spinbutton.vertical > text:focus-within, + entry:focus-within { + border-color: rgba(159, 99, 246, 0.5); + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + spinbutton:disabled:not(.vertical), spinbutton.vertical > text:disabled, + entry:disabled { + color: #8b8c8e; + border-color: rgba(25, 26, 34, 0.9); + background-color: #22232e; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, + entry:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), spinbutton.vertical > text:backdrop:disabled, + entry:backdrop:disabled { + color: #3e4055; + border-color: rgba(26, 27, 35, 0.91); + background-color: #22232e; + box-shadow: none; } + spinbutton.error:not(.vertical), spinbutton.vertical > text.error, + entry.error { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff3c3c; + border-color: #880000; } + spinbutton.error:focus-within:not(.vertical), spinbutton.vertical > text.error:focus-within, + entry.error:focus-within { + border-color: #880000; + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.vertical > text.error:selected:focus, spinbutton.error:selected:not(.vertical), spinbutton.vertical > text.error:selected, + entry.error:selected:focus, + entry.error:selected { + background-color: #ff3c3c; } + spinbutton.warning:not(.vertical), spinbutton.vertical > text.warning, + entry.warning { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff9f39; + border-color: #864500; } + spinbutton.warning:focus-within:not(.vertical), spinbutton.vertical > text.warning:focus-within, + entry.warning:focus-within { + border-color: #864500; + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.vertical > text.warning:selected:focus, spinbutton.warning:selected:not(.vertical), spinbutton.vertical > text.warning:selected, + entry.warning:selected:focus, + entry.warning:selected { + background-color: #ff9f39; } + spinbutton:not(.vertical) image, spinbutton.vertical > text image, + entry image { + color: #cecfcc; } + spinbutton:not(.vertical) image:hover, spinbutton.vertical > text image:hover, + entry image:hover { + color: #f8f8f2; } + spinbutton:not(.vertical) image:active, spinbutton.vertical > text image:active, + entry image:active { + color: rgba(189, 147, 249, 0.5); } + spinbutton:not(.vertical) image:backdrop, spinbutton.vertical > text image:backdrop, + entry image:backdrop { + color: #78797d; } + spinbutton:drop(active):focus-within:not(.vertical), spinbutton.vertical > text:drop(active):focus-within, spinbutton:drop(active):not(.vertical), spinbutton.vertical > text:drop(active), + entry:drop(active):focus-within, + entry:drop(active) { + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } + .osd spinbutton:not(.vertical), .osd spinbutton.vertical > text, + .osd entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus-within:not(.vertical), .osd spinbutton.vertical > text:focus-within, + .osd entry:focus-within { + color: white; + border-color: rgba(189, 147, 249, 0.5); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), .osd spinbutton.vertical > text:backdrop, + .osd entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), .osd spinbutton.vertical > text:disabled, + .osd entry:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(43, 46, 49, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, spinbutton.vertical > text progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: rgba(189, 147, 249, 0.5); + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, spinbutton.vertical > text progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + appchooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + menubutton > button, .linked:not(.vertical) > +entry:drop(active) + dropdown > button, .linked:not(.vertical) > +entry:drop(active) + colorbutton > button, .linked:not(.vertical) > +entry:drop(active) + fontbutton > button, .linked:not(.vertical) > +entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > +entry:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #50fa7a; } +.linked:not(.vertical) > spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > +entry { + border-right-style: solid; + border-right-color: transparent; } + .linked:not(.vertical) > spinbutton:focus-within:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:focus-within, .linked:not(.vertical) > + entry:focus-within { + border-color: rgba(159, 99, 246, 0.5); + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text:focus-within + .popup button, .linked:not(.vertical) > + entry:focus-within + .popup button { + border-left-width: 1px; + border-left-style: solid; + border-left-color: rgba(189, 147, 249, 0.5); } + .linked:not(.vertical) > spinbutton:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text + .popup button, .linked:not(.vertical) > + entry + .popup button { + border-radius: 0px 6px 6px 0px; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled) { + border-top-color: rgba(36, 38, 49, 0.97); + background-image: linear-gradient(to bottom, #282a36, #282a36); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled):backdrop { + border-top-color: rgba(38, 40, 51, 0.973); + background-image: linear-gradient(to bottom, #2a2c39, #2a2c39); } +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + text:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: rgba(36, 38, 49, 0.97); } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:focus:not(:only-child), spinbutton.vertical.linked > text + text:focus:not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), +spinbutton.vertical.linked > text + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:focus:not(:only-child), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: rgba(159, 99, 246, 0.5); } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + text:drop(active):not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), +spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #50fa7a; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:focus:not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:focus:not(:only-child) + text, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:focus:not(:only-child) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, +spinbutton.vertical.linked > text:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:focus:not(:only-child) + text, +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: rgba(159, 99, 246, 0.5); } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #50fa7a; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { + background-color: #282a36; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #282a36; } + treeview entry.flat:focus-within, treeview entry:focus-within { + border-color: rgba(189, 147, 249, 0.5); } + +/************* + * Expanders * + *************/ +expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander:hover { + color: white; } + expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #1e1f29; + border-width: 1px; + border-style: solid solid none; + border-color: rgba(25, 26, 34, 0.9); + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #1e1f29; + border-color: rgba(26, 27, 35, 0.91); } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(25, 26, 34, 0.9); } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + actionbar > revealer > box:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: radial-gradient(farthest-side at top, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at top, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: radial-gradient(farthest-side at top, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 100% 3%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at bottom, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: radial-gradient(farthest-side at bottom, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 100% 3%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: radial-gradient(farthest-side at left, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at left, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: radial-gradient(farthest-side at left, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 3% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: radial-gradient(farthest-side at right, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at right, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: radial-gradient(farthest-side at right, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 3% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(25, 26, 34, 0.9) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #232530; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, rgba(26, 27, 35, 0.91) 1px, transparent 1px); + background-color: #181820; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + border: 1px solid #282a36; + background: #282a36; + color: #f8f8f2; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: rgba(189, 147, 249, 0.5); } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #282a36; + background-image: none; + border: 1px solid #282a36; + color: #f8f8f2; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #282a36; } + GraniteWidgetsWelcome GtkLabel { + color: #f8f8f2; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(248, 248, 242, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + background-color: #1e1f29; + border: solid rgba(25, 26, 34, 0.9); + color: #f8f8f2; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #1e1f29; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #13141a; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(248, 248, 242, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #f1fa8c; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #282a36; } + .storage-bar .fill-block.app { + background-color: #13b1d5; } + .storage-bar .fill-block.audio { + background-color: #ffb86c; } + .storage-bar .fill-block.photo { + background-color: #ff5555; } + .storage-bar .fill-block.video { + background-color: #bd93f9; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), headerbar { + padding: 0 6px; + min-height: 34px; + background-color: #1e1f29; + color: #f8f8f2; + border-radius: 0; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-image: none; + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) headerbar .linked > button:hover, + headerbar .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) headerbar .linked > button:active, + headerbar .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) headerbar .linked > button:checked, + headerbar .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button:backdrop, + headerbar .linked > button, + headerbar .linked > button:hover, + headerbar .linked > button:active, + headerbar .linked > button:checked, + headerbar .linked > button:backdrop { + border: none; + border-radius: 0; + border-right-style: none; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:first-child, + .titlebar:not(headerbar) headerbar .linked > button:first-child, + headerbar .titlebar:not(headerbar) .linked > button:first-child, + headerbar .linked > button:first-child { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + .titlebar:not(headerbar) .linked > button:last-child, + .titlebar:not(headerbar) headerbar .linked > button:last-child, + headerbar .titlebar:not(headerbar) .linked > button:last-child, + headerbar .linked > button:last-child { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-right-style: solid; } + .titlebar:not(headerbar) .linked > button:only-child, + .titlebar:not(headerbar) headerbar .linked > button:only-child, + headerbar .titlebar:not(headerbar) .linked > button:only-child, + headerbar .linked > button:only-child { + border-radius: 0px; + border-style: solid; } + .titlebar:not(headerbar) entry, + headerbar entry { + min-height: 24px; } + .titlebar:not(headerbar) button, + headerbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + min-height: 24px; + margin-top: 5px; + margin-bottom: 5px; } + .titlebar:not(headerbar) button:hover, + headerbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:active, + headerbar button:checked { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .titlebar:not(headerbar) button:backdrop, .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:backdrop:hover, .titlebar:not(headerbar) button:backdrop:active, .titlebar:not(headerbar) button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + background-color: transparent; + color: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:active, + headerbar button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action, + headerbar button.destructive-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:active, + headerbar button.destructive-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop:hover, .titlebar:not(headerbar) button.titlebutton *, + headerbar button.titlebutton:hover, + headerbar button.titlebutton:active, + headerbar button.titlebutton:checked, + headerbar button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop:hover, + headerbar button.titlebutton * { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:active:backdrop, + .titlebar:not(headerbar) .linked > button:checked:backdrop, + headerbar .linked > button:active:backdrop, + headerbar .linked > button:checked:backdrop { + color: rgba(189, 147, 249, 0.4); } + .titlebar:not(headerbar) .linked > button:active:backdrop label, + .titlebar:not(headerbar) .linked > button:checked:backdrop label, + headerbar .linked > button:active:backdrop label, + headerbar .linked > button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + color: #f8f8f2; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: rgba(159, 99, 246, 0.5); + background: rgba(189, 147, 249, 0.5) linear-gradient(to top, rgba(180, 133, 248, 0.5), rgba(186, 142, 249, 0.5) 2px, rgba(189, 147, 249, 0.5) 3px); + box-shadow: inset 0 1px rgba(209, 179, 251, 0.3); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: rgba(189, 147, 249, 0.5); + background-image: none; + box-shadow: inset 0 1px rgba(215, 189, 251, 0.26); } + .selection-mode.titlebar:not(headerbar) button, + headerbar.selection-mode button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.flat, + headerbar.selection-mode button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:hover, + headerbar.selection-mode button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-filter: none; + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:disabled, + headerbar.selection-mode button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button.suggested-action, + headerbar.selection-mode button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(189, 147, 249, 0); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0), rgba(189, 147, 249, 0)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(248, 248, 242, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + padding: 4px; + min-height: 28px; } + .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button, +headerbar menubutton { + margin-top: 5px; + margin-bottom: 5px; } +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar entry > menubutton { + margin-top: 0px; + margin-bottom: 0px; } +headerbar switch { + margin-top: 0; + margin-bottom: 0; } +headerbar separator { + background: transparent; } + +.background:not(.tiled):not(.maximized) .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 4px; } +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { + background: #1e1f29; } + +.sidebar-pane .top-bar, .sidebar-pane .top-bar headerbar, .content-pane .top-bar, .content-pane .top-bar headerbar { + background-color: #1e1f29; } + +.nautilus-window .sidebar-pane .top-bar headerbar { + padding-top: 3px; + padding-bottom: 3px; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #f8f8f2; + background-color: #1e1f29; + border-bottom: 1px solid #08090c; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #f8f8f2; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #f8f8f2; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(248, 248, 242, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(40, 42, 54, 0.98); + color: #f8f8f2; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #f8f8f2; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #282a36; + color: #f8f8f2; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(40, 42, 54, 0.6); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(40, 42, 54, 0.5); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + +.info, .info:backdrop { + color: rgba(80, 250, 122, 0.85); + background-color: transparent; } + +.warning, .warning:backdrop { + color: #ff9f39; + background-color: transparent; } + +.question, .question:backdrop { + color: #72BFD0; + background-color: transparent; } + +.error, .error:backdrop { + color: #ff3c3c; + background-color: transparent; } + +levelbar.horizontal trough > block { + min-height: 5px; + border-radius: 5px; } + levelbar.horizontal trough > block:dir(rtl) { + border-radius: 0 5px 5px 0; } + levelbar.horizontal trough > block:dir(ltr) { + border-radius: 5px 0 0 5px; } + levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { + border-radius: 5px; } +levelbar.horizontal.discrete trough > block { + min-height: 2px; + margin: 1px; + min-width: 24px; + border-radius: 0; } + levelbar.horizontal.discrete trough > block:first-child { + border-radius: 2px 0 0 2px; } + levelbar.horizontal.discrete trough > block:last-child { + border-radius: 0 2px 2px 0; } +levelbar.vertical trough > block { + min-width: 5px; + border-radius: 5px; } +levelbar.vertical.discrete > trough > block { + min-width: 2px; + margin: 1px 0; + min-height: 32px; } +levelbar > trough { + padding: 0; } +levelbar > trough > block { + border: 1px solid; } + levelbar > trough > block.low { + border-color: #ff9f39; + background-color: #ff9f39; } + levelbar > trough > block.high, levelbar > trough > block:not(.empty) { + border-color: #50fa7a; + background-color: #50fa7a; } + levelbar > trough > block.full { + border-color: #4caec3; + background-color: #4caec3; } + levelbar > trough > block.empty { + background-color: #373a4b; + border-color: #373a4b; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #13b1d5; } + *:link:visited, + button:visited { + color: rgba(19, 177, 213, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: rgba(237, 230, 243, 0.8); } + *:link:hover, button:hover:link, + button:hover:visited { + color: #2fc9ec; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: rgba(246, 244, 242, 0.95); } + *:link:active, button:active:link, + button:active:visited { + color: #13b1d5; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: rgba(243, 240, 243, 0.9); } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: rgba(189, 147, 249, 0.5); } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: rgba(243, 240, 243, 0.9); } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list, listview { + color: #f8f8f2; + background-color: #282a36; + border-color: rgba(25, 26, 34, 0.9); } + list:backdrop, listview:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) { + border-left: 1px solid rgba(25, 26, 34, 0.9); } + list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator), listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid rgba(25, 26, 34, 0.9); } + +row:hover { + transition: none; } +row:backdrop { + transition: 200ms ease-out; } +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(248, 248, 242, 0.05); } +row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } +row.activatable:backdrop:hover { + background-color: transparent; } +row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } +row.activatable:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + +columnview > listview > row { + padding: 0; } + columnview > listview > row > cell { + padding: 2px 6px; } + columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; } +columnview.column-separators > listview > row > cell { + border-left-color: rgba(25, 26, 34, 0.9); } +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; } + +treeexpander { + border-spacing: 4px; } + +/******************************************************** + * Data Tables * + * treeview like tables with individual focusable cells * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * + ********************************************************/ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid rgba(25, 26, 34, 0.9); } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid rgba(189, 147, 249, 0.5); } + +columnview row:not(:selected) cell editablelabel.editing text selection { + background-color: rgba(189, 147, 249, 0.4); + color: transparent; } + columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/******************************************************* + * Rich Lists * + * Large list usually containing lots of widgets * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * + *******************************************************/ +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ } + .rich-list > row { + padding: 8px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ } + .rich-list > row > box { + border-spacing: 12px; } + +/******************************************************** + * Complex Lists * + * Put padding on the cell content so event controllers * + * can cover the whole area. * + ********************************************************/ +columnview.complex > listview > row > cell { + padding: 0; } + columnview.complex > listview > row > cell > * { + padding: 8px 6px; } +columnview.complex.data-table > listview > row > cell { + padding: 0; } + columnview.complex.data-table > listview > row > cell > * { + padding-top: 2px; + padding-bottom: 2px; } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #1e1f29; + color: #f8f8f2; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + menubar > item, + .menubar > item { + min-height: 16px; + padding: 4px 8px; } + menubar > item:hover, + .menubar > item:hover { + box-shadow: inset 0 -3px rgba(189, 147, 249, 0.5); } + menubar > item:disabled, + .menubar > item:disabled { + color: #8b8c8e; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background-color: #242530; + border: 1px solid rgba(25, 26, 34, 0.9); + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #282936; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #8b8c8e; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #3e4055; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #8b8c8e; + background-color: transparent; } + menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, .menu > arrow, .context-menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #242530; + border-radius: 0; } + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + background-color: #3d3f49; } + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + background-color: #282936; } + menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } +menuitem check, +menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f0f14; } + .content-view:hover { + -gtk-icon-filter: brightness(1.2); } + .content-view:backdrop { + background-color: #0f0f14; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(248, 248, 242, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #4a4a51; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: rgba(25, 26, 34, 0.9); + border-width: 0px; + background-color: #1e1f29; } + notebook > header:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: #1e1f29; } + notebook > header tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:hover { + background-color: #282a36; + box-shadow: none; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs { + margin-top: -2px; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + background-color: #282a36; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs { + margin-right: -2px; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + background-color: #282a36; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs { + margin-left: -2px; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + background-color: #282a36; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + 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.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + 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.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + outline-offset: -5px; + color: #8b8c8e; + font-weight: bold; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #c2c2c0; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(25, 26, 34, 0.2); + background-color: rgba(30, 31, 41, 0.2); } + notebook > header tab:backdrop { + color: #5f6066; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #f8f8f2; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(25, 26, 34, 0.4); + background-color: rgba(30, 31, 41, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(30, 31, 41, 0.7); } + notebook > header tab:backdrop:checked { + color: #8b8c8e; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + background: transparent; + box-shadow: none; + color: #ff5555; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 0.5px; + padding-right: 0.5px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0.5px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0.5px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #282a36; } + notebook > stack:not(:only-child):backdrop { + background-color: #2a2c39; } + +tabbar:backdrop .box > scrolledwindow, +tabbar:backdrop .box > .start-action, +tabbar:backdrop .box > .end-action { + filter: opacity(1); } +tabbar tabbox { + background-color: #1e1f29; + padding: 0px; + color: #f8f8f2; } + tabbar tabbox > tab:checked, tabbar tabbox > tab:selected, + tabbar tabbox > tabboxchild > tab:checked, + tabbar tabbox > tabboxchild > tab:selected { + background-color: #282a36; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(rgba(189, 147, 249, 0.5)); } + paned > separator:backdrop { + background-image: image(rgba(26, 27, 35, 0.91)); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #1e1f29; + background-image: image(rgba(25, 26, 34, 0.9)), image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #1e1f29; + background-image: image(rgba(26, 27, 35, 0.91)), image(rgba(26, 27, 35, 0.91)); } +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.text-button.image-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; } + +/*************** + * Popovers * + ***************/ +popover.background { + background-color: transparent; + font: initial; } + popover.background > arrow, + popover.background > contents { + background-color: #242530; + background-clip: padding-box; + border: 1px solid rgba(25, 26, 34, 0.9); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); + color: #f8f8f2; } + popover.background:backdrop { + background-color: transparent; + box-shadow: none; } + popover.background > contents { + padding: 8px; + border-radius: 5px; } + popover.background > contents > list, + popover.background > contents > .view, + popover.background > contents > iconview, + popover.background > contents > toolbar { + border-style: none; + background-color: transparent; } + popover.background > contents separator { + background-color: #373a4b; + margin: 3px; } + popover.background > contents list separator { + margin: 0; } + .osd popover.background, popover.background.touch-selection, popover.background.magnifier { + background-color: transparent; } + .osd popover.background > arrow, + .osd popover.background > contents, popover.background.touch-selection > arrow, + popover.background.touch-selection > contents, popover.background.magnifier > arrow, + popover.background.magnifier > contents { + border: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: none; } + +magnifier { + background-color: #282a36; } + +/********************** + * Popover Base Menus * + **********************/ +popover.menu { + padding: 0; } + popover.menu box.inline-buttons { + padding: 0 12px; } + popover.menu box.inline-buttons button.image-button.model { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 30px; + min-width: 30px; + padding: 0; + border: none; + outline: none; + transition: none; } + popover.menu box.inline-buttons button.image-button.model:selected { + background: image(#383a4c); } + popover.menu box.circular-buttons { + padding: 12px 12px 6px; } + popover.menu box.circular-buttons button.circular.image-button.model { + padding: 11px; } + popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: #383a4c; + border-color: #383a4c; } + popover.menu > arrow, popover.menu.background > contents { + background-color: #242530; + color: #f8f8f2; + padding: 5px; } + popover.menu > arrow .view, popover.menu > arrow iconview, popover.menu.background > contents .view, popover.menu.background > contents iconview { + background-color: transparent; } + popover.menu > arrow .view row, popover.menu > arrow iconview row, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { + margin: 0; } + popover.menu.background separator { + margin: 6px 0; } + popover.menu accelerator { + color: alpha(currentColor,0.55); } + popover.menu accelerator:dir(ltr) { + margin-left: 12px; } + popover.menu accelerator:dir(rtl) { + margin-right: 12px; } + popover.menu check:hover, popover.menu check:active, + popover.menu radio:hover, + popover.menu radio:active { + background-color: transparent; } + popover.menu radio { + border-color: rgba(25, 26, 34, 0.9); } + popover.menu radio:active { + border-color: rgba(25, 26, 34, 0.4); } + popover.menu arrow.left, + popover.menu radio.left, + popover.menu check.left { + margin-left: -2px; + margin-right: 6px; } + popover.menu arrow.right, + popover.menu radio.right, + popover.menu check.right { + margin-left: 6px; + margin-right: -2px; } + popover.menu modelbutton, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { + min-height: 30px; + min-width: 40px; + padding: 0 12px; + border-radius: 5px; } + popover.menu modelbutton:selected, popover.menu.background > contents .view row:selected, popover.menu.background > contents iconview row:selected { + color: #f8f8f2; + background-color: #383a4c; } + popover.menu modelbutton:selected:active, popover.menu.background > contents .view row:selected:active, popover.menu.background > contents iconview row:selected:active { + background-color: #4d506a; } + popover.menu label.title { + font-weight: bold; + padding: 4px 32px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(248, 248, 242, 0.4); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar.horizontal progress { + margin: 0; } + progressbar.vertical progress { + margin: 0; } + progressbar:backdrop { + box-shadow: none; + transition: 200ms ease-out; } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + progressbar.osd progress { + border-style: none; + border-radius: 0; } + +/************ + * GtkScale * + ************/ +progressbar trough, scale trough, scale fill { + background-color: rgba(140, 143, 171, 0.14); + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: rgba(0, 0, 0, 0.14); } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: rgba(0, 0, 0, 0.14); + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.14); } + +progressbar progress, scale highlight { + border: none; + background-color: rgba(189, 147, 249, 0.5); + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(0, 0, 0, 0.14); } + progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: rgba(204, 171, 250, 0.5); + background-color: rgba(204, 171, 250, 0.5); } + progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.1); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 6px; } + scale.vertical trough, + scale.vertical progress { + min-width: 6px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + background-color: #bd93f9; } + scale slider:active:disabled { + background-color: #22232e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.05); } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + margin: -6px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; } + scale trough { + outline-offset: 2px; + outline-color: transparent; } + scale fill:backdrop, scale fill { + background-color: rgba(25, 26, 34, 0.9); } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(97, 97, 97, 0.775); } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #282a36; + border: none; + border-radius: 12px; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:active { + border-color: rgba(159, 99, 246, 0.5); } + scale slider:disabled { + background-color: #22232e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:backdrop, scale slider:backdrop:disabled { + transition: 200ms ease-out; + background-color: #5e637f; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + row:selected scale slider:disabled, row:selected scale slider { + border-color: rgba(159, 99, 246, 0.5); } + .osd scale slider { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #14171a; } + .osd scale slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #14171a; } + .osd scale slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #14171a; } + .osd scale slider:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #14171a; } + .osd scale slider:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #14171a; } + .osd scale slider:backdrop:disabled { + background-color: #14171a; } + scale value { + color: alpha(currentColor,0.4); } + scale.horizontal > marks { + color: alpha(currentColor,0.55); } + scale.horizontal > marks.top { + margin-bottom: 6px; } + scale.horizontal > marks.bottom { + margin-top: 6px; } + scale.horizontal > marks indicator { + background-color: currentColor; + min-height: 6px; + min-width: 1px; } + scale.horizontal > value.left { + margin-right: 9px; } + scale.horizontal > value.right { + margin-left: 9px; } + scale.horizontal.fine-tune > marks.top { + margin-top: 3px; } + scale.horizontal.fine-tune > marks.bottom { + margin-bottom: 3px; } + scale.horizontal.fine-tune > marks indicator { + min-height: 3px; } + scale.vertical > marks { + color: alpha(currentColor,0.55); } + scale.vertical > marks.top { + margin-right: 6px; } + scale.vertical > marks.bottom { + margin-left: 6px; } + scale.vertical > marks indicator { + background-color: currentColor; + min-height: 1px; + min-width: 6px; } + scale.vertical > value.top { + margin-bottom: 9px; } + scale.vertical > value.bottom { + margin-top: 9px; } + scale.vertical.fine-tune > marks.top { + margin-left: 3px; } + scale.vertical.fine-tune > marks.bottom { + margin-right: 3px; } + scale.vertical.fine-tune > marks indicator { + min-height: 3px; } + 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.horizontal.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + background-image: image(rgba(25, 26, 34, 0.9)); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #232530; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scrollbar.top { + border-bottom: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.bottom { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.left { + border-right: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar:backdrop { + background-color: #181820; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a2; } + scrollbar slider:hover { + background-color: #cccdca; } + scrollbar slider:hover:active { + background-color: rgba(219, 195, 252, 0.5); } + scrollbar slider:backdrop { + background-color: #4a4b51; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #f8f8f2; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #f8f8f2; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #a1a1a2; } + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #cccdca; } + scrollbar button:active, scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(219, 195, 252, 0.5); } + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(161, 161, 162, 0.2); } + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #4a4b51; } + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(74, 75, 81, 0.2); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid rgba(25, 26, 34, 0.9); + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar, .nautilus-window .navigation-sidebar { + border-style: none; + border-width: 0; + background-color: #232530; } + .sidebar .frame, .nautilus-window .navigation-sidebar .frame { + border: none; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl), .nautilus-window .navigation-sidebar:dir(ltr), .nautilus-window .navigation-sidebar.left, .nautilus-window .navigation-sidebar.left:dir(rtl) { + border-right: none; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right, stacksidebar.sidebar:dir(rtl) list + .nautilus-window .navigation-sidebar:dir(rtl), stacksidebar.sidebar.right list + .nautilus-window .navigation-sidebar:dir(rtl), .nautilus-window .navigation-sidebar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); + border-right-style: none; } + .sidebar:backdrop, .nautilus-window .navigation-sidebar:backdrop { + background-color: #242631; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + .sidebar list, .nautilus-window .navigation-sidebar list { + background-color: #20212b; } + .sidebar row, .nautilus-window .navigation-sidebar row { + padding: 2px 12px; } + .sidebar row:selected, .nautilus-window .navigation-sidebar row:selected { + background: rgba(189, 147, 249, 0.1); + color: #bd93f9; } + .sidebar row:selected:backdrop, .nautilus-window .navigation-sidebar row:selected:backdrop { + background: rgba(189, 147, 249, 0.1); } + .sidebar row:selected:backdrop label, .nautilus-window .navigation-sidebar row:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .sidebar row:selected:hover, .nautilus-window .navigation-sidebar row:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar row:selected label, .nautilus-window .navigation-sidebar row:selected label { + color: #bd93f9; } + .sidebar.source-list, .nautilus-window .navigation-sidebar.source-list { + background-color: #1e1f29; + color: #F2EFEA; + padding: 4px 0px; } + .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active, .nautilus-window .navigation-sidebar.source-list.view:selected:active, .nautilus-window iconview.navigation-sidebar.source-list:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover, .nautilus-window .navigation-sidebar.source-list.view:selected.has-open-popup, .nautilus-window iconview.navigation-sidebar.source-list:selected.has-open-popup, .nautilus-window .navigation-sidebar.source-list.view:selected:hover, .nautilus-window iconview.navigation-sidebar.source-list:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop, .nautilus-window .navigation-sidebar.source-list.view:selected:backdrop, .nautilus-window iconview.navigation-sidebar.source-list:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover, .nautilus-window .navigation-sidebar.source-list.view:hover, .nautilus-window iconview.navigation-sidebar.source-list:hover, .nautilus-window .navigation-sidebar.source-list.view iconview.source-list:hover, .nautilus-window iconview.navigation-sidebar.source-list iconview.source-list:hover { + background-color: rgba(40, 42, 54, 0.6); } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar, paned .nautilus-window .navigation-sidebar.left, paned .nautilus-window .navigation-sidebar.right, paned .nautilus-window .navigation-sidebar.left:dir(rtl), paned .nautilus-window .navigation-sidebar:dir(rtl), paned .nautilus-window .navigation-sidebar:dir(ltr), paned .nautilus-window .navigation-sidebar { + border-style: none; + border-color: rgba(25, 26, 34, 0.9); } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + padding: 1px 11px; } + placessidebar row label { + padding-left: 8px; } + placessidebar row.sidebar-new-bookmark-row { + color: rgba(189, 147, 249, 0.5); } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #50fa7a, inset 0 -1px #50fa7a; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #f8f8f2; } + +.bottom-bar { + background-color: #282a36; } + .bottom-bar button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .bottom-bar button .view, .bottom-bar button iconview { + background-color: transparent; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + font-feature-settings: "tnum"; } + spinbutton:not(.vertical) { + padding: 0; + border-spacing: 0; + /* :not here just to bump specificity above that of the list button styling */ } + spinbutton:not(.vertical) > text, .osd spinbutton:not(.vertical) > text { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; } + spinbutton:not(.vertical) > text:backdrop:disabled, .osd spinbutton:not(.vertical) > text:backdrop:disabled { + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat), + spinbutton:not(.vertical) > button.image-button.down:not(.flat) { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #e3e3df; + background-image: none; + border-style: none none none solid; + border-color: rgba(25, 26, 34, 0.2); + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { + color: #f8f8f2; + background-color: #3e4153; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + color: rgba(139, 140, 142, 0.3); + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { + background-color: #44485c; + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); + color: #f8f8f2; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.8); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #898b8c; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + spinbutton.vertical:disabled { + color: #8b8c8e; } + spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } + spinbutton.vertical > text { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; } + spinbutton.vertical > text > selection { + background-color: rgba(189, 147, 249, 0.4); + color: transparent; } + spinbutton.vertical > text > selection:focus-within { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + spinbutton.vertical > button { + min-height: 32px; + min-width: 32px; + padding: 0; } + spinbutton.vertical > button.up { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + spinbutton.vertical > button.down { + border-top-style: none; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .osd spinbutton.vertical > button:first-child { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical > button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical > button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical > button:first-child:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: rgba(189, 147, 249, 0.5); } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + 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; } + +/********** + * Switch * + **********/ +switch { + font-size: 1px; + min-width: 45px; + min-height: 27px; + background-size: 45px 27px; + background-color: transparent; + background-repeat: no-repeat; + background-position: center center; + background-image: -gtk-scaled(url("../assets/switch-off.svg"), url("../assets/switch-off.svg")); } + switch:disabled { + background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"), url("../assets/switch-insensitive.svg")); } + switch, switch slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; } + switch:checked { + background-image: -gtk-scaled(url("../assets/switch-on.svg"), url("../assets/switch-on.svg")); } + switch:checked slider { + background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"), url("../assets/switch-slider-on@2.png")); } + switch slider { + min-width: 1px; + min-height: 1px; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"), url("../assets/switch-slider-off@2.png")); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar > revealer > box { + padding: 4px; + background-color: #1e1f29; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(20, 23, 26, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + toolbar.horizontal separator { + margin: 0 7px 1px 6px; } + toolbar.vertical separator { + margin: 6px 1px 7px 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.inline-toolbar { + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; } + +searchbar > revealer > box { + border-width: 0 0 1px; + padding: 5px; } + +.inline-toolbar, searchbar > revealer > box { + border-style: solid; + border-color: rgba(25, 26, 34, 0.9); + background-color: rgba(29, 30, 39, 0.97); } + .inline-toolbar:backdrop, searchbar > revealer > box:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: rgba(29, 30, 39, 0.9685); + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #282a36; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(0, 0, 0, 0.8); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: white; } + +columnview.view, +treeview.view { + border-left-color: rgba(25, 26, 34, 0.9); + border-top-color: rgba(25, 26, 34, 0.9); } + columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; + outline-color: #ff5555; } + columnview.view:disabled, + treeview.view:disabled { + color: #8b8c8e; } + columnview.view:disabled:selected, + treeview.view:disabled:selected { + color: rgba(228, 214, 244, 0.7); } + columnview.view:disabled:selected:backdrop, + treeview.view:disabled:selected:backdrop { + color: rgba(207, 177, 247, 0.5); } + columnview.view.separator, + treeview.view.separator { + min-height: 2px; + color: rgba(25, 26, 34, 0.9); } + columnview.view:backdrop, + treeview.view:backdrop { + border-left-color: #3c3e48; + border-top: #3c3e48; } + columnview.view:drop(active), + treeview.view:drop(active) { + box-shadow: none; } + columnview.view > dndtarget:drop(active), + treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: rgba(159, 99, 246, 0.5); } + columnview.view > dndtarget:drop(active).after, + treeview.view > dndtarget:drop(active).after { + border-top-style: none; } + columnview.view > dndtarget:drop(active).before, + treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; } + columnview.view.expander, + treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #bababa; } + columnview.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + columnview.view.expander:hover, + treeview.view.expander:hover { + color: #f8f8f2; } + columnview.view.expander:selected, + treeview.view.expander:selected { + color: rgba(241, 235, 243, 0.85); } + columnview.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #f8f8f2; } + columnview.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view.progressbar, + treeview.view.progressbar { + border: 1px solid rgba(159, 99, 246, 0.5); + border-radius: 4px; + background-color: rgba(189, 147, 249, 0.5); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(159, 99, 246, 0.5)); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: image(#282a36); } + columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + background-color: #2a2c39; } + columnview.view.trough, + treeview.view.trough { + background-color: rgba(248, 248, 242, 0.1); } + columnview.view.trough:selected:focus, columnview.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: rgba(159, 99, 246, 0.5); } + columnview.view > header > button, + treeview.view > header > button { + color: #c2c5d2; + background-color: #282a36; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + columnview.view > header > button:hover, + treeview.view > header > button:hover { + color: #dddfe2; + box-shadow: none; + transition: none; } + columnview.view > header > button:active, + treeview.view > header > button:active { + color: #f8f8f2; + transition: none; } + columnview.view > header > button:backdrop, + treeview.view > header > button:backdrop { + box-shadow: none; } + columnview.view > header > button sort-indicator, + treeview.view > header > button sort-indicator { + min-height: 16px; + min-width: 16px; } + columnview.view > header > button sort-indicator.ascending, + treeview.view > header > button sort-indicator.ascending { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + columnview.view > header > button sort-indicator.descending, + treeview.view > header > button sort-indicator.descending { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, + columnview.view header.button.dnd:active, + columnview.view header.button.dnd:selected, + columnview.view header.button.dnd:hover, + columnview.view header.button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 0 6px; + color: #ff5555; + background-image: none; + background-color: rgba(189, 147, 249, 0.5); + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px #282a36; + text-shadow: none; + transition: none; } + columnview.view acceleditor > label, + treeview.view acceleditor > label { + background-color: rgba(189, 147, 249, 0.5); } + +columnview.view > header > button, +treeview.view > header > button, columnview.view > header > button:hover, +treeview.view > header > button:hover, columnview.view > header > button:active, +treeview.view > header > button:active { + padding: 0 6px; + background-image: none; + border-style: none none solid solid; + border-width: 1px; + border-color: rgba(25, 26, 34, 0.9); + border-radius: 0; + text-shadow: none; + box-shadow: none; } + columnview.view > header > button:disabled, + treeview.view > header > button:disabled { + border-color: #1e1f29; + background-image: none; } + columnview.view > header > button:last-child:backdrop, + treeview.view > header > button:last-child:backdrop, columnview.view > header > button:last-child, + treeview.view > header > button:last-child { + border-right-style: none; } + +/********************** + * Window Decorations * + *********************/ +window { + border-width: 0px; } + window.csd { + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 0px; + border-radius: 4px 4px 0 0; } + window.csd: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.75); + transition: 200ms ease-out; } + window.csd.popup { + border-radius: 7px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + window.csd.dialog.message { + border-radius: 4px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + window.solid-csd { + margin: 0; + padding: 4px; + border: solid 1px rgba(25, 26, 34, 0.9); + border-radius: 0; + box-shadow: inset 0 0 0 4px rgba(25, 26, 34, 0.9), inset 0 0 0 3px #1e1f29, inset 0 1px rgba(248, 248, 242, 0.07); } + window.solid-csd:backdrop { + box-shadow: inset 0 0 0 4px rgba(25, 26, 34, 0.9), inset 0 0 0 3px #1e1f29, inset 0 1px rgba(248, 248, 242, 0.07); } + window.maximized, window.fullscreen { + border-radius: 0; + box-shadow: none; } + window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { + border-radius: 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + window.popup { + box-shadow: none; } + window.ssd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { + min-width: 20px; + min-height: 20px; + margin: 0; + padding: 0 1px; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; } + windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:focus, windowcontrols button.close:active, windowcontrols button.close:backdrop, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:focus, windowcontrols button.maximize:active, windowcontrols button.maximize:backdrop, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:focus, windowcontrols button.minimize:active, windowcontrols button.minimize:backdrop, windowcontrols button.minimize:backdrop:hover { + background-color: transparent; + border: none; + box-shadow: none; + color: transparent; } +windowcontrols button.close { + background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } + windowcontrols button.close:hover, windowcontrols button.close:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } +windowcontrols button.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } + windowcontrols button.maximize:hover, windowcontrols button.maximize:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } +windowcontrols button.minimize { + background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } + windowcontrols button.minimize:hover, windowcontrols button.minimize:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } +windowcontrols button:backdrop { + -gtk-icon-shadow: none; + background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: 0 -1px rgba(0, 0, 0, 0.3788235294); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.3788235294); } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +textview > text:selected:focus, +textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, +entry selection:focus, +entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: rgba(189, 147, 249, 0.5); } + row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, + entry selection:focus, + entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #f8f8f2; + font-weight: normal; } + row:selected label:disabled, label:disabled:selected, .selection-mode windowcontrols button:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + textview > text:disabled:selected:focus, + textview > text:disabled:selected, textview > text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, spinbutton.vertical > text selection:disabled, + entry selection:disabled, row:disabled:selected { + color: rgba(233, 223, 244, 0.75); } + row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + textview > text:backdrop:selected:focus, + textview > text:backdrop:selected, textview > text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, spinbutton.vertical > text selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(248, 248, 242, 0.5); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode windowcontrols button:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + textview > text:backdrop:disabled:selected, textview > text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, spinbutton.vertical > text selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(207, 177, 247, 0.5); } + +.monospace { + font-family: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********* +* Budgie * +*********/ +.budgie-container { + background-color: transparent; } + .budgie-container:backdrop { + background-color: transparent; } + .budgie-container popover list, + .budgie-container popover row { + border: none; + background: none; + padding: 0; + margin: 0; } + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; } + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: rgba(30, 31, 41, 0.98); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid @borders; } + .budgie-popover list:hover, + .budgie-popover row:hover, + .budgie-popover.background list:hover, + .budgie-popover.background row:hover { + background: none; } + .budgie-popover > frame.container, + .budgie-popover.background > frame.container { + margin: 0 -1px -1px; + padding: 2px 0 0; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu .container { + padding: 0; } +.budgie-menu button:hover { + -gtk-icon-filter: none; } +.budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid @borders; + border-radius: 0; + font-size: 120%; + box-shadow: none; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background-color: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid @borders; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid @borders; } +.budgie-menu .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(248, 248, 242, 0.05); + color: #f8f8f2; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #f8f8f2; + background-color: rgba(174, 123, 248, 0.3); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(248, 248, 242, 0.7); } +.budgie-menu scrollbar { + background-color: transparent; + border-color: transparent; } +.budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } +.budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #f8f8f2; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop { + color: #f8f8f2; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + box-shadow: none; + background-color: transparent; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(248, 248, 242, 0.1); } +.user-menu button { + margin: 5px; } +.user-menu > box.vertical row.activatable:first-child .indicator-item, +.user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + background-color: #72BFD0; + transition-duration: 0.2s; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { + padding-left: 7px; + background-position: left center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { + padding-right: 7px; + background-position: right center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { + color: #f8f8f2; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { + padding-left: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { + padding-right: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { + color: #f8f8f2; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { + min-width: 24px; + min-height: 20px; } + +button.raven-trigger { + padding-left: 2px; + padding-right: 2px; + color: #f8f8f2; + box-shadow: none; } + button.raven-trigger:hover { + color: #f8f8f2; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + button.raven-trigger:backdrop { + color: #f8f8f2; } + button.raven-trigger:backdrop:hover { + color: #f8f8f2; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: rgba(189, 147, 249, 0.5); + background-color: transparent; } + +.places-menu .container { + padding: 0; } +.places-menu .message-bar { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.places-menu .name-button { + border: 0; + border-radius: 0; + padding: 4px 6px; } +.places-menu .unmount-button { + padding: 4px 4px; + border: 0; + border-radius: 0; } +.places-menu .places-section-header { + padding: 0px; + border-bottom: 1px solid rgba(25, 26, 34, 0.85); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } +.places-menu .places-section-header > button { + padding: 8px; + border: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +.places-menu .places-list { + background: rgba(248, 248, 242, 0.04); + border-bottom: 1px solid rgba(25, 26, 34, 0.85); } +.places-menu .unlock-area { + border-top: 1px solid rgba(25, 26, 34, 0.75); + border-bottom: 1px solid rgba(25, 26, 34, 0.75); } +.places-menu .unlock-area entry { + border-radius: 0; + border: 0; } +.places-menu .unlock-area button { + border-radius: 0; + border: 0; + border-left: 1px solid rgba(25, 26, 34, 0.75); } +.places-menu .alternative-label { + font-size: 15px; + padding: 3px; } +.places-menu .always-expand { + background: transparent; + border-bottom: none; } + +.night-light-indicator .container { + padding: 0; } +.night-light-indicator .view-header { + font-size: 14px; + padding: 10px; + border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04); } +.night-light-indicator .display-settings-button { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border: none; + padding: 3px; + border-top: 1px solid mix(@theme_base_color, #000000, 0.35); + box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04); } + +.budgie-panel { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #ff5555; } + .budgie-panel:backdrop { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #f8f8f2; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(8, 9, 12, 0.2); } + .top .budgie-panel.transparent { + border-bottom-color: transparent; } + .bottom .budgie-panel.transparent { + border-top-color: transparent; } + .left .budgie-panel.transparent { + border-right-color: transparent; } + .right .budgie-panel.transparent { + border-left-color: transparent; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(248, 248, 242, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #f8f8f2; } + +.budgie-panel #tasklist-button, +.budgie-panel #tasklist-button:backdrop { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(8, 9, 12, 0); + border-radius: 0; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; } + +.budgie-panel button.flat.launcher { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(8, 9, 12, 0); + border-radius: 0; + padding: 0; + background-clip: padding-box; + background-color: transparent; } + .budgie-panel button.flat.launcher { + box-shadow: none; } + +.budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, +.budgie-panel .pinned button.flat.launcher.running:hover { + box-shadow: none; } +.budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, +.budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, +.budgie-panel .pinned button.flat.launcher.running:checked { + box-shadow: none; } +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { + padding-bottom: 2px; + border-top: 2px solid transparent; } + .top .budgie-panel .pinned button.flat.launcher:not(.running) { + border-top: 2px solid transparent; } + + .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + + .top .budgie-panel .unpinned button.flat.launcher, + .top .budgie-panel .pinned button.flat.launcher.running { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { + border-top: 2px solid rgba(255, 255, 255, 0.25); } + .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { + border-top: 2px solid rgba(189, 147, 249, 0.5); } +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { + padding-top: 2px; + border-bottom: 2px solid transparent; } + .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { + border-bottom: 2px solid transparent; } + + .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + + .bottom .budgie-panel .unpinned button.flat.launcher, + .bottom .budgie-panel .pinned button.flat.launcher.running { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.25); } + .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + border-bottom: 2px solid rgba(189, 147, 249, 0.5); } +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { + padding-right: 2px; + border-left: 2px solid transparent; } + .left .budgie-panel .pinned button.flat.launcher:not(.running) { + border-left: 2px solid transparent; } + + .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + + .left .budgie-panel .unpinned button.flat.launcher, + .left .budgie-panel .pinned button.flat.launcher.running { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { + border-left: 2px solid rgba(255, 255, 255, 0.25); } + .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { + border-left: 2px solid rgba(189, 147, 249, 0.5); } +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { + padding-left: 2px; + border-right: 2px solid transparent; } + .right .budgie-panel .pinned button.flat.launcher:not(.running) { + border-right: 2px solid transparent; } + + .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + + .right .budgie-panel .unpinned button.flat.launcher, + .right .budgie-panel .pinned button.flat.launcher.running { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { + border-right: 2px solid rgba(255, 255, 255, 0.25); } + .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { + border-right: 2px solid rgba(189, 147, 249, 0.5); } + +.top .budgie-panel { + border-bottom: 1px solid rgba(15, 15, 20, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(30, 31, 41, 0.92); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(15, 15, 20, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(30, 31, 41, 0.92); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(15, 15, 20, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(30, 31, 41, 0.92); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(15, 15, 20, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(30, 31, 41, 0.92); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } + +.raven { + padding: 0; + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.92); + transition: 170ms ease-out; } + .raven .raven-header { + min-height: 32px; + color: #f8f8f2; + border: solid rgba(25, 26, 34, 0.85); + border-width: 1px 0; + background-color: rgba(30, 31, 41, 0.2); } + .raven .raven-header * { + padding-top: 0; + padding-bottom: 0; } + .raven .raven-header.top { + border-top-style: none; + border-color: transparent; + margin-top: 3px; + min-height: 32px; } + .raven .raven-header.top button.image-button:hover { + color: rgba(174, 123, 248, 0.5); + box-shadow: none; } + .raven .raven-header > button.text-button { + border-radius: 2px; + color: #f8f8f2; + background-color: rgba(255, 60, 60, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:hover { + border-radius: 2px; + color: #f8f8f2; + background-color: rgba(255, 85, 85, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:active { + color: #f8f8f2; + background-color: rgba(255, 111, 111, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header.bottom { + border-bottom-style: none; } + .raven .raven-header button { + background-color: transparent; + color: #f8f8f2; + border-radius: 0; + border: none; + box-shadow: none; + margin-top: -4px; + margin-bottom: -4px; + min-height: 32px; } + .raven .raven-header button:hover { + border-radius: 0; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + .raven .raven-header button:active, .raven .raven-header button:checked { + color: rgba(189, 147, 249, 0.5); + border-radius: 0; + background-color: transparent; } + .raven .raven-header button:disabled { + color: #8b8c8e; } + .raven list { + background-color: transparent; } + .raven list:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven .raven-background { + color: #f8f8f2; + background-color: transparent; + border-color: transparent; } + .raven .raven-background.middle { + border-bottom-style: none; } + .raven .powerstrip { + background-color: transparent; + border-top-color: transparent; } + .raven .powerstrip button.image-button { + border-radius: 50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: rgba(68, 71, 90, 0.7); + color: #f8f8f2; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + border: none; + font-size: 100%; } + .raven .powerstrip button.image-button:hover { + transition: 170ms ease all; + background: rgba(68, 71, 90, 0.85); + color: #f8f8f2; } + .raven .powerstrip button.image-button:active { + transition: 170ms ease all; + background: #44475a; + color: #f8f8f2; } + .raven .powerstrip button.image-button:first-child { + background: rgba(114, 191, 208, 0.7); } + .raven .powerstrip button.image-button:first-child:hover { + background: rgba(114, 191, 208, 0.85); } + .raven .powerstrip button.image-button:first-child:active { + background: #72BFD0; } + .raven .powerstrip button.image-button:last-child { + background: rgba(255, 85, 85, 0.7); } + .raven .powerstrip button.image-button:last-child:hover { + background: rgba(255, 85, 85, 0.85); } + .raven .powerstrip button.image-button:last-child:active { + background: #ff5555; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 4px; + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.2); + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: transparent; + color: rgba(189, 147, 249, 0.5); + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #f8f8f2; + border: none; + border-radius: 0; + background-color: transparent; } + calendar.raven-calendar button, calendar.raven-calendar button:focus { + color: alpha(currentColor,0.5); + background-color: transparent; } + calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { + color: #f8f8f2; + background-color: transparent; } + +.raven-mpris { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.9); + border: solid rgba(255, 255, 255, 0.1); + border-width: 1px 0; + border-bottom-color: rgba(0, 0, 0, 0.1); } + .raven-mpris button.image-button { + padding: 10px; + background-color: #282a36; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + .raven-mpris button.image-button:hover { + background-color: rgba(189, 147, 249, 0.5); } + .raven-mpris button.image-button:active { + background-color: rgba(174, 123, 248, 0.5); } + .raven-mpris button.image-button:first-child { + margin-right: 4px; } + .raven-mpris button.image-button:last-child { + margin-left: 4px; } + .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { + padding: 4px; + margin-top: 6px; + margin-bottom: 6px; } + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background: none; + border-radius: 1px; } + .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { + background-color: #72BFD0; + color: #464626; + border: none; + margin: 0 3px; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #5fb6ca; + border: none; } + .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { + background-color: #5fb6ca; } + +.budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { + border-radius: 1px; } +.budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { + font-size: 110%; + color: #f8f8f2; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(248, 248, 242, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #f8f8f2; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #ff5555; + box-shadow: none; } + .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { + background-color: transparent; + color: #ff3c3c; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #f8f8f2; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: rgba(142, 110, 187, 0.55); } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(248, 248, 242, 0.7); + background-color: rgba(189, 147, 249, 0.3); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(248, 248, 242, 0.8); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(248, 248, 242, 0.8); } + .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + font-size: 120%; } + .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: #f8f8f2; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + font-weight: 700; } + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + border-left: none; + border-bottom-left-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + border-right: none; + border-bottom-right-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(189, 147, 249, 0.4); } + .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { + background-color: rgba(114, 191, 208, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { + background-color: rgba(133, 200, 214, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { + background-color: rgba(133, 200, 214, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { + background-color: rgba(255, 34, 34, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { + background-color: rgba(255, 60, 60, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { + background-color: rgba(255, 60, 60, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #f8f8f2; } + .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { + background-color: #505359; } + .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { + background-color: #505359; } + +.budgie-polkit-dialog .message { + color: rgba(248, 248, 242, 0.7); } +.budgie-polkit-dialog .failure { + color: #ff5555; } + +.budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { + font-size: 120%; + padding: 8px 5px; + border: none; + box-shadow: none; } + .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { + color: #f8f8f2; } + .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list row:selected .subtitle, +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle { + opacity: 1; } +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0); } + +.budgie-menubar menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-menubar menu menuitem:hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } +.budgie-menubar arrow { + border: none; + min-width: 16px; + min-height: 16px; } + .budgie-menubar arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid rgba(55, 56, 64, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(55, 56, 64, 0.928); } +.budgie-menubar menuitem accelerator { + color: rgba(248, 248, 242, 0.35); } +.budgie-menubar menuitem check, .budgie-menubar menuitem radio { + min-height: 16px; + min-width: 16px; } + +window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { + border-style: none none solid; } + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(8, 9, 12, 0.95); } + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; } + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; } + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; } +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { + border: 0 solid rgba(30, 31, 41, 0.95); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), + .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; } + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), + .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; } + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; } +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.95); } +.workspace-switcher .workspace-add-button { + border: none; + background: transparent; + box-shadow: none; } + .workspace-switcher .workspace-add-button:hover { + box-shadow: none; } + .workspace-switcher .workspace-add-button:active { + background-image: none; } + .workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; } +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; } + +/************ + * Nautilus * + ************/ +.nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { + background: transparent; + color: rgba(189, 147, 249, 0.5); } +.nautilus-window .frame *:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(33, 35, 45, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(189, 147, 249, 0.4); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(40, 42, 54, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(189, 147, 249, 0.4); } +.nautilus-window notebook > stack:only-child { + background-color: #282a36; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #2a2c39; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } +.nautilus-window .titlebar .search { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; } +.nautilus-window .path-bar-box .dim-label, .nautilus-window .path-bar-box label.separator, .nautilus-window .path-bar-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar-box .subtitle, +.nautilus-window .path-bar-box headerbar .subtitle, +headerbar .nautilus-window .path-bar-box .subtitle { + color: transparent; } +.nautilus-window .path-bar-box widget > .text-button:last-child { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window .path-bar-box button { + transition: all 100ms ease-in; + margin-left: -5px; } + .nautilus-window .path-bar-box button:backdrop:hover, .nautilus-window .path-bar-box button:backdrop:active, .nautilus-window .path-bar-box button:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box button:backdrop:hover label, .nautilus-window .path-bar-box button:backdrop:active label, .nautilus-window .path-bar-box button:backdrop:checked label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window .path-buttons-box, .nautilus-window #NautilusPathBar { + background: transparent; + margin-top: 7px; + margin-bottom: 7px; } + .nautilus-window .path-buttons-box .dim-label, .nautilus-window .path-buttons-box label.separator, .nautilus-window .path-buttons-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box .subtitle, + .nautilus-window .path-buttons-box headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box .subtitle, .nautilus-window #NautilusPathBar .dim-label, .nautilus-window #NautilusPathBar label.separator, .nautilus-window #NautilusPathBar .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar .subtitle, + .nautilus-window #NautilusPathBar headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar .subtitle { + color: transparent; + margin-right: -5px; } + .nautilus-window .path-buttons-box button .horizontal .dim-label, .nautilus-window .path-buttons-box button .horizontal label.separator, .nautilus-window .path-buttons-box button .horizontal .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button .horizontal .subtitle, + .nautilus-window .path-buttons-box button .horizontal headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box button .horizontal .subtitle, .nautilus-window #NautilusPathBar button .horizontal .dim-label, .nautilus-window #NautilusPathBar button .horizontal label.separator, .nautilus-window #NautilusPathBar button .horizontal .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button .horizontal .subtitle, + .nautilus-window #NautilusPathBar button .horizontal headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button .horizontal .subtitle { + color: #f8f8f2; + padding: 3px 12px; + margin: 0; } + .nautilus-window .path-buttons-box button:hover, .nautilus-window .path-buttons-box button:focus, .nautilus-window #NautilusPathBar button:hover, .nautilus-window #NautilusPathBar button:focus { + background-color: transparent; + box-shadow: none; } + .nautilus-window .path-buttons-box button:hover .dim-label, .nautilus-window .path-buttons-box button:hover label.separator, .nautilus-window .path-buttons-box button:hover .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button:hover .subtitle, + .nautilus-window .path-buttons-box button:hover headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box button:hover .subtitle, .nautilus-window .path-buttons-box button:focus .dim-label, .nautilus-window .path-buttons-box button:focus label.separator, .nautilus-window .path-buttons-box button:focus .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button:focus .subtitle, + .nautilus-window .path-buttons-box button:focus headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box button:focus .subtitle, .nautilus-window #NautilusPathBar button:hover .dim-label, .nautilus-window #NautilusPathBar button:hover label.separator, .nautilus-window #NautilusPathBar button:hover .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button:hover .subtitle, + .nautilus-window #NautilusPathBar button:hover headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button:hover .subtitle, .nautilus-window #NautilusPathBar button:focus .dim-label, .nautilus-window #NautilusPathBar button:focus label.separator, .nautilus-window #NautilusPathBar button:focus .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button:focus .subtitle, + .nautilus-window #NautilusPathBar button:focus headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button:focus .subtitle { + color: #bd93f9; } + .nautilus-window .path-buttons-box button:active, .nautilus-window #NautilusPathBar button:active { + background-color: transparent; } + .nautilus-window .path-buttons-box button > .horizontal > image.dim-label, .nautilus-window .path-buttons-box .titlebar:not(headerbar) button > .horizontal > image.subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button > .horizontal > image.subtitle, + .nautilus-window .path-buttons-box headerbar button > .horizontal > image.subtitle, + headerbar .nautilus-window .path-buttons-box button > .horizontal > image.subtitle, .nautilus-window #NautilusPathBar button > .horizontal > image.dim-label, .nautilus-window #NautilusPathBar .titlebar:not(headerbar) button > .horizontal > image.subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle, + .nautilus-window #NautilusPathBar headerbar button > .horizontal > image.subtitle, + headerbar .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle { + padding: 3px 0px 3px 12px; + border-right: none; + margin-right: -6px; } + .nautilus-window .path-buttons-box button, .nautilus-window #NautilusPathBar button { + background: transparent; + border: none; + margin: 0; + padding: 0; } + .nautilus-window .path-buttons-box .current-dir label, .nautilus-window #NautilusPathBar .current-dir label { + border-radius: 4px; + padding: 1px 12px; } + .nautilus-window .path-buttons-box .current-dir label, .nautilus-window .path-buttons-box .current-dir image, .nautilus-window #NautilusPathBar .current-dir label, .nautilus-window #NautilusPathBar .current-dir image { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-buttons-box button.current-dir:only-child image, .nautilus-window #NautilusPathBar button.current-dir:only-child image { + margin-right: -6px; + padding: 0px 0px 0px 12px; + border-radius: 4px 0px 0px 4px; } + .nautilus-window .path-buttons-box button.current-dir:only-child label, .nautilus-window #NautilusPathBar button.current-dir:only-child label { + border-radius: 0px 4px 4px 0px; } +.nautilus-window #NautilusQueryEditor > menubutton > button:hover image, .nautilus-window #NautilusQueryEditor > menubutton > button:active image, .nautilus-window #NautilusQueryEditor > menubutton > button:checked image { + color: #f8f8f2; } + +.nautilus-circular-button { + border-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #f8f8f2; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #f8f8f2; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #f8f8f2; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #f8f8f2; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #1e1f29; } + +/********* + * Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + transition: none; + box-shadow: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + border-color: rgba(189, 147, 249, 0.5); } + +/******************* + * Calendar events * +********************/ +.color-light.timed label, .color-light .event-popover label { + color: #f8f8f2; + opacity: 1; } +.color-light label { + color: #1e1f29; + opacity: 1; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #282a36; + background-color: #282a36; } + .gala-notification .title, + .gala-notification .label { + color: #f8f8f2; } + +.gala-button { + padding: 3px; + color: #282a36; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(40, 42, 54, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #f8f8f2; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(189, 147, 249, 0); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #f8f8f2; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(189, 147, 249, 0); + color: #f8f8f2; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font-size: 18px; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #f8f8f2; } + +/********* + * Panel * + ********/ +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { + color: rgba(0, 0, 0, 0.6); + text-shadow: 0 1px rgba(255, 255, 255, 0.1); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/********* + * Cards * + *********/ +.deck { + background-color: #0d0d11; } + +.card { + background-color: #282a36; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #1d1f27; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/******** + * Snap * + ********/ +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #1e1f29; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #f8f8f2; } + +/********* +* Avatar * +*********/ +.avatar { + border: 1px solid rgba(0, 0, 0, 0.23); + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } + +/**level bars**/ +.sidebar.source-list.view.level-bar, iconview.sidebar.source-list.level-bar, .sidebar.source-list.view.level-bar:selected, iconview.sidebar.source-list.level-bar:selected, .sidebar.source-list.view.level-bar:selected:focus, iconview.sidebar.source-list.level-bar:selected:focus { + background: linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14)); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + border-radius: 2px; } +.sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block { + border: none; } + .sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block, .sidebar.source-list.view.fill-block:hover, iconview.sidebar.source-list.fill-block:hover, .sidebar.source-list.view.fill-block:selected, iconview.sidebar.source-list.fill-block:selected, .sidebar.source-list.view.fill-block:selected:focus, iconview.sidebar.source-list.fill-block:selected:focus { + background: linear-gradient(rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; } + checkbutton.color-button > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; } + checkbutton.color-button.none > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); } + +radiobutton.color-button > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 100px; + background-clip: border-box; } +radiobutton.color-button:active > radio { + border: 1px solid rgba(0, 0, 0, 0.35); } + +.color-button check, +.color-button check:checked, +.color-button radio, +.color-button radio:checked { + background-image: none; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; + color: #282a36; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { + background-color: @STRAWBERRY_300; + -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } +.color-button.orange check, .color-button.orange radio { + background-color: @ORANGE_300; + -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { + background-color: @BANANA_500; + -gtk-icon-shadow: 0 1px 1px @BANANA_700; } +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { + background-color: @LIME_500; + -gtk-icon-shadow: 0 1px 1px @LIME_700; } +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { + background-color: @BLUEBERRY_500; + -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { + background-color: @GRAPE_500; + -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { + background-color: @COCOA_300; + -gtk-icon-shadow: 0 1px 1px @COCOA_500; } +.color-button.mint check, .color-button.mint radio { + background-color: @MINT_500; + -gtk-icon-shadow: 0 1px 1px @MINT_700; } +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { + background-color: @BUBBLEGUM_500; + -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } +.color-button.slate check, .color-button.slate radio { + background-color: @SLATE_300; + -gtk-icon-shadow: 0 1px 1px @SLATE_500; } +.color-button.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); } + +.xfce4-panel.background { + background-color: #1e1f29; + color: #f8f8f2; + text-shadow: none; + -gtk-icon-shadow: none; } +.xfce4-panel#XfcePanelWindow, .xfce4-panel#XfcePanelWindow.marching-ants { + transition: none; } + +#tasklist-button { + color: rgba(255, 255, 255, 0.8); + border-radius: 0; + border: none; + background-color: rgba(30, 31, 41, 0); } + #tasklist-button:hover { + color: white; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px rgba(189, 147, 249, 0.5); } + +.xfce4-panel.background button.flat:not(.open_group) { + color: white; + border-radius: 0; + border: none; + background-color: rgba(30, 31, 41, 0); + font-weight: normal; } + .xfce4-panel.background button.flat:hover:not(.open_group) { + border: none; + background-color: #343546; } + .xfce4-panel.background button.flat:active:not(.open_group), .xfce4-panel.background button.flat:checked:not(.open_group) { + color: white; + border-bottom: 2px solid rgba(189, 147, 249, 0.5); + background-color: #1a1b23; } + .xfce4-panel.background button.flat:active:not(.open_group) label, .xfce4-panel.background button.flat:active:not(.open_group) image, .xfce4-panel.background button.flat:checked:not(.open_group) label, .xfce4-panel.background button.flat:checked:not(.open_group) image { + color: inherit; } + +/* Vala-appmenu-plugin*/ +.-vala-panel-appmenu-core scrolledwindow, +.-vala-panel-appmenu-private > menuitem, +.-vala-panel-appmenu-private > menuitem:first-child > label { + color: white; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +UnityDecoration { + background-color: #31363D; + color: #fefefe; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #31363D; + border-bottom-width: 0; + background-color: #31363D; + color: #fefefe; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: #e5e5e5; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #fefefe; } + UnityDecoration .top .menuitem:backdrop { + color: #e5e5e5; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #30343b; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #31363D, #30343b); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #30343b; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #1a1d21; + color: #fefefe; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #e5e5e5; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #fefefe; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #fefefe; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #1a1d21; + color: #fefefe; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #8b8c8e; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #2f333a; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: rgba(25, 26, 34, 0.9); } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #282a36; } + +@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: rgba(189, 147, 249, 0.5); } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(25, 26, 34, 0.9); } + MsdOsdWindow.background.osd .progressbar { + background-color: rgba(189, 147, 249, 0.5); + border: none; + border-color: rgba(189, 147, 249, 0.5); + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(9, 10, 12, 0.8); + border: none; + border-radius: 5px; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left .separator, +.geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); + color: rgba(248, 248, 242, 0.5); } +ConversationListView .view .cell, ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { + color: #f8f8f2; + border: 0px solid rgba(159, 99, 246, 0.5); } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #1e1f29; + color: white; + font-weight: bold; + box-shadow: inset 0 -1px #0f0f14; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); } + #panel_window .menubar .menuitem:disabled GtkLabel, + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:disabled label, + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #f8f8f2; } + +#content_frame { + padding-bottom: 14px; + background-color: #1e1f29; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:active, #content_frame button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #1e1f29; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #f8f8f2; + font-size: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +/* thunar */ +.thunar toolbar { + background-color: #1e1f29; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +scrolledwindow.sidebar treeview.view, scrollbar.right { + background: #232530; + padding: 1.5px; + border: none; + box-shadow: none; } + +scrolledwindow.standard-view scrollbar.right { + background-color: #282a36; } + +/* path-bar of thunar */ +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:selected, window.thunar paned > scrolledwindow treeview.view:hover, window.thunar paned > scrolledwindow treeview.view:checked, window.thunar paned > scrolledwindow treeview.view:selected { + background-color: transparent; + color: #bd93f9; + box-shadow: none; } +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:backdrop label, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:selected:backdrop label, window.thunar paned > scrolledwindow treeview.view:checked:backdrop label, window.thunar paned > scrolledwindow treeview.view:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button { + background: none; + outline: none; + border: none; + box-shadow: none; } + +.nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, +.nemo-window .places-treeview iconview.cell:hover, +.nemo-window .places-treeview iconview.cell:selected { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } +.nemo-window .sidebar { + color: #f8f8f2; + background-color: #282a36; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { + background-color: transparent; } +.nemo-window .nemo-window-pane widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } + .nemo-window .nemo-window-pane widget.entry:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #1e1f29; } + .nemo-window toolbar.primary-toolbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + min-height: 24px; + padding: 3px; } + .nemo-window toolbar.primary-toolbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:selected:backdrop label, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop label, .nemo-window toolbar.primary-toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, +.nemo-window .nemo-inactive-pane iconview { + background-color: #242530; } + +.caja-notebook .frame { + border-width: 0 0 1px; } +.caja-notebook .entry { + background: #1e1f29; + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); } + .caja-notebook .entry:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/************** +* Caja sidebar * +**************/ +.caja-side-pane { + background: #1e1f29; } + .caja-side-pane .frame { + border-width: 1px 0 0; } + .caja-side-pane treeview.view, + .caja-side-pane textview.view text, + .caja-side-pane viewport.frame, + .caja-side-pane widget .vertical { + background: #1e1f29; + padding: 3px 2px; } + .caja-side-pane treeview.view:hover, + .caja-side-pane textview.view text:hover, + .caja-side-pane viewport.frame:hover, + .caja-side-pane widget .vertical:hover { + background-color: rgba(40, 42, 54, 0.6); } + .caja-side-pane treeview.view:selected, + .caja-side-pane textview.view text:selected, + .caja-side-pane viewport.frame:selected, + .caja-side-pane widget .vertical:selected { + color: #bd93f9; + background: #1e1f29; } + .caja-side-pane treeview.view:selected:hover, + .caja-side-pane textview.view text:selected:hover, + .caja-side-pane viewport.frame:selected:hover, + .caja-side-pane widget .vertical:selected:hover { + background-color: rgba(189, 147, 249, 0); } + +/************** +* Caja pathbar * +**************/ +.caja-navigation-window paned { + background: #282a36; } + +.caja-navigation-window .primary-toolbar { + background: #1e1f29; } + .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked { + background: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label { + color: #f8f8f2; } + +.caja-pathbar button, .caja-pathbar button:backdrop { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; } +.caja-pathbar button:hover, .caja-pathbar button:active, .caja-pathbar button:checked, .caja-pathbar button:backdrop:active, .caja-pathbar button:backdrop:checked { + background: transparent; + box-shadow: none; } + .caja-pathbar button:hover, .caja-pathbar button:hover label, .caja-pathbar button:active, .caja-pathbar button:active label, .caja-pathbar button:checked, .caja-pathbar button:checked label, .caja-pathbar button:backdrop:active, .caja-pathbar button:backdrop:active label, .caja-pathbar button:backdrop:checked, .caja-pathbar button:backdrop:checked label { + color: #bd93f9; } + +/*# sourceMappingURL=gtk-dark.css.map */ diff --git a/filesystem/.config/gtk-4.0/gtk.css b/filesystem/.config/gtk-4.0/gtk.css new file mode 100755 index 00000000..61566f0c --- /dev/null +++ b/filesystem/.config/gtk-4.0/gtk.css @@ -0,0 +1,6503 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #f8f8f2; +/* text color for entries, views and content in general */ +@define-color theme_text_color #f8f8f2; +/* widget base background color */ +@define-color theme_bg_color #1e1f29; +/* text widgets and the like base background color */ +@define-color theme_base_color #282a36; +/* base background color of selections */ +@define-color theme_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #f8f8f2; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #22232e; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #8b8c8e; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #282a36; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #8b8c8e; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #f8f8f2; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1f29; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2a2c39; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #f8f8f2; +/* widgets main borders color */ +@define-color borders rgba(25, 26, 34, 0.9); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(26, 27, 35, 0.91); +/* these are pretty self explicative */ +@define-color warning_color #ff9f39; +@define-color error_color #ff3c3c; +@define-color success_color #4caec3; +@define-color fg_color #f8f8f2; +@define-color text_color #f8f8f2; +@define-color bg_color #1e1f29; +@define-color base_color #282a36; +@define-color selected_bg_color rgba(189, 147, 249, 0.5); +@define-color selected_fg_color #f8f8f2; +@define-color unfocused_fg_color #8b8c8e; +@define-color unfocused_text_color #f8f8f2; +@define-color unfocused_bg_color #1e1f29; +@define-color unfocused_base_color #2a2c39; +@define-color unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +@define-color unfocused_selected_fg_color #f8f8f2; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#f8f8f2, 1.8); +@define-color wm_unfocused_title #8b8c8e; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#1e1f29, 1.2); +@define-color wm_bg_b #1e1f29; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#1e1f29, 1.3); +@define-color wm_button_hover_color_b #1e1f29; +@define-color wm_button_active_color_a shade(#1e1f29, 0.85); +@define-color wm_button_active_color_b shade(#1e1f29, 0.89); +@define-color wm_button_active_color_c shade(#1e1f29, 0.9); +@define-color content_view_bg #282a36; +@define-color budgie_tasklist_indicator_color rgba(189, 147, 249, 0.5); +@define-color budgie_tasklist_indicator_color_active rgba(189, 147, 249, 0.5); +@define-color placeholder_text_color #cfcfcd; +@define-color STRAWBERRY_100 #ff8c82; +@define-color STRAWBERRY_300 #ed5353; +@define-color STRAWBERRY_500 #c6262e; +@define-color STRAWBERRY_700 #a10705; +@define-color STRAWBERRY_900 #7a0000; +@define-color ORANGE_100 #ffc27d; +@define-color ORANGE_300 #ffa154; +@define-color ORANGE_500 #f37329; +@define-color ORANGE_700 #cc3b02; +@define-color ORANGE_900 #a62100; +@define-color BANANA_100 #fff394; +@define-color BANANA_300 #ffe16b; +@define-color BANANA_500 #f9c440; +@define-color BANANA_700 #d48e15; +@define-color BANANA_900 #ad5f00; +@define-color LIME_100 #d1ff82; +@define-color LIME_300 #9bdb4d; +@define-color LIME_500 #68b723; +@define-color LIME_700 #3a9104; +@define-color LIME_900 #206b00; +@define-color MINT_100 #89ffdd; +@define-color MINT_300 #43d6b5; +@define-color MINT_500 #28bca3; +@define-color MINT_700 #0e9a83; +@define-color MINT_900 #007367; +@define-color BLUEBERRY_100 #8cd5ff; +@define-color BLUEBERRY_300 #64baff; +@define-color BLUEBERRY_500 #3689e6; +@define-color BLUEBERRY_700 #0d52bf; +@define-color BLUEBERRY_900 #002e99; +@define-color BUBBLEGUM_100 #fe9ab8; +@define-color BUBBLEGUM_300 #f4679d; +@define-color BUBBLEGUM_500 #de3e80; +@define-color BUBBLEGUM_700 #bc245d; +@define-color BUBBLEGUM_900 #910e38; +@define-color GRAPE_100 #e4c6fa; +@define-color GRAPE_300 #cd9ef7; +@define-color GRAPE_500 #a56de2; +@define-color GRAPE_700 #7239b3; +@define-color GRAPE_900 #452981; +@define-color COCOA_100 #a3907c; +@define-color COCOA_300 #8a715e; +@define-color COCOA_500 #715344; +@define-color COCOA_700 #57392d; +@define-color COCOA_900 #3d211b; +@define-color SILVER_100 #fafafa; +@define-color SILVER_300 #d4d4d4; +@define-color SILVER_500 #abacae; +@define-color SILVER_700 #7e8087; +@define-color SILVER_900 #555761; +@define-color SLATE_100 #95a3ab; +@define-color SLATE_300 #667885; +@define-color SLATE_500 #485a6c; +@define-color SLATE_700 #273445; +@define-color SLATE_900 #0e141f; +@define-color BLACK_100 #666; +@define-color BLACK_300 #4d4d4d; +@define-color BLACK_500 #333; +@define-color BLACK_700 #1a1a1a; +@define-color BLACK_900 #000; +/***************** +* Drawing mixins * +*****************/ +/********* +* Common * +*********/ +* { + padding: 0; + outline-color: rgba(248, 248, 242, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 0px; + -gtk-secondary-caret-color: rgba(189, 147, 249, 0.5); } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar, actionbar > revealer > box { + background-color: #1a1b23; + border: solid rgba(25, 26, 34, 0.9); + border-width: 1px 0 0 0; + color: #f8f8f2; + box-shadow: none; } + .action-bar:backdrop, actionbar > revealer > box:backdrop { + background-color: #08090c; + box-shadow: none; } + .action-bar:first-child, actionbar > revealer > box:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child, actionbar > revealer > box:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(20, 23, 26, 0.8); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #f8f8f2; + background-color: #1e1f29; } + .background:backdrop { + color: #8b8c8e; + background-color: #1e1f29; + text-shadow: none; + -gtk-icon-shadow: none; } + .background.chromium { + background-color: #2f313f; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +.gtkstyle-fallback { + color: #f8f8f2; + background-color: #1e1f29; } + .gtkstyle-fallback:hover { + color: #f8f8f2; + background-color: #343546; } + .gtkstyle-fallback:active { + color: #f8f8f2; + background-color: #08090c; } + .gtkstyle-fallback:disabled { + color: #8b8c8e; + background-color: #22232e; } + .gtkstyle-fallback:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + +.view, iconview, +textview > text { + color: #f8f8f2; + background-color: #282a36; } + .view:backdrop, iconview:backdrop, + textview > text:backdrop { + color: #cfcfcd; + background-color: #2a2c39; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected { + border-radius: 3px; } + +textview > text { + background-color: transparent; } + +textview border { + background-color: #232530; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +columnview.view > rubberband, +treeview.view > rubberband { + border: 1px solid rgba(159, 99, 246, 0.5); + background-color: rgba(159, 99, 246, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #f8f8f2; } + label.separator:backdrop { + color: #8b8c8e; } + label selection { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + label:disabled { + color: #8b8c8e; } + label:disabled:backdrop { + color: #3e4055; } + label:backdrop { + color: #8b8c8e; } + +.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #4a4a51; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .osd popover.background > arrow, +.osd popover.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents, .osd { + color: #fefefe; + border: none; + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + outline-color: rgba(254, 254, 254, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, .osd popover.background > arrow:backdrop, + .osd popover.background > contents:backdrop, popover.background.touch-selection > arrow:backdrop, + popover.background.touch-selection > contents:backdrop, popover.background.magnifier > arrow:backdrop, + popover.background.magnifier > contents:backdrop, .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +*:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, rgba(233, 219, 253, 0.5) 0%, rgba(233, 219, 253, 0) 0%); } + to { + background-image: radial-gradient(farthest-side, rgba(233, 219, 253, 0.5) 95%, rgba(233, 219, 253, 0)); } } +notebook > header > tabs > arrow, +button { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border: none; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-filter: brightness(1.2); } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(174, 123, 248, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition-duration: 50ms; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition: 200ms ease-out; + -gtk-icon-filter: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + button:backdrop.flat:active label, + button:backdrop.flat:checked label, + button:backdrop:active label, + button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #50fa7a; + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #f8f8f2; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #8b8c8e; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #fefefe; + border-radius: 5px; + outline-color: rgba(254, 254, 254, 0.3); + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification button, +.app-notification.frame button, popover.background.touch-selection button, popover.background.magnifier button, +.osd button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + .osd button:active:backdrop, + .osd button:active, + .osd button:checked:backdrop, + .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + .osd button:disabled:backdrop, + .osd button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + .osd button:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + .osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + .osd button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + .osd button.flat:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + .osd button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + .osd button.flat:active, + .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } +button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button, button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #bd93f9; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:active, button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode windowcontrols button:backdrop:active, .selection-mode windowcontrols button:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop:active label, .selection-mode windowcontrols button:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode windowcontrols button:backdrop:disabled:active, .selection-mode windowcontrols button:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(189, 147, 249, 0.8); } + button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd button.suggested-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(189, 147, 249, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.7), rgba(189, 147, 249, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #bd93f9, #bd93f9); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #ff2222; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:active, button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(255, 34, 34, 0.8); } + button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd button.destructive-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(255, 34, 34, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.7), rgba(255, 34, 34, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #ff2222, #ff2222); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.5), rgba(255, 34, 34, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar button { + -gtk-icon-shadow: none; } + +.stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: radial-gradient(farthest-side, rgba(233, 219, 253, 0.5) 96%, rgba(233, 219, 253, 0)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + +toolbar button:hover { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #0f0f14; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +toolbar button:active { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #040406; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.inline-toolbar toolbutton > button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:hover { + color: rgba(189, 147, 249, 0.5); } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(174, 123, 248, 0); } + .inline-toolbar toolbutton > button:backdrop { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(174, 123, 248, 0); } + +toolbar.inline-toolbar toolbutton > button.flat:backdrop, +toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { + border-color: transparent; + box-shadow: none; } + +.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:first-child, .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:last-child, .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:only-child, .linked:not(.vertical) > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), spinbutton.vertical.linked > text, .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked > text:first-child, .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked > text:last-child, .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked > text:only-child, .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, +.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, + .menuitem.button.flat:hover { + background-color: #383a4c; } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow { + background: none; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +notebook button, list button, popover button { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } + notebook button:backdrop, list button:backdrop, popover button:backdrop { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } +notebook .linked > button, list .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(248, 248, 242, 0.45); } + calendar.button:hover { + color: #f8f8f2; } + calendar.button:backdrop { + color: rgba(139, 140, 142, 0.45); } + calendar.button:disabled { + color: rgba(139, 140, 142, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #f8f8f2; } + calendar:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, iconview.content-view check, +.view.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, iconview.content-view radio, +.view.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, iconview.content-view check:hover, +.view.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, iconview.content-view radio:hover, +.view.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, iconview.content-view check:active, +.view.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, iconview.content-view radio:active, +.view.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, iconview.content-view check:disabled, +.view.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + margin: 0 4px; + min-height: 16px; + min-width: 16px; + border: none; } + menu menuitem check, menu menuitem + radio { + margin: 0; } + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem + radio, menu menuitem + radio:hover, menu menuitem + radio:disabled { + min-height: 14px; + min-width: 14px; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + border-color: currentColor; + animation: none; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #f8f8f2; } + colorswatch.dark overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.dark overlay:backdrop { + color: rgba(248, 248, 242, 0.5); } +colorswatch.light overlay { + color: #f8f8f2; } + colorswatch.light overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.light overlay:backdrop { + color: #cfcfcd; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } + colorswatch:drop(active).dark overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid rgba(25, 26, 34, 0.9); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(25, 26, 34, 0.9); + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #f8f8f2; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog, .messagedialog, .dialog { + background-color: #282a36; + border-radius: 10px; } + messagedialog .titlebar:not(headerbar), .messagedialog .titlebar:not(headerbar), .dialog .titlebar:not(headerbar) { + background-color: rgba(30, 31, 41, 0.95); } + messagedialog .titlebar, .messagedialog .titlebar, .dialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(30, 31, 41, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + messagedialog.csd, .messagedialog.csd, .dialog.csd { + border-radius: 10px; } + messagedialog.csd.background, .messagedialog.csd.background, .dialog.csd.background { + background-color: #1a1b23; + color: #f8f8f2; + border-radius: 10px; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .response-area button, .messagedialog.csd .dialog-action-area button, .messagedialog.csd .response-area button, .dialog.csd .dialog-action-area button, .dialog.csd .response-area button { + padding: 7px 11px; + border-radius: 0; + color: #f8f8f2; + box-shadow: none; + border: none; } + messagedialog.csd .dialog-action-area button:not(.destructive-action):hover, messagedialog.csd .response-area button:not(.destructive-action):hover, .messagedialog.csd .dialog-action-area button:not(.destructive-action):hover, .messagedialog.csd .response-area button:not(.destructive-action):hover, .dialog.csd .dialog-action-area button:not(.destructive-action):hover, .dialog.csd .response-area button:not(.destructive-action):hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.messagedialog .message-area { + padding: 26px; } + +filechooser .dialog-action-box { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + filechooser .dialog-action-box:backdrop { + border-top-color: rgba(26, 27, 35, 0.91); } +filechooser #pathbarbox { + border-bottom: 1px solid #1e1f29; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), spinbutton.vertical > text, entry { + min-height: 32px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; } + spinbutton:not(.vertical) image.left, spinbutton.vertical > text image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, spinbutton.vertical > text image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton.flat:focus-within:not(.vertical), spinbutton.vertical > text.flat:focus-within, spinbutton.flat:not(.vertical), spinbutton.vertical > text.flat, + entry.flat:focus-within, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + box-shadow: none; + border-radius: 0; } + spinbutton:focus-within:not(.vertical), spinbutton.vertical > text:focus-within, + entry:focus-within { + border-color: rgba(159, 99, 246, 0.5); + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + spinbutton:disabled:not(.vertical), spinbutton.vertical > text:disabled, + entry:disabled { + color: #8b8c8e; + border-color: rgba(25, 26, 34, 0.9); + background-color: #22232e; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, + entry:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), spinbutton.vertical > text:backdrop:disabled, + entry:backdrop:disabled { + color: #3e4055; + border-color: rgba(26, 27, 35, 0.91); + background-color: #22232e; + box-shadow: none; } + spinbutton.error:not(.vertical), spinbutton.vertical > text.error, + entry.error { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff3c3c; + border-color: #880000; } + spinbutton.error:focus-within:not(.vertical), spinbutton.vertical > text.error:focus-within, + entry.error:focus-within { + border-color: #880000; + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.vertical > text.error:selected:focus, spinbutton.error:selected:not(.vertical), spinbutton.vertical > text.error:selected, + entry.error:selected:focus, + entry.error:selected { + background-color: #ff3c3c; } + spinbutton.warning:not(.vertical), spinbutton.vertical > text.warning, + entry.warning { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff9f39; + border-color: #864500; } + spinbutton.warning:focus-within:not(.vertical), spinbutton.vertical > text.warning:focus-within, + entry.warning:focus-within { + border-color: #864500; + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.vertical > text.warning:selected:focus, spinbutton.warning:selected:not(.vertical), spinbutton.vertical > text.warning:selected, + entry.warning:selected:focus, + entry.warning:selected { + background-color: #ff9f39; } + spinbutton:not(.vertical) image, spinbutton.vertical > text image, + entry image { + color: #cecfcc; } + spinbutton:not(.vertical) image:hover, spinbutton.vertical > text image:hover, + entry image:hover { + color: #f8f8f2; } + spinbutton:not(.vertical) image:active, spinbutton.vertical > text image:active, + entry image:active { + color: rgba(189, 147, 249, 0.5); } + spinbutton:not(.vertical) image:backdrop, spinbutton.vertical > text image:backdrop, + entry image:backdrop { + color: #78797d; } + spinbutton:drop(active):focus-within:not(.vertical), spinbutton.vertical > text:drop(active):focus-within, spinbutton:drop(active):not(.vertical), spinbutton.vertical > text:drop(active), + entry:drop(active):focus-within, + entry:drop(active) { + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } + .osd spinbutton:not(.vertical), .osd spinbutton.vertical > text, + .osd entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus-within:not(.vertical), .osd spinbutton.vertical > text:focus-within, + .osd entry:focus-within { + color: white; + border-color: rgba(189, 147, 249, 0.5); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), .osd spinbutton.vertical > text:backdrop, + .osd entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), .osd spinbutton.vertical > text:disabled, + .osd entry:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(43, 46, 49, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, spinbutton.vertical > text progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: rgba(189, 147, 249, 0.5); + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, spinbutton.vertical > text progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + appchooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + menubutton > button, .linked:not(.vertical) > +entry:drop(active) + dropdown > button, .linked:not(.vertical) > +entry:drop(active) + colorbutton > button, .linked:not(.vertical) > +entry:drop(active) + fontbutton > button, .linked:not(.vertical) > +entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > +entry:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #50fa7a; } +.linked:not(.vertical) > spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > +entry { + border-right-style: solid; + border-right-color: transparent; } + .linked:not(.vertical) > spinbutton:focus-within:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:focus-within, .linked:not(.vertical) > + entry:focus-within { + border-color: rgba(159, 99, 246, 0.5); + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text:focus-within + .popup button, .linked:not(.vertical) > + entry:focus-within + .popup button { + border-left-width: 1px; + border-left-style: solid; + border-left-color: rgba(189, 147, 249, 0.5); } + .linked:not(.vertical) > spinbutton:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text + .popup button, .linked:not(.vertical) > + entry + .popup button { + border-radius: 0px 6px 6px 0px; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled) { + border-top-color: rgba(36, 38, 49, 0.97); + background-image: linear-gradient(to bottom, #282a36, #282a36); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled):backdrop { + border-top-color: rgba(38, 40, 51, 0.973); + background-image: linear-gradient(to bottom, #2a2c39, #2a2c39); } +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + text:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: rgba(36, 38, 49, 0.97); } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:focus:not(:only-child), spinbutton.vertical.linked > text + text:focus:not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), +spinbutton.vertical.linked > text + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:focus:not(:only-child), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: rgba(159, 99, 246, 0.5); } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + text:drop(active):not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), +spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #50fa7a; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:focus:not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:focus:not(:only-child) + text, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:focus:not(:only-child) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, +spinbutton.vertical.linked > text:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:focus:not(:only-child) + text, +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: rgba(159, 99, 246, 0.5); } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #50fa7a; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { + background-color: #282a36; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #282a36; } + treeview entry.flat:focus-within, treeview entry:focus-within { + border-color: rgba(189, 147, 249, 0.5); } + +/************* + * Expanders * + *************/ +expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander:hover { + color: white; } + expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #1e1f29; + border-width: 1px; + border-style: solid solid none; + border-color: rgba(25, 26, 34, 0.9); + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #1e1f29; + border-color: rgba(26, 27, 35, 0.91); } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(25, 26, 34, 0.9); } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + actionbar > revealer > box:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: radial-gradient(farthest-side at top, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at top, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: radial-gradient(farthest-side at top, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 100% 3%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at bottom, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: radial-gradient(farthest-side at bottom, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 100% 3%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: radial-gradient(farthest-side at left, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at left, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: radial-gradient(farthest-side at left, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 3% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: radial-gradient(farthest-side at right, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at right, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: radial-gradient(farthest-side at right, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 3% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(25, 26, 34, 0.9) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #232530; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, rgba(26, 27, 35, 0.91) 1px, transparent 1px); + background-color: #181820; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + border: 1px solid #282a36; + background: #282a36; + color: #f8f8f2; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: rgba(189, 147, 249, 0.5); } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #282a36; + background-image: none; + border: 1px solid #282a36; + color: #f8f8f2; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #282a36; } + GraniteWidgetsWelcome GtkLabel { + color: #f8f8f2; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(248, 248, 242, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + background-color: #1e1f29; + border: solid rgba(25, 26, 34, 0.9); + color: #f8f8f2; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #1e1f29; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #13141a; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(248, 248, 242, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #f1fa8c; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #282a36; } + .storage-bar .fill-block.app { + background-color: #13b1d5; } + .storage-bar .fill-block.audio { + background-color: #ffb86c; } + .storage-bar .fill-block.photo { + background-color: #ff5555; } + .storage-bar .fill-block.video { + background-color: #bd93f9; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), headerbar { + padding: 0 6px; + min-height: 34px; + background-color: #1e1f29; + color: #f8f8f2; + border-radius: 0; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-image: none; + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) headerbar .linked > button:hover, + headerbar .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) headerbar .linked > button:active, + headerbar .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) headerbar .linked > button:checked, + headerbar .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button:backdrop, + headerbar .linked > button, + headerbar .linked > button:hover, + headerbar .linked > button:active, + headerbar .linked > button:checked, + headerbar .linked > button:backdrop { + border: none; + border-radius: 0; + border-right-style: none; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:first-child, + .titlebar:not(headerbar) headerbar .linked > button:first-child, + headerbar .titlebar:not(headerbar) .linked > button:first-child, + headerbar .linked > button:first-child { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + .titlebar:not(headerbar) .linked > button:last-child, + .titlebar:not(headerbar) headerbar .linked > button:last-child, + headerbar .titlebar:not(headerbar) .linked > button:last-child, + headerbar .linked > button:last-child { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-right-style: solid; } + .titlebar:not(headerbar) .linked > button:only-child, + .titlebar:not(headerbar) headerbar .linked > button:only-child, + headerbar .titlebar:not(headerbar) .linked > button:only-child, + headerbar .linked > button:only-child { + border-radius: 0px; + border-style: solid; } + .titlebar:not(headerbar) entry, + headerbar entry { + min-height: 24px; } + .titlebar:not(headerbar) button, + headerbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + min-height: 24px; + margin-top: 5px; + margin-bottom: 5px; } + .titlebar:not(headerbar) button:hover, + headerbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:active, + headerbar button:checked { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .titlebar:not(headerbar) button:backdrop, .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:backdrop:hover, .titlebar:not(headerbar) button:backdrop:active, .titlebar:not(headerbar) button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + background-color: transparent; + color: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:active, + headerbar button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action, + headerbar button.destructive-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:active, + headerbar button.destructive-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop:hover, .titlebar:not(headerbar) button.titlebutton *, + headerbar button.titlebutton:hover, + headerbar button.titlebutton:active, + headerbar button.titlebutton:checked, + headerbar button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop:hover, + headerbar button.titlebutton * { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:active:backdrop, + .titlebar:not(headerbar) .linked > button:checked:backdrop, + headerbar .linked > button:active:backdrop, + headerbar .linked > button:checked:backdrop { + color: rgba(189, 147, 249, 0.4); } + .titlebar:not(headerbar) .linked > button:active:backdrop label, + .titlebar:not(headerbar) .linked > button:checked:backdrop label, + headerbar .linked > button:active:backdrop label, + headerbar .linked > button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + color: #f8f8f2; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: rgba(159, 99, 246, 0.5); + background: rgba(189, 147, 249, 0.5) linear-gradient(to top, rgba(180, 133, 248, 0.5), rgba(186, 142, 249, 0.5) 2px, rgba(189, 147, 249, 0.5) 3px); + box-shadow: inset 0 1px rgba(209, 179, 251, 0.3); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: rgba(189, 147, 249, 0.5); + background-image: none; + box-shadow: inset 0 1px rgba(215, 189, 251, 0.26); } + .selection-mode.titlebar:not(headerbar) button, + headerbar.selection-mode button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.flat, + headerbar.selection-mode button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:hover, + headerbar.selection-mode button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-filter: none; + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:disabled, + headerbar.selection-mode button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button.suggested-action, + headerbar.selection-mode button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(189, 147, 249, 0); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0), rgba(189, 147, 249, 0)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(248, 248, 242, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + padding: 4px; + min-height: 28px; } + .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button, +headerbar menubutton { + margin-top: 5px; + margin-bottom: 5px; } +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar entry > menubutton { + margin-top: 0px; + margin-bottom: 0px; } +headerbar switch { + margin-top: 0; + margin-bottom: 0; } +headerbar separator { + background: transparent; } + +.background:not(.tiled):not(.maximized) .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 4px; } +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { + background: #1e1f29; } + +.sidebar-pane .top-bar, .sidebar-pane .top-bar headerbar, .content-pane .top-bar, .content-pane .top-bar headerbar { + background-color: #1e1f29; } + +.nautilus-window .sidebar-pane .top-bar headerbar { + padding-top: 3px; + padding-bottom: 3px; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #f8f8f2; + background-color: #1e1f29; + border-bottom: 1px solid #08090c; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #f8f8f2; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #f8f8f2; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(248, 248, 242, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(40, 42, 54, 0.98); + color: #f8f8f2; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #f8f8f2; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #282a36; + color: #f8f8f2; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(40, 42, 54, 0.6); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(40, 42, 54, 0.5); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + +.info, .info:backdrop { + color: rgba(80, 250, 122, 0.85); + background-color: transparent; } + +.warning, .warning:backdrop { + color: #ff9f39; + background-color: transparent; } + +.question, .question:backdrop { + color: #72BFD0; + background-color: transparent; } + +.error, .error:backdrop { + color: #ff3c3c; + background-color: transparent; } + +levelbar.horizontal trough > block { + min-height: 5px; + border-radius: 5px; } + levelbar.horizontal trough > block:dir(rtl) { + border-radius: 0 5px 5px 0; } + levelbar.horizontal trough > block:dir(ltr) { + border-radius: 5px 0 0 5px; } + levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { + border-radius: 5px; } +levelbar.horizontal.discrete trough > block { + min-height: 2px; + margin: 1px; + min-width: 24px; + border-radius: 0; } + levelbar.horizontal.discrete trough > block:first-child { + border-radius: 2px 0 0 2px; } + levelbar.horizontal.discrete trough > block:last-child { + border-radius: 0 2px 2px 0; } +levelbar.vertical trough > block { + min-width: 5px; + border-radius: 5px; } +levelbar.vertical.discrete > trough > block { + min-width: 2px; + margin: 1px 0; + min-height: 32px; } +levelbar > trough { + padding: 0; } +levelbar > trough > block { + border: 1px solid; } + levelbar > trough > block.low { + border-color: #ff9f39; + background-color: #ff9f39; } + levelbar > trough > block.high, levelbar > trough > block:not(.empty) { + border-color: #50fa7a; + background-color: #50fa7a; } + levelbar > trough > block.full { + border-color: #4caec3; + background-color: #4caec3; } + levelbar > trough > block.empty { + background-color: #373a4b; + border-color: #373a4b; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #13b1d5; } + *:link:visited, + button:visited { + color: rgba(19, 177, 213, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: rgba(237, 230, 243, 0.8); } + *:link:hover, button:hover:link, + button:hover:visited { + color: #2fc9ec; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: rgba(246, 244, 242, 0.95); } + *:link:active, button:active:link, + button:active:visited { + color: #13b1d5; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: rgba(243, 240, 243, 0.9); } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: rgba(189, 147, 249, 0.5); } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: rgba(243, 240, 243, 0.9); } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list, listview { + color: #f8f8f2; + background-color: #282a36; + border-color: rgba(25, 26, 34, 0.9); } + list:backdrop, listview:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) { + border-left: 1px solid rgba(25, 26, 34, 0.9); } + list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator), listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid rgba(25, 26, 34, 0.9); } + +row:hover { + transition: none; } +row:backdrop { + transition: 200ms ease-out; } +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(248, 248, 242, 0.05); } +row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } +row.activatable:backdrop:hover { + background-color: transparent; } +row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } +row.activatable:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + +columnview > listview > row { + padding: 0; } + columnview > listview > row > cell { + padding: 2px 6px; } + columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; } +columnview.column-separators > listview > row > cell { + border-left-color: rgba(25, 26, 34, 0.9); } +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; } + +treeexpander { + border-spacing: 4px; } + +/******************************************************** + * Data Tables * + * treeview like tables with individual focusable cells * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * + ********************************************************/ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid rgba(25, 26, 34, 0.9); } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid rgba(189, 147, 249, 0.5); } + +columnview row:not(:selected) cell editablelabel.editing text selection { + background-color: rgba(189, 147, 249, 0.4); + color: transparent; } + columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/******************************************************* + * Rich Lists * + * Large list usually containing lots of widgets * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * + *******************************************************/ +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ } + .rich-list > row { + padding: 8px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ } + .rich-list > row > box { + border-spacing: 12px; } + +/******************************************************** + * Complex Lists * + * Put padding on the cell content so event controllers * + * can cover the whole area. * + ********************************************************/ +columnview.complex > listview > row > cell { + padding: 0; } + columnview.complex > listview > row > cell > * { + padding: 8px 6px; } +columnview.complex.data-table > listview > row > cell { + padding: 0; } + columnview.complex.data-table > listview > row > cell > * { + padding-top: 2px; + padding-bottom: 2px; } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #1e1f29; + color: #f8f8f2; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + menubar > item, + .menubar > item { + min-height: 16px; + padding: 4px 8px; } + menubar > item:hover, + .menubar > item:hover { + box-shadow: inset 0 -3px rgba(189, 147, 249, 0.5); } + menubar > item:disabled, + .menubar > item:disabled { + color: #8b8c8e; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background-color: #242530; + border: 1px solid rgba(25, 26, 34, 0.9); + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #282936; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #8b8c8e; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #3e4055; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #8b8c8e; + background-color: transparent; } + menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, .menu > arrow, .context-menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #242530; + border-radius: 0; } + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + background-color: #3d3f49; } + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + background-color: #282936; } + menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } +menuitem check, +menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f0f14; } + .content-view:hover { + -gtk-icon-filter: brightness(1.2); } + .content-view:backdrop { + background-color: #0f0f14; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(248, 248, 242, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #4a4a51; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: rgba(25, 26, 34, 0.9); + border-width: 0px; + background-color: #1e1f29; } + notebook > header:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: #1e1f29; } + notebook > header tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:hover { + background-color: #282a36; + box-shadow: none; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs { + margin-top: -2px; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + background-color: #282a36; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs { + margin-right: -2px; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + background-color: #282a36; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs { + margin-left: -2px; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + background-color: #282a36; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + 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.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + 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.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + outline-offset: -5px; + color: #8b8c8e; + font-weight: bold; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #c2c2c0; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(25, 26, 34, 0.2); + background-color: rgba(30, 31, 41, 0.2); } + notebook > header tab:backdrop { + color: #5f6066; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #f8f8f2; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(25, 26, 34, 0.4); + background-color: rgba(30, 31, 41, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(30, 31, 41, 0.7); } + notebook > header tab:backdrop:checked { + color: #8b8c8e; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + background: transparent; + box-shadow: none; + color: #ff5555; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 0.5px; + padding-right: 0.5px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0.5px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0.5px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #282a36; } + notebook > stack:not(:only-child):backdrop { + background-color: #2a2c39; } + +tabbar:backdrop .box > scrolledwindow, +tabbar:backdrop .box > .start-action, +tabbar:backdrop .box > .end-action { + filter: opacity(1); } +tabbar tabbox { + background-color: #1e1f29; + padding: 0px; + color: #f8f8f2; } + tabbar tabbox > tab:checked, tabbar tabbox > tab:selected, + tabbar tabbox > tabboxchild > tab:checked, + tabbar tabbox > tabboxchild > tab:selected { + background-color: #282a36; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(rgba(189, 147, 249, 0.5)); } + paned > separator:backdrop { + background-image: image(rgba(26, 27, 35, 0.91)); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #1e1f29; + background-image: image(rgba(25, 26, 34, 0.9)), image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #1e1f29; + background-image: image(rgba(26, 27, 35, 0.91)), image(rgba(26, 27, 35, 0.91)); } +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.text-button.image-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; } + +/*************** + * Popovers * + ***************/ +popover.background { + background-color: transparent; + font: initial; } + popover.background > arrow, + popover.background > contents { + background-color: #242530; + background-clip: padding-box; + border: 1px solid rgba(25, 26, 34, 0.9); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); + color: #f8f8f2; } + popover.background:backdrop { + background-color: transparent; + box-shadow: none; } + popover.background > contents { + padding: 8px; + border-radius: 5px; } + popover.background > contents > list, + popover.background > contents > .view, + popover.background > contents > iconview, + popover.background > contents > toolbar { + border-style: none; + background-color: transparent; } + popover.background > contents separator { + background-color: #373a4b; + margin: 3px; } + popover.background > contents list separator { + margin: 0; } + .osd popover.background, popover.background.touch-selection, popover.background.magnifier { + background-color: transparent; } + .osd popover.background > arrow, + .osd popover.background > contents, popover.background.touch-selection > arrow, + popover.background.touch-selection > contents, popover.background.magnifier > arrow, + popover.background.magnifier > contents { + border: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: none; } + +magnifier { + background-color: #282a36; } + +/********************** + * Popover Base Menus * + **********************/ +popover.menu { + padding: 0; } + popover.menu box.inline-buttons { + padding: 0 12px; } + popover.menu box.inline-buttons button.image-button.model { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 30px; + min-width: 30px; + padding: 0; + border: none; + outline: none; + transition: none; } + popover.menu box.inline-buttons button.image-button.model:selected { + background: image(#383a4c); } + popover.menu box.circular-buttons { + padding: 12px 12px 6px; } + popover.menu box.circular-buttons button.circular.image-button.model { + padding: 11px; } + popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: #383a4c; + border-color: #383a4c; } + popover.menu > arrow, popover.menu.background > contents { + background-color: #242530; + color: #f8f8f2; + padding: 5px; } + popover.menu > arrow .view, popover.menu > arrow iconview, popover.menu.background > contents .view, popover.menu.background > contents iconview { + background-color: transparent; } + popover.menu > arrow .view row, popover.menu > arrow iconview row, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { + margin: 0; } + popover.menu.background separator { + margin: 6px 0; } + popover.menu accelerator { + color: alpha(currentColor,0.55); } + popover.menu accelerator:dir(ltr) { + margin-left: 12px; } + popover.menu accelerator:dir(rtl) { + margin-right: 12px; } + popover.menu check:hover, popover.menu check:active, + popover.menu radio:hover, + popover.menu radio:active { + background-color: transparent; } + popover.menu radio { + border-color: rgba(25, 26, 34, 0.9); } + popover.menu radio:active { + border-color: rgba(25, 26, 34, 0.4); } + popover.menu arrow.left, + popover.menu radio.left, + popover.menu check.left { + margin-left: -2px; + margin-right: 6px; } + popover.menu arrow.right, + popover.menu radio.right, + popover.menu check.right { + margin-left: 6px; + margin-right: -2px; } + popover.menu modelbutton, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { + min-height: 30px; + min-width: 40px; + padding: 0 12px; + border-radius: 5px; } + popover.menu modelbutton:selected, popover.menu.background > contents .view row:selected, popover.menu.background > contents iconview row:selected { + color: #f8f8f2; + background-color: #383a4c; } + popover.menu modelbutton:selected:active, popover.menu.background > contents .view row:selected:active, popover.menu.background > contents iconview row:selected:active { + background-color: #4d506a; } + popover.menu label.title { + font-weight: bold; + padding: 4px 32px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(248, 248, 242, 0.4); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar.horizontal progress { + margin: 0; } + progressbar.vertical progress { + margin: 0; } + progressbar:backdrop { + box-shadow: none; + transition: 200ms ease-out; } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + progressbar.osd progress { + border-style: none; + border-radius: 0; } + +/************ + * GtkScale * + ************/ +progressbar trough, scale trough, scale fill { + background-color: rgba(140, 143, 171, 0.14); + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: rgba(0, 0, 0, 0.14); } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: rgba(0, 0, 0, 0.14); + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.14); } + +progressbar progress, scale highlight { + border: none; + background-color: rgba(189, 147, 249, 0.5); + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(0, 0, 0, 0.14); } + progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: rgba(204, 171, 250, 0.5); + background-color: rgba(204, 171, 250, 0.5); } + progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.1); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 6px; } + scale.vertical trough, + scale.vertical progress { + min-width: 6px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + background-color: #bd93f9; } + scale slider:active:disabled { + background-color: #22232e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.05); } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + margin: -6px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; } + scale trough { + outline-offset: 2px; + outline-color: transparent; } + scale fill:backdrop, scale fill { + background-color: rgba(25, 26, 34, 0.9); } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(97, 97, 97, 0.775); } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #282a36; + border: none; + border-radius: 12px; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:active { + border-color: rgba(159, 99, 246, 0.5); } + scale slider:disabled { + background-color: #22232e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:backdrop, scale slider:backdrop:disabled { + transition: 200ms ease-out; + background-color: #5e637f; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + row:selected scale slider:disabled, row:selected scale slider { + border-color: rgba(159, 99, 246, 0.5); } + .osd scale slider { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #14171a; } + .osd scale slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #14171a; } + .osd scale slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #14171a; } + .osd scale slider:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #14171a; } + .osd scale slider:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #14171a; } + .osd scale slider:backdrop:disabled { + background-color: #14171a; } + scale value { + color: alpha(currentColor,0.4); } + scale.horizontal > marks { + color: alpha(currentColor,0.55); } + scale.horizontal > marks.top { + margin-bottom: 6px; } + scale.horizontal > marks.bottom { + margin-top: 6px; } + scale.horizontal > marks indicator { + background-color: currentColor; + min-height: 6px; + min-width: 1px; } + scale.horizontal > value.left { + margin-right: 9px; } + scale.horizontal > value.right { + margin-left: 9px; } + scale.horizontal.fine-tune > marks.top { + margin-top: 3px; } + scale.horizontal.fine-tune > marks.bottom { + margin-bottom: 3px; } + scale.horizontal.fine-tune > marks indicator { + min-height: 3px; } + scale.vertical > marks { + color: alpha(currentColor,0.55); } + scale.vertical > marks.top { + margin-right: 6px; } + scale.vertical > marks.bottom { + margin-left: 6px; } + scale.vertical > marks indicator { + background-color: currentColor; + min-height: 1px; + min-width: 6px; } + scale.vertical > value.top { + margin-bottom: 9px; } + scale.vertical > value.bottom { + margin-top: 9px; } + scale.vertical.fine-tune > marks.top { + margin-left: 3px; } + scale.vertical.fine-tune > marks.bottom { + margin-right: 3px; } + scale.vertical.fine-tune > marks indicator { + min-height: 3px; } + 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.horizontal.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + background-image: image(rgba(25, 26, 34, 0.9)); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #232530; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scrollbar.top { + border-bottom: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.bottom { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.left { + border-right: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar:backdrop { + background-color: #181820; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a2; } + scrollbar slider:hover { + background-color: #cccdca; } + scrollbar slider:hover:active { + background-color: rgba(219, 195, 252, 0.5); } + scrollbar slider:backdrop { + background-color: #4a4b51; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #f8f8f2; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #f8f8f2; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #a1a1a2; } + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #cccdca; } + scrollbar button:active, scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(219, 195, 252, 0.5); } + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(161, 161, 162, 0.2); } + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #4a4b51; } + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(74, 75, 81, 0.2); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid rgba(25, 26, 34, 0.9); + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar, .nautilus-window .navigation-sidebar { + border-style: none; + border-width: 0; + background-color: #232530; } + .sidebar .frame, .nautilus-window .navigation-sidebar .frame { + border: none; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl), .nautilus-window .navigation-sidebar:dir(ltr), .nautilus-window .navigation-sidebar.left, .nautilus-window .navigation-sidebar.left:dir(rtl) { + border-right: none; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right, stacksidebar.sidebar:dir(rtl) list + .nautilus-window .navigation-sidebar:dir(rtl), stacksidebar.sidebar.right list + .nautilus-window .navigation-sidebar:dir(rtl), .nautilus-window .navigation-sidebar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); + border-right-style: none; } + .sidebar:backdrop, .nautilus-window .navigation-sidebar:backdrop { + background-color: #242631; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + .sidebar list, .nautilus-window .navigation-sidebar list { + background-color: #20212b; } + .sidebar row, .nautilus-window .navigation-sidebar row { + padding: 2px 12px; } + .sidebar row:selected, .nautilus-window .navigation-sidebar row:selected { + background: rgba(189, 147, 249, 0.1); + color: #bd93f9; } + .sidebar row:selected:backdrop, .nautilus-window .navigation-sidebar row:selected:backdrop { + background: rgba(189, 147, 249, 0.1); } + .sidebar row:selected:backdrop label, .nautilus-window .navigation-sidebar row:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .sidebar row:selected:hover, .nautilus-window .navigation-sidebar row:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar row:selected label, .nautilus-window .navigation-sidebar row:selected label { + color: #bd93f9; } + .sidebar.source-list, .nautilus-window .navigation-sidebar.source-list { + background-color: #1e1f29; + color: #F2EFEA; + padding: 4px 0px; } + .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active, .nautilus-window .navigation-sidebar.source-list.view:selected:active, .nautilus-window iconview.navigation-sidebar.source-list:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover, .nautilus-window .navigation-sidebar.source-list.view:selected.has-open-popup, .nautilus-window iconview.navigation-sidebar.source-list:selected.has-open-popup, .nautilus-window .navigation-sidebar.source-list.view:selected:hover, .nautilus-window iconview.navigation-sidebar.source-list:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop, .nautilus-window .navigation-sidebar.source-list.view:selected:backdrop, .nautilus-window iconview.navigation-sidebar.source-list:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover, .nautilus-window .navigation-sidebar.source-list.view:hover, .nautilus-window iconview.navigation-sidebar.source-list:hover, .nautilus-window .navigation-sidebar.source-list.view iconview.source-list:hover, .nautilus-window iconview.navigation-sidebar.source-list iconview.source-list:hover { + background-color: rgba(40, 42, 54, 0.6); } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar, paned .nautilus-window .navigation-sidebar.left, paned .nautilus-window .navigation-sidebar.right, paned .nautilus-window .navigation-sidebar.left:dir(rtl), paned .nautilus-window .navigation-sidebar:dir(rtl), paned .nautilus-window .navigation-sidebar:dir(ltr), paned .nautilus-window .navigation-sidebar { + border-style: none; + border-color: rgba(25, 26, 34, 0.9); } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + padding: 1px 11px; } + placessidebar row label { + padding-left: 8px; } + placessidebar row.sidebar-new-bookmark-row { + color: rgba(189, 147, 249, 0.5); } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #50fa7a, inset 0 -1px #50fa7a; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #f8f8f2; } + +.bottom-bar { + background-color: #282a36; } + .bottom-bar button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .bottom-bar button .view, .bottom-bar button iconview { + background-color: transparent; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + font-feature-settings: "tnum"; } + spinbutton:not(.vertical) { + padding: 0; + border-spacing: 0; + /* :not here just to bump specificity above that of the list button styling */ } + spinbutton:not(.vertical) > text, .osd spinbutton:not(.vertical) > text { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; } + spinbutton:not(.vertical) > text:backdrop:disabled, .osd spinbutton:not(.vertical) > text:backdrop:disabled { + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat), + spinbutton:not(.vertical) > button.image-button.down:not(.flat) { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #e3e3df; + background-image: none; + border-style: none none none solid; + border-color: rgba(25, 26, 34, 0.2); + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { + color: #f8f8f2; + background-color: #3e4153; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + color: rgba(139, 140, 142, 0.3); + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { + background-color: #44485c; + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); + color: #f8f8f2; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.8); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #898b8c; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + spinbutton.vertical:disabled { + color: #8b8c8e; } + spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } + spinbutton.vertical > text { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; } + spinbutton.vertical > text > selection { + background-color: rgba(189, 147, 249, 0.4); + color: transparent; } + spinbutton.vertical > text > selection:focus-within { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + spinbutton.vertical > button { + min-height: 32px; + min-width: 32px; + padding: 0; } + spinbutton.vertical > button.up { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + spinbutton.vertical > button.down { + border-top-style: none; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .osd spinbutton.vertical > button:first-child { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical > button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical > button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical > button:first-child:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: rgba(189, 147, 249, 0.5); } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + 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; } + +/********** + * Switch * + **********/ +switch { + font-size: 1px; + min-width: 45px; + min-height: 27px; + background-size: 45px 27px; + background-color: transparent; + background-repeat: no-repeat; + background-position: center center; + background-image: -gtk-scaled(url("../assets/switch-off.svg"), url("../assets/switch-off.svg")); } + switch:disabled { + background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"), url("../assets/switch-insensitive.svg")); } + switch, switch slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; } + switch:checked { + background-image: -gtk-scaled(url("../assets/switch-on.svg"), url("../assets/switch-on.svg")); } + switch:checked slider { + background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"), url("../assets/switch-slider-on@2.png")); } + switch slider { + min-width: 1px; + min-height: 1px; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"), url("../assets/switch-slider-off@2.png")); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar > revealer > box { + padding: 4px; + background-color: #1e1f29; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(20, 23, 26, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + toolbar.horizontal separator { + margin: 0 7px 1px 6px; } + toolbar.vertical separator { + margin: 6px 1px 7px 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.inline-toolbar { + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; } + +searchbar > revealer > box { + border-width: 0 0 1px; + padding: 5px; } + +.inline-toolbar, searchbar > revealer > box { + border-style: solid; + border-color: rgba(25, 26, 34, 0.9); + background-color: rgba(29, 30, 39, 0.97); } + .inline-toolbar:backdrop, searchbar > revealer > box:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: rgba(29, 30, 39, 0.9685); + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #282a36; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(0, 0, 0, 0.8); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: white; } + +columnview.view, +treeview.view { + border-left-color: rgba(25, 26, 34, 0.9); + border-top-color: rgba(25, 26, 34, 0.9); } + columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; + outline-color: #ff5555; } + columnview.view:disabled, + treeview.view:disabled { + color: #8b8c8e; } + columnview.view:disabled:selected, + treeview.view:disabled:selected { + color: rgba(228, 214, 244, 0.7); } + columnview.view:disabled:selected:backdrop, + treeview.view:disabled:selected:backdrop { + color: rgba(207, 177, 247, 0.5); } + columnview.view.separator, + treeview.view.separator { + min-height: 2px; + color: rgba(25, 26, 34, 0.9); } + columnview.view:backdrop, + treeview.view:backdrop { + border-left-color: #3c3e48; + border-top: #3c3e48; } + columnview.view:drop(active), + treeview.view:drop(active) { + box-shadow: none; } + columnview.view > dndtarget:drop(active), + treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: rgba(159, 99, 246, 0.5); } + columnview.view > dndtarget:drop(active).after, + treeview.view > dndtarget:drop(active).after { + border-top-style: none; } + columnview.view > dndtarget:drop(active).before, + treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; } + columnview.view.expander, + treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #bababa; } + columnview.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + columnview.view.expander:hover, + treeview.view.expander:hover { + color: #f8f8f2; } + columnview.view.expander:selected, + treeview.view.expander:selected { + color: rgba(241, 235, 243, 0.85); } + columnview.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #f8f8f2; } + columnview.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view.progressbar, + treeview.view.progressbar { + border: 1px solid rgba(159, 99, 246, 0.5); + border-radius: 4px; + background-color: rgba(189, 147, 249, 0.5); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(159, 99, 246, 0.5)); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: image(#282a36); } + columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + background-color: #2a2c39; } + columnview.view.trough, + treeview.view.trough { + background-color: rgba(248, 248, 242, 0.1); } + columnview.view.trough:selected:focus, columnview.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: rgba(159, 99, 246, 0.5); } + columnview.view > header > button, + treeview.view > header > button { + color: #c2c5d2; + background-color: #282a36; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + columnview.view > header > button:hover, + treeview.view > header > button:hover { + color: #dddfe2; + box-shadow: none; + transition: none; } + columnview.view > header > button:active, + treeview.view > header > button:active { + color: #f8f8f2; + transition: none; } + columnview.view > header > button:backdrop, + treeview.view > header > button:backdrop { + box-shadow: none; } + columnview.view > header > button sort-indicator, + treeview.view > header > button sort-indicator { + min-height: 16px; + min-width: 16px; } + columnview.view > header > button sort-indicator.ascending, + treeview.view > header > button sort-indicator.ascending { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + columnview.view > header > button sort-indicator.descending, + treeview.view > header > button sort-indicator.descending { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, + columnview.view header.button.dnd:active, + columnview.view header.button.dnd:selected, + columnview.view header.button.dnd:hover, + columnview.view header.button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 0 6px; + color: #ff5555; + background-image: none; + background-color: rgba(189, 147, 249, 0.5); + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px #282a36; + text-shadow: none; + transition: none; } + columnview.view acceleditor > label, + treeview.view acceleditor > label { + background-color: rgba(189, 147, 249, 0.5); } + +columnview.view > header > button, +treeview.view > header > button, columnview.view > header > button:hover, +treeview.view > header > button:hover, columnview.view > header > button:active, +treeview.view > header > button:active { + padding: 0 6px; + background-image: none; + border-style: none none solid solid; + border-width: 1px; + border-color: rgba(25, 26, 34, 0.9); + border-radius: 0; + text-shadow: none; + box-shadow: none; } + columnview.view > header > button:disabled, + treeview.view > header > button:disabled { + border-color: #1e1f29; + background-image: none; } + columnview.view > header > button:last-child:backdrop, + treeview.view > header > button:last-child:backdrop, columnview.view > header > button:last-child, + treeview.view > header > button:last-child { + border-right-style: none; } + +/********************** + * Window Decorations * + *********************/ +window { + border-width: 0px; } + window.csd { + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 0px; + border-radius: 4px 4px 0 0; } + window.csd: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.75); + transition: 200ms ease-out; } + window.csd.popup { + border-radius: 7px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + window.csd.dialog.message { + border-radius: 4px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + window.solid-csd { + margin: 0; + padding: 4px; + border: solid 1px rgba(25, 26, 34, 0.9); + border-radius: 0; + box-shadow: inset 0 0 0 4px rgba(25, 26, 34, 0.9), inset 0 0 0 3px #1e1f29, inset 0 1px rgba(248, 248, 242, 0.07); } + window.solid-csd:backdrop { + box-shadow: inset 0 0 0 4px rgba(25, 26, 34, 0.9), inset 0 0 0 3px #1e1f29, inset 0 1px rgba(248, 248, 242, 0.07); } + window.maximized, window.fullscreen { + border-radius: 0; + box-shadow: none; } + window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { + border-radius: 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + window.popup { + box-shadow: none; } + window.ssd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { + min-width: 20px; + min-height: 20px; + margin: 0; + padding: 0 1px; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; } + windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:focus, windowcontrols button.close:active, windowcontrols button.close:backdrop, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:focus, windowcontrols button.maximize:active, windowcontrols button.maximize:backdrop, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:focus, windowcontrols button.minimize:active, windowcontrols button.minimize:backdrop, windowcontrols button.minimize:backdrop:hover { + background-color: transparent; + border: none; + box-shadow: none; + color: transparent; } +windowcontrols button.close { + background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } + windowcontrols button.close:hover, windowcontrols button.close:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } +windowcontrols button.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } + windowcontrols button.maximize:hover, windowcontrols button.maximize:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } +windowcontrols button.minimize { + background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } + windowcontrols button.minimize:hover, windowcontrols button.minimize:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } +windowcontrols button:backdrop { + -gtk-icon-shadow: none; + background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: 0 -1px rgba(0, 0, 0, 0.3788235294); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.3788235294); } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +textview > text:selected:focus, +textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, +entry selection:focus, +entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: rgba(189, 147, 249, 0.5); } + row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, + entry selection:focus, + entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #f8f8f2; + font-weight: normal; } + row:selected label:disabled, label:disabled:selected, .selection-mode windowcontrols button:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + textview > text:disabled:selected:focus, + textview > text:disabled:selected, textview > text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, spinbutton.vertical > text selection:disabled, + entry selection:disabled, row:disabled:selected { + color: rgba(233, 223, 244, 0.75); } + row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + textview > text:backdrop:selected:focus, + textview > text:backdrop:selected, textview > text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, spinbutton.vertical > text selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(248, 248, 242, 0.5); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode windowcontrols button:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + textview > text:backdrop:disabled:selected, textview > text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, spinbutton.vertical > text selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(207, 177, 247, 0.5); } + +.monospace { + font-family: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********* +* Budgie * +*********/ +.budgie-container { + background-color: transparent; } + .budgie-container:backdrop { + background-color: transparent; } + .budgie-container popover list, + .budgie-container popover row { + border: none; + background: none; + padding: 0; + margin: 0; } + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; } + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: rgba(30, 31, 41, 0.98); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid @borders; } + .budgie-popover list:hover, + .budgie-popover row:hover, + .budgie-popover.background list:hover, + .budgie-popover.background row:hover { + background: none; } + .budgie-popover > frame.container, + .budgie-popover.background > frame.container { + margin: 0 -1px -1px; + padding: 2px 0 0; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu .container { + padding: 0; } +.budgie-menu button:hover { + -gtk-icon-filter: none; } +.budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid @borders; + border-radius: 0; + font-size: 120%; + box-shadow: none; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background-color: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid @borders; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid @borders; } +.budgie-menu .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(248, 248, 242, 0.05); + color: #f8f8f2; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #f8f8f2; + background-color: rgba(174, 123, 248, 0.3); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(248, 248, 242, 0.7); } +.budgie-menu scrollbar { + background-color: transparent; + border-color: transparent; } +.budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } +.budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #f8f8f2; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop { + color: #f8f8f2; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + box-shadow: none; + background-color: transparent; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(248, 248, 242, 0.1); } +.user-menu button { + margin: 5px; } +.user-menu > box.vertical row.activatable:first-child .indicator-item, +.user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + background-color: #72BFD0; + transition-duration: 0.2s; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { + padding-left: 7px; + background-position: left center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { + padding-right: 7px; + background-position: right center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { + color: #f8f8f2; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { + padding-left: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { + padding-right: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { + color: #f8f8f2; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { + min-width: 24px; + min-height: 20px; } + +button.raven-trigger { + padding-left: 2px; + padding-right: 2px; + color: #f8f8f2; + box-shadow: none; } + button.raven-trigger:hover { + color: #f8f8f2; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + button.raven-trigger:backdrop { + color: #f8f8f2; } + button.raven-trigger:backdrop:hover { + color: #f8f8f2; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: rgba(189, 147, 249, 0.5); + background-color: transparent; } + +.places-menu .container { + padding: 0; } +.places-menu .message-bar { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.places-menu .name-button { + border: 0; + border-radius: 0; + padding: 4px 6px; } +.places-menu .unmount-button { + padding: 4px 4px; + border: 0; + border-radius: 0; } +.places-menu .places-section-header { + padding: 0px; + border-bottom: 1px solid rgba(25, 26, 34, 0.85); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } +.places-menu .places-section-header > button { + padding: 8px; + border: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +.places-menu .places-list { + background: rgba(248, 248, 242, 0.04); + border-bottom: 1px solid rgba(25, 26, 34, 0.85); } +.places-menu .unlock-area { + border-top: 1px solid rgba(25, 26, 34, 0.75); + border-bottom: 1px solid rgba(25, 26, 34, 0.75); } +.places-menu .unlock-area entry { + border-radius: 0; + border: 0; } +.places-menu .unlock-area button { + border-radius: 0; + border: 0; + border-left: 1px solid rgba(25, 26, 34, 0.75); } +.places-menu .alternative-label { + font-size: 15px; + padding: 3px; } +.places-menu .always-expand { + background: transparent; + border-bottom: none; } + +.night-light-indicator .container { + padding: 0; } +.night-light-indicator .view-header { + font-size: 14px; + padding: 10px; + border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04); } +.night-light-indicator .display-settings-button { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border: none; + padding: 3px; + border-top: 1px solid mix(@theme_base_color, #000000, 0.35); + box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04); } + +.budgie-panel { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #ff5555; } + .budgie-panel:backdrop { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #f8f8f2; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(8, 9, 12, 0.2); } + .top .budgie-panel.transparent { + border-bottom-color: transparent; } + .bottom .budgie-panel.transparent { + border-top-color: transparent; } + .left .budgie-panel.transparent { + border-right-color: transparent; } + .right .budgie-panel.transparent { + border-left-color: transparent; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(248, 248, 242, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #f8f8f2; } + +.budgie-panel #tasklist-button, +.budgie-panel #tasklist-button:backdrop { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(8, 9, 12, 0); + border-radius: 0; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; } + +.budgie-panel button.flat.launcher { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(8, 9, 12, 0); + border-radius: 0; + padding: 0; + background-clip: padding-box; + background-color: transparent; } + .budgie-panel button.flat.launcher { + box-shadow: none; } + +.budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, +.budgie-panel .pinned button.flat.launcher.running:hover { + box-shadow: none; } +.budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, +.budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, +.budgie-panel .pinned button.flat.launcher.running:checked { + box-shadow: none; } +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { + padding-bottom: 2px; + border-top: 2px solid transparent; } + .top .budgie-panel .pinned button.flat.launcher:not(.running) { + border-top: 2px solid transparent; } + + .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + + .top .budgie-panel .unpinned button.flat.launcher, + .top .budgie-panel .pinned button.flat.launcher.running { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { + border-top: 2px solid rgba(255, 255, 255, 0.25); } + .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { + border-top: 2px solid rgba(189, 147, 249, 0.5); } +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { + padding-top: 2px; + border-bottom: 2px solid transparent; } + .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { + border-bottom: 2px solid transparent; } + + .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + + .bottom .budgie-panel .unpinned button.flat.launcher, + .bottom .budgie-panel .pinned button.flat.launcher.running { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.25); } + .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + border-bottom: 2px solid rgba(189, 147, 249, 0.5); } +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { + padding-right: 2px; + border-left: 2px solid transparent; } + .left .budgie-panel .pinned button.flat.launcher:not(.running) { + border-left: 2px solid transparent; } + + .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + + .left .budgie-panel .unpinned button.flat.launcher, + .left .budgie-panel .pinned button.flat.launcher.running { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { + border-left: 2px solid rgba(255, 255, 255, 0.25); } + .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { + border-left: 2px solid rgba(189, 147, 249, 0.5); } +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { + padding-left: 2px; + border-right: 2px solid transparent; } + .right .budgie-panel .pinned button.flat.launcher:not(.running) { + border-right: 2px solid transparent; } + + .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + + .right .budgie-panel .unpinned button.flat.launcher, + .right .budgie-panel .pinned button.flat.launcher.running { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { + border-right: 2px solid rgba(255, 255, 255, 0.25); } + .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { + border-right: 2px solid rgba(189, 147, 249, 0.5); } + +.top .budgie-panel { + border-bottom: 1px solid rgba(15, 15, 20, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(30, 31, 41, 0.92); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(15, 15, 20, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(30, 31, 41, 0.92); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(15, 15, 20, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(30, 31, 41, 0.92); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(15, 15, 20, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(30, 31, 41, 0.92); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } + +.raven { + padding: 0; + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.92); + transition: 170ms ease-out; } + .raven .raven-header { + min-height: 32px; + color: #f8f8f2; + border: solid rgba(25, 26, 34, 0.85); + border-width: 1px 0; + background-color: rgba(30, 31, 41, 0.2); } + .raven .raven-header * { + padding-top: 0; + padding-bottom: 0; } + .raven .raven-header.top { + border-top-style: none; + border-color: transparent; + margin-top: 3px; + min-height: 32px; } + .raven .raven-header.top button.image-button:hover { + color: rgba(174, 123, 248, 0.5); + box-shadow: none; } + .raven .raven-header > button.text-button { + border-radius: 2px; + color: #f8f8f2; + background-color: rgba(255, 60, 60, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:hover { + border-radius: 2px; + color: #f8f8f2; + background-color: rgba(255, 85, 85, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:active { + color: #f8f8f2; + background-color: rgba(255, 111, 111, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header.bottom { + border-bottom-style: none; } + .raven .raven-header button { + background-color: transparent; + color: #f8f8f2; + border-radius: 0; + border: none; + box-shadow: none; + margin-top: -4px; + margin-bottom: -4px; + min-height: 32px; } + .raven .raven-header button:hover { + border-radius: 0; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + .raven .raven-header button:active, .raven .raven-header button:checked { + color: rgba(189, 147, 249, 0.5); + border-radius: 0; + background-color: transparent; } + .raven .raven-header button:disabled { + color: #8b8c8e; } + .raven list { + background-color: transparent; } + .raven list:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven .raven-background { + color: #f8f8f2; + background-color: transparent; + border-color: transparent; } + .raven .raven-background.middle { + border-bottom-style: none; } + .raven .powerstrip { + background-color: transparent; + border-top-color: transparent; } + .raven .powerstrip button.image-button { + border-radius: 50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: rgba(68, 71, 90, 0.7); + color: #f8f8f2; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + border: none; + font-size: 100%; } + .raven .powerstrip button.image-button:hover { + transition: 170ms ease all; + background: rgba(68, 71, 90, 0.85); + color: #f8f8f2; } + .raven .powerstrip button.image-button:active { + transition: 170ms ease all; + background: #44475a; + color: #f8f8f2; } + .raven .powerstrip button.image-button:first-child { + background: rgba(114, 191, 208, 0.7); } + .raven .powerstrip button.image-button:first-child:hover { + background: rgba(114, 191, 208, 0.85); } + .raven .powerstrip button.image-button:first-child:active { + background: #72BFD0; } + .raven .powerstrip button.image-button:last-child { + background: rgba(255, 85, 85, 0.7); } + .raven .powerstrip button.image-button:last-child:hover { + background: rgba(255, 85, 85, 0.85); } + .raven .powerstrip button.image-button:last-child:active { + background: #ff5555; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 4px; + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.2); + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: transparent; + color: rgba(189, 147, 249, 0.5); + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #f8f8f2; + border: none; + border-radius: 0; + background-color: transparent; } + calendar.raven-calendar button, calendar.raven-calendar button:focus { + color: alpha(currentColor,0.5); + background-color: transparent; } + calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { + color: #f8f8f2; + background-color: transparent; } + +.raven-mpris { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.9); + border: solid rgba(255, 255, 255, 0.1); + border-width: 1px 0; + border-bottom-color: rgba(0, 0, 0, 0.1); } + .raven-mpris button.image-button { + padding: 10px; + background-color: #282a36; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + .raven-mpris button.image-button:hover { + background-color: rgba(189, 147, 249, 0.5); } + .raven-mpris button.image-button:active { + background-color: rgba(174, 123, 248, 0.5); } + .raven-mpris button.image-button:first-child { + margin-right: 4px; } + .raven-mpris button.image-button:last-child { + margin-left: 4px; } + .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { + padding: 4px; + margin-top: 6px; + margin-bottom: 6px; } + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background: none; + border-radius: 1px; } + .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { + background-color: #72BFD0; + color: #464626; + border: none; + margin: 0 3px; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #5fb6ca; + border: none; } + .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { + background-color: #5fb6ca; } + +.budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { + border-radius: 1px; } +.budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { + font-size: 110%; + color: #f8f8f2; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(248, 248, 242, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #f8f8f2; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #ff5555; + box-shadow: none; } + .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { + background-color: transparent; + color: #ff3c3c; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #f8f8f2; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: rgba(142, 110, 187, 0.55); } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(248, 248, 242, 0.7); + background-color: rgba(189, 147, 249, 0.3); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(248, 248, 242, 0.8); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(248, 248, 242, 0.8); } + .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + font-size: 120%; } + .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: #f8f8f2; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + font-weight: 700; } + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + border-left: none; + border-bottom-left-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + border-right: none; + border-bottom-right-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(189, 147, 249, 0.4); } + .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { + background-color: rgba(114, 191, 208, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { + background-color: rgba(133, 200, 214, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { + background-color: rgba(133, 200, 214, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { + background-color: rgba(255, 34, 34, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { + background-color: rgba(255, 60, 60, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { + background-color: rgba(255, 60, 60, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #f8f8f2; } + .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { + background-color: #505359; } + .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { + background-color: #505359; } + +.budgie-polkit-dialog .message { + color: rgba(248, 248, 242, 0.7); } +.budgie-polkit-dialog .failure { + color: #ff5555; } + +.budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { + font-size: 120%; + padding: 8px 5px; + border: none; + box-shadow: none; } + .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { + color: #f8f8f2; } + .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list row:selected .subtitle, +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle { + opacity: 1; } +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0); } + +.budgie-menubar menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-menubar menu menuitem:hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } +.budgie-menubar arrow { + border: none; + min-width: 16px; + min-height: 16px; } + .budgie-menubar arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid rgba(55, 56, 64, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(55, 56, 64, 0.928); } +.budgie-menubar menuitem accelerator { + color: rgba(248, 248, 242, 0.35); } +.budgie-menubar menuitem check, .budgie-menubar menuitem radio { + min-height: 16px; + min-width: 16px; } + +window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { + border-style: none none solid; } + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(8, 9, 12, 0.95); } + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; } + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; } + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; } +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { + border: 0 solid rgba(30, 31, 41, 0.95); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), + .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; } + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), + .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; } + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; } +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.95); } +.workspace-switcher .workspace-add-button { + border: none; + background: transparent; + box-shadow: none; } + .workspace-switcher .workspace-add-button:hover { + box-shadow: none; } + .workspace-switcher .workspace-add-button:active { + background-image: none; } + .workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; } +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; } + +/************ + * Nautilus * + ************/ +.nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { + background: transparent; + color: rgba(189, 147, 249, 0.5); } +.nautilus-window .frame *:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(33, 35, 45, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(189, 147, 249, 0.4); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(40, 42, 54, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(189, 147, 249, 0.4); } +.nautilus-window notebook > stack:only-child { + background-color: #282a36; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #2a2c39; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } +.nautilus-window .titlebar .search { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; } +.nautilus-window .path-bar-box .dim-label, .nautilus-window .path-bar-box label.separator, .nautilus-window .path-bar-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar-box .subtitle, +.nautilus-window .path-bar-box headerbar .subtitle, +headerbar .nautilus-window .path-bar-box .subtitle { + color: transparent; } +.nautilus-window .path-bar-box widget > .text-button:last-child { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window .path-bar-box button { + transition: all 100ms ease-in; + margin-left: -5px; } + .nautilus-window .path-bar-box button:backdrop:hover, .nautilus-window .path-bar-box button:backdrop:active, .nautilus-window .path-bar-box button:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box button:backdrop:hover label, .nautilus-window .path-bar-box button:backdrop:active label, .nautilus-window .path-bar-box button:backdrop:checked label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window .path-buttons-box, .nautilus-window #NautilusPathBar { + background: transparent; + margin-top: 7px; + margin-bottom: 7px; } + .nautilus-window .path-buttons-box .dim-label, .nautilus-window .path-buttons-box label.separator, .nautilus-window .path-buttons-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box .subtitle, + .nautilus-window .path-buttons-box headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box .subtitle, .nautilus-window #NautilusPathBar .dim-label, .nautilus-window #NautilusPathBar label.separator, .nautilus-window #NautilusPathBar .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar .subtitle, + .nautilus-window #NautilusPathBar headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar .subtitle { + color: transparent; + margin-right: -5px; } + .nautilus-window .path-buttons-box button .horizontal .dim-label, .nautilus-window .path-buttons-box button .horizontal label.separator, .nautilus-window .path-buttons-box button .horizontal .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button .horizontal .subtitle, + .nautilus-window .path-buttons-box button .horizontal headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box button .horizontal .subtitle, .nautilus-window #NautilusPathBar button .horizontal .dim-label, .nautilus-window #NautilusPathBar button .horizontal label.separator, .nautilus-window #NautilusPathBar button .horizontal .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button .horizontal .subtitle, + .nautilus-window #NautilusPathBar button .horizontal headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button .horizontal .subtitle { + color: #f8f8f2; + padding: 3px 12px; + margin: 0; } + .nautilus-window .path-buttons-box button:hover, .nautilus-window .path-buttons-box button:focus, .nautilus-window #NautilusPathBar button:hover, .nautilus-window #NautilusPathBar button:focus { + background-color: transparent; + box-shadow: none; } + .nautilus-window .path-buttons-box button:hover .dim-label, .nautilus-window .path-buttons-box button:hover label.separator, .nautilus-window .path-buttons-box button:hover .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button:hover .subtitle, + .nautilus-window .path-buttons-box button:hover headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box button:hover .subtitle, .nautilus-window .path-buttons-box button:focus .dim-label, .nautilus-window .path-buttons-box button:focus label.separator, .nautilus-window .path-buttons-box button:focus .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button:focus .subtitle, + .nautilus-window .path-buttons-box button:focus headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box button:focus .subtitle, .nautilus-window #NautilusPathBar button:hover .dim-label, .nautilus-window #NautilusPathBar button:hover label.separator, .nautilus-window #NautilusPathBar button:hover .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button:hover .subtitle, + .nautilus-window #NautilusPathBar button:hover headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button:hover .subtitle, .nautilus-window #NautilusPathBar button:focus .dim-label, .nautilus-window #NautilusPathBar button:focus label.separator, .nautilus-window #NautilusPathBar button:focus .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button:focus .subtitle, + .nautilus-window #NautilusPathBar button:focus headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button:focus .subtitle { + color: #bd93f9; } + .nautilus-window .path-buttons-box button:active, .nautilus-window #NautilusPathBar button:active { + background-color: transparent; } + .nautilus-window .path-buttons-box button > .horizontal > image.dim-label, .nautilus-window .path-buttons-box .titlebar:not(headerbar) button > .horizontal > image.subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button > .horizontal > image.subtitle, + .nautilus-window .path-buttons-box headerbar button > .horizontal > image.subtitle, + headerbar .nautilus-window .path-buttons-box button > .horizontal > image.subtitle, .nautilus-window #NautilusPathBar button > .horizontal > image.dim-label, .nautilus-window #NautilusPathBar .titlebar:not(headerbar) button > .horizontal > image.subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle, + .nautilus-window #NautilusPathBar headerbar button > .horizontal > image.subtitle, + headerbar .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle { + padding: 3px 0px 3px 12px; + border-right: none; + margin-right: -6px; } + .nautilus-window .path-buttons-box button, .nautilus-window #NautilusPathBar button { + background: transparent; + border: none; + margin: 0; + padding: 0; } + .nautilus-window .path-buttons-box .current-dir label, .nautilus-window #NautilusPathBar .current-dir label { + border-radius: 4px; + padding: 1px 12px; } + .nautilus-window .path-buttons-box .current-dir label, .nautilus-window .path-buttons-box .current-dir image, .nautilus-window #NautilusPathBar .current-dir label, .nautilus-window #NautilusPathBar .current-dir image { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-buttons-box button.current-dir:only-child image, .nautilus-window #NautilusPathBar button.current-dir:only-child image { + margin-right: -6px; + padding: 0px 0px 0px 12px; + border-radius: 4px 0px 0px 4px; } + .nautilus-window .path-buttons-box button.current-dir:only-child label, .nautilus-window #NautilusPathBar button.current-dir:only-child label { + border-radius: 0px 4px 4px 0px; } +.nautilus-window #NautilusQueryEditor > menubutton > button:hover image, .nautilus-window #NautilusQueryEditor > menubutton > button:active image, .nautilus-window #NautilusQueryEditor > menubutton > button:checked image { + color: #f8f8f2; } + +.nautilus-circular-button { + border-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #f8f8f2; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #f8f8f2; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #f8f8f2; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #f8f8f2; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #1e1f29; } + +/********* + * Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + transition: none; + box-shadow: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + border-color: rgba(189, 147, 249, 0.5); } + +/******************* + * Calendar events * +********************/ +.color-light.timed label, .color-light .event-popover label { + color: #f8f8f2; + opacity: 1; } +.color-light label { + color: #1e1f29; + opacity: 1; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #282a36; + background-color: #282a36; } + .gala-notification .title, + .gala-notification .label { + color: #f8f8f2; } + +.gala-button { + padding: 3px; + color: #282a36; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(40, 42, 54, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #f8f8f2; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(189, 147, 249, 0); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #f8f8f2; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(189, 147, 249, 0); + color: #f8f8f2; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font-size: 18px; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #f8f8f2; } + +/********* + * Panel * + ********/ +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { + color: rgba(0, 0, 0, 0.6); + text-shadow: 0 1px rgba(255, 255, 255, 0.1); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/********* + * Cards * + *********/ +.deck { + background-color: #0d0d11; } + +.card { + background-color: #282a36; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #1d1f27; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/******** + * Snap * + ********/ +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #1e1f29; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #f8f8f2; } + +/********* +* Avatar * +*********/ +.avatar { + border: 1px solid rgba(0, 0, 0, 0.23); + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } + +/**level bars**/ +.sidebar.source-list.view.level-bar, iconview.sidebar.source-list.level-bar, .sidebar.source-list.view.level-bar:selected, iconview.sidebar.source-list.level-bar:selected, .sidebar.source-list.view.level-bar:selected:focus, iconview.sidebar.source-list.level-bar:selected:focus { + background: linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14)); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + border-radius: 2px; } +.sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block { + border: none; } + .sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block, .sidebar.source-list.view.fill-block:hover, iconview.sidebar.source-list.fill-block:hover, .sidebar.source-list.view.fill-block:selected, iconview.sidebar.source-list.fill-block:selected, .sidebar.source-list.view.fill-block:selected:focus, iconview.sidebar.source-list.fill-block:selected:focus { + background: linear-gradient(rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; } + checkbutton.color-button > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; } + checkbutton.color-button.none > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); } + +radiobutton.color-button > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 100px; + background-clip: border-box; } +radiobutton.color-button:active > radio { + border: 1px solid rgba(0, 0, 0, 0.35); } + +.color-button check, +.color-button check:checked, +.color-button radio, +.color-button radio:checked { + background-image: none; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; + color: #282a36; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { + background-color: @STRAWBERRY_300; + -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } +.color-button.orange check, .color-button.orange radio { + background-color: @ORANGE_300; + -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { + background-color: @BANANA_500; + -gtk-icon-shadow: 0 1px 1px @BANANA_700; } +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { + background-color: @LIME_500; + -gtk-icon-shadow: 0 1px 1px @LIME_700; } +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { + background-color: @BLUEBERRY_500; + -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { + background-color: @GRAPE_500; + -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { + background-color: @COCOA_300; + -gtk-icon-shadow: 0 1px 1px @COCOA_500; } +.color-button.mint check, .color-button.mint radio { + background-color: @MINT_500; + -gtk-icon-shadow: 0 1px 1px @MINT_700; } +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { + background-color: @BUBBLEGUM_500; + -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } +.color-button.slate check, .color-button.slate radio { + background-color: @SLATE_300; + -gtk-icon-shadow: 0 1px 1px @SLATE_500; } +.color-button.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); } + +.xfce4-panel.background { + background-color: #1e1f29; + color: #f8f8f2; + text-shadow: none; + -gtk-icon-shadow: none; } +.xfce4-panel#XfcePanelWindow, .xfce4-panel#XfcePanelWindow.marching-ants { + transition: none; } + +#tasklist-button { + color: rgba(255, 255, 255, 0.8); + border-radius: 0; + border: none; + background-color: rgba(30, 31, 41, 0); } + #tasklist-button:hover { + color: white; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px rgba(189, 147, 249, 0.5); } + +.xfce4-panel.background button.flat:not(.open_group) { + color: white; + border-radius: 0; + border: none; + background-color: rgba(30, 31, 41, 0); + font-weight: normal; } + .xfce4-panel.background button.flat:hover:not(.open_group) { + border: none; + background-color: #343546; } + .xfce4-panel.background button.flat:active:not(.open_group), .xfce4-panel.background button.flat:checked:not(.open_group) { + color: white; + border-bottom: 2px solid rgba(189, 147, 249, 0.5); + background-color: #1a1b23; } + .xfce4-panel.background button.flat:active:not(.open_group) label, .xfce4-panel.background button.flat:active:not(.open_group) image, .xfce4-panel.background button.flat:checked:not(.open_group) label, .xfce4-panel.background button.flat:checked:not(.open_group) image { + color: inherit; } + +/* Vala-appmenu-plugin*/ +.-vala-panel-appmenu-core scrolledwindow, +.-vala-panel-appmenu-private > menuitem, +.-vala-panel-appmenu-private > menuitem:first-child > label { + color: white; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +UnityDecoration { + background-color: #31363D; + color: #fefefe; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #31363D; + border-bottom-width: 0; + background-color: #31363D; + color: #fefefe; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: #e5e5e5; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #fefefe; } + UnityDecoration .top .menuitem:backdrop { + color: #e5e5e5; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #30343b; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #31363D, #30343b); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #30343b; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #1a1d21; + color: #fefefe; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #e5e5e5; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #fefefe; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #fefefe; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #1a1d21; + color: #fefefe; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #8b8c8e; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #2f333a; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: rgba(25, 26, 34, 0.9); } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #282a36; } + +@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: rgba(189, 147, 249, 0.5); } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(25, 26, 34, 0.9); } + MsdOsdWindow.background.osd .progressbar { + background-color: rgba(189, 147, 249, 0.5); + border: none; + border-color: rgba(189, 147, 249, 0.5); + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(9, 10, 12, 0.8); + border: none; + border-radius: 5px; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left .separator, +.geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); + color: rgba(248, 248, 242, 0.5); } +ConversationListView .view .cell, ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { + color: #f8f8f2; + border: 0px solid rgba(159, 99, 246, 0.5); } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #1e1f29; + color: white; + font-weight: bold; + box-shadow: inset 0 -1px #0f0f14; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); } + #panel_window .menubar .menuitem:disabled GtkLabel, + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:disabled label, + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #f8f8f2; } + +#content_frame { + padding-bottom: 14px; + background-color: #1e1f29; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:active, #content_frame button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #1e1f29; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #f8f8f2; + font-size: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +/* thunar */ +.thunar toolbar { + background-color: #1e1f29; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +scrolledwindow.sidebar treeview.view, scrollbar.right { + background: #232530; + padding: 1.5px; + border: none; + box-shadow: none; } + +scrolledwindow.standard-view scrollbar.right { + background-color: #282a36; } + +/* path-bar of thunar */ +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:selected, window.thunar paned > scrolledwindow treeview.view:hover, window.thunar paned > scrolledwindow treeview.view:checked, window.thunar paned > scrolledwindow treeview.view:selected { + background-color: transparent; + color: #bd93f9; + box-shadow: none; } +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:backdrop label, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:selected:backdrop label, window.thunar paned > scrolledwindow treeview.view:checked:backdrop label, window.thunar paned > scrolledwindow treeview.view:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button { + background: none; + outline: none; + border: none; + box-shadow: none; } + +.nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, +.nemo-window .places-treeview iconview.cell:hover, +.nemo-window .places-treeview iconview.cell:selected { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } +.nemo-window .sidebar { + color: #f8f8f2; + background-color: #282a36; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { + background-color: transparent; } +.nemo-window .nemo-window-pane widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } + .nemo-window .nemo-window-pane widget.entry:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #1e1f29; } + .nemo-window toolbar.primary-toolbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + min-height: 24px; + padding: 3px; } + .nemo-window toolbar.primary-toolbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:selected:backdrop label, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop label, .nemo-window toolbar.primary-toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, +.nemo-window .nemo-inactive-pane iconview { + background-color: #242530; } + +.caja-notebook .frame { + border-width: 0 0 1px; } +.caja-notebook .entry { + background: #1e1f29; + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); } + .caja-notebook .entry:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/************** +* Caja sidebar * +**************/ +.caja-side-pane { + background: #1e1f29; } + .caja-side-pane .frame { + border-width: 1px 0 0; } + .caja-side-pane treeview.view, + .caja-side-pane textview.view text, + .caja-side-pane viewport.frame, + .caja-side-pane widget .vertical { + background: #1e1f29; + padding: 3px 2px; } + .caja-side-pane treeview.view:hover, + .caja-side-pane textview.view text:hover, + .caja-side-pane viewport.frame:hover, + .caja-side-pane widget .vertical:hover { + background-color: rgba(40, 42, 54, 0.6); } + .caja-side-pane treeview.view:selected, + .caja-side-pane textview.view text:selected, + .caja-side-pane viewport.frame:selected, + .caja-side-pane widget .vertical:selected { + color: #bd93f9; + background: #1e1f29; } + .caja-side-pane treeview.view:selected:hover, + .caja-side-pane textview.view text:selected:hover, + .caja-side-pane viewport.frame:selected:hover, + .caja-side-pane widget .vertical:selected:hover { + background-color: rgba(189, 147, 249, 0); } + +/************** +* Caja pathbar * +**************/ +.caja-navigation-window paned { + background: #282a36; } + +.caja-navigation-window .primary-toolbar { + background: #1e1f29; } + .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked { + background: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label { + color: #f8f8f2; } + +.caja-pathbar button, .caja-pathbar button:backdrop { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; } +.caja-pathbar button:hover, .caja-pathbar button:active, .caja-pathbar button:checked, .caja-pathbar button:backdrop:active, .caja-pathbar button:backdrop:checked { + background: transparent; + box-shadow: none; } + .caja-pathbar button:hover, .caja-pathbar button:hover label, .caja-pathbar button:active, .caja-pathbar button:active label, .caja-pathbar button:checked, .caja-pathbar button:checked label, .caja-pathbar button:backdrop:active, .caja-pathbar button:backdrop:active label, .caja-pathbar button:backdrop:checked, .caja-pathbar button:backdrop:checked label { + color: #bd93f9; } + +/*# sourceMappingURL=gtk.css.map */ diff --git a/filesystem/.config/gtk-4.0/settings.ini b/filesystem/.config/gtk-4.0/settings.ini new file mode 100644 index 00000000..7c6461a7 --- /dev/null +++ b/filesystem/.config/gtk-4.0/settings.ini @@ -0,0 +1,2 @@ +[Settings] +gtk-application-prefer-dark-theme=0 diff --git a/filesystem/.themes/Dracula/.github/ISSUE_TEMPLATE/bug_report.md b/filesystem/.themes/Dracula/.github/ISSUE_TEMPLATE/bug_report.md new file mode 100644 index 00000000..5f7915e1 --- /dev/null +++ b/filesystem/.themes/Dracula/.github/ISSUE_TEMPLATE/bug_report.md @@ -0,0 +1,27 @@ +--- +name: Bug report +about: Create a report to help us improve +title: '[BUG] Write a suitable title' +labels: 'bug' +assignees: '' + +--- + +**Describe the bug** +A clear and concise description of what the bug is. + +**To Reproduce** +Steps to reproduce the behavior: +1. Go to '...' +2. Click on '....' +3. Scroll down to '....' +4. See error + +**Expected behavior** +A clear and concise description of what you expected to happen. + +**Screenshots** +If applicable, add screenshots to help explain your problem. + +**Additional context** +Add any other context about the problem here. \ No newline at end of file diff --git a/filesystem/.themes/Dracula/.github/ISSUE_TEMPLATE/feature_request.md b/filesystem/.themes/Dracula/.github/ISSUE_TEMPLATE/feature_request.md new file mode 100644 index 00000000..09ede99f --- /dev/null +++ b/filesystem/.themes/Dracula/.github/ISSUE_TEMPLATE/feature_request.md @@ -0,0 +1,20 @@ +--- +name: Feature request +about: Suggest an idea for this project +title: '[FEATURE] Write a suitable title' +labels: 'enhancement' +assignees: '' + +--- + +**Is your feature request related to a problem? Please describe.** +A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] + +**Describe the solution you'd like** +A clear and concise description of what you want to happen. + +**Describe alternatives you've considered** +A clear and concise description of any alternative solutions or features you've considered. + +**Additional context** +Add any other context or screenshots about the feature request here. diff --git a/filesystem/.themes/Dracula/.github/issue_template.md b/filesystem/.themes/Dracula/.github/issue_template.md new file mode 100644 index 00000000..45a7be32 --- /dev/null +++ b/filesystem/.themes/Dracula/.github/issue_template.md @@ -0,0 +1 @@ +> If you're reporting an UI issue, make sure you take a screenshot that shows the actual bug. \ No newline at end of file diff --git a/filesystem/.themes/Dracula/.github/pull_request_template.md b/filesystem/.themes/Dracula/.github/pull_request_template.md new file mode 100644 index 00000000..622089f7 --- /dev/null +++ b/filesystem/.themes/Dracula/.github/pull_request_template.md @@ -0,0 +1 @@ +> If you're fixing a UI issue, make sure you take two screenshots. One that shows the actual bug and another that shows how you fixed it. \ No newline at end of file diff --git a/filesystem/.themes/Dracula/.gitignore b/filesystem/.themes/Dracula/.gitignore new file mode 100644 index 00000000..7f6bcefa --- /dev/null +++ b/filesystem/.themes/Dracula/.gitignore @@ -0,0 +1,10 @@ +# Dependency directories +node_modules/ + +# Sass +.sass-cache/ +*.css.map + +_gnome-shell + +install.sh diff --git a/filesystem/.themes/Dracula/Gulpfile.js b/filesystem/.themes/Dracula/Gulpfile.js new file mode 100644 index 00000000..a91a03cc --- /dev/null +++ b/filesystem/.themes/Dracula/Gulpfile.js @@ -0,0 +1,42 @@ +var gulp = require('gulp'); +var sass = require('gulp-sass'); +var exec = require('gulp-exec'); + +gulp.task('styles', function(done) { + gulp.src('gtk-3.20/**/*.scss') + .pipe(sass().on('error', sass.logError)) + .pipe(gulp.dest('./gtk-3.20/')) + .pipe(exec(' gsettings set org.gnome.desktop.interface gtk-theme "Dracula"')) + done(); +}); +gulp.task('shell-style', function(done) { + gulp.src('gnome-shell/**/*.scss') + .pipe(sass().on('error', sass.logError)) + .pipe(gulp.dest('./gnome-shell/')) + .pipe(exec('gsettings set org.gnome.shell.extensions.user-theme name "Ant"')) + .pipe(exec('gsettings set org.gnome.shell.extensions.user-theme name "Dracula"')) + done(); +}); + +gulp.task('cinnamon-style', function(done) { + gulp.src('cinnamon/**/*.scss') + .pipe(sass().on('error', sass.logError)) + .pipe(gulp.dest('./cinnamon/')) + .pipe(exec(' gsettings set org.cinnamon.desktop.interface gtk-theme "Dracula"')) + .pipe(exec(' gsettings set org.cinnamon.desktop.wm.preferences theme "Dracula"')) + .pipe(exec(' gsettings set org.cinnamon.theme name "Dracula"')) + done(); +}); + +//Watch task +gulp.task('default',function() { + gulp.watch('gtk-3.20/**/*.scss', gulp.series('styles')); +}); + +gulp.task('shell',function() { + gulp.watch('gnome-shell/**/*.scss', gulp.series('shell-style')); +}); + +gulp.task('cinnamon',function() { + gulp.watch('cinnamon/**/*.scss', gulp.series('cinnamon-style')); +}); \ No newline at end of file diff --git a/filesystem/.themes/Dracula/INSTALL.md b/filesystem/.themes/Dracula/INSTALL.md new file mode 100644 index 00000000..0b28ee71 --- /dev/null +++ b/filesystem/.themes/Dracula/INSTALL.md @@ -0,0 +1,44 @@ +### [GTK](https://www.gtk.org/) + +#### Install manually + +1.- Two options for download: + - Download using the [GitHub .zip download](https://github.com/dracula/gtk/archive/master.zip) (Once extracted it must be renamed from `gtk-master` to `Dracula`) + - Download from [gnome-look](https://www.gnome-look.org/p/1687249/) - You can check the other theme variants there + +2.- Extract the `.zip` file to the themes directory i.e. `/usr/share/themes/` or `~/.themes/` (create it if necessary). + +#### Activating theme + +To activate the theme in Gnome, run the following commands in Terminal: + +``` +gsettings set org.gnome.desktop.interface gtk-theme "Dracula" +gsettings set org.gnome.desktop.wm.preferences theme "Dracula" +``` + +or Change via distribution specific tweak-tool. + +**For the latest versions of Gnome using Gtk4(libadwaita) some extra steps should be done in order to get it working properly, you could do it in two ways:** + +1.- Manual way + - Copy the `assets` folder to the `~/.config` directory + - Copy the `gtk-4.0/gtk.css` and `gtk-4.0/gtk-dark.css` files to `~/.config/gtk-4.0/` + +2.- Using [this script](https://github.com/odziom91/libadwaita-theme-changer) which will copy the needed folders to the right directories + +## Icon Theme (optional) + +#### Install manually + +Download using the [GitHub .zip download](https://github.com/dracula/gtk/files/5214870/Dracula.zip) option and extract the `.zip` file to the icons directory i.e. `/usr/share/icons/` or `~/.icons/` (create it if necessary). + +#### Activating icon theme + +To activate the theme in Gnome, run the following commands in Terminal: + +``` +gsettings set org.gnome.desktop.interface icon-theme "Dracula" +``` + +or Change via distribution specific tweak tool. diff --git a/filesystem/.themes/Dracula/LICENSE b/filesystem/.themes/Dracula/LICENSE new file mode 100644 index 00000000..9cecc1d4 --- /dev/null +++ b/filesystem/.themes/Dracula/LICENSE @@ -0,0 +1,674 @@ + GNU GENERAL PUBLIC LICENSE + Version 3, 29 June 2007 + + Copyright (C) 2007 Free Software Foundation, Inc. + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The GNU General Public License is a free, copyleft license for +software and other kinds of works. + + The licenses for most software and other practical works are designed +to take away your freedom to share and change the works. By contrast, +the GNU General Public License is intended to guarantee your freedom to +share and change all versions of a program--to make sure it remains free +software for all its users. We, the Free Software Foundation, use the +GNU General Public License for most of our software; it applies also to +any other work released this way by its authors. You can apply it to +your programs, too. + + When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +them if you wish), that you receive source code or can get it if you +want it, that you can change the software or use pieces of it in new +free programs, and that you know you can do these things. + + To protect your rights, we need to prevent others from denying you +these rights or asking you to surrender the rights. Therefore, you have +certain responsibilities if you distribute copies of the software, or if +you modify it: responsibilities to respect the freedom of others. + + For example, if you distribute copies of such a program, whether +gratis or for a fee, you must pass on to the recipients the same +freedoms that you received. You must make sure that they, too, receive +or can get the source code. And you must show them these terms so they +know their rights. + + Developers that use the GNU GPL protect your rights with two steps: +(1) assert copyright on the software, and (2) offer you this License +giving you legal permission to copy, distribute and/or modify it. + + For the developers' and authors' protection, the GPL clearly explains +that there is no warranty for this free software. For both users' and +authors' sake, the GPL requires that modified versions be marked as +changed, so that their problems will not be attributed erroneously to +authors of previous versions. + + Some devices are designed to deny users access to install or run +modified versions of the software inside them, although the manufacturer +can do so. This is fundamentally incompatible with the aim of +protecting users' freedom to change the software. The systematic +pattern of such abuse occurs in the area of products for individuals to +use, which is precisely where it is most unacceptable. Therefore, we +have designed this version of the GPL to prohibit the practice for those +products. If such problems arise substantially in other domains, we +stand ready to extend this provision to those domains in future versions +of the GPL, as needed to protect the freedom of users. + + Finally, every program is threatened constantly by software patents. +States should not allow patents to restrict development and use of +software on general-purpose computers, but in those that do, we wish to +avoid the special danger that patents applied to a free program could +make it effectively proprietary. To prevent this, the GPL assures that +patents cannot be used to render the program non-free. + + The precise terms and conditions for copying, distribution and +modification follow. + + TERMS AND CONDITIONS + + 0. Definitions. + + "This License" refers to version 3 of the GNU General Public License. + + "Copyright" also means copyright-like laws that apply to other kinds of +works, such as semiconductor masks. + + "The Program" refers to any copyrightable work licensed under this +License. Each licensee is addressed as "you". "Licensees" and +"recipients" may be individuals or organizations. + + To "modify" a work means to copy from or adapt all or part of the work +in a fashion requiring copyright permission, other than the making of an +exact copy. The resulting work is called a "modified version" of the +earlier work or a work "based on" the earlier work. + + A "covered work" means either the unmodified Program or a work based +on the Program. + + To "propagate" a work means to do anything with it that, without +permission, would make you directly or secondarily liable for +infringement under applicable copyright law, except executing it on a +computer or modifying a private copy. Propagation includes copying, +distribution (with or without modification), making available to the +public, and in some countries other activities as well. + + To "convey" a work means any kind of propagation that enables other +parties to make or receive copies. Mere interaction with a user through +a computer network, with no transfer of a copy, is not conveying. + + An interactive user interface displays "Appropriate Legal Notices" +to the extent that it includes a convenient and prominently visible +feature that (1) displays an appropriate copyright notice, and (2) +tells the user that there is no warranty for the work (except to the +extent that warranties are provided), that licensees may convey the +work under this License, and how to view a copy of this License. If +the interface presents a list of user commands or options, such as a +menu, a prominent item in the list meets this criterion. + + 1. Source Code. + + The "source code" for a work means the preferred form of the work +for making modifications to it. "Object code" means any non-source +form of a work. + + A "Standard Interface" means an interface that either is an official +standard defined by a recognized standards body, or, in the case of +interfaces specified for a particular programming language, one that +is widely used among developers working in that language. + + The "System Libraries" of an executable work include anything, other +than the work as a whole, that (a) is included in the normal form of +packaging a Major Component, but which is not part of that Major +Component, and (b) serves only to enable use of the work with that +Major Component, or to implement a Standard Interface for which an +implementation is available to the public in source code form. A +"Major Component", in this context, means a major essential component +(kernel, window system, and so on) of the specific operating system +(if any) on which the executable work runs, or a compiler used to +produce the work, or an object code interpreter used to run it. + + The "Corresponding Source" for a work in object code form means all +the source code needed to generate, install, and (for an executable +work) run the object code and to modify the work, including scripts to +control those activities. However, it does not include the work's +System Libraries, or general-purpose tools or generally available free +programs which are used unmodified in performing those activities but +which are not part of the work. For example, Corresponding Source +includes interface definition files associated with source files for +the work, and the source code for shared libraries and dynamically +linked subprograms that the work is specifically designed to require, +such as by intimate data communication or control flow between those +subprograms and other parts of the work. + + The Corresponding Source need not include anything that users +can regenerate automatically from other parts of the Corresponding +Source. + + The Corresponding Source for a work in source code form is that +same work. + + 2. Basic Permissions. + + All rights granted under this License are granted for the term of +copyright on the Program, and are irrevocable provided the stated +conditions are met. This License explicitly affirms your unlimited +permission to run the unmodified Program. The output from running a +covered work is covered by this License only if the output, given its +content, constitutes a covered work. This License acknowledges your +rights of fair use or other equivalent, as provided by copyright law. + + You may make, run and propagate covered works that you do not +convey, without conditions so long as your license otherwise remains +in force. You may convey covered works to others for the sole purpose +of having them make modifications exclusively for you, or provide you +with facilities for running those works, provided that you comply with +the terms of this License in conveying all material for which you do +not control copyright. Those thus making or running the covered works +for you must do so exclusively on your behalf, under your direction +and control, on terms that prohibit them from making any copies of +your copyrighted material outside their relationship with you. + + Conveying under any other circumstances is permitted solely under +the conditions stated below. Sublicensing is not allowed; section 10 +makes it unnecessary. + + 3. Protecting Users' Legal Rights From Anti-Circumvention Law. + + No covered work shall be deemed part of an effective technological +measure under any applicable law fulfilling obligations under article +11 of the WIPO copyright treaty adopted on 20 December 1996, or +similar laws prohibiting or restricting circumvention of such +measures. + + When you convey a covered work, you waive any legal power to forbid +circumvention of technological measures to the extent such circumvention +is effected by exercising rights under this License with respect to +the covered work, and you disclaim any intention to limit operation or +modification of the work as a means of enforcing, against the work's +users, your or third parties' legal rights to forbid circumvention of +technological measures. + + 4. Conveying Verbatim Copies. + + You may convey verbatim copies of the Program's source code as you +receive it, in any medium, provided that you conspicuously and +appropriately publish on each copy an appropriate copyright notice; +keep intact all notices stating that this License and any +non-permissive terms added in accord with section 7 apply to the code; +keep intact all notices of the absence of any warranty; and give all +recipients a copy of this License along with the Program. + + You may charge any price or no price for each copy that you convey, +and you may offer support or warranty protection for a fee. + + 5. Conveying Modified Source Versions. + + You may convey a work based on the Program, or the modifications to +produce it from the Program, in the form of source code under the +terms of section 4, provided that you also meet all of these conditions: + + a) The work must carry prominent notices stating that you modified + it, and giving a relevant date. + + b) The work must carry prominent notices stating that it is + released under this License and any conditions added under section + 7. This requirement modifies the requirement in section 4 to + "keep intact all notices". + + c) You must license the entire work, as a whole, under this + License to anyone who comes into possession of a copy. This + License will therefore apply, along with any applicable section 7 + additional terms, to the whole of the work, and all its parts, + regardless of how they are packaged. This License gives no + permission to license the work in any other way, but it does not + invalidate such permission if you have separately received it. + + d) If the work has interactive user interfaces, each must display + Appropriate Legal Notices; however, if the Program has interactive + interfaces that do not display Appropriate Legal Notices, your + work need not make them do so. + + A compilation of a covered work with other separate and independent +works, which are not by their nature extensions of the covered work, +and which are not combined with it such as to form a larger program, +in or on a volume of a storage or distribution medium, is called an +"aggregate" if the compilation and its resulting copyright are not +used to limit the access or legal rights of the compilation's users +beyond what the individual works permit. Inclusion of a covered work +in an aggregate does not cause this License to apply to the other +parts of the aggregate. + + 6. Conveying Non-Source Forms. + + You may convey a covered work in object code form under the terms +of sections 4 and 5, provided that you also convey the +machine-readable Corresponding Source under the terms of this License, +in one of these ways: + + a) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by the + Corresponding Source fixed on a durable physical medium + customarily used for software interchange. + + b) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by a + written offer, valid for at least three years and valid for as + long as you offer spare parts or customer support for that product + model, to give anyone who possesses the object code either (1) a + copy of the Corresponding Source for all the software in the + product that is covered by this License, on a durable physical + medium customarily used for software interchange, for a price no + more than your reasonable cost of physically performing this + conveying of source, or (2) access to copy the + Corresponding Source from a network server at no charge. + + c) Convey individual copies of the object code with a copy of the + written offer to provide the Corresponding Source. This + alternative is allowed only occasionally and noncommercially, and + only if you received the object code with such an offer, in accord + with subsection 6b. + + d) Convey the object code by offering access from a designated + place (gratis or for a charge), and offer equivalent access to the + Corresponding Source in the same way through the same place at no + further charge. You need not require recipients to copy the + Corresponding Source along with the object code. If the place to + copy the object code is a network server, the Corresponding Source + may be on a different server (operated by you or a third party) + that supports equivalent copying facilities, provided you maintain + clear directions next to the object code saying where to find the + Corresponding Source. Regardless of what server hosts the + Corresponding Source, you remain obligated to ensure that it is + available for as long as needed to satisfy these requirements. + + e) Convey the object code using peer-to-peer transmission, provided + you inform other peers where the object code and Corresponding + Source of the work are being offered to the general public at no + charge under subsection 6d. + + A separable portion of the object code, whose source code is excluded +from the Corresponding Source as a System Library, need not be +included in conveying the object code work. + + A "User Product" is either (1) a "consumer product", which means any +tangible personal property which is normally used for personal, family, +or household purposes, or (2) anything designed or sold for incorporation +into a dwelling. In determining whether a product is a consumer product, +doubtful cases shall be resolved in favor of coverage. For a particular +product received by a particular user, "normally used" refers to a +typical or common use of that class of product, regardless of the status +of the particular user or of the way in which the particular user +actually uses, or expects or is expected to use, the product. A product +is a consumer product regardless of whether the product has substantial +commercial, industrial or non-consumer uses, unless such uses represent +the only significant mode of use of the product. + + "Installation Information" for a User Product means any methods, +procedures, authorization keys, or other information required to install +and execute modified versions of a covered work in that User Product from +a modified version of its Corresponding Source. The information must +suffice to ensure that the continued functioning of the modified object +code is in no case prevented or interfered with solely because +modification has been made. + + If you convey an object code work under this section in, or with, or +specifically for use in, a User Product, and the conveying occurs as +part of a transaction in which the right of possession and use of the +User Product is transferred to the recipient in perpetuity or for a +fixed term (regardless of how the transaction is characterized), the +Corresponding Source conveyed under this section must be accompanied +by the Installation Information. But this requirement does not apply +if neither you nor any third party retains the ability to install +modified object code on the User Product (for example, the work has +been installed in ROM). + + The requirement to provide Installation Information does not include a +requirement to continue to provide support service, warranty, or updates +for a work that has been modified or installed by the recipient, or for +the User Product in which it has been modified or installed. Access to a +network may be denied when the modification itself materially and +adversely affects the operation of the network or violates the rules and +protocols for communication across the network. + + Corresponding Source conveyed, and Installation Information provided, +in accord with this section must be in a format that is publicly +documented (and with an implementation available to the public in +source code form), and must require no special password or key for +unpacking, reading or copying. + + 7. Additional Terms. + + "Additional permissions" are terms that supplement the terms of this +License by making exceptions from one or more of its conditions. +Additional permissions that are applicable to the entire Program shall +be treated as though they were included in this License, to the extent +that they are valid under applicable law. If additional permissions +apply only to part of the Program, that part may be used separately +under those permissions, but the entire Program remains governed by +this License without regard to the additional permissions. + + When you convey a copy of a covered work, you may at your option +remove any additional permissions from that copy, or from any part of +it. (Additional permissions may be written to require their own +removal in certain cases when you modify the work.) You may place +additional permissions on material, added by you to a covered work, +for which you have or can give appropriate copyright permission. + + Notwithstanding any other provision of this License, for material you +add to a covered work, you may (if authorized by the copyright holders of +that material) supplement the terms of this License with terms: + + a) Disclaiming warranty or limiting liability differently from the + terms of sections 15 and 16 of this License; or + + b) Requiring preservation of specified reasonable legal notices or + author attributions in that material or in the Appropriate Legal + Notices displayed by works containing it; or + + c) Prohibiting misrepresentation of the origin of that material, or + requiring that modified versions of such material be marked in + reasonable ways as different from the original version; or + + d) Limiting the use for publicity purposes of names of licensors or + authors of the material; or + + e) Declining to grant rights under trademark law for use of some + trade names, trademarks, or service marks; or + + f) Requiring indemnification of licensors and authors of that + material by anyone who conveys the material (or modified versions of + it) with contractual assumptions of liability to the recipient, for + any liability that these contractual assumptions directly impose on + those licensors and authors. + + All other non-permissive additional terms are considered "further +restrictions" within the meaning of section 10. If the Program as you +received it, or any part of it, contains a notice stating that it is +governed by this License along with a term that is a further +restriction, you may remove that term. If a license document contains +a further restriction but permits relicensing or conveying under this +License, you may add to a covered work material governed by the terms +of that license document, provided that the further restriction does +not survive such relicensing or conveying. + + If you add terms to a covered work in accord with this section, you +must place, in the relevant source files, a statement of the +additional terms that apply to those files, or a notice indicating +where to find the applicable terms. + + Additional terms, permissive or non-permissive, may be stated in the +form of a separately written license, or stated as exceptions; +the above requirements apply either way. + + 8. Termination. + + You may not propagate or modify a covered work except as expressly +provided under this License. Any attempt otherwise to propagate or +modify it is void, and will automatically terminate your rights under +this License (including any patent licenses granted under the third +paragraph of section 11). + + However, if you cease all violation of this License, then your +license from a particular copyright holder is reinstated (a) +provisionally, unless and until the copyright holder explicitly and +finally terminates your license, and (b) permanently, if the copyright +holder fails to notify you of the violation by some reasonable means +prior to 60 days after the cessation. + + Moreover, your license from a particular copyright holder is +reinstated permanently if the copyright holder notifies you of the +violation by some reasonable means, this is the first time you have +received notice of violation of this License (for any work) from that +copyright holder, and you cure the violation prior to 30 days after +your receipt of the notice. + + Termination of your rights under this section does not terminate the +licenses of parties who have received copies or rights from you under +this License. If your rights have been terminated and not permanently +reinstated, you do not qualify to receive new licenses for the same +material under section 10. + + 9. Acceptance Not Required for Having Copies. + + You are not required to accept this License in order to receive or +run a copy of the Program. Ancillary propagation of a covered work +occurring solely as a consequence of using peer-to-peer transmission +to receive a copy likewise does not require acceptance. However, +nothing other than this License grants you permission to propagate or +modify any covered work. These actions infringe copyright if you do +not accept this License. Therefore, by modifying or propagating a +covered work, you indicate your acceptance of this License to do so. + + 10. Automatic Licensing of Downstream Recipients. + + Each time you convey a covered work, the recipient automatically +receives a license from the original licensors, to run, modify and +propagate that work, subject to this License. You are not responsible +for enforcing compliance by third parties with this License. + + An "entity transaction" is a transaction transferring control of an +organization, or substantially all assets of one, or subdividing an +organization, or merging organizations. If propagation of a covered +work results from an entity transaction, each party to that +transaction who receives a copy of the work also receives whatever +licenses to the work the party's predecessor in interest had or could +give under the previous paragraph, plus a right to possession of the +Corresponding Source of the work from the predecessor in interest, if +the predecessor has it or can get it with reasonable efforts. + + You may not impose any further restrictions on the exercise of the +rights granted or affirmed under this License. For example, you may +not impose a license fee, royalty, or other charge for exercise of +rights granted under this License, and you may not initiate litigation +(including a cross-claim or counterclaim in a lawsuit) alleging that +any patent claim is infringed by making, using, selling, offering for +sale, or importing the Program or any portion of it. + + 11. Patents. + + A "contributor" is a copyright holder who authorizes use under this +License of the Program or a work on which the Program is based. The +work thus licensed is called the contributor's "contributor version". + + A contributor's "essential patent claims" are all patent claims +owned or controlled by the contributor, whether already acquired or +hereafter acquired, that would be infringed by some manner, permitted +by this License, of making, using, or selling its contributor version, +but do not include claims that would be infringed only as a +consequence of further modification of the contributor version. For +purposes of this definition, "control" includes the right to grant +patent sublicenses in a manner consistent with the requirements of +this License. + + Each contributor grants you a non-exclusive, worldwide, royalty-free +patent license under the contributor's essential patent claims, to +make, use, sell, offer for sale, import and otherwise run, modify and +propagate the contents of its contributor version. + + In the following three paragraphs, a "patent license" is any express +agreement or commitment, however denominated, not to enforce a patent +(such as an express permission to practice a patent or covenant not to +sue for patent infringement). To "grant" such a patent license to a +party means to make such an agreement or commitment not to enforce a +patent against the party. + + If you convey a covered work, knowingly relying on a patent license, +and the Corresponding Source of the work is not available for anyone +to copy, free of charge and under the terms of this License, through a +publicly available network server or other readily accessible means, +then you must either (1) cause the Corresponding Source to be so +available, or (2) arrange to deprive yourself of the benefit of the +patent license for this particular work, or (3) arrange, in a manner +consistent with the requirements of this License, to extend the patent +license to downstream recipients. "Knowingly relying" means you have +actual knowledge that, but for the patent license, your conveying the +covered work in a country, or your recipient's use of the covered work +in a country, would infringe one or more identifiable patents in that +country that you have reason to believe are valid. + + If, pursuant to or in connection with a single transaction or +arrangement, you convey, or propagate by procuring conveyance of, a +covered work, and grant a patent license to some of the parties +receiving the covered work authorizing them to use, propagate, modify +or convey a specific copy of the covered work, then the patent license +you grant is automatically extended to all recipients of the covered +work and works based on it. + + A patent license is "discriminatory" if it does not include within +the scope of its coverage, prohibits the exercise of, or is +conditioned on the non-exercise of one or more of the rights that are +specifically granted under this License. You may not convey a covered +work if you are a party to an arrangement with a third party that is +in the business of distributing software, under which you make payment +to the third party based on the extent of your activity of conveying +the work, and under which the third party grants, to any of the +parties who would receive the covered work from you, a discriminatory +patent license (a) in connection with copies of the covered work +conveyed by you (or copies made from those copies), or (b) primarily +for and in connection with specific products or compilations that +contain the covered work, unless you entered into that arrangement, +or that patent license was granted, prior to 28 March 2007. + + Nothing in this License shall be construed as excluding or limiting +any implied license or other defenses to infringement that may +otherwise be available to you under applicable patent law. + + 12. No Surrender of Others' Freedom. + + If conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot convey a +covered work so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you may +not convey it at all. For example, if you agree to terms that obligate you +to collect a royalty for further conveying from those to whom you convey +the Program, the only way you could satisfy both those terms and this +License would be to refrain entirely from conveying the Program. + + 13. Use with the GNU Affero General Public License. + + Notwithstanding any other provision of this License, you have +permission to link or combine any covered work with a work licensed +under version 3 of the GNU Affero General Public License into a single +combined work, and to convey the resulting work. The terms of this +License will continue to apply to the part which is the covered work, +but the special requirements of the GNU Affero General Public License, +section 13, concerning interaction through a network will apply to the +combination as such. + + 14. Revised Versions of this License. + + The Free Software Foundation may publish revised and/or new versions of +the GNU General Public License from time to time. Such new versions will +be similar in spirit to the present version, but may differ in detail to +address new problems or concerns. + + Each version is given a distinguishing version number. If the +Program specifies that a certain numbered version of the GNU General +Public License "or any later version" applies to it, you have the +option of following the terms and conditions either of that numbered +version or of any later version published by the Free Software +Foundation. If the Program does not specify a version number of the +GNU General Public License, you may choose any version ever published +by the Free Software Foundation. + + If the Program specifies that a proxy can decide which future +versions of the GNU General Public License can be used, that proxy's +public statement of acceptance of a version permanently authorizes you +to choose that version for the Program. + + Later license versions may give you additional or different +permissions. However, no additional obligations are imposed on any +author or copyright holder as a result of your choosing to follow a +later version. + + 15. Disclaimer of Warranty. + + THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY +APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT +HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY +OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, +THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR +PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM +IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF +ALL NECESSARY SERVICING, REPAIR OR CORRECTION. + + 16. Limitation of Liability. + + IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS +THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY +GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE +USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF +DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD +PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), +EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF +SUCH DAMAGES. + + 17. Interpretation of Sections 15 and 16. + + If the disclaimer of warranty and limitation of liability provided +above cannot be given local legal effect according to their terms, +reviewing courts shall apply local law that most closely approximates +an absolute waiver of all civil liability in connection with the +Program, unless a warranty or assumption of liability accompanies a +copy of the Program in return for a fee. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +state the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + {one line to give the program's name and a brief idea of what it does.} + Copyright (C) {year} {name of author} + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with this program. If not, see . + +Also add information on how to contact you by electronic and paper mail. + + If the program does terminal interaction, make it output a short +notice like this when it starts in an interactive mode: + + {project} Copyright (C) {year} {fullname} + This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. + This is free software, and you are welcome to redistribute it + under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate +parts of the General Public License. Of course, your program's commands +might be different; for a GUI interface, you would use an "about box". + + You should also get your employer (if you work as a programmer) or school, +if any, to sign a "copyright disclaimer" for the program, if necessary. +For more information on this, and how to apply and follow the GNU GPL, see +. + + The GNU General Public License does not permit incorporating your program +into proprietary programs. If your program is a subroutine library, you +may consider it more useful to permit linking proprietary applications with +the library. If this is what you want to do, use the GNU Lesser General +Public License instead of this License. But first, please read +. diff --git a/filesystem/.themes/Dracula/README.md b/filesystem/.themes/Dracula/README.md new file mode 100644 index 00000000..2dc5c6a7 --- /dev/null +++ b/filesystem/.themes/Dracula/README.md @@ -0,0 +1,29 @@ +# Dracula for [GTK](https://www.gtk.org/) + +> A dark theme for [GTK](https://www.gtk.org/). + +![Screenshot](./screenshot.png) + +This theme provides support for GTK-3 and GTK-2 based desktop environments like Gnome, Unity, Budgie, Pantheon, XFCE, Mate, etc. Also provides support for KDE plasma. + +## Install + +All instructions can be found at [draculatheme.com/gtk](https://draculatheme.com/gtk). + +## Team + +This theme is maintained by the following person(s) and a bunch of [awesome contributors](https://github.com/dracula/gtk/graphs/contributors). + +| [![Eliver Lara](https://avatars0.githubusercontent.com/u/9838260?v=3&s=70)](https://github.com/EliverLara) | +| ---------------------------------------------------------------------------------------------------------- | +| [Eliver Lara](https://github.com/EliverLara) | + +## Community + +- [Twitter](https://twitter.com/draculatheme) - Best for getting updates about themes and new stuff. +- [GitHub](https://github.com/dracula/dracula-theme/discussions) - Best for asking questions and discussing issues. +- [Discord](https://draculatheme.com/discord-invite) - Best for hanging out with the community. + +## License + +[GPL-3.0 License](./LICENSE) diff --git a/filesystem/.themes/Dracula/assets b/filesystem/.themes/Dracula/assets new file mode 120000 index 00000000..ad6a2d6d --- /dev/null +++ b/filesystem/.themes/Dracula/assets @@ -0,0 +1 @@ +/home/patrick/github.com/davidsneighbour/dotfiles/filesystem/.config/assets \ No newline at end of file diff --git a/filesystem/.themes/Dracula/cinnamon/_colors.scss b/filesystem/.themes/Dracula/cinnamon/_colors.scss new file mode 100644 index 00000000..68d23d4b --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/_colors.scss @@ -0,0 +1,107 @@ +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant + + +$base_color: #282a36; +$text_color: #f8f8f2; +$bg_color: #1e1f29; +$fg_color: #f8f8f2; + +$main_dark_color: darken($bg_color, 5%); + +$lime: #50fa7a; +$red: #ff5555; +$orange: #ffb86c; +$yellow: #f1fa8c; +$purple: #bd93f9; +$darkpurple: #44475a; +$cyan: #72BFD0; +$blue: #13b1d5; + +$selected_fg_color: #f8f8f2; +$selected_bg_color: transparentize($purple, 0.5); +$selected_borders_color: darken($selected_bg_color, 20%); +$borders_color: transparentize(#191A22, 0.1); + +$link_color: $blue; +$link_visited_color:transparentize($link_color,0.5); + +$selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); +$selection_mode_fg: $selected_fg_color; +$warning_color: #F27835; +$error_color: #FC4138; +$warning_fg_color: white; +$error_fg_color: white; +$success_color: #73d216; +$destructive_color: #F04A50; +$suggested_color: #4DADD4; +$destructive_fg_color: white; +$suggested_fg_color: white; + +$drop_target_color: #F08437; + +//insensitive state derived colors +$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); +$insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); + +$header_bg: $bg_color; + + +$header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); + +$header_border: if($variant == 'light' and $darker=='false', darken($header_bg, 7%), darken($header_bg, 4%)); + +$header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); +$header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); + +$dark_sidebar_bg: $main_dark_color; +$dark_sidebar_fg: #BAC3CF; +$dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 5%)); + +$osd_fg_color: $dark_sidebar_fg; +$osd_bg_color: $dark_sidebar_bg; + +$osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); +$osd_button_border: transparentize(darken($osd_bg_color, 12%), 0.6); + +$osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); +$osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6); + +$osd_insensitive_bg_color: darken($osd_bg_color, 3%); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); +$osd_borders_color: transparentize(black, 0.3); + +$panel_bg: transparentize(darken($bg_color, 2%), 0.05); +$panel_fg: $dark_sidebar_fg; + +$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); +$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); + +$header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($base_color, 0.1)); +$header_entry_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); + +$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); +$button_border: $entry_border; + +$header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($button_bg, 0.1)); +$header_button_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); + +//WM Buttons + +// Close +$wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f46067, #cc575d); +$wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f68086, #d7787d); +$wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #f13039, #be3841); + +$wm_icon_close_bg: if($variant == 'light' and $darker == 'false',#F8F8F9 , #2f343f); + +// Minimize, Maximize +$wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #454C5C); +$wm_button_active_bg: $selected_bg_color; + +$wm_button_hover_border: if($variant == 'light' and $darker == 'false', #D1D3DA, #262932); + +$wm_icon_bg: if($variant == 'light' and $darker == 'false', #90949E, #90939B); +$wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #B6B8C0, #666A74); +$wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #7A7F8B, #C4C7CC); +$wm_icon_active_bg: $selected_fg_color; diff --git a/filesystem/.themes/Dracula/cinnamon/_common.scss b/filesystem/.themes/Dracula/cinnamon/_common.scss new file mode 100644 index 00000000..fc4d4c06 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/_common.scss @@ -0,0 +1,2065 @@ +$asset_path: if($variant == 'dark', dark-assets, light-assets); + +// +// Globals +// +$font-size: 9; +$font-family: Futura Bk bt, sans, Sans-Serif; +$_bubble_bg_color: opacify($osd_bg_color,0.25); +$_bubble_fg_color: $osd_fg_color; +$_bubble_borders_color: transparentize($osd_fg_color,0.8); +$_shell_fg_color: $fg_color; + +stage { + color: $fg_color; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +%reset_style { + background-color: transparent !important; + background-gradient-direction: none !important; + border: none !important; + border-radius: 0 !important; +} + +// +// Buttons +// +%button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + + &, &:focus, &:hover, &:hover:focus, &:active, &:active:focus, &:insensitive { + border-radius: 2px; + } + + @include button(normal); + + &:focus { @include button(focus); } + &:hover { @include button(hover); } + &:hover:focus { @include button(focus-hover); } + &:active, &:active:focus { @include button(active); } + &:insensitive { @include button(insensitive); } +} + +%osd_button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + border-radius: 2px; + + @include button(osd); + + &:hover { @include button(osd-hover); } + &:focus { color: $selected_bg_color; } + &:active { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } +} + +// +// Entries +// +%entry { + padding: 5px; + caret-size: 1px; + selection-background-color: $selected_bg_color; + selected-color: $selected_fg_color; + transition-duration: 300ms; + border-radius: 3px; + + @include entry(normal); + + &:focus, &:hover { @include entry(focus); } + &:insensitive { @include entry(insensitive); } + + StIcon.capslock-warning { + icon-size: 16px; + warning-color: $warning_color; + padding: 0 4px; + } +} + +%osd_entry { + padding: 7px; + caret-size: 1px; + caret-color: $osd_fg_color; + selection-background-color: $selected_bg_color; + selected-color: $selected_fg_color; + transition-duration: 300ms; + border-radius: 3px; + + @include entry(osd); + + &:focus { @include entry(osd-focus); } + &:insensitive { @include entry(osd-insensitive); } +} + +// +// Scrollbars +// +StScrollView { + &.vfade { -st-vfade-offset: 0px; } + &.hfade { -st-hfade-offset: 0px; } +} + +StScrollBar { + + padding: 8px; + + StScrollView & { + min-width: 5px; + min-height: 5px; + } + + StBin#trough { + background-color: transparentize($base_color, 0.9); + border-radius: 8px; + } + + StButton#vhandle, StButton#hhandle { + border-radius: 2px; + background-color: mix($fg_color, $bg_color, 40%); + border: 0px solid; + margin: 0px; + + &:hover { background-color: mix($fg_color, $bg_color, 30%); } + + &:active { background-color: $selected_bg_color; } + } +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0,0,0,0); + -gradient-end: rgba(0,0,0,0); + -margin-horizontal: 1.5em; + height: 1em; +} + +// +// Slider +// +.popup-slider-menu-item, +.slider { + -slider-height: 0.3em; + -slider-background-color: lighten($base_color, 5%); //background of the trough + -slider-border-color: transparentize($bg_color, 0.7); //trough border color + -slider-active-background-color: $selected_bg_color; //active trough fill + -slider-active-border-color: transparentize($bg_color, 0.7); //active trough border + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; + height: 1em; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + + .popup-menu-item:active & { + -slider-background-color: transparentize(black, 0.8); + -slider-active-background-color: $selected_fg_color; + } +} + +// +// Check Boxes +// +.check-box { + + CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; + } + + StLabel { font-weight: normal; } + + StBin { + width: 16px; + height: 16px; + background-image: url("#{$asset_path}/checkbox/checkbox-unchecked.svg"); + } + + &:focus StBin { background-image: url("#{$asset_path}/checkbox/checkbox-unchecked-focused.svg"); } + + &:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked.svg"); } + + &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked-focused.svg"); } +} + +// +// Radio Buttons +// +.radiobutton { + + CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; + } + + StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; + } + + StBin { + width: 16px; + height: 16px; + background-image: url("#{$asset_path}/checkbox/checkbox-unchecked.svg"); + } + + &:focus StBin { background-image: url("#{$asset_path}/checkbox/checkbox-unchecked-focused.svg"); } + + &:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked.svg"); } + + &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked-focused.svg"); } +} + +// +// Switches +// +.toggle-switch { + width: 50px; + height: 20px; + background-size: contain; + background-image: url("#{$asset_path}/switch/switch-off.svg"); + + &:checked { background-image: url("#{$asset_path}/switch/switch-on.svg"); } + + .popup-menu-item:active & { + background-image: url("common-assets/switch/switch-off-selected.svg"); + + &:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } + } +} + +// +// Links +// +.cinnamon-link { + color: $link_color; + text-decoration: underline; + + &:hover { color: lighten($link_color,10%); } +} + +// +// Tooltip +// +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: $osd_bg_color; + color: $osd_fg_color; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +// +// Popvers/Menus +// +.menu, +.popup-menu, +%menu { + color: $fg_color; + border: 1px solid $borders_color; + border-radius: 6px; + background-color: transparentize($bg_color, 0.01); + + &.top { + border-radius: 0 0 6px 6px; + } + + &.bottom { + border-radius: 6px 6px 0 0; + } + + &.left { + border-radius: 0 6px 6px 0; + } + + &.right { + border-radius: 6px 0 0 6px; + } + &-arrow { icon-size: 16px; } + + .popup-sub-menu { + box-shadow: none; + background-color: $base_color; + + .popup-menu-item:ltr { padding-right: 0em; } + .popup-menu-item:rtl { padding-left: 0em; } + + StScrollBar { + padding: 4px; + StBin#trough, StBin#vhandle { border-width: 0; } + } + } + + .popup-menu-content { padding: 1em 0em 1em 0em; } + .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; + // border: 1px solid transparent; + border-left-width: 0; + border-right-width: 0; + + &:active { + color: $selected_fg_color; + // border-color: transparentize($fg_color, 0.89); + background-color: $selected_bg_color; + } + &:insensitive { + color: transparentize($fg_color, 0.5); + background: none; + } + } + + .popup-inactive-menu-item { //all icons and other graphical elements + color: $fg_color; + + &:insensitive { color: $insensitive_fg_color; } + } + + .popup-menu-item:active .popup-inactive-menu-item { color: $selected_fg_color; } + + &-icon { icon-size: 16px; } +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0,0,0,0.0); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0,0,0,0.0); + -arrow-base: 0; + -arrow-rise: 0; +} + +.popup-combo-menu { + @extend %menu; + padding: 10px 1px; +} +.popup-image-menu-item {} + +.popup-combobox-item { spacing: 1em; } + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { spacing: .5em; } + +.popup-subtitle-menu-item { font-weight: normal; } + +.nm-menu-item-icons { spacing: .5em; } + +// +// Panel +// +#panel { + height: 28px; + width: 32px; + font-weight: 700; + background-color: $panel_bg; + color: $fg_color; + &:highlight { + border-image: none; + background-color: transparentize($error_color, 0.5); + } + + &Left { + spacing: 4px; + + &:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255,0,0,0.05); + background-gradient-end: rgba(255,0,0,0.2); + } + &:ltr { padding-right: 4px; } + &:rtl { padding-left: 4px; } + + &.vertical { + padding: 0; + + &:ltr { padding-right: 0px; } + &:rtl { padding-left: 0px; } + } + } + + &Right { + + &:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,255,0.05); + background-gradient-end: rgba(0,0,255,0.2); + } + &:ltr { padding-left: 4px; spacing: 0px; } + &:rtl { padding-right: 4px; spacing: 0px; } + + &.vertical { + padding: 0; + + &:ltr { padding-right: 0px; } + &:rtl { padding-left: 0px; } + } + } + + &Center { + spacing: 4px; + + &:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,255,0,0.05); + background-gradient-end: rgba(0,255,0,0.2); + } + } +} + +.panel { + $_panel_fg_color: $_shell_fg_color; + + &-top, &-bottom, &-left, &-right { + color: $_panel_fg_color; + font-size: 1em; + padding: 0px; + } + + + &-dummy { + background-color: transparentize($error_color, 0.5); + + &:entered { background-color: transparentize($error_color, 0.4); } + } + + &-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + color: white; + height: 22px; + + &:hover {} + } + + &-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + color: green; + transition-duration: 100; + + &:hover {} + } +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +// +// Overview +// +#overview { spacing: 12px; } + +.window-caption { + background-color: $osd_bg_color; + border: 1px solid $osd_bg_color; + color: $osd_fg_color; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + + &#selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + border: 1px solid $selected_bg_color; + spacing: 25px; + } +} + +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + @include entry(osd); + + &:focus { + border: 1px solid $selected_bg_color; + background-color: $selected_bg_color; + color: $selected_fg_color; + font-style: italic; + transition-duration: 300; + selection-background-color: $selected_fg_color; + selected-color: $selected_bg_color; + } +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255,255,255,0.0); + background-color: rgba(255,255,255,0.0); + border-radius: 2px; + + &#active { + border: 4px solid $selected_bg_color; + background-color: black; + border-radius: 2px; + } +} + +.expo-background { + background-color: opacify($osd_bg_color, 1); +} + +.workspace { + //&-controls { visible-height: 32px; } + + &-thumbnails { + spacing: 26px; + + &-background, &-background:rtl { padding: 8px; } + } + + &-add-button { + background-image: url("common-assets/misc/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; + + &:hover { + background-image: url("common-assets/misc/add-workspace-hover.svg"); + transition-duration: 100; + } + &:active { + background-image: url("common-assets/misc/add-workspace-active.svg"); + transition-duration: 100; + } + } + &-overview-background-shade { background-color: rgba(0,0,0,0.5); } +} + +.workspace-close-button, +.window-close { + background-image: url("common-assets/misc/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; + + &:hover { + background-image: url("common-assets/misc/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; + } + &:active { + background-image: url("common-assets/misc/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; + } +} + +//.workspace-thumbnail-indicator { +// outline: 2px solid red; +// border: 1px solid green; +//} +// +//.window-close:rtl { +// -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); +//} + +.window-close-area { + background-image: url("common-assets/misc/trash-icon.svg"); + height: 120px; + width: 400px; +} + +// +// About Dialog (applet.js and desklet.js) +// +.about { + &-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; + } + &-title { + font-size: 2em; + font-weight: bold; + } + &-uuid { + font-size: 10px; + color: #888; + } + &-icon { + padding-right: 20px; + padding-bottom: 14px; + } + &-scrollBox { + border: 1px solid $borders_color; + border-radius: 2px; + background-color: $base_color; + padding: 4px; + padding-right: 0; + border-radius: 0; + + &-innerBox { + padding: 1.2em; + spacing: 1.2em; + } + } + &-description { + padding-top: 4px; + padding-bottom: 16px; + } + &-version { + padding-left: 7px; + font-size: 10px; + color: #888; + } +} + + +// +// Calendar +// +.calendar { + spacing-rows: 0; + spacing-columns: 0; +} + +.calendar-main-box { + margin: 0 .8em .5em .8em; +} + +.calendar-events-main-box { + height: 300px; + margin-right: .5em; + padding: .5em; + min-width: 350px; + border: 1px solid $borders_color; + background-color: $base_color; +} + +.calendar-events-no-events-box { +} + +.calendar-events-no-events-button { + margin: 6px 0 6px 0; + padding: 6px; + + &:hover { + background-color: $selected_bg_color; + + .calendar-events-no-events-icon, + .calendar-events-no-events-label { + color: $selected_fg_color; + } + } +} + +.calendar-events-no-events-icon, +.calendar-events-no-events-label { + font-weight: bold; + color: $fg_color; + text-align: center; +} + +.calendar-events-date-label { + padding: .1em .1em .5em .1em; + color: $fg_color; + font-weight: bold; + text-align: center; +} + +.calendar-events-event-container { + padding: 0; +} + +.calendar-event-button { + border: 1px solid rgba(0,0,0,0); + + .calendar-event-time-past { + color: transparentize($fg_color, 0.6); + font-weight: bold; + text-align: left; + margin-bottom: .2em; + } + .calendar-event-time-present { + color: $fg_color; + font-weight: bold; + text-align: left; + margin-bottom: .2em; + + &:all-day { + color: $selected_bg_color; + } + } + .calendar-event-time-future { + color: $fg_color; + font-weight: bold; + text-align: left; + margin-bottom: .2em; + } + + .calendar-event-summary { + color: $fg_color; + text-align: left; + width: 200px; + } + + .calendar-event-countdown { + text-align: right; + margin-bottom: .6em; + color: $fg_color; + + &:soon { + font-weight: bold; + } + &:imminent { + font-weight: bold; + color: $warning_color; + } + &:current { + font-weight: bold; + color: $selected_bg_color; + } + } + + &:hover { + background-color: $selected_bg_color; + border: 1px solid $borders_color; + .calendar-event-time-past, + .calendar-event-time-present, + .calendar-event-time-future, + .calendar-event-summary { + color: $selected_fg_color + } + + .calendar-event-countdown { + text-align: right; + margin-bottom: .6em; + color: $selected_fg_color; + + &:soon { + font-weight: bold; + } + &:imminent { + font-weight: bold; + } + &:current { + font-weight: bold; + } + } + } +} + +.calendar-event-row-content { +} + +.calendar-event-color-strip { + width: 2px; +} + +.calendar-today-home-button { + padding: 6px; +} + +.calendar-today-day-label { + font-size: 1.75em; + color: $fg_color; + font-weight: bold; + text-align: center; + padding-bottom: .1em; +} + +.calendar-today-date-label { + font-size: 1.1em; + color: $fg_color; + font-weight: bold; + text-align: center; +} + +.calendar-today-home-button-enabled { + padding: 6px; + + &:hover { + background-color: $selected_bg_color; + + .calendar-today-day-label { + color: $selected_fg_color + } + .calendar-today-date-label { + color: $selected-fg-color + } + } +} + +.calendar-month-label { + color: $fg_color; + font-weight: bold; + padding: 8px 0; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 16px; + height: 16px; +} + +//arrow back +.calendar-change-month-back { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); + + &:focus, &:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } + + &:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + + &:rtl { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); + + &:focus, &:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } + + &:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + } +} + +//arrow forward +.calendar-change-month-forward { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); + + &:focus, &:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } + + &:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + + &:rtl { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); + + &:focus, &:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } + + &:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + } +} + +.calendar-day-event-dot-box { + margin-top: 1.7em; + max-rows: 1; +} + +.calendar-day-event-dot { + margin: 1px; + border-radius: 2px; + width: 4px; + height: 4px; +} + +.calendar-day-base { + font-size: 1em; + text-align: center; + width: 2.2em; + height: 2.2em; + padding: 0.1em; + + &:hover { + font-weight: bold; + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +.calendar-day-heading { + color: transparentize($fg_color, 0.15); + margin-top: 1em; + font-size: 1.05em; +} + +.calendar-day { + border-width: 0; + color: transparentize($fg_color, 0.1); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: $fg_color; + background-color: transparent; + font-weight: bold; +} + +.calendar-today { + color: $fg_color; + background-color: if($variant == 'light', transparentize($selected_bg_color, 0.1), transparentize($selected_bg_color, 0.1)); + border-width: 0; + + &:selected { + font-weight: bold; + } +} + +.calendar-not-today { + color: $fg_color; + + &:selected { + font-weight: bold; + background-color: if($variant == 'light', transparentize($fg_color, 0.7), transparentize($fg_color, 0.6)); + + &:hover { + font-weight: bold; + color: $fg_color; + } + } +} + +.calendar-other-month-day { + color: transparentize($fg_color, 0.7); + opacity: 1; +} + +.calendar-other-month-day:hover { + color: $selected_fg_color; + opacity: 1; +} + +.calendar-week-number { + color: transparentize($fg_color, 0.15); + font-size: 0.8em; + margin-top: 0.8em; +} +// +// Notifications +// +#notification { + border-radius: 3px; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: $osd_fg_color; + + .menu &, + .popup-menu & { + &, &.multi-line-notification { color: $fg_color; } + border-image: url("#{$asset_path}/misc/message.svg") 9 9 9 9; + + .notification-button, .notification-icon-button { + @extend %button; + padding: 5px; + } + + StEntry { @extend %entry; } + } + + &.multi-line-notification { + padding-bottom: 13px; + color: $osd_fg_color; + } + + &-scrollview { + max-height: 10em; + + > .top-shadow, > .bottom-shadow { height: 1em; } + + &:ltr > StScrollBar { padding-left: 6px; } + &:rtl > StScrollBar { padding-right: 6px; } + } + + &-body { spacing: 5px; } + &-actions { spacing: 10px; } +} + +.notification { + + &-with-image { + min-height: 159px; + color: $osd_fg_color; + } + + &-button, &-icon-button { + @extend %osd_button; + padding: 5px; + } + + &-icon-button > StIcon { icon-size: 36px; } + + StEntry { @extend %osd_entry; } +} + +// +// Alt Tab +/// +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: $osd_fg_color; + background: none; + border: none; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + border-radius: 3px; + padding: 20px; + + > StBoxLayout { + padding: 4px; + } + + &-item-container { spacing: 8px; } + + .item-box { + padding: 8px; + border-radius: 2px; + + &:outlined { + padding: 8px; + border: 1px solid $selected_bg_color; + } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: 0px solid $selected_bg_color; + } + } + + .thumbnail { width: 256px; } + + .thumbnail-box { + padding: 2px; + spacing: 4px; + } + .separator { + width: 1px; + background: rgba(255,255,255,0.2); + } +} + +.switcher-arrow { + border-color: rgba(0,0,0,0); + color: $osd_fg_color; + + &:highlighted { + border-color: rgba(0,0,0,0); + color: $_shell_fg_color; + } +} + +//.switcher-preview-backdrop { background-color: rgba(25,25,25,0.95); } + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +// +//Activities Ripples +// +.ripple-box { + width: 104px; + height: 104px; + background-image: url("common-assets/misc/corner-ripple.svg"); + background-size: contain; +} + +// +// Modal dialogs +// +.lightbox { background-color: rgba(0, 0, 0, 0.4); } +.flashspot { background-color: white; } + +.modal-dialog { + color: $fg_color; + background-color: transparentize($bg_color, 1); + border: none; + border-image: url("#{$asset_path}/misc/modal.svg") 9 9 9 67; + padding: 0 5px 6px 5px; + + > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; + } + + &-button-box { + spacing: 0; + margin: 0px; + padding: 14px 10px; + background: none; + border: none; + border-image: url("#{$asset_path}/misc/button-box.svg") 9 9 9 9; + + .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; + + @extend %osd_button; + } + } +} + +// +// Run dialog +// +.run-dialog { + padding: 0px 15px 10px 15px; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + + > * { padding: 0; } + + &-label { + font-size: 0; + font-weight: bold; + color: $osd_fg_color; + padding-bottom: 0; + } + + &-error-label { color: $error_color; } + + &-error-box { + padding-top: 15px; + spacing: 5px; + } + &-completion-box { + padding-left: 15px; + font-size: 10px; + } + &-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: $osd_fg_color; + selected-color: $selected_fg_color; + selection-background-color: $selected_bg_color; + + @include entry(osd); + + &:focus { @include entry(osd-focus); } + } + .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; + } +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: $warning_color; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; + + &-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + + &:rtl { + padding-left: 0px; + padding-right: 17px; + } + } + &-description { + padding-left: 17px; + width: 28em; + + &:rtl { padding-right: 17px; } + } +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; + + &:rtl { + padding-right: 49px; + padding-left: 32px; + } + + &-item { + color: #ccc; + + &:hover { color: white } + + &:ltr { padding-right: 1em; } + &:rtl { padding-left: 1em; } + + &-icon:ltr { padding-right: 17px; } + &-icon:rtl { padding-left: 17px; } + + &-name { font-size: 1.1em; } + } +} + +// +// Magnifier +// +.magnifier-zoom-region { + border: 2px solid rgba(128, 0, 0, 1); + + .full-screen { border-width: 0px; } +} + +// +// On-Screen Keyboard +// +#keyboard { + background-color: $osd_bg_color; + border-width: 0; + border-top-width: 1px; + border-color: transparentize(black, 0.6); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + + &:grayed { @include button(osd-insensitive); } +} + +.keyboard-subkeys { //long press on a key popup + color: $osd_fg_color; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: $osd_bg_color; + -arrow-border-width: 1px; + -arrow-border-color: transparentize(black, 0.6);; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +// +// Cinnamon Specific Section +// + +// +// Menu (menu.js) +// +.menu { + &-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: $bg_color; + border: 1px solid $borders_color; + } + + &-favorites-button { + padding: 10px; + border: 1px solid rgba(0,0,0,0); + + &:hover { @extend %button:hover; } + } + + &-places { + + &-box { + margin: auto; + padding: 10px; + border: 0px solid red; + } + + &-button { padding: 10px; } + } + + &-categories-box { padding: 10px 30px 10px 30px; } + + &-applications-inner-box, + &-applications-outer-box { padding: 10px 10px 0 10px; } + + &-application-button { + padding: 7px; + border: 1px solid rgba(0,0,0,0); + + // This style is used in menu application buttons for applications which were newly installed + &:highlighted { font-weight: bold; } + + &-selected { + padding: 7px; + @extend %button:hover; + + &:highlighted { font-weight: bold; } + } + + &-label:ltr { padding-left: 5px; } + &-label:rtl { padding-right: 5px; } + } + + &-category-button { + padding: 7px; + border: 1px solid rgba(0,0,0,0); + + &-selected { + padding: 7px; + @extend %button:hover; + } + &-hover { + background-color: red; + border-radius: 2px; + } + &-greyed { + padding: 7px; + color: $insensitive_fg_color; + border: 1px solid rgba(0,0,0,0); + } + + &-label:ltr { padding-left: 5px; } + &-label:rtl { padding-right: 5px; } + } + + // Name and description of the currently hovered item in the menu + // This appears on the bottom right hand corner of the menu + &-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; + + &:rtl { + padding-top: 10px; + height: 30px; + } + } + + &-selected-app-title { font-weight: bold; } + + &-selected-app-description { max-width: 150px; } + + &-search-box:ltr { padding-left: 30px; } + &-search-box-rtl { padding-right: 30px; } +} + +#menu-search-entry { + width: 250px; + min-height: 15px; + font-weight: normal; + caret-color: $fg_color; + + @extend %entry; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: $fg_color; +} + +/* Context menu (at the moment only for favorites) */ +.menu-context-menu { +} + +// +// OSD +// +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: $_shell_fg_color; + border-image: url("common-assets/misc/osd.svg") 9 9 9 9; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + margin: 32px; + min-width: 64px; + min-height: 64px; + + color: $_shell_fg_color; + background: none; + border: none; + border-radius: 5px; + border-image: url("common-assets/misc/osd.svg") 9 9 9 9; + +.osd-monitor-label { font-size: 3em; } + + .level { + padding: 0; + height: 4px; + background-color: transparentize(black, 0.5); + border-radius: 2px; + color: $selected_bg_color; + } + .level-bar { + background-color: $selected_bg_color; + } +} + +// +// Window list (windowList.js) +// + +.window-list { + &-box { + spacing: 6px; + padding-left: 10px; + padding-top: 1px; + + &.vertical { + spacing: 2px; + padding-left: 0px; + padding-right: 0px; + padding-top: 10px; + padding-bottom: 10px; + } + + &:highlight { + background-color: transparentize($error_color, 0.5); + } + } + + &-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; + } + + &-item-box { + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: transparentize($selected_fg_color, 0.4); + + &.top, + &.bottom { + border-bottom-width: 2px; + + & StLabel { padding-left: 2px; } + } + + &.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; + + & StBin { padding-right: 0; } + } + + &.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; + + & StBin { padding-left: 1px; } + } + + &:hover, + &:groupFocus { + color: $selected_fg_color; + background-color: transparentize($panel_fg, 0.9); + } + + &:active, + &:checked, + &:focus, + &:running { + color: $selected_fg_color; + border-color: $purple; + background-color: transparentize($panel_fg, 0.9); + } + + & .progress { + background-color: transparentize($selected_bg_color, 0.1); + } + } + + &-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: $destructive_color; + background-gradient-end: $destructive_color; + } + + &-preview { + spacing: 6px; + color: $fg_color; + border: 1px solid $borders_color; + background-color: $bg_color; + border-radius: 3px; + padding: 6px 12px 12px 12px; + font-size: 1em; + } +} + +// +// Grouped window list +// + +.grouped-window-list { + + &-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; + } + + &-item-box { + text-align: left; + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: transparentize($selected_fg_color, 0.4); + + &.top, + &.bottom { + border-bottom-width: 2px; + + & StLabel { padding-left: 2px; } + } + + &.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; + + & StBin { padding-right: 0; } + } + + &.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; + + & StBin { padding-left: 1px; } + } + + &:active, + &:checked { + color: $selected_fg_color; + border-color: lighten($panel_bg, 30%); + } + + &:hover, + &:active:hover, + &:focus, + &:active:focus, + &:focus:hover, + &:active:focus:hover { + color: $selected_fg_color; + border-color: $purple; + } + + & .progress { + background-color: transparentize($selected_bg_color, 0.2); + } + } + + &-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: $destructive_color; + background-gradient-end: $destructive_color; + } + + &-thumbnail-label { + padding-left: 4px; + } + + &-number-label { + z-index: 99; + color: $fg_color; + } + + &-badge { + border-radius: 256px; + background-color: $panel_bg; + } + + &-button-label { + padding-left: 4px; + } + + &-thumbnail-alert { + background: rgba(255,52,52,0.3); + } + + &-thumbnail-menu { + color: $fg_color; + border: 1px solid $borders_color; + background-color: $bg_color; + border-radius: 3px; + padding: 0px; + + > StBoxLayout { + padding: 4px; + } + + .item-box { + padding: 10px; + border-radius: 2px; + spacing: 4px; + + &:outlined { + padding: 8px; + border: 1px solid $selected_bg_color; + } + + &:selected { + border: 1px solid $selected_bg_color; + } + } + + .thumbnail { width: 256px; } + + .separator { + width: 1px; + background: rgba(255,255,255,0.2); + } + } +} + +/// +// Sound Applet (status/volume.js) +// +.sound-button { + width: 22px; + height: 13px; + padding: 8px; + + @extend %button; + + &-container { + padding-right: 3px; + padding-left: 3px; + } + StIcon { icon-size: 1.4em; } +} + +.sound-track { + &-infos { padding: 5px; } + &-info { + padding-top: 2px; + padding-bottom: 2px; + + StIcon { icon-size: 16px; } + + StLabel { + padding-left: 5px; + padding-right: 5px; + } + } + &-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; + } +} + +.sound-seek-box { + padding-left: 15px; + + StLabel { padding-top: 2px; } + StIcon { icon-size: 16px; } +} + +.sound-seek-slider { width: 140px; } + +.sound-volume-menu-item { + padding: .4em 1.75em; + + StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; + } +} + +.sound-playback-control { padding: 5px 10px 10px 10px; } + +// 2.8 +.sound-player { + padding: 0 4px; + + > StBoxLayout:first-child { + padding: 5px 10px 12px 10px; + spacing: 0.5em; + + StButton:small { + width: 16px; + height: 8px; + padding: 1px; + + StIcon { icon-size: 12px; } + } + } + + &-generic-coverart { + background: rgba(0,0,0,0.2); + } + + &-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: transparentize(darken($osd_bg_color, 5%), 0.1); + border: 0px solid darken($osd_bg_color, 10%); + border-bottom: 1px ; + color: $osd_fg_color; + + StButton { + width: 22px; + height: 13px; + padding: 5px; + color: $osd_fg_color; + border-radius: 2px; + border: 1px solid transparentize($osd_bg_color,1); + + StIcon { icon-size: 16px; } + + &:hover{ @include button(osd-hover); } + &:active { @include button(active); } + } + + StBoxLayout { + padding-top: 2px; + } + } + + .slider { + height: 0.5em; + padding: 0; + border: none; + -slider-height: 0.5em; + -slider-background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); + -slider-border-color: rgba(0,0,0,0); + -slider-active-background-color: $selected_bg_color; + -slider-active-border-color: rgba(0,0,0,0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; + } +} + +// +// Workspace Switcher applet (workspaceSwitcher.js) +// +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: $fg_color; + padding: 3px; + padding-top: 4px; + transition-duration: 300; + + &:outlined, &:outlined:hover { color: $purple; } + &:hover { color: transparentize($purple, 0.5) } +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid transparentize(black, 0.6); + background-gradient-direction: none; + background-color: transparentize(black, 0.8); +} + +.workspace-graph .workspace:active { + border: 1px solid $selected_bg_color; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: lighten($panel_bg, 15%); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: lighten($panel_bg, 15%); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: lighten($panel_bg, 20%); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: lighten($panel_bg, 5%); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +// +// Panel Launchers Applet (panelLaunchers.js) +// +.panel-launchers { + padding-left: 7px; + spacing: 2px; + + & .launcher { + padding-left: 2px; + padding-right: 2px; + padding-bottom: 2px; + // border-bottom-width: 1px; + transition-duration: 200; + &:hover { background-color: transparentize($panel_fg, 0.9); } + } + + &.vertical { + padding-top: 2px; + padding-bottom: 2px; + padding-left:0px; + padding-right: 0px; + spacing: 1px; + + & .launcher { + padding-top: 2px; + padding-bottom: 2px; + } + } +} +// +// Overview corner +// +#overview-corner { + background-image: url("common-assets/misc/overview.png"); + + &:hover { background-image: url("common-assets/misc/overview-hover.png"); } +} + +// +// Applets (applet.js) +// +.applet { + &-separator { padding: 1px 4px; } + + &-separator-line { + width: 1px; + background: rgba(255,255,255, 0.12); + } + + &-box { + padding-left: 3px; + padding-right: 3px; + color: $_shell_fg_color; + text-shadow: none; + transition-duration: 100; + + &.vertical { + padding: 3px 0; + } + + &:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:highlight { + background-image: none; + border-image: none; + background-color: transparentize($error_color, 0.5); + } + } + + &-label { + font-weight: bold; + color: $_shell_fg_color; + + &:hover, .applet-box:hover > & { + color: $selected_fg_color; + text-shadow: none; + } + } + + &-icon { + color: $_shell_fg_color; + icon-size: 22px; + + &:hover, .applet-box:hover > & { + color: $selected_fg_color; + text-shadow: none; + } + } + +} + +// +// User Applet +// +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: $fg_color; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +// +// Desklets (desklet.js) +// +.desklet { + color: $osd_fg_color; + + &:highlight { + background-color: transparentize($error_color, 0.5); + } + + &-with-borders { + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + color: $osd_fg_color; + padding: 12px; + padding-bottom: 16px; + + &:highlight { + background-color: transparentize($error_color, 0.5); + } + } + &-with-borders-and-header { + border-image: url("common-assets/misc/desklet.svg") 9 9 9 9; + color: $osd_fg_color; + border-radius: 0; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; + + &:highlight { + background-color: transparentize($error_color, 0.5); + } + } + &-header { + border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9; + color: $osd_fg_color; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; + } + &-drag-placeholder { + border: 2px solid $selected_bg_color; + background-color: transparentize($selected_bg_color, 0.2); + } +} + +.photoframe-box { + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + color: $osd_fg_color; + padding: 12px; + padding-bottom: 16px; +} + +// +// Workspace OSD +// +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +// +// Notification Applet +// +.notification-applet-padding { padding: .5em 1em; } + +.notification-applet-container { max-height: 100px; } + +// +// Tile Preview +// +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: transparentize($selected_bg_color, 0.2); + border: 1px solid $selected_bg_color; +} + +// +// Xkcd Desklet +// +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0,0,0,0); + border-radius: 0px; +} diff --git a/filesystem/.themes/Dracula/cinnamon/_drawing.scss b/filesystem/.themes/Dracula/cinnamon/_drawing.scss new file mode 100644 index 00000000..738a69d6 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/_drawing.scss @@ -0,0 +1,167 @@ +// Drawing mixins + +// generic drawing of more complex things + +// provide font size in rem, with px fallback +@mixin fontsize($size: 24, $base: 16) { + font-size: round($size) + pt; + //font-size: ($size / $base) * 1rem; +} + +// Entries + +@mixin entry($t, $dark:false) { +// +// Entries drawing function +// + //@extend %reset_style; + + @if $t==normal { + color: $text_color; + background-color: $entry_bg; + border: 1px solid $entry_border; + box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); + } + + @if $t==focus { + color: $fg_color; + background-color: $entry_bg; + border: 1px solid $selected_bg_color; + box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); + } + + @if $t==insensitive { + color: $insensitive_fg_color; + background-color: mix($entry_bg, $bg_color, 55%); + border-color: 1px solid mix($entry_border, $bg_color, 55%); + box-shadow: inset 0 2px 4px transparentize(mix($entry_bg, $bg_color, 55%), 0.95); + } + + @if $t==osd { + color: $osd_fg_color; + background-color: $osd_entry_bg; + border: 1px solid $osd_entry_border; + box-shadow: inset 0 2px 4px transparentize(black, 0.95); + } + + @if $t==osd-focus { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: 1px solid $selected_bg_color; + box-shadow: inset 0 2px 4px transparentize(black, 0.95); + } + + @if $t==osd-insensitive { + color: transparentize($osd_fg_color, 0.45); + background-color: transparentize($osd_entry_bg, 0.15); + border: 1px solid $osd_entry_border; + box-shadow: inset 0 2px 4px transparentize(black, 0.95); + } +} + +// Buttons + +@mixin button($t) { +// +// Button drawing function +// + //@extend %reset_style; + + text-shadow: 0 1px transparentize($base_color, 1); + + @if $t==normal { + // + // normal button + // + color: $fg_color; + background-color: $button_bg; + border: 1px solid $button_border; + box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); + } + + @else if $t==focus { + // + // focused button + // + color: $fg_color; + background-color: $button_bg; + border: 1px solid $selected_bg_color; + box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); + } + + @else if $t==focus-hover { + // + // focused button + // + color: $fg_color; + background-color: $button_bg; + border: 1px solid $selected_bg_color; + box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); + } + + @else if $t==hover { + // + // hovered button + // + color: $fg_color; + background-color: lighten($button_bg, 5%); + border: 1px solid $button_border; + box-shadow: inset 0 2px 4px transparentize(lighten($button_bg, 5%), 0.95); + } + + @else if $t==active { + // + // pushed button + // + color: $selected_fg_color; + background-color: $selected_bg_color; + border: 1px solid $selected_bg_color; + box-shadow: inset 0 2px 4px $selected_bg_color; + } + + @else if $t==insensitive { + // + // insensitive button + // + color: $insensitive_fg_color; + border: 1px solid transparentize($button_border, 0.45); + background-color: transparentize($button_bg, 0.45); + box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); + } + + @else if $t==osd { + // + // normal osd button + // + color: $osd_fg_color; + border: 1px solid $osd_button_border; + background-color: $osd_button_bg; + } + + @else if $t==osd-hover { + // + // active osd button + // + color: $osd_fg_color; + border: 1px solid $osd_button_border; + background-color: opacify(lighten($osd_button_bg, 7%), 0.1); + } + + @else if $t==osd-active { + // + // active osd button + // + color: $selected_fg_color; + border: 1px solid $selected_bg_color; + background-color: $selected_bg_color; + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border: 1px solid $osd_button_border; + background-color: transparentize($osd_button_bg, 0.15); + } +} diff --git a/filesystem/.themes/Dracula/cinnamon/cinnamon-dark.css b/filesystem/.themes/Dracula/cinnamon/cinnamon-dark.css new file mode 100644 index 00000000..ef382d93 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/cinnamon-dark.css @@ -0,0 +1,1580 @@ +stage { + color: #f8f8f2; } + +.label-shadow { + color: rgba(0, 0, 0, 0); } + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + background-color: #2c2f3c; + border: 1px solid rgba(25, 26, 34, 0.9); + box-shadow: inset 0 2px 4px rgba(44, 47, 60, 0.05); } + .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { + border-radius: 2px; } + .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + background-color: #2c2f3c; + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(44, 47, 60, 0.05); } + .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + background-color: #373a4b; + border: 1px solid rgba(25, 26, 34, 0.9); + box-shadow: inset 0 2px 4px rgba(55, 58, 75, 0.05); } + .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + background-color: #2c2f3c; + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(44, 47, 60, 0.05); } + .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(189, 147, 249, 0.5); } + .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: rgba(248, 248, 242, 0.45); + border: 1px solid rgba(25, 26, 34, 0.45); + background-color: rgba(44, 47, 60, 0.55); + box-shadow: inset 0 2px 4px rgba(44, 47, 60, 0.05); } + +.notification-button, .notification-icon-button, .modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + border-radius: 2px; + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #BAC3CF; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(67, 69, 91, 0.4); } + .notification-button:hover, .notification-icon-button:hover, .modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #BAC3CF; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(82, 84, 112, 0.5); } + .notification-button:focus, .notification-icon-button:focus, .modal-dialog-button-box .modal-dialog-button:focus { + color: rgba(189, 147, 249, 0.5); } + .notification-button:active, .notification-icon-button:active, .modal-dialog-button-box .modal-dialog-button:active { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + border: 1px solid rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.5); } + .notification-button:insensitive, .notification-icon-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #454950; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(67, 69, 91, 0.25); } + +.menu #notification StEntry, .popup-menu #notification StEntry, #menu-search-entry { + padding: 5px; + caret-size: 1px; + selection-background-color: rgba(189, 147, 249, 0.5); + selected-color: #f8f8f2; + transition-duration: 300ms; + border-radius: 3px; + color: #f8f8f2; + background-color: #282a36; + border: 1px solid rgba(25, 26, 34, 0.9); + box-shadow: inset 0 2px 4px rgba(40, 42, 54, 0.05); } + .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #menu-search-entry:hover { + color: #f8f8f2; + background-color: #282a36; + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(40, 42, 54, 0.05); } + .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive { + color: rgba(248, 248, 242, 0.45); + background-color: #242530; + border-color: 1px solid rgba(28, 29, 38, 0.945); + box-shadow: inset 0 2px 4px rgba(36, 37, 48, 0.05); } + .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; } + +.notification StEntry { + padding: 7px; + caret-size: 1px; + caret-color: #BAC3CF; + selection-background-color: rgba(189, 147, 249, 0.5); + selected-color: #f8f8f2; + transition-duration: 300ms; + border-radius: 3px; + color: #BAC3CF; + background-color: rgba(67, 69, 91, 0.4); + border: 1px solid rgba(0, 0, 0, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .notification StEntry:focus { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .notification StEntry:insensitive { + color: rgba(186, 195, 207, 0.55); + background-color: rgba(67, 69, 91, 0.25); + border: 1px solid rgba(0, 0, 0, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + +StScrollView.vfade { + -st-vfade-offset: 0px; } +StScrollView.hfade { + -st-hfade-offset: 0px; } + +StScrollBar { + padding: 8px; } + StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; } + StScrollBar StBin#trough { + background-color: rgba(40, 42, 54, 0.1); + border-radius: 8px; } + StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #757679; + border: 0px solid; + margin: 0px; } + StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #5f6065; } + StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: rgba(189, 147, 249, 0.5); } + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; } + +.popup-slider-menu-item, .slider { + -slider-height: 0.3em; + -slider-background-color: #333545; + -slider-border-color: rgba(30, 31, 41, 0.3); + -slider-active-background-color: rgba(189, 147, 249, 0.5); + -slider-active-border-color: rgba(30, 31, 41, 0.3); + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; + height: 1em; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; } + .popup-menu-item:active .popup-slider-menu-item, + .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: #f8f8f2; } + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; } +.check-box StLabel { + font-weight: normal; } +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } +.check-box:focus StBin { + background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } +.check-box:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } +.check-box:focus:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; } +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; } +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } +.radiobutton:focus StBin { + background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } +.radiobutton:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } +.radiobutton:focus:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } + +.toggle-switch { + width: 50px; + height: 20px; + background-size: contain; + background-image: url("dark-assets/switch/switch-off.svg"); } + .toggle-switch:checked { + background-image: url("dark-assets/switch/switch-on.svg"); } + .popup-menu-item:active .toggle-switch { + background-image: url("common-assets/switch/switch-off-selected.svg"); } + .popup-menu-item:active .toggle-switch:checked { + background-image: url("common-assets/switch/switch-on-selected.svg"); } + +.cinnamon-link { + color: #13b1d5; + text-decoration: underline; } + .cinnamon-link:hover { + color: #2fc9ec; } + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #13141a; + color: #BAC3CF; + font-size: 1em; + font-weight: normal; + text-align: center; } + +.menu, +.popup-menu, +.popup-combo-menu { + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 6px; + background-color: rgba(30, 31, 41, 0.99); } + .menu.top, + .popup-menu.top, + .top.popup-combo-menu { + border-radius: 0 0 6px 6px; } + .menu.bottom, + .popup-menu.bottom, + .bottom.popup-combo-menu { + border-radius: 6px 6px 0 0; } + .menu.left, + .popup-menu.left, + .left.popup-combo-menu { + border-radius: 0 6px 6px 0; } + .menu.right, + .popup-menu.right, + .right.popup-combo-menu { + border-radius: 6px 0 0 6px; } + .menu-arrow, + .popup-menu-arrow { + icon-size: 16px; } + .menu .popup-sub-menu, + .popup-menu .popup-sub-menu, + .popup-combo-menu .popup-sub-menu { + box-shadow: none; + background-color: #282a36; } + .menu .popup-sub-menu .popup-menu-item:ltr, + .popup-menu .popup-sub-menu .popup-menu-item:ltr, + .popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 0em; } + .menu .popup-sub-menu .popup-menu-item:rtl, + .popup-menu .popup-sub-menu .popup-menu-item:rtl, + .popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 0em; } + .menu .popup-sub-menu StScrollBar, + .popup-menu .popup-sub-menu StScrollBar, + .popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; } + .menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, + .popup-menu .popup-sub-menu StScrollBar StBin#trough, + .popup-menu .popup-sub-menu StScrollBar StBin#vhandle, + .popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, + .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; } + .menu .popup-menu-content, + .popup-menu .popup-menu-content, + .popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; } + .menu .popup-menu-item, + .popup-menu .popup-menu-item, + .popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; + border-left-width: 0; + border-right-width: 0; } + .menu .popup-menu-item:active, + .popup-menu .popup-menu-item:active, + .popup-combo-menu .popup-menu-item:active { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + .menu .popup-menu-item:insensitive, + .popup-menu .popup-menu-item:insensitive, + .popup-combo-menu .popup-menu-item:insensitive { + color: rgba(248, 248, 242, 0.5); + background: none; } + .menu .popup-inactive-menu-item, + .popup-menu .popup-inactive-menu-item, + .popup-combo-menu .popup-inactive-menu-item { + color: #f8f8f2; } + .menu .popup-inactive-menu-item:insensitive, + .popup-menu .popup-inactive-menu-item:insensitive, + .popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(248, 248, 242, 0.45); } + .menu .popup-menu-item:active .popup-inactive-menu-item, + .popup-menu .popup-menu-item:active .popup-inactive-menu-item, + .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: #f8f8f2; } + .menu-icon, + .popup-menu-icon { + icon-size: 16px; } + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; } + +.popup-combo-menu { + padding: 10px 1px; } + +.popup-combobox-item { + spacing: 1em; } + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1em; } + +.popup-alternating-menu-item:alternate { + font-weight: normal; } + +.popup-device-menu-item { + spacing: .5em; } + +.popup-subtitle-menu-item { + font-weight: normal; } + +.nm-menu-item-icons { + spacing: .5em; } + +#panel { + height: 28px; + width: 32px; + font-weight: 700; + background-color: rgba(26, 27, 35, 0.95); + color: #f8f8f2; } + #panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); } + #panelLeft { + spacing: 4px; } + #panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); } + #panelLeft:ltr { + padding-right: 4px; } + #panelLeft:rtl { + padding-left: 4px; } + #panelLeft.vertical { + padding: 0; } + #panelLeft.vertical:ltr { + padding-right: 0px; } + #panelLeft.vertical:rtl { + padding-left: 0px; } + #panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); } + #panelRight:ltr { + padding-left: 4px; + spacing: 0px; } + #panelRight:rtl { + padding-right: 4px; + spacing: 0px; } + #panelRight.vertical { + padding: 0; } + #panelRight.vertical:ltr { + padding-right: 0px; } + #panelRight.vertical:rtl { + padding-left: 0px; } + #panelCenter { + spacing: 4px; } + #panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); } + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #f8f8f2; + font-size: 1em; + padding: 0px; } +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); } + .panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); } +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + color: white; + height: 22px; } +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + color: green; + transition-duration: 100; } + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; } + +#overview { + spacing: 12px; } + +.window-caption { + background-color: #13141a; + border: 1px solid #13141a; + color: #BAC3CF; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; } + .window-caption#selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; + border: 1px solid rgba(189, 147, 249, 0.5); + spacing: 25px; } + +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #BAC3CF; + background-color: rgba(67, 69, 91, 0.4); + border: 1px solid rgba(0, 0, 0, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .expo-workspaces-name-entry:focus, + .expo-workspaces-name-entry#selected:focus { + border: 1px solid rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; + font-style: italic; + transition-duration: 300; + selection-background-color: #f8f8f2; + selected-color: rgba(189, 147, 249, 0.5); } + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; } + .expo-workspace-thumbnail-frame#active { + border: 4px solid rgba(189, 147, 249, 0.5); + background-color: black; + border-radius: 2px; } + +.expo-background { + background-color: #13141a; } + +.workspace-thumbnails { + spacing: 26px; } + .workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; } +.workspace-add-button { + background-image: url("common-assets/misc/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; } + .workspace-add-button:hover { + background-image: url("common-assets/misc/add-workspace-hover.svg"); + transition-duration: 100; } + .workspace-add-button:active { + background-image: url("common-assets/misc/add-workspace-active.svg"); + transition-duration: 100; } +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); } + +.workspace-close-button, +.window-close { + background-image: url("common-assets/misc/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; } + .workspace-close-button:hover, + .window-close:hover { + background-image: url("common-assets/misc/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; } + .workspace-close-button:active, + .window-close:active { + background-image: url("common-assets/misc/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; } + +.window-close-area { + background-image: url("common-assets/misc/trash-icon.svg"); + height: 120px; + width: 400px; } + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; } +.about-title { + font-size: 2em; + font-weight: bold; } +.about-uuid { + font-size: 10px; + color: #888; } +.about-icon { + padding-right: 20px; + padding-bottom: 14px; } +.about-scrollBox { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 2px; + background-color: #282a36; + padding: 4px; + padding-right: 0; + border-radius: 0; } + .about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; } +.about-description { + padding-top: 4px; + padding-bottom: 16px; } +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; } + +.calendar { + spacing-rows: 0; + spacing-columns: 0; } + +.calendar-main-box { + margin: 0 .8em .5em .8em; } + +.calendar-events-main-box { + height: 300px; + margin-right: .5em; + padding: .5em; + min-width: 350px; + border: 1px solid rgba(25, 26, 34, 0.9); + background-color: #282a36; } + +.calendar-events-no-events-button { + margin: 6px 0 6px 0; + padding: 6px; } + .calendar-events-no-events-button:hover { + background-color: rgba(189, 147, 249, 0.5); } + .calendar-events-no-events-button:hover .calendar-events-no-events-icon, + .calendar-events-no-events-button:hover .calendar-events-no-events-label { + color: #f8f8f2; } + +.calendar-events-no-events-icon, +.calendar-events-no-events-label { + font-weight: bold; + color: #f8f8f2; + text-align: center; } + +.calendar-events-date-label { + padding: .1em .1em .5em .1em; + color: #f8f8f2; + font-weight: bold; + text-align: center; } + +.calendar-events-event-container { + padding: 0; } + +.calendar-event-button { + border: 1px solid rgba(0, 0, 0, 0); } + .calendar-event-button .calendar-event-time-past { + color: rgba(248, 248, 242, 0.4); + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-time-present { + color: #f8f8f2; + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-time-present:all-day { + color: rgba(189, 147, 249, 0.5); } + .calendar-event-button .calendar-event-time-future { + color: #f8f8f2; + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-summary { + color: #f8f8f2; + text-align: left; + width: 200px; } + .calendar-event-button .calendar-event-countdown { + text-align: right; + margin-bottom: .6em; + color: #f8f8f2; } + .calendar-event-button .calendar-event-countdown:soon { + font-weight: bold; } + .calendar-event-button .calendar-event-countdown:imminent { + font-weight: bold; + color: #F27835; } + .calendar-event-button .calendar-event-countdown:current { + font-weight: bold; + color: rgba(189, 147, 249, 0.5); } + .calendar-event-button:hover { + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid rgba(25, 26, 34, 0.9); } + .calendar-event-button:hover .calendar-event-time-past, + .calendar-event-button:hover .calendar-event-time-present, + .calendar-event-button:hover .calendar-event-time-future, + .calendar-event-button:hover .calendar-event-summary { + color: #f8f8f2; } + .calendar-event-button:hover .calendar-event-countdown { + text-align: right; + margin-bottom: .6em; + color: #f8f8f2; } + .calendar-event-button:hover .calendar-event-countdown:soon { + font-weight: bold; } + .calendar-event-button:hover .calendar-event-countdown:imminent { + font-weight: bold; } + .calendar-event-button:hover .calendar-event-countdown:current { + font-weight: bold; } + +.calendar-event-color-strip { + width: 2px; } + +.calendar-today-home-button { + padding: 6px; } + +.calendar-today-day-label { + font-size: 1.75em; + color: #f8f8f2; + font-weight: bold; + text-align: center; + padding-bottom: .1em; } + +.calendar-today-date-label { + font-size: 1.1em; + color: #f8f8f2; + font-weight: bold; + text-align: center; } + +.calendar-today-home-button-enabled { + padding: 6px; } + .calendar-today-home-button-enabled:hover { + background-color: rgba(189, 147, 249, 0.5); } + .calendar-today-home-button-enabled:hover .calendar-today-day-label { + color: #f8f8f2; } + .calendar-today-home-button-enabled:hover .calendar-today-date-label { + color: #f8f8f2; } + +.calendar-month-label { + color: #f8f8f2; + font-weight: bold; + padding: 8px 0; } + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 16px; + height: 16px; } + +.calendar-change-month-back { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-back:focus, .calendar-change-month-back:hover { + background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } + .calendar-change-month-back:active { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-back:rtl { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { + background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } + .calendar-change-month-back:rtl:active { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + +.calendar-change-month-forward { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { + background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } + .calendar-change-month-forward:active { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-forward:rtl { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { + background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } + .calendar-change-month-forward:rtl:active { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + +.calendar-day-event-dot-box { + margin-top: 1.7em; + max-rows: 1; } + +.calendar-day-event-dot { + margin: 1px; + border-radius: 2px; + width: 4px; + height: 4px; } + +.calendar-day-base { + font-size: 1em; + text-align: center; + width: 2.2em; + height: 2.2em; + padding: 0.1em; } + .calendar-day-base:hover { + font-weight: bold; + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + +.calendar-day-heading { + color: rgba(248, 248, 242, 0.85); + margin-top: 1em; + font-size: 1.05em; } + +.calendar-day { + border-width: 0; + color: rgba(248, 248, 242, 0.9); } + +.calendar-day-top { + border-top-width: 0; } + +.calendar-day-left { + border-left-width: 0; } + +.calendar-nonwork-day { + color: #f8f8f2; + background-color: transparent; + font-weight: bold; } + +.calendar-today { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.4); + border-width: 0; } + .calendar-today:selected { + font-weight: bold; } + +.calendar-not-today { + color: #f8f8f2; } + .calendar-not-today:selected { + font-weight: bold; + background-color: rgba(248, 248, 242, 0.4); } + .calendar-not-today:selected:hover { + font-weight: bold; + color: #f8f8f2; } + +.calendar-other-month-day { + color: rgba(248, 248, 242, 0.3); + opacity: 1; } + +.calendar-other-month-day:hover { + color: #f8f8f2; + opacity: 1; } + +.calendar-week-number { + color: rgba(248, 248, 242, 0.85); + font-size: 0.8em; + margin-top: 0.8em; } + +#notification { + border-radius: 3px; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #BAC3CF; } + .menu #notification, .popup-menu #notification { + border-image: url("dark-assets/misc/message.svg") 9 9 9 9; } + .menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #f8f8f2; } + .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; } + #notification.multi-line-notification { + padding-bottom: 13px; + color: #BAC3CF; } + #notification-scrollview { + max-height: 10em; } + #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; } + #notification-scrollview:ltr > StScrollBar { + padding-left: 6px; } + #notification-scrollview:rtl > StScrollBar { + padding-right: 6px; } + #notification-body { + spacing: 5px; } + #notification-actions { + spacing: 10px; } + +.notification-with-image { + min-height: 159px; + color: #BAC3CF; } +.notification-button, .notification-icon-button { + padding: 5px; } +.notification-icon-button > StIcon { + icon-size: 36px; } + +#altTabPopup { + padding: 8px; + spacing: 16px; } + +.switcher-list { + color: #BAC3CF; + background: none; + border: none; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + border-radius: 3px; + padding: 20px; } + .switcher-list > StBoxLayout { + padding: 4px; } + .switcher-list-item-container { + spacing: 8px; } + .switcher-list .item-box { + padding: 8px; + border-radius: 2px; } + .switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid rgba(189, 147, 249, 0.5); } + .switcher-list .item-box:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 0px solid rgba(189, 147, 249, 0.5); } + .switcher-list .thumbnail { + width: 256px; } + .switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; } + .switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); } + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #BAC3CF; } + .switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #f8f8f2; } + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; } + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; } + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("common-assets/misc/corner-ripple.svg"); + background-size: contain; } + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); } + +.flashspot { + background-color: white; } + +.modal-dialog { + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0); + border: none; + border-image: url("dark-assets/misc/modal.svg") 9 9 9 67; + padding: 0 5px 6px 5px; } + .modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; } + .modal-dialog-button-box { + spacing: 0; + margin: 0px; + padding: 14px 10px; + background: none; + border: none; + border-image: url("dark-assets/misc/button-box.svg") 9 9 9 9; } + .modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; } + +.run-dialog { + padding: 0px 15px 10px 15px; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; } + .run-dialog > * { + padding: 0; } + .run-dialog-label { + font-size: 0; + font-weight: bold; + color: #BAC3CF; + padding-bottom: 0; } + .run-dialog-error-label { + color: #FC4138; } + .run-dialog-error-box { + padding-top: 15px; + spacing: 5px; } + .run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; } + .run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #BAC3CF; + selected-color: #f8f8f2; + selection-background-color: rgba(189, 147, 249, 0.5); + color: #BAC3CF; + background-color: rgba(67, 69, 91, 0.4); + border: 1px solid rgba(0, 0, 0, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .run-dialog-entry:focus { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; } + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; } + +.mount-password-reask { + color: #F27835; } + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; } + .show-processes-dialog-subject, + .mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; } + .show-processes-dialog-subject:rtl, + .mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; } + .show-processes-dialog-description, + .mount-question-dialog-description { + padding-left: 17px; + width: 28em; } + .show-processes-dialog-description:rtl, + .mount-question-dialog-description:rtl { + padding-right: 17px; } + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; } + .show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; } + .show-processes-dialog-app-list-item { + color: #ccc; } + .show-processes-dialog-app-list-item:hover { + color: white; } + .show-processes-dialog-app-list-item:ltr { + padding-right: 1em; } + .show-processes-dialog-app-list-item:rtl { + padding-left: 1em; } + .show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; } + .show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; } + .show-processes-dialog-app-list-item-name { + font-size: 1.1em; } + +.magnifier-zoom-region { + border: 2px solid maroon; } + .magnifier-zoom-region .full-screen { + border-width: 0px; } + +#keyboard { + background-color: #13141a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); } + +.keyboard-layout { + spacing: 10px; + padding: 10px; } + +.keyboard-row { + spacing: 15px; } + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #BAC3CF; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(67, 69, 91, 0.4); } + .keyboard-key:hover { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #BAC3CF; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(82, 84, 112, 0.5); } + .keyboard-key:active, .keyboard-key:checked { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + border: 1px solid rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.5); } + .keyboard-key:grayed { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #454950; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(67, 69, 91, 0.25); } + +.keyboard-subkeys { + color: #BAC3CF; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #13141a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; } + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #1e1f29; + border: 1px solid rgba(25, 26, 34, 0.9); } +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); } +.menu-places-box { + margin: auto; + padding: 10px; + border: 0px solid red; } +.menu-places-button { + padding: 10px; } +.menu-categories-box { + padding: 10px 30px 10px 30px; } +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; } +.menu-application-button { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0); } + .menu-application-button:highlighted { + font-weight: bold; } + .menu-application-button-selected { + padding: 7px; } + .menu-application-button-selected:highlighted { + font-weight: bold; } + .menu-application-button-label:ltr { + padding-left: 5px; } + .menu-application-button-label:rtl { + padding-right: 5px; } +.menu-category-button { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0); } + .menu-category-button-selected { + padding: 7px; } + .menu-category-button-hover { + background-color: red; + border-radius: 2px; } + .menu-category-button-greyed { + padding: 7px; + color: rgba(248, 248, 242, 0.45); + border: 1px solid rgba(0, 0, 0, 0); } + .menu-category-button-label:ltr { + padding-left: 5px; } + .menu-category-button-label:rtl { + padding-right: 5px; } +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; } + .menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; } +.menu-selected-app-title { + font-weight: bold; } +.menu-selected-app-description { + max-width: 150px; } +.menu-search-box:ltr { + padding-left: 30px; } +.menu-search-box-rtl { + padding-right: 30px; } + +#menu-search-entry { + width: 250px; + min-height: 15px; + font-weight: normal; + caret-color: #f8f8f2; } + +.menu-search-entry-icon { + icon-size: 1em; + color: #f8f8f2; } + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #f8f8f2; + border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + margin: 32px; + min-width: 64px; + min-height: 64px; + color: #f8f8f2; + background: none; + border: none; + border-radius: 5px; + border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } + .osd-window .osd-monitor-label { + font-size: 3em; } + .osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 2px; + color: rgba(189, 147, 249, 0.5); } + .osd-window .level-bar { + background-color: rgba(189, 147, 249, 0.5); } + +.window-list-box { + spacing: 6px; + padding-left: 10px; + padding-top: 1px; } + .window-list-box.vertical { + spacing: 2px; + padding-left: 0px; + padding-right: 0px; + padding-top: 10px; + padding-bottom: 10px; } + .window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); } +.window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; } +.window-list-item-box { + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: rgba(248, 248, 242, 0.6); } + .window-list-item-box.top, .window-list-item-box.bottom { + border-bottom-width: 2px; } + .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { + padding-left: 2px; } + .window-list-item-box.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; } + .window-list-item-box.right StBin { + padding-right: 0; } + .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; } + .window-list-item-box.left StBin { + padding-left: 1px; } + .window-list-item-box:hover, .window-list-item-box:groupFocus { + color: #f8f8f2; + background-color: rgba(186, 195, 207, 0.1); } + .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { + color: #f8f8f2; + border-color: #bd93f9; + background-color: rgba(186, 195, 207, 0.1); } + .window-list-item-box .progress { + background-color: rgba(189, 147, 249, 0.4); } +.window-list-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: #F04A50; + background-gradient-end: #F04A50; } +.window-list-preview { + spacing: 6px; + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); + background-color: #1e1f29; + border-radius: 3px; + padding: 6px 12px 12px 12px; + font-size: 1em; } + +.grouped-window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; } +.grouped-window-list-item-box { + text-align: left; + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: rgba(248, 248, 242, 0.6); } + .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { + border-bottom-width: 2px; } + .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { + padding-left: 2px; } + .grouped-window-list-item-box.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; } + .grouped-window-list-item-box.right StBin { + padding-right: 0; } + .grouped-window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; } + .grouped-window-list-item-box.left StBin { + padding-left: 1px; } + .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { + color: #f8f8f2; + border-color: rgba(90, 93, 123, 0.95); } + .grouped-window-list-item-box:hover, .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:focus, .grouped-window-list-item-box:active:focus, .grouped-window-list-item-box:focus:hover, .grouped-window-list-item-box:active:focus:hover { + color: #f8f8f2; + border-color: #bd93f9; } + .grouped-window-list-item-box .progress { + background-color: rgba(189, 147, 249, 0.3); } +.grouped-window-list-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: #F04A50; + background-gradient-end: #F04A50; } +.grouped-window-list-thumbnail-label { + padding-left: 4px; } +.grouped-window-list-number-label { + z-index: 99; + color: #f8f8f2; } +.grouped-window-list-badge { + border-radius: 256px; + background-color: rgba(26, 27, 35, 0.95); } +.grouped-window-list-button-label { + padding-left: 4px; } +.grouped-window-list-thumbnail-alert { + background: rgba(255, 52, 52, 0.3); } +.grouped-window-list-thumbnail-menu { + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); + background-color: #1e1f29; + border-radius: 3px; + padding: 0px; } + .grouped-window-list-thumbnail-menu > StBoxLayout { + padding: 4px; } + .grouped-window-list-thumbnail-menu .item-box { + padding: 10px; + border-radius: 2px; + spacing: 4px; } + .grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 8px; + border: 1px solid rgba(189, 147, 249, 0.5); } + .grouped-window-list-thumbnail-menu .item-box:selected { + border: 1px solid rgba(189, 147, 249, 0.5); } + .grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; } + .grouped-window-list-thumbnail-menu .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); } + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; } + .sound-button-container { + padding-right: 3px; + padding-left: 3px; } + .sound-button StIcon { + icon-size: 1.4em; } + +.sound-track-infos { + padding: 5px; } +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; } + .sound-track-info StIcon { + icon-size: 16px; } + .sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; } +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; } + +.sound-seek-box { + padding-left: 15px; } + .sound-seek-box StLabel { + padding-top: 2px; } + .sound-seek-box StIcon { + icon-size: 16px; } + +.sound-seek-slider { + width: 140px; } + +.sound-volume-menu-item { + padding: .4em 1.75em; } + .sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; } + +.sound-playback-control { + padding: 5px 10px 10px 10px; } + +.sound-player { + padding: 0 4px; } + .sound-player > StBoxLayout:first-child { + padding: 5px 10px 12px 10px; + spacing: 0.5em; } + .sound-player > StBoxLayout:first-child StButton:small { + width: 16px; + height: 8px; + padding: 1px; } + .sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 12px; } + .sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); } + .sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(8, 9, 12, 0.9); + border: 0px solid black; + border-bottom: 1px; + color: #BAC3CF; } + .sound-player-overlay StButton { + width: 22px; + height: 13px; + padding: 5px; + color: #BAC3CF; + border-radius: 2px; + border: 1px solid rgba(19, 20, 26, 0); } + .sound-player-overlay StButton StIcon { + icon-size: 16px; } + .sound-player-overlay StButton:hover { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #BAC3CF; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(82, 84, 112, 0.5); } + .sound-player-overlay StButton:active { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(189, 147, 249, 0.5); } + .sound-player-overlay StBoxLayout { + padding-top: 2px; } + .sound-player .slider { + height: 0.5em; + padding: 0; + border: none; + -slider-height: 0.5em; + -slider-background-color: #13141a; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: rgba(189, 147, 249, 0.5); + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; } + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; } + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; } + +.workspace-button { + width: 20px; + height: 10px; + color: #f8f8f2; + padding: 3px; + padding-top: 4px; + transition-duration: 300; } + .workspace-button:outlined, .workspace-button:outlined:hover { + color: #bd93f9; } + .workspace-button:hover { + color: rgba(189, 147, 249, 0.5); } + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; } + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); } + +.workspace-graph .workspace:active { + border: 1px solid rgba(189, 147, 249, 0.5); + background-gradient-direction: none; } + +.workspace-graph .workspace .windows { + -active-window-background: rgba(58, 60, 79, 0.95); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(58, 60, 79, 0.95); + -inactive-window-border: rgba(0, 0, 0, 0.8); } + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(69, 71, 94, 0.95); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(36, 38, 50, 0.95); + -inactive-window-border: rgba(0, 0, 0, 0.8); } + +.panel-launchers { + padding-left: 7px; + spacing: 2px; } + .panel-launchers .launcher { + padding-left: 2px; + padding-right: 2px; + padding-bottom: 2px; + transition-duration: 200; } + .panel-launchers .launcher:hover { + background-color: rgba(186, 195, 207, 0.1); } + .panel-launchers.vertical { + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + padding-right: 0px; + spacing: 1px; } + .panel-launchers.vertical .launcher { + padding-top: 2px; + padding-bottom: 2px; } + +#overview-corner { + background-image: url("common-assets/misc/overview.png"); } + #overview-corner:hover { + background-image: url("common-assets/misc/overview-hover.png"); } + +.applet-separator { + padding: 1px 4px; } +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); } +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #f8f8f2; + text-shadow: none; + transition-duration: 100; } + .applet-box.vertical { + padding: 3px 0; } + .applet-box:hover { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + .applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); } +.applet-label { + font-weight: bold; + color: #f8f8f2; } + .applet-label:hover, .applet-box:hover > .applet-label { + color: #f8f8f2; + text-shadow: none; } +.applet-icon { + color: #f8f8f2; + icon-size: 22px; } + .applet-icon:hover, .applet-box:hover > .applet-icon { + color: #f8f8f2; + text-shadow: none; } + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; } + +.user-label { + color: #f8f8f2; + font-size: 1em; + font-weight: bold; + margin: 0px; } + +.desklet { + color: #BAC3CF; } + .desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); } + .desklet-with-borders { + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + color: #BAC3CF; + padding: 12px; + padding-bottom: 16px; } + .desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); } + .desklet-with-borders-and-header { + border-image: url("common-assets/misc/desklet.svg") 9 9 9 9; + color: #BAC3CF; + border-radius: 0; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; } + .desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); } + .desklet-header { + border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9; + color: #BAC3CF; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; } + .desklet-drag-placeholder { + border: 2px solid rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.3); } + +.photoframe-box { + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + color: #BAC3CF; + padding: 12px; + padding-bottom: 16px; } + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; } + +.notification-applet-padding { + padding: .5em 1em; } + +.notification-applet-container { + max-height: 100px; } + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(189, 147, 249, 0.3); + border: 1px solid rgba(189, 147, 249, 0.5); } + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; } + +/*# sourceMappingURL=cinnamon-dark.css.map */ diff --git a/filesystem/.themes/Dracula/cinnamon/cinnamon-dark.scss b/filesystem/.themes/Dracula/cinnamon/cinnamon-dark.scss new file mode 100644 index 00000000..8898486d --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/cinnamon-dark.scss @@ -0,0 +1,8 @@ +$variant: 'dark'; +$transparency: 'true'; +$darker: 'false'; + +@import "_colors"; //use gtk colors +@import "_drawing"; +@import "_common"; + diff --git a/filesystem/.themes/Dracula/cinnamon/cinnamon.css b/filesystem/.themes/Dracula/cinnamon/cinnamon.css new file mode 100644 index 00000000..e29b0a12 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/cinnamon.css @@ -0,0 +1,1580 @@ +stage { + color: #f8f8f2; } + +.label-shadow { + color: rgba(0, 0, 0, 0); } + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + background-color: #2c2f3c; + border: 1px solid rgba(25, 26, 34, 0.9); + box-shadow: inset 0 2px 4px rgba(44, 47, 60, 0.05); } + .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { + border-radius: 2px; } + .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + background-color: #2c2f3c; + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(44, 47, 60, 0.05); } + .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + background-color: #373a4b; + border: 1px solid rgba(25, 26, 34, 0.9); + box-shadow: inset 0 2px 4px rgba(55, 58, 75, 0.05); } + .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + background-color: #2c2f3c; + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(44, 47, 60, 0.05); } + .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(189, 147, 249, 0.5); } + .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: rgba(248, 248, 242, 0.45); + border: 1px solid rgba(25, 26, 34, 0.45); + background-color: rgba(44, 47, 60, 0.55); + box-shadow: inset 0 2px 4px rgba(44, 47, 60, 0.05); } + +.notification-button, .notification-icon-button, .modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + border-radius: 2px; + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #BAC3CF; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(67, 69, 91, 0.4); } + .notification-button:hover, .notification-icon-button:hover, .modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #BAC3CF; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(82, 84, 112, 0.5); } + .notification-button:focus, .notification-icon-button:focus, .modal-dialog-button-box .modal-dialog-button:focus { + color: rgba(189, 147, 249, 0.5); } + .notification-button:active, .notification-icon-button:active, .modal-dialog-button-box .modal-dialog-button:active { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + border: 1px solid rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.5); } + .notification-button:insensitive, .notification-icon-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #454950; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(67, 69, 91, 0.25); } + +.menu #notification StEntry, .popup-menu #notification StEntry, #menu-search-entry { + padding: 5px; + caret-size: 1px; + selection-background-color: rgba(189, 147, 249, 0.5); + selected-color: #f8f8f2; + transition-duration: 300ms; + border-radius: 3px; + color: #f8f8f2; + background-color: #282a36; + border: 1px solid rgba(25, 26, 34, 0.9); + box-shadow: inset 0 2px 4px rgba(40, 42, 54, 0.05); } + .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #menu-search-entry:hover { + color: #f8f8f2; + background-color: #282a36; + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(40, 42, 54, 0.05); } + .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive { + color: rgba(248, 248, 242, 0.45); + background-color: #242530; + border-color: 1px solid rgba(28, 29, 38, 0.945); + box-shadow: inset 0 2px 4px rgba(36, 37, 48, 0.05); } + .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; } + +.notification StEntry { + padding: 7px; + caret-size: 1px; + caret-color: #BAC3CF; + selection-background-color: rgba(189, 147, 249, 0.5); + selected-color: #f8f8f2; + transition-duration: 300ms; + border-radius: 3px; + color: #BAC3CF; + background-color: rgba(67, 69, 91, 0.4); + border: 1px solid rgba(0, 0, 0, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .notification StEntry:focus { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .notification StEntry:insensitive { + color: rgba(186, 195, 207, 0.55); + background-color: rgba(67, 69, 91, 0.25); + border: 1px solid rgba(0, 0, 0, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + +StScrollView.vfade { + -st-vfade-offset: 0px; } +StScrollView.hfade { + -st-hfade-offset: 0px; } + +StScrollBar { + padding: 8px; } + StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; } + StScrollBar StBin#trough { + background-color: rgba(40, 42, 54, 0.1); + border-radius: 8px; } + StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #757679; + border: 0px solid; + margin: 0px; } + StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #5f6065; } + StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: rgba(189, 147, 249, 0.5); } + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; } + +.popup-slider-menu-item, .slider { + -slider-height: 0.3em; + -slider-background-color: #333545; + -slider-border-color: rgba(30, 31, 41, 0.3); + -slider-active-background-color: rgba(189, 147, 249, 0.5); + -slider-active-border-color: rgba(30, 31, 41, 0.3); + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; + height: 1em; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; } + .popup-menu-item:active .popup-slider-menu-item, + .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: #f8f8f2; } + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; } +.check-box StLabel { + font-weight: normal; } +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } +.check-box:focus StBin { + background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } +.check-box:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } +.check-box:focus:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; } +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; } +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } +.radiobutton:focus StBin { + background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } +.radiobutton:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } +.radiobutton:focus:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } + +.toggle-switch { + width: 50px; + height: 20px; + background-size: contain; + background-image: url("dark-assets/switch/switch-off.svg"); } + .toggle-switch:checked { + background-image: url("dark-assets/switch/switch-on.svg"); } + .popup-menu-item:active .toggle-switch { + background-image: url("common-assets/switch/switch-off-selected.svg"); } + .popup-menu-item:active .toggle-switch:checked { + background-image: url("common-assets/switch/switch-on-selected.svg"); } + +.cinnamon-link { + color: #13b1d5; + text-decoration: underline; } + .cinnamon-link:hover { + color: #2fc9ec; } + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #13141a; + color: #BAC3CF; + font-size: 1em; + font-weight: normal; + text-align: center; } + +.menu, +.popup-menu, +.popup-combo-menu { + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 6px; + background-color: rgba(30, 31, 41, 0.99); } + .menu.top, + .popup-menu.top, + .top.popup-combo-menu { + border-radius: 0 0 6px 6px; } + .menu.bottom, + .popup-menu.bottom, + .bottom.popup-combo-menu { + border-radius: 6px 6px 0 0; } + .menu.left, + .popup-menu.left, + .left.popup-combo-menu { + border-radius: 0 6px 6px 0; } + .menu.right, + .popup-menu.right, + .right.popup-combo-menu { + border-radius: 6px 0 0 6px; } + .menu-arrow, + .popup-menu-arrow { + icon-size: 16px; } + .menu .popup-sub-menu, + .popup-menu .popup-sub-menu, + .popup-combo-menu .popup-sub-menu { + box-shadow: none; + background-color: #282a36; } + .menu .popup-sub-menu .popup-menu-item:ltr, + .popup-menu .popup-sub-menu .popup-menu-item:ltr, + .popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 0em; } + .menu .popup-sub-menu .popup-menu-item:rtl, + .popup-menu .popup-sub-menu .popup-menu-item:rtl, + .popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 0em; } + .menu .popup-sub-menu StScrollBar, + .popup-menu .popup-sub-menu StScrollBar, + .popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; } + .menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, + .popup-menu .popup-sub-menu StScrollBar StBin#trough, + .popup-menu .popup-sub-menu StScrollBar StBin#vhandle, + .popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, + .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; } + .menu .popup-menu-content, + .popup-menu .popup-menu-content, + .popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; } + .menu .popup-menu-item, + .popup-menu .popup-menu-item, + .popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; + border-left-width: 0; + border-right-width: 0; } + .menu .popup-menu-item:active, + .popup-menu .popup-menu-item:active, + .popup-combo-menu .popup-menu-item:active { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + .menu .popup-menu-item:insensitive, + .popup-menu .popup-menu-item:insensitive, + .popup-combo-menu .popup-menu-item:insensitive { + color: rgba(248, 248, 242, 0.5); + background: none; } + .menu .popup-inactive-menu-item, + .popup-menu .popup-inactive-menu-item, + .popup-combo-menu .popup-inactive-menu-item { + color: #f8f8f2; } + .menu .popup-inactive-menu-item:insensitive, + .popup-menu .popup-inactive-menu-item:insensitive, + .popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(248, 248, 242, 0.45); } + .menu .popup-menu-item:active .popup-inactive-menu-item, + .popup-menu .popup-menu-item:active .popup-inactive-menu-item, + .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: #f8f8f2; } + .menu-icon, + .popup-menu-icon { + icon-size: 16px; } + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; } + +.popup-combo-menu { + padding: 10px 1px; } + +.popup-combobox-item { + spacing: 1em; } + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1em; } + +.popup-alternating-menu-item:alternate { + font-weight: normal; } + +.popup-device-menu-item { + spacing: .5em; } + +.popup-subtitle-menu-item { + font-weight: normal; } + +.nm-menu-item-icons { + spacing: .5em; } + +#panel { + height: 28px; + width: 32px; + font-weight: 700; + background-color: rgba(26, 27, 35, 0.95); + color: #f8f8f2; } + #panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); } + #panelLeft { + spacing: 4px; } + #panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); } + #panelLeft:ltr { + padding-right: 4px; } + #panelLeft:rtl { + padding-left: 4px; } + #panelLeft.vertical { + padding: 0; } + #panelLeft.vertical:ltr { + padding-right: 0px; } + #panelLeft.vertical:rtl { + padding-left: 0px; } + #panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); } + #panelRight:ltr { + padding-left: 4px; + spacing: 0px; } + #panelRight:rtl { + padding-right: 4px; + spacing: 0px; } + #panelRight.vertical { + padding: 0; } + #panelRight.vertical:ltr { + padding-right: 0px; } + #panelRight.vertical:rtl { + padding-left: 0px; } + #panelCenter { + spacing: 4px; } + #panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); } + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #f8f8f2; + font-size: 1em; + padding: 0px; } +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); } + .panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); } +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + color: white; + height: 22px; } +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + color: green; + transition-duration: 100; } + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; } + +#overview { + spacing: 12px; } + +.window-caption { + background-color: #13141a; + border: 1px solid #13141a; + color: #BAC3CF; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; } + .window-caption#selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; + border: 1px solid rgba(189, 147, 249, 0.5); + spacing: 25px; } + +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #BAC3CF; + background-color: rgba(67, 69, 91, 0.4); + border: 1px solid rgba(0, 0, 0, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .expo-workspaces-name-entry:focus, + .expo-workspaces-name-entry#selected:focus { + border: 1px solid rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; + font-style: italic; + transition-duration: 300; + selection-background-color: #f8f8f2; + selected-color: rgba(189, 147, 249, 0.5); } + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; } + .expo-workspace-thumbnail-frame#active { + border: 4px solid rgba(189, 147, 249, 0.5); + background-color: black; + border-radius: 2px; } + +.expo-background { + background-color: #13141a; } + +.workspace-thumbnails { + spacing: 26px; } + .workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; } +.workspace-add-button { + background-image: url("common-assets/misc/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; } + .workspace-add-button:hover { + background-image: url("common-assets/misc/add-workspace-hover.svg"); + transition-duration: 100; } + .workspace-add-button:active { + background-image: url("common-assets/misc/add-workspace-active.svg"); + transition-duration: 100; } +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); } + +.workspace-close-button, +.window-close { + background-image: url("common-assets/misc/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; } + .workspace-close-button:hover, + .window-close:hover { + background-image: url("common-assets/misc/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; } + .workspace-close-button:active, + .window-close:active { + background-image: url("common-assets/misc/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; } + +.window-close-area { + background-image: url("common-assets/misc/trash-icon.svg"); + height: 120px; + width: 400px; } + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; } +.about-title { + font-size: 2em; + font-weight: bold; } +.about-uuid { + font-size: 10px; + color: #888; } +.about-icon { + padding-right: 20px; + padding-bottom: 14px; } +.about-scrollBox { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 2px; + background-color: #282a36; + padding: 4px; + padding-right: 0; + border-radius: 0; } + .about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; } +.about-description { + padding-top: 4px; + padding-bottom: 16px; } +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; } + +.calendar { + spacing-rows: 0; + spacing-columns: 0; } + +.calendar-main-box { + margin: 0 .8em .5em .8em; } + +.calendar-events-main-box { + height: 300px; + margin-right: .5em; + padding: .5em; + min-width: 350px; + border: 1px solid rgba(25, 26, 34, 0.9); + background-color: #282a36; } + +.calendar-events-no-events-button { + margin: 6px 0 6px 0; + padding: 6px; } + .calendar-events-no-events-button:hover { + background-color: rgba(189, 147, 249, 0.5); } + .calendar-events-no-events-button:hover .calendar-events-no-events-icon, + .calendar-events-no-events-button:hover .calendar-events-no-events-label { + color: #f8f8f2; } + +.calendar-events-no-events-icon, +.calendar-events-no-events-label { + font-weight: bold; + color: #f8f8f2; + text-align: center; } + +.calendar-events-date-label { + padding: .1em .1em .5em .1em; + color: #f8f8f2; + font-weight: bold; + text-align: center; } + +.calendar-events-event-container { + padding: 0; } + +.calendar-event-button { + border: 1px solid rgba(0, 0, 0, 0); } + .calendar-event-button .calendar-event-time-past { + color: rgba(248, 248, 242, 0.4); + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-time-present { + color: #f8f8f2; + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-time-present:all-day { + color: rgba(189, 147, 249, 0.5); } + .calendar-event-button .calendar-event-time-future { + color: #f8f8f2; + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-summary { + color: #f8f8f2; + text-align: left; + width: 200px; } + .calendar-event-button .calendar-event-countdown { + text-align: right; + margin-bottom: .6em; + color: #f8f8f2; } + .calendar-event-button .calendar-event-countdown:soon { + font-weight: bold; } + .calendar-event-button .calendar-event-countdown:imminent { + font-weight: bold; + color: #F27835; } + .calendar-event-button .calendar-event-countdown:current { + font-weight: bold; + color: rgba(189, 147, 249, 0.5); } + .calendar-event-button:hover { + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid rgba(25, 26, 34, 0.9); } + .calendar-event-button:hover .calendar-event-time-past, + .calendar-event-button:hover .calendar-event-time-present, + .calendar-event-button:hover .calendar-event-time-future, + .calendar-event-button:hover .calendar-event-summary { + color: #f8f8f2; } + .calendar-event-button:hover .calendar-event-countdown { + text-align: right; + margin-bottom: .6em; + color: #f8f8f2; } + .calendar-event-button:hover .calendar-event-countdown:soon { + font-weight: bold; } + .calendar-event-button:hover .calendar-event-countdown:imminent { + font-weight: bold; } + .calendar-event-button:hover .calendar-event-countdown:current { + font-weight: bold; } + +.calendar-event-color-strip { + width: 2px; } + +.calendar-today-home-button { + padding: 6px; } + +.calendar-today-day-label { + font-size: 1.75em; + color: #f8f8f2; + font-weight: bold; + text-align: center; + padding-bottom: .1em; } + +.calendar-today-date-label { + font-size: 1.1em; + color: #f8f8f2; + font-weight: bold; + text-align: center; } + +.calendar-today-home-button-enabled { + padding: 6px; } + .calendar-today-home-button-enabled:hover { + background-color: rgba(189, 147, 249, 0.5); } + .calendar-today-home-button-enabled:hover .calendar-today-day-label { + color: #f8f8f2; } + .calendar-today-home-button-enabled:hover .calendar-today-date-label { + color: #f8f8f2; } + +.calendar-month-label { + color: #f8f8f2; + font-weight: bold; + padding: 8px 0; } + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 16px; + height: 16px; } + +.calendar-change-month-back { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-back:focus, .calendar-change-month-back:hover { + background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } + .calendar-change-month-back:active { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-back:rtl { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { + background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } + .calendar-change-month-back:rtl:active { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + +.calendar-change-month-forward { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { + background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } + .calendar-change-month-forward:active { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-forward:rtl { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { + background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } + .calendar-change-month-forward:rtl:active { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + +.calendar-day-event-dot-box { + margin-top: 1.7em; + max-rows: 1; } + +.calendar-day-event-dot { + margin: 1px; + border-radius: 2px; + width: 4px; + height: 4px; } + +.calendar-day-base { + font-size: 1em; + text-align: center; + width: 2.2em; + height: 2.2em; + padding: 0.1em; } + .calendar-day-base:hover { + font-weight: bold; + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + +.calendar-day-heading { + color: rgba(248, 248, 242, 0.85); + margin-top: 1em; + font-size: 1.05em; } + +.calendar-day { + border-width: 0; + color: rgba(248, 248, 242, 0.9); } + +.calendar-day-top { + border-top-width: 0; } + +.calendar-day-left { + border-left-width: 0; } + +.calendar-nonwork-day { + color: #f8f8f2; + background-color: transparent; + font-weight: bold; } + +.calendar-today { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.4); + border-width: 0; } + .calendar-today:selected { + font-weight: bold; } + +.calendar-not-today { + color: #f8f8f2; } + .calendar-not-today:selected { + font-weight: bold; + background-color: rgba(248, 248, 242, 0.4); } + .calendar-not-today:selected:hover { + font-weight: bold; + color: #f8f8f2; } + +.calendar-other-month-day { + color: rgba(248, 248, 242, 0.3); + opacity: 1; } + +.calendar-other-month-day:hover { + color: #f8f8f2; + opacity: 1; } + +.calendar-week-number { + color: rgba(248, 248, 242, 0.85); + font-size: 0.8em; + margin-top: 0.8em; } + +#notification { + border-radius: 3px; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #BAC3CF; } + .menu #notification, .popup-menu #notification { + border-image: url("dark-assets/misc/message.svg") 9 9 9 9; } + .menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #f8f8f2; } + .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; } + #notification.multi-line-notification { + padding-bottom: 13px; + color: #BAC3CF; } + #notification-scrollview { + max-height: 10em; } + #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; } + #notification-scrollview:ltr > StScrollBar { + padding-left: 6px; } + #notification-scrollview:rtl > StScrollBar { + padding-right: 6px; } + #notification-body { + spacing: 5px; } + #notification-actions { + spacing: 10px; } + +.notification-with-image { + min-height: 159px; + color: #BAC3CF; } +.notification-button, .notification-icon-button { + padding: 5px; } +.notification-icon-button > StIcon { + icon-size: 36px; } + +#altTabPopup { + padding: 8px; + spacing: 16px; } + +.switcher-list { + color: #BAC3CF; + background: none; + border: none; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + border-radius: 3px; + padding: 20px; } + .switcher-list > StBoxLayout { + padding: 4px; } + .switcher-list-item-container { + spacing: 8px; } + .switcher-list .item-box { + padding: 8px; + border-radius: 2px; } + .switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid rgba(189, 147, 249, 0.5); } + .switcher-list .item-box:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 0px solid rgba(189, 147, 249, 0.5); } + .switcher-list .thumbnail { + width: 256px; } + .switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; } + .switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); } + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #BAC3CF; } + .switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #f8f8f2; } + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; } + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; } + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("common-assets/misc/corner-ripple.svg"); + background-size: contain; } + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); } + +.flashspot { + background-color: white; } + +.modal-dialog { + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0); + border: none; + border-image: url("dark-assets/misc/modal.svg") 9 9 9 67; + padding: 0 5px 6px 5px; } + .modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; } + .modal-dialog-button-box { + spacing: 0; + margin: 0px; + padding: 14px 10px; + background: none; + border: none; + border-image: url("dark-assets/misc/button-box.svg") 9 9 9 9; } + .modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; } + +.run-dialog { + padding: 0px 15px 10px 15px; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; } + .run-dialog > * { + padding: 0; } + .run-dialog-label { + font-size: 0; + font-weight: bold; + color: #BAC3CF; + padding-bottom: 0; } + .run-dialog-error-label { + color: #FC4138; } + .run-dialog-error-box { + padding-top: 15px; + spacing: 5px; } + .run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; } + .run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #BAC3CF; + selected-color: #f8f8f2; + selection-background-color: rgba(189, 147, 249, 0.5); + color: #BAC3CF; + background-color: rgba(67, 69, 91, 0.4); + border: 1px solid rgba(0, 0, 0, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .run-dialog-entry:focus { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; } + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; } + +.mount-password-reask { + color: #F27835; } + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; } + .show-processes-dialog-subject, + .mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; } + .show-processes-dialog-subject:rtl, + .mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; } + .show-processes-dialog-description, + .mount-question-dialog-description { + padding-left: 17px; + width: 28em; } + .show-processes-dialog-description:rtl, + .mount-question-dialog-description:rtl { + padding-right: 17px; } + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; } + .show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; } + .show-processes-dialog-app-list-item { + color: #ccc; } + .show-processes-dialog-app-list-item:hover { + color: white; } + .show-processes-dialog-app-list-item:ltr { + padding-right: 1em; } + .show-processes-dialog-app-list-item:rtl { + padding-left: 1em; } + .show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; } + .show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; } + .show-processes-dialog-app-list-item-name { + font-size: 1.1em; } + +.magnifier-zoom-region { + border: 2px solid maroon; } + .magnifier-zoom-region .full-screen { + border-width: 0px; } + +#keyboard { + background-color: #13141a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); } + +.keyboard-layout { + spacing: 10px; + padding: 10px; } + +.keyboard-row { + spacing: 15px; } + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #BAC3CF; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(67, 69, 91, 0.4); } + .keyboard-key:hover { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #BAC3CF; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(82, 84, 112, 0.5); } + .keyboard-key:active, .keyboard-key:checked { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + border: 1px solid rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.5); } + .keyboard-key:grayed { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #454950; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(67, 69, 91, 0.25); } + +.keyboard-subkeys { + color: #BAC3CF; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #13141a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; } + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #1e1f29; + border: 1px solid rgba(25, 26, 34, 0.9); } +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); } +.menu-places-box { + margin: auto; + padding: 10px; + border: 0px solid red; } +.menu-places-button { + padding: 10px; } +.menu-categories-box { + padding: 10px 30px 10px 30px; } +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; } +.menu-application-button { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0); } + .menu-application-button:highlighted { + font-weight: bold; } + .menu-application-button-selected { + padding: 7px; } + .menu-application-button-selected:highlighted { + font-weight: bold; } + .menu-application-button-label:ltr { + padding-left: 5px; } + .menu-application-button-label:rtl { + padding-right: 5px; } +.menu-category-button { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0); } + .menu-category-button-selected { + padding: 7px; } + .menu-category-button-hover { + background-color: red; + border-radius: 2px; } + .menu-category-button-greyed { + padding: 7px; + color: rgba(248, 248, 242, 0.45); + border: 1px solid rgba(0, 0, 0, 0); } + .menu-category-button-label:ltr { + padding-left: 5px; } + .menu-category-button-label:rtl { + padding-right: 5px; } +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; } + .menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; } +.menu-selected-app-title { + font-weight: bold; } +.menu-selected-app-description { + max-width: 150px; } +.menu-search-box:ltr { + padding-left: 30px; } +.menu-search-box-rtl { + padding-right: 30px; } + +#menu-search-entry { + width: 250px; + min-height: 15px; + font-weight: normal; + caret-color: #f8f8f2; } + +.menu-search-entry-icon { + icon-size: 1em; + color: #f8f8f2; } + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #f8f8f2; + border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + margin: 32px; + min-width: 64px; + min-height: 64px; + color: #f8f8f2; + background: none; + border: none; + border-radius: 5px; + border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } + .osd-window .osd-monitor-label { + font-size: 3em; } + .osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 2px; + color: rgba(189, 147, 249, 0.5); } + .osd-window .level-bar { + background-color: rgba(189, 147, 249, 0.5); } + +.window-list-box { + spacing: 6px; + padding-left: 10px; + padding-top: 1px; } + .window-list-box.vertical { + spacing: 2px; + padding-left: 0px; + padding-right: 0px; + padding-top: 10px; + padding-bottom: 10px; } + .window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); } +.window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; } +.window-list-item-box { + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: rgba(248, 248, 242, 0.6); } + .window-list-item-box.top, .window-list-item-box.bottom { + border-bottom-width: 2px; } + .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { + padding-left: 2px; } + .window-list-item-box.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; } + .window-list-item-box.right StBin { + padding-right: 0; } + .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; } + .window-list-item-box.left StBin { + padding-left: 1px; } + .window-list-item-box:hover, .window-list-item-box:groupFocus { + color: #f8f8f2; + background-color: rgba(186, 195, 207, 0.1); } + .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { + color: #f8f8f2; + border-color: #bd93f9; + background-color: rgba(186, 195, 207, 0.1); } + .window-list-item-box .progress { + background-color: rgba(189, 147, 249, 0.4); } +.window-list-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: #F04A50; + background-gradient-end: #F04A50; } +.window-list-preview { + spacing: 6px; + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); + background-color: #1e1f29; + border-radius: 3px; + padding: 6px 12px 12px 12px; + font-size: 1em; } + +.grouped-window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; } +.grouped-window-list-item-box { + text-align: left; + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: rgba(248, 248, 242, 0.6); } + .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { + border-bottom-width: 2px; } + .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { + padding-left: 2px; } + .grouped-window-list-item-box.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; } + .grouped-window-list-item-box.right StBin { + padding-right: 0; } + .grouped-window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; } + .grouped-window-list-item-box.left StBin { + padding-left: 1px; } + .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { + color: #f8f8f2; + border-color: rgba(90, 93, 123, 0.95); } + .grouped-window-list-item-box:hover, .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:focus, .grouped-window-list-item-box:active:focus, .grouped-window-list-item-box:focus:hover, .grouped-window-list-item-box:active:focus:hover { + color: #f8f8f2; + border-color: #bd93f9; } + .grouped-window-list-item-box .progress { + background-color: rgba(189, 147, 249, 0.3); } +.grouped-window-list-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: #F04A50; + background-gradient-end: #F04A50; } +.grouped-window-list-thumbnail-label { + padding-left: 4px; } +.grouped-window-list-number-label { + z-index: 99; + color: #f8f8f2; } +.grouped-window-list-badge { + border-radius: 256px; + background-color: rgba(26, 27, 35, 0.95); } +.grouped-window-list-button-label { + padding-left: 4px; } +.grouped-window-list-thumbnail-alert { + background: rgba(255, 52, 52, 0.3); } +.grouped-window-list-thumbnail-menu { + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); + background-color: #1e1f29; + border-radius: 3px; + padding: 0px; } + .grouped-window-list-thumbnail-menu > StBoxLayout { + padding: 4px; } + .grouped-window-list-thumbnail-menu .item-box { + padding: 10px; + border-radius: 2px; + spacing: 4px; } + .grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 8px; + border: 1px solid rgba(189, 147, 249, 0.5); } + .grouped-window-list-thumbnail-menu .item-box:selected { + border: 1px solid rgba(189, 147, 249, 0.5); } + .grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; } + .grouped-window-list-thumbnail-menu .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); } + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; } + .sound-button-container { + padding-right: 3px; + padding-left: 3px; } + .sound-button StIcon { + icon-size: 1.4em; } + +.sound-track-infos { + padding: 5px; } +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; } + .sound-track-info StIcon { + icon-size: 16px; } + .sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; } +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; } + +.sound-seek-box { + padding-left: 15px; } + .sound-seek-box StLabel { + padding-top: 2px; } + .sound-seek-box StIcon { + icon-size: 16px; } + +.sound-seek-slider { + width: 140px; } + +.sound-volume-menu-item { + padding: .4em 1.75em; } + .sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; } + +.sound-playback-control { + padding: 5px 10px 10px 10px; } + +.sound-player { + padding: 0 4px; } + .sound-player > StBoxLayout:first-child { + padding: 5px 10px 12px 10px; + spacing: 0.5em; } + .sound-player > StBoxLayout:first-child StButton:small { + width: 16px; + height: 8px; + padding: 1px; } + .sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 12px; } + .sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); } + .sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(8, 9, 12, 0.9); + border: 0px solid black; + border-bottom: 1px; + color: #BAC3CF; } + .sound-player-overlay StButton { + width: 22px; + height: 13px; + padding: 5px; + color: #BAC3CF; + border-radius: 2px; + border: 1px solid rgba(19, 20, 26, 0); } + .sound-player-overlay StButton StIcon { + icon-size: 16px; } + .sound-player-overlay StButton:hover { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #BAC3CF; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(82, 84, 112, 0.5); } + .sound-player-overlay StButton:active { + text-shadow: 0 1px rgba(40, 42, 54, 0); + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0 2px 4px rgba(189, 147, 249, 0.5); } + .sound-player-overlay StBoxLayout { + padding-top: 2px; } + .sound-player .slider { + height: 0.5em; + padding: 0; + border: none; + -slider-height: 0.5em; + -slider-background-color: #13141a; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: rgba(189, 147, 249, 0.5); + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; } + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; } + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; } + +.workspace-button { + width: 20px; + height: 10px; + color: #f8f8f2; + padding: 3px; + padding-top: 4px; + transition-duration: 300; } + .workspace-button:outlined, .workspace-button:outlined:hover { + color: #bd93f9; } + .workspace-button:hover { + color: rgba(189, 147, 249, 0.5); } + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; } + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); } + +.workspace-graph .workspace:active { + border: 1px solid rgba(189, 147, 249, 0.5); + background-gradient-direction: none; } + +.workspace-graph .workspace .windows { + -active-window-background: rgba(58, 60, 79, 0.95); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(58, 60, 79, 0.95); + -inactive-window-border: rgba(0, 0, 0, 0.8); } + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(69, 71, 94, 0.95); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(36, 38, 50, 0.95); + -inactive-window-border: rgba(0, 0, 0, 0.8); } + +.panel-launchers { + padding-left: 7px; + spacing: 2px; } + .panel-launchers .launcher { + padding-left: 2px; + padding-right: 2px; + padding-bottom: 2px; + transition-duration: 200; } + .panel-launchers .launcher:hover { + background-color: rgba(186, 195, 207, 0.1); } + .panel-launchers.vertical { + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + padding-right: 0px; + spacing: 1px; } + .panel-launchers.vertical .launcher { + padding-top: 2px; + padding-bottom: 2px; } + +#overview-corner { + background-image: url("common-assets/misc/overview.png"); } + #overview-corner:hover { + background-image: url("common-assets/misc/overview-hover.png"); } + +.applet-separator { + padding: 1px 4px; } +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); } +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #f8f8f2; + text-shadow: none; + transition-duration: 100; } + .applet-box.vertical { + padding: 3px 0; } + .applet-box:hover { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + .applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); } +.applet-label { + font-weight: bold; + color: #f8f8f2; } + .applet-label:hover, .applet-box:hover > .applet-label { + color: #f8f8f2; + text-shadow: none; } +.applet-icon { + color: #f8f8f2; + icon-size: 22px; } + .applet-icon:hover, .applet-box:hover > .applet-icon { + color: #f8f8f2; + text-shadow: none; } + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; } + +.user-label { + color: #f8f8f2; + font-size: 1em; + font-weight: bold; + margin: 0px; } + +.desklet { + color: #BAC3CF; } + .desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); } + .desklet-with-borders { + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + color: #BAC3CF; + padding: 12px; + padding-bottom: 16px; } + .desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); } + .desklet-with-borders-and-header { + border-image: url("common-assets/misc/desklet.svg") 9 9 9 9; + color: #BAC3CF; + border-radius: 0; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; } + .desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); } + .desklet-header { + border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9; + color: #BAC3CF; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; } + .desklet-drag-placeholder { + border: 2px solid rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.3); } + +.photoframe-box { + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + color: #BAC3CF; + padding: 12px; + padding-bottom: 16px; } + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; } + +.notification-applet-padding { + padding: .5em 1em; } + +.notification-applet-container { + max-height: 100px; } + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(189, 147, 249, 0.3); + border: 1px solid rgba(189, 147, 249, 0.5); } + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; } + +/*# sourceMappingURL=cinnamon.css.map */ diff --git a/filesystem/.themes/Dracula/cinnamon/cinnamon.scss b/filesystem/.themes/Dracula/cinnamon/cinnamon.scss new file mode 100644 index 00000000..4a614619 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/cinnamon.scss @@ -0,0 +1,7 @@ +$variant: 'dark'; +$transparency: 'true'; +$darker: 'false'; + +@import "_colors"; //use gtk colors +@import "_drawing"; +@import "_common"; diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/menu/menu-hover.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/menu/menu-hover.svg new file mode 100644 index 00000000..bff5bc51 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/menu/menu-hover.svg @@ -0,0 +1,93 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/menu/menu-separator.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/menu/menu-separator.svg new file mode 100644 index 00000000..4962ebcd --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/menu/menu-separator.svg @@ -0,0 +1,60 @@ + + + + + + + + + + image/svg+xml + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/add-workspace-active.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/add-workspace-active.svg new file mode 100644 index 00000000..17800c79 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/add-workspace-active.svg @@ -0,0 +1,144 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/add-workspace-hover.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/add-workspace-hover.svg new file mode 100644 index 00000000..e771e33f --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/add-workspace-hover.svg @@ -0,0 +1,117 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/add-workspace.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/add-workspace.svg new file mode 100644 index 00000000..65f53610 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/add-workspace.svg @@ -0,0 +1,117 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/bg.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/bg.svg new file mode 100644 index 00000000..7d162944 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/bg.svg @@ -0,0 +1,131 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/calendar-arrow-left-hover.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/calendar-arrow-left-hover.svg new file mode 100644 index 00000000..b40eb47a --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/calendar-arrow-left-hover.svg @@ -0,0 +1,161 @@ + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/calendar-arrow-left.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/calendar-arrow-left.svg new file mode 100644 index 00000000..27742545 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/calendar-arrow-left.svg @@ -0,0 +1,152 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/calendar-arrow-right-hover.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/calendar-arrow-right-hover.svg new file mode 100644 index 00000000..980b9ebd --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/calendar-arrow-right-hover.svg @@ -0,0 +1,161 @@ + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/calendar-arrow-right.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/calendar-arrow-right.svg new file mode 100644 index 00000000..366e69b1 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/calendar-arrow-right.svg @@ -0,0 +1,152 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/close-active.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/close-active.svg new file mode 100644 index 00000000..95822bf3 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/close-active.svg @@ -0,0 +1,100 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/close-hover.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/close-hover.svg new file mode 100644 index 00000000..7b52140c --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/close-hover.svg @@ -0,0 +1,100 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/close.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/close.svg new file mode 100644 index 00000000..e221a33f --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/close.svg @@ -0,0 +1,100 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/corner-ripple.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/corner-ripple.svg new file mode 100644 index 00000000..a692fc2b --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/corner-ripple.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/desklet-header.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/desklet-header.svg new file mode 100644 index 00000000..458f5f8b --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/desklet-header.svg @@ -0,0 +1,162 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/desklet.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/desklet.svg new file mode 100644 index 00000000..0862589e --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/desklet.svg @@ -0,0 +1,156 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/osd.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/osd.svg new file mode 100644 index 00000000..6cf5cc2a --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/osd.svg @@ -0,0 +1,131 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/overview-hover.png b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/overview-hover.png new file mode 100644 index 00000000..75673f9c Binary files /dev/null and b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/overview-hover.png differ diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/overview.png b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/overview.png new file mode 100644 index 00000000..9eb4f87f Binary files /dev/null and b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/overview.png differ diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/misc/trash-icon.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/trash-icon.svg new file mode 100644 index 00000000..61097ddb --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/misc/trash-icon.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/panel/activities-active.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/activities-active.svg new file mode 100644 index 00000000..be452470 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/activities-active.svg @@ -0,0 +1,167 @@ + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/panel/activities.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/activities.svg new file mode 100644 index 00000000..b4a4b0dd --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/activities.svg @@ -0,0 +1,158 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/panel/panel-bottom.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/panel-bottom.svg new file mode 100644 index 00000000..89e3e26b --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/panel-bottom.svg @@ -0,0 +1,83 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/panel/panel-left.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/panel-left.svg new file mode 100644 index 00000000..8f91ed9d --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/panel-left.svg @@ -0,0 +1,83 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/panel/panel-right.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/panel-right.svg new file mode 100644 index 00000000..137673f5 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/panel-right.svg @@ -0,0 +1,83 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/panel/panel-top.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/panel-top.svg new file mode 100644 index 00000000..ad26fc6e --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/panel-top.svg @@ -0,0 +1,79 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/panel/window-list-active-bottom.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/window-list-active-bottom.svg new file mode 100644 index 00000000..fda91914 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/window-list-active-bottom.svg @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/panel/window-list-active-left.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/window-list-active-left.svg new file mode 100644 index 00000000..0b43f0b8 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/window-list-active-left.svg @@ -0,0 +1,152 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/panel/window-list-active-right.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/window-list-active-right.svg new file mode 100644 index 00000000..76180b74 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/window-list-active-right.svg @@ -0,0 +1,152 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/panel/window-list-active-top.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/window-list-active-top.svg new file mode 100644 index 00000000..d2c1cb9b --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/panel/window-list-active-top.svg @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/switch/switch-off-selected.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/switch/switch-off-selected.svg new file mode 100644 index 00000000..f285abf9 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/switch/switch-off-selected.svg @@ -0,0 +1,207 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/common-assets/switch/switch-on-selected.svg b/filesystem/.themes/Dracula/cinnamon/common-assets/switch/switch-on-selected.svg new file mode 100644 index 00000000..007265e1 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/common-assets/switch/switch-on-selected.svg @@ -0,0 +1,213 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/dark-assets/checkbox/checkbox-checked-focused.svg b/filesystem/.themes/Dracula/cinnamon/dark-assets/checkbox/checkbox-checked-focused.svg new file mode 100644 index 00000000..1313c88e --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/dark-assets/checkbox/checkbox-checked-focused.svg @@ -0,0 +1,203 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/dark-assets/checkbox/checkbox-checked.svg b/filesystem/.themes/Dracula/cinnamon/dark-assets/checkbox/checkbox-checked.svg new file mode 100644 index 00000000..5f97eb59 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/dark-assets/checkbox/checkbox-checked.svg @@ -0,0 +1,203 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/dark-assets/checkbox/checkbox-unchecked-focused.svg b/filesystem/.themes/Dracula/cinnamon/dark-assets/checkbox/checkbox-unchecked-focused.svg new file mode 100644 index 00000000..01c4066e --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/dark-assets/checkbox/checkbox-unchecked-focused.svg @@ -0,0 +1,149 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/dark-assets/checkbox/checkbox-unchecked.svg b/filesystem/.themes/Dracula/cinnamon/dark-assets/checkbox/checkbox-unchecked.svg new file mode 100644 index 00000000..5b2fc58c --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/dark-assets/checkbox/checkbox-unchecked.svg @@ -0,0 +1,140 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/dark-assets/menu/menu.svg b/filesystem/.themes/Dracula/cinnamon/dark-assets/menu/menu.svg new file mode 100644 index 00000000..fae28d21 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/dark-assets/menu/menu.svg @@ -0,0 +1,131 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/dark-assets/menu/submenu.svg b/filesystem/.themes/Dracula/cinnamon/dark-assets/menu/submenu.svg new file mode 100644 index 00000000..b1e3a149 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/dark-assets/menu/submenu.svg @@ -0,0 +1,116 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/dark-assets/misc/button-box.svg b/filesystem/.themes/Dracula/cinnamon/dark-assets/misc/button-box.svg new file mode 100644 index 00000000..ef41e12b --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/dark-assets/misc/button-box.svg @@ -0,0 +1,105 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/dark-assets/misc/message.svg b/filesystem/.themes/Dracula/cinnamon/dark-assets/misc/message.svg new file mode 100644 index 00000000..7c8f1b61 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/dark-assets/misc/message.svg @@ -0,0 +1,96 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/dark-assets/misc/modal.svg b/filesystem/.themes/Dracula/cinnamon/dark-assets/misc/modal.svg new file mode 100644 index 00000000..622cabb8 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/dark-assets/misc/modal.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/dark-assets/switch/switch-off.svg b/filesystem/.themes/Dracula/cinnamon/dark-assets/switch/switch-off.svg new file mode 100644 index 00000000..f285abf9 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/dark-assets/switch/switch-off.svg @@ -0,0 +1,207 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/dark-assets/switch/switch-on.svg b/filesystem/.themes/Dracula/cinnamon/dark-assets/switch/switch-on.svg new file mode 100644 index 00000000..007265e1 --- /dev/null +++ b/filesystem/.themes/Dracula/cinnamon/dark-assets/switch/switch-on.svg @@ -0,0 +1,213 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/cinnamon/thumbnail.png b/filesystem/.themes/Dracula/cinnamon/thumbnail.png new file mode 100644 index 00000000..a48cc232 Binary files /dev/null and b/filesystem/.themes/Dracula/cinnamon/thumbnail.png differ diff --git a/filesystem/.themes/Dracula/gnome-shell/_colors.scss b/filesystem/.themes/Dracula/gnome-shell/_colors.scss new file mode 100644 index 00000000..a6cb9937 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/_colors.scss @@ -0,0 +1,55 @@ +$base_color:#282a36; +$bg_color:#282a36; //252b2f +$main_dark: darken($bg_color, 3%); +$gray: lighten($bg_color, 7%); +$fg_color: #C3C7D1; +$dracula: $bg_color; +$topbar_color: #f8f8f2; + + +$orange: #ffb86c; +$yellow: #f1fa8c; +$red: #ff5555; +$purple: #bd93f9; +$cyan: #72BFD0; +$lime: #50fa7a; +$teal: #bd93f9; + +$g1: transparentize($purple, 0.5); +$g2: transparentize($purple, 0.5); + +$selected_fg_color: #f8f8f2; +$selected_bg_color: transparentize($purple, 0.5); +$selected_borders_color: darken($selected_bg_color, 10%); +$borders_color: darken($bg_color, 6%); +$borders_edge: transparentize(white, 0.9); +$link_color: #A0C1B9; +$link_visited_color: transparentize($link_color,0.5); +$top_hilight: $borders_edge; +$top_highlight: transparentize(white, 0.9); +$bottom_highlight: transparentize(black, 0.9); + +$warning_color: darken($orange,10%); +$error_color: darken( $red,5%); +$success_color: darken($cyan,10%); +$destructive_color: darken( #c72240,10%); + +$osd_fg_color: $fg_color; +$osd_bg_color: transparentize($bg_color, 0.05); +$osd_borders_color: transparentize(black, 0.3); +$osd_outer_borders_color: transparentize(white, 0.9); + +$tooltip_borders_color: $osd_outer_borders_color; + +//insensitive state derived colors +$insensitive_fg_color: mix($fg_color, $bg_color, 50%); +$insensitive_bg_color: mix($bg_color, $base_color, 60%); +$insensitive_borders_color: $borders_color; + +//colors for the backdrop state, derived from the main colors. +$backdrop_base_color: lighten($base_color,1%); +$backdrop_bg_color: $bg_color; +$backdrop_fg_color: transparentize($fg_color, 0.2); +$backdrop_insensitive_color: lighten($backdrop_bg_color, 15%); +$backdrop_borders_color: mix($borders_color, $bg_color, 90%); +$backdrop_dark_fill: mix($backdrop_borders_color,$backdrop_bg_color, 35%); diff --git a/filesystem/.themes/Dracula/gnome-shell/_common.scss b/filesystem/.themes/Dracula/gnome-shell/_common.scss new file mode 100644 index 00000000..50258a2d --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/_common.scss @@ -0,0 +1,2391 @@ +$corner-radius: 2px; + + +/* GLOBALS */ +$font-size: 11; +$_bubble_bg_color: $osd_bg_color; +$_bubble_fg_color: $fg_color; +$_bubble_borders_color: $fg_color; +$_bubble_transparent: transparentize($osd_bg_color, 0.17); +$topbar_bg_color: transparentize($main_dark, 0.05); + +stage { + @include fontsize($font-size); + color: $fg_color; +} + +/* WIDGETS */ + +/* Buttons */ +.button, .icon-button, %button { + @include button(normal); + &:focus { @include button(focus); } + &:insensitive { @include button(insensitive); } + &:active, &:checked { @include button(active); } + &:hover { + @include button(hover); + } +} + +.button { + border-radius: 5px; + padding: 4px 32px; +} + +.modal-dialog-linked-button { + padding: 10px; + @include button(normal); + &:insensitive { @include button(insensitive); } + &:active { + @include button(active); + } + &:focus { + @include button(focus); + &:hover { + @include button(focus); + } + } + &:hover { + @include button(hover); + } + + &:first-child { border-radius: 0px 0px 0px 10px; } + &:last-child { border-radius: 0px 0px 10px 0px; } + &:first-child:last-child { border-radius: 0px 0px 10px 10px; } +} + +/* Entries */ +StEntry { + @include entry(normal); + border-radius: 6px; + padding: 4px; + color: $fg_color; + border-width: 1px; + &:hover { @include entry(hover);} + &:focus { @include entry(focus,$fc:transparentize($fg_color,0.5));} + &:insensitive { @include entry(insensitive);} + selection-background-color: $selected_bg_color; + selected-color: $selected_fg_color; + StIcon.capslock-warning { + icon-size: 16px; + warning-color: $warning_color; + padding: 0 4px; + } + + StLabel.hint-text { color: transparentize($fg_color, 0.3); } + +} + + +/* Scrollbars */ + +StScrollView { + &.vfade { -st-vfade-offset: 68px; } + &.hfade { -st-hfade-offset: 68px; } +} + +StScrollBar { + padding: 0; + + StScrollView & { + min-width: 14px; + min-height: 14px; + } + + StBin#trough { + border-radius: 0; + background-color: transparent; + } + + StButton#vhandle, StButton#hhandle { + border-radius: 8px; + background-color: mix($fg_color, $bg_color, 20%); + //border: 3px solid transparent; //would be nice to margin or at least to transparent + margin: 3px; + &:hover { background-color: mix($fg_color, $bg_color, 80%); } + &:active { background-color: $selected_bg_color; } + } +} + +/* Slider */ + +$slider_size: 16px; + +.slider { + color: $fg_color; + // slider trough + -barlevel-height: 3px; + -barlevel-background-color: transparentize($fg_color, 0.6); //background of the trough + -barlevel-border-width: 2px; + -barlevel-border-color: transparent; // trough border color + // fill style + -barlevel-active-background-color: $purple; + -barlevel-active-border-color: transparent; + // overfill style (red in this case) + -barlevel-overdrive-color: $destructive_color; + -barlevel-overdrive-border-color: transparent; //trough border when red; + -barlevel-overdrive-separator-width: 0px; + // slider handler + -slider-handle-radius: $slider_size * 0.5; // half the size of the size + -slider-handle-border-width: 0; + -slider-handle-border-color: transparent; // because 0 width +} + +/* Check Boxes */ + +.check-box { + StBoxLayout { spacing: .8em; } + StBin { + width: 24px; + height: 22px; + background-image: url("assets/checkbox-off.svg"); + } + &:focus, &:hover StBin { background-image: url("assets/checkbox-off-focused.svg"); } + &:checked StBin { background-image: url("assets/checkbox.svg"); } + &:focus:checked StBin { background-image: url("assets/checkbox-focused.svg"); } +} + +/* Switches */ +.toggle-switch { + width: 65px; + height: 22px; + background-size: contain; + //Gnome 3.32// + background-image: url("assets/toggle-off.svg"); + &:checked { background-image: url("assets/toggle-on.svg"); } +} + + @each $v in us, intl { + .toggle-switch-#{$v} { + background-image: url("assets/toggle-off.svg"); + &:checked { background-image: url("assets/toggle-on.svg"); } + } + } + +/* links */ +.shell-link { + color: $link_color; + &:hover { color: lighten($link_color,10%); } +} + +/* Modal Dialogs */ + +.headline { font-size: 110%; } +.lightbox { background-color: black; } +.flashspot { background-color: white; } + +.modal-dialog { + border: 1px solid $borders_color; + border-radius: 10px; + color: $osd_fg_color; + background-color: darken($osd_bg_color,5%); + box-shadow: $depth6; + + .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; + } + + .run-dialog-entry { + width: 20em; + margin-bottom: 6px; + } + .run-dialog-error-box { + color: $error_color; + padding-top: 16px; + spacing: 6px; + } + .run-dialog-button-box { padding-top: 1em; } + .run-dialog-label { + @include fontsize($font-size + 1.1); + font-weight: bold; + color: darken($osd_fg_color,10%); + padding-bottom: .4em; + } + + .run-dialog-description { + color: $fg_color; + } + +} + + .mount-dialog-subject, + .end-session-dialog-subject { //this should be a generic header class + @include fontsize($font-size * 1.3); + } + +/* Message Dialog */ + .message-dialog-main-layout { + padding: 12px 20px 0; + spacing: 12px; + } + + .message-dialog-content { + max-width: 28em; + spacing: 20px; + } + + .message-dialog-icon { + min-width: 48px; + icon-size: 48px; + } + + .message-dialog-title { + font-weight: bold; + } + + .message-dialog-subtitle { + color: darken($fg_color,40%); + font-weight: bold; + } + +/* End Session Dialog */ +.end-session-dialog { + border: none; + & .modal-dialog-linked-button:last-child { + background-color: $red; + color: #fff; + &:hover, &:focus { + background: darken($error_color, 3%); + color: #fff; + } + } +} + + .end-session-dialog-list { + padding-top: 20px; + } + + .end-session-dialog-layout { + padding-left: 17px; + &:rtl { padding-right: 17px; } + } + + .end-session-dialog-description { + width: 28em; + padding-bottom: 10px; + &:rtl { + text-align: right; + } + } + + .end-session-dialog-warning { + width: 28em; + color: $warning_color; + padding-top: 6px; + &:rtl { + text-align: right; + } + } + + .end-session-dialog-logout-icon { + //border: 2px solid #8b8b8b; + border-radius: 3px; + width: 48px; + height: 48px; + background-size: contain; + } + + .end-session-dialog-shutdown-icon { + color: $error_color; + width: 48px; + height: 48px; + } + + .end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; + } + + .end-session-dialog-session-list, + .end-session-dialog-app-list { + spacing: 1em; + } + + .end-session-dialog-list-header { + font-weight: bold; + &:rtl { text-align: right; } + } + + .end-session-dialog-app-list-item, + .end-session-dialog-session-list-item { + spacing: 1em; + } + + .end-session-dialog-app-list-item-name, + .end-session-dialog-session-list-item-name { + font-weight: bold; + } + + .end-session-dialog-app-list-item-description { + color: darken($fg_color,5%); + font-size: 10pt; + } + +/* ShellMountOperation Dialogs */ +.shell-mount-operation-icon { icon-size: 48px; } + + .mount-dialog { + spacing: 24px; + + .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; + } + + .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; + } + + .message-dialog-body { + padding-left: 17px; + width: 28em; + } + + .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; + } + } + + .mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; + } + + .mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; + } + + .mount-dialog-app-list-item { + color: darken($fg_color,10%); + &:hover { color: $fg_color; } + &:ltr { padding-right: 1em; } + &:rtl { padding-left: 1em; } + } + + .mount-dialog-app-list-item-icon { + &:ltr { padding-right: 17px; } + &:rtl { padding-left: 17px; } + } + + .mount-dialog-app-list-item-name { + font-size: 10pt; + } + + +/* Password or Authentication Dialog */ + +.prompt-dialog { + //this is the width of the entire modal popup + width: 28em; + border: none; + border-radius: 10px; + + .message-dialog-main-layout { spacing: 24px; padding: 10px; } + .message-dialog-content { spacing: 16px; } + .message-dialog-title { color: darken($osd_fg_color,25%); } +} + + .prompt-dialog-description:rtl { + text-align: right; + } + + .prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; + } + + .prompt-dialog-error-label { + font-size: 10pt; + color: $error_color; + padding-bottom: 8px; + } + + .prompt-dialog-info-label { + font-size: 10pt; + padding-bottom: 8px; + } + + .hidden { + color: rgba(0,0,0,0); + } + + .prompt-dialog-null-label { + font-size: 10pt; + padding-bottom: 8px; + } + + +/* Polkit Dialog */ + +.polkit-dialog-user-layout { + padding-left: 10px; + spacing: 10px; + &:rtl { + padding-left: 0px; + padding-right: 10px; + } +} + + .polkit-dialog-user-root-label { + color: $warning_color; + } + + .polkit-dialog-user-icon { + border-radius: 3px; + background-size: contain; + width: 48px; + height: 48px; + } + +/* Audio selection dialog */ +.audio-device-selection-dialog { + spacing: 30px; +} + + .audio-selection-content { + spacing: 20px; + padding: 24px; + } + + .audio-selection-title { + font-weight: bold; + text-align: center; + } + + .audio-selection-box { + spacing: 20px; + } + + .audio-selection-device { + border: 1px solid $_bubble_borders_color; + border-radius: 12px; + &:active,&:hover,&:focus { background-color: $selected_bg_color; } + } + + .audio-selection-device-box { + padding: 20px; + spacing: 20px; + } + + .audio-selection-device-icon { + icon-size: 64px; + } + +/* Access Dialog */ +.access-dialog { + spacing: 30px; +} + +/* Geolocation Dialog */ +.geolocation-dialog { + spacing: 30px; +} + +/* Extension Dialog */ +.extension-dialog { + .message-dialog-main-layout { spacing: 24px; padding: 10px; } + .message-dialog-title { color: darken($osd_fg_color,25%); } +} + +/* Inhibit-Shortcuts Dialog */ +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +/* Network Agent Dialog */ + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +/* Popovers/Menus */ + +.popup-menu { + min-width: 15em; + background-color: transparent; + color: $fg_color; + + //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is + &.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; + } +} + +.popup-menu-arrow { } //defined globally in the TOP BAR +.popup-sub-menu { + background-color: lighten($bg_color, 2%); + box-shadow: $depth6; + border: none; + border-radius: 0px 0px 6px 6px; + .popup-menu-item { + border-radius: 0; + margin: 0; + background-color: lighten($bg_color, 2%) !important; + + &:last-child { + border-radius: 0 0 6px 6px; + } + + &:active, + &.selected, + &:hover, + &:focus { background-color: lighten($bg_color, 9%) !important; color: $fg_color; } + } + +} + +.popup-menu-content { + padding: 6px; + background: $main_dark; + border-radius: 12px; + border: 1px solid $borders_color; +} + +.popup-menu-item { + spacing: 6px; + border-radius: 6px; + background-gradient-direction: none; + color: $fg_color !important; + + &:ltr {padding-left: 6px;} + &:rtl {padding-right: 6px;} + + &:active, + &.selected, + &:hover, + &:focus { background-color: lighten($bg_color, 3%) !important; color: $fg_color !important; } + + &:checked { + background-color: lighten($bg_color, 7%) !important; + border-radius: 6px 6px 0px 0px; + box-shadow: none; + color: $selected_fg_color !important; + } + + &:insensitive { color: transparentize($fg_color,.5); } +} + +.popup-inactive-menu-item { //all icons and other graphical elements + color: $fg_color; + + &:insensitive { color: transparentize($fg_color,0.5); } +} + +// symbolic icons in popover +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 16px !important; // for some reason the variable doesn't work here +} + + +.popup-menu-ornament { + text-align: right; + width: 1.2em; +} + +// separator +.popup-separator-menu-item { + margin: 6px 0; + padding:0 !important; + &:ltr { margin-right: 6px;} + &:rtl { margin-left: 6px;} + + .popup-separator-menu-item-separator { + height: 1px; //not really the whole box + background-color: $gray; + } + + .popup-menu-ornament { + width: 0 !important; + } + + // separators in submenus + .popup-sub-menu & { + background-color: transparent; + + // account for ornament + &:ltr { margin-right: 2.5em;} + &:rtl { margin-left: 2.5em;} + + .popup-separator-menu-item-separator { + background-color: lighten($gray, 7%); + } + } +} + + +// Background menu +.background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ + + +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + + .osd-monitor-label { font-size: 3em; } + .level { + height: 0.4em; + border-radius: 0.3em; + color: $osd_fg_color; + + -barlevel-height: 0.4em; + -barlevel-background-color: $gray; + -barlevel-active-background-color: opacify($selected_bg_color, 1); + -barlevel-overdrive-color: $red; + -barlevel-overdrive-separator-width: 0.2em; + } + .level-bar { + background-color: $selected_bg_color; + border-radius: 0.3em; + } +} + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: transparentize(black, 0.2); + + .pad-osd-title-box { spacing: 12px; } + .pad-osd-title-menu-box { spacing: 6px; } +} + +.combo-box-label { + width: 15em; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; +} + +.osd-window, +.resize-popup, +.switcher-list { + @extend %osd-panel; +} + + .switcher-list-item-container { spacing: 8px; } + + .switcher-list .item-box { + padding: 8px; + border-radius: 4px; + background-color: transparent; + } + + .switcher-list .item-box:outlined { + padding: 6px; + border: 2px solid darken($borders_color,10%); + } + + .switcher-list .item-box:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + .switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; + } + + .switcher-list .thumbnail { + width: 256px; + } + + .switcher-list .separator { + width: 1px; + background: $borders_color; + } + + .switcher-arrow { + border-color: rgba(0,0,0,0); + color: transparentize($fg_color,0.2); + &:highlighted { + color: $fg_color; + } + } + + .input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; + } + +/* Window Cycler */ +.cycler-highlight { border: 5px solid $selected_bg_color; } + +/* Workspace Switcher */ +.workspace-switcher-group { padding: 12px; } + + .workspace-switcher-container { + @extend %osd-panel; + } + + .workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; + } + + .ws-switcher-active-up, + .ws-switcher-active-down, + .ws-switcher-active-left, + .ws-switcher-active-right { + height: 50px; + background-color: $selected_bg_color; + color: $selected_fg_color; + border: none; + background-size: 32px; + border-radius: 8px; + } + .ws-switcher-active-up { + background-image: url("assets/ws-switch-arrow-up.png"); } + + .ws-switcher-active-down { + background-image: url("assets/ws-switch-arrow-down.png"); } + + .ws-switcher-box { + height: 50px; + border: 1px solid transparentize($osd_fg_color,0.9); + background: darken($_bubble_bg_color, 10%); + border-radius: 8px; + } + +%osd-panel { + color: $_bubble_fg_color; + background-color: $_bubble_bg_color; + border: 1px solid $borders_color; + box-shadow: 0px 0px 7px $borders_color; + border-radius: 18px; + padding: 12px; +} + +/* Tiled window previews */ +.tile-preview { + background-color: transparentize($selected_bg_color, 0.2); + border: 1px solid $selected_bg_color; +} + + .tile-preview-left.on-primary { + border-radius: $corner-radius $corner-radius 0 0; + } + + .tile-preview-right.on-primary { + border-radius: 0 $corner-radius 0 0; + } + + .tile-preview-left.tile-preview-right.on-primary { + border-radius: $corner-radius $corner-radius 0 0; + } + +/* TOP BAR */ + +#panel { + background-gradient-direction: none; + background-color: $topbar_bg_color; + /* transition from solid to transparent */ + transition-duration: 500ms; + font-weight: bold; + height: 2.1em; + padding: 0px 0px; + + &.unlock-screen, + &.login-screen, + &.lock-screen { + background-color: transparent; + } + + #panelLeft, #panelCenter { // spacing between activities<>app menu and such + spacing: 4px; + } + + .panel-corner { + -panel-corner-radius: 0px; + -panel-corner-background-color: rgba(0, 0, 0, 0.2); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; + + &:active, &:overview, &:focus { + -panel-corner-border-color: lighten($selected_bg_color,5%); + } + + &.lock-screen, &.login-screen, &.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; + } + } + + .panel-button { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: $topbar_color; + transition-duration: 100ms; + + .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 4px; + margin-right: 4px; + //dimensions of the icon are hardcoded + } + + .system-status-icon, + .app-menu-icon > StIcon, + .popup-menu-arrow { + icon-shadow: none; + } + + &:hover { + box-shadow: inset 0 0 0 100px lighten($topbar_bg_color, 10%); + color: lighten($topbar_color, 10%); + transition-duration: 200ms; + + &.clock-display { + box-shadow: none; + + .clock { + box-shadow: inset 0 0 0 100px lighten($topbar_bg_color, 10%); + } + } + } + + &:active, &:overview, &:focus, &:checked { + // Trick due to St limitations. It needs a background to draw + // a box-shadow + box-shadow: inset 0 0 0 100px $selected_bg_color; + color: $selected_fg_color; + transition-duration: 200ms; + + &.clock-display { + box-shadow: none; + + .clock { + box-shadow: inset 0 0 0 100px $selected_bg_color; + } + } + } + + .system-status-icon { icon-size: 1.09em; padding: 0 5px; } + .unlock-screen &, + .login-screen &, + .lock-screen & { + color: lighten($fg_color, 10%); + &:focus, &:hover, &:active { color: lighten($fg_color, 10%); } + } + + } + + .panel-status-indicators-box, + .panel-status-menu-box { + spacing: 2px; + } + + // spacing between power icon and (optional) percentage label + .power-status.panel-status-indicators-box { + spacing: 0; + } + + .screencast-indicator { color: $warning_color; } + + &.solid { + background-color: $dracula; + /* transition from transparent to solid */ + transition-duration: 300ms; + + .panel-corner { + -panel-corner-background-color: black; + } + .system-status-icon, + .app-menu-icon > StIcon, + .popup-menu-arrow { + icon-shadow: none; + } + } +} + + .calendar { + background: transparent; + border: none; + box-shadow: none; + } + + .world-clocks-button, .weather-button, .events-button { + background: darken($bg_color, 0.7%); + border-radius: 7px; + box-shadow: 0px 0px 1px 1px $borders_color inset; + color: $fg_color; + } + + .datemenu-calendar-column { + border: none; + } + + .datemenu-today-button, + .events-section-title, + .message-list-section-title{ + border-radius: 4px; + color: $fg_color; + padding: .4em; + } + + + .datemenu-today-button, + .world-clocks-button, + .weather-button, + .events-section-title, + .message-list-section-title, + .events-button { + &:hover,&:focus { background-color: lighten($bg_color,5%); } + &:active { + color: lighten($selected_fg_color,5%); + background-color: $selected_bg_color; + } + } + + .datemenu-today-button .day-label { + } + + .datemenu-today-button .date-label { + font-size: 1.5em; + } + + .world-clocks-header, + .weather-header, + .events-section-title, + .message-list-section-title, + .events-title { + color: darken($fg_color, 10%); + font-weight: bold; + } + + .events-button .event-time { + color: darken($fg_color, 4%); + } + + .world-clocks-grid { + spacing-rows: 0.4em; + } + + .weather-box { + spacing: 0.4em; + } + + .calendar-month-label { + background-color: transparent; + color: darken($fg_color,5%); + font-weight: bold; + padding: 8px 0; + &:focus {} + } + + .pager-button { + color: white; + background-color: transparent; + width: 32px; + border-radius: 4px; + &:hover, &:focus { background-color: transparentize($fg_color,0.95); } + &:active { background-color: transparentize($bg_color,0.95); } + } + + .calendar-change-month-back { //arrow back + background-image: url("assets/calendar-arrow-left.svg"); + &:rtl { background-image: url("assets/calendar-arrow-right.svg"); } + } + .calendar-change-month-forward { //arrow foreward + background-image: url("assets/calendar-arrow-right.svg"); + &:rtl { background-image: url("assets/calendar-arrow-left.svg"); } + } + + .calendar-change-month-back StIcon, + .calendar-change-month-forward StIcon { + color: darken($fg_color, 5%); + } + + .calendar-day-base, .calendar-day { + font-size: 80%; + text-align: center; + width: 2.4em; height: 2.4em; + padding: 0.1em; + margin: 2px; + border-radius: 99px; + color: $fg_color; + background-gradient-direction: none; + background-color: transparent; + + &:hover,&:focus { + background-color: lighten($bg_color, 7%); + box-shadow: none !important; + } + &:active,&:selected { + color: lighten($selected_fg_color,5%); + background-color: $selected_bg_color; + border-color: transparent; //avoid jumparound due to today + box-shadow: none !important; + } + } + .calendar-day-heading { //day of week heading + background-color: transparent; + color: $fg_color; + margin-top: 1em; + font-size: 70%; + } + .calendar-day { //border collapse hack - see calendar.js + border-width: 0; + } + .calendar-day-top { border-top-width: 1px; } + .calendar-day-left { border-left-width: 1px; } + .calendar-work-day { + + } + .calendar-nonwork-day { + color: $insensitive_fg_color; + } + + // Today + .calendar-today { + font-weight: bold; + border: 1px solid $selected_bg_color; + background-color: transparent; + color: $selected_fg_color !important; + + &:hover,&:focus { + background-color:lighten($selected_bg_color, 3%); + color: $selected_fg_color; + } + + &:active,&:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &:hover,&:focus { + background-color:lighten($selected_bg_color, 3%); + color: $selected_fg_color; + } + } + } + .calendar-day-with-events { + color: lighten($fg_color,10%); + font-weight: bold; + background-image: url("assets/calendar-today.svg"); + } + .calendar-other-month-day { + color: $insensitive_fg_color; + opacity: 0.5; + } + .calendar-week-number { + font-size: 70%; + font-weight: bold; + width: 2.3em; height: 1.8em; + border-radius: 2px; + padding: 0.5em 0 0; + margin: 6px; + background-color: transparentize($fg_color,0.7); + color: $bg_color; + } + + /* Message list */ + .message-list { + border-color: $gray; + } + + .message-title, .message-content, .message-body { + &, .message-list & { + color: darken($fg_color, 2%); + } + } + + .message-list-sections { + spacing: 1em; + } + + .message-list-section, + .message-list-section-list { + spacing: 0.4em; + } + .message-list-section-close{ + & > StIcon { + icon-size: 16px; + border-radius: 16px; + padding: 8px; + color: $fg_color; + background-color: transparent; + } + &:hover > StIcon, + &:focus > StIcon + &:active > StIcon{ + color: $selected_fg_color; + background: transparent; + } + } + + .message { + &:hover,&:focus { + background-color: lighten($base_color, 4%); + } + background: $base_color; + border: 1px solid $borders_color; + border-radius: 8px; + box-shadow: none; + } + + .message-close-button { + color: $fg_color; + &:hover > StIcon, + &:focus > StIcon + &:active > StIcon{ + color: $selected_fg_color; + background: transparent; + } + } + .message-secondary-bin > .event-time { + color: darken($fg_color, 15%); + font-size: 0.7em; + /* HACK: the label should be baseline-aligned with a 1em label, + fake this with some bottom padding */ + padding-bottom: 0.13em; + + } + + .message-secondary-bin > StIcon { + icon-size: 16px; + } + + .message-title { + //color: darken($fg_color,5%); + + } + + .message-content { + // color: darken($fg_color,20%); + padding: 10px; + } + +/* Media Controls */ +.message-media-control { + + color: $fg_color; + + // colors are lightened since the media controls are in a card + &:hover { + background-color: lighten($base_color, 8%); + color: $selected_fg_color; + } + + &:active { + background-color: lighten($base_color, 12%); + color: $selected_fg_color; + } + + &:insensitive { color: lighten($insensitive_fg_color, 5%); } + +} + .media-message-cover-icon { + icon-size: 48px !important; + &.fallback { + color: lighten($bg_color,10%); + background-color: $bg_color; + border: 2px solid $bg_color; + border-radius: 2px; + icon-size: 16px; + padding: 8px; } + } + + /* World clocks */ +.world-clocks-button { + + // city label + .world-clocks-city { + color: $fg_color; + font-weight: normal; + } + + // timezone time + .world-clocks-time { + font-weight: bold; + color: $fg_color; + font-feature-settings: "lnum"; + text-align: right; + } + + // timezone offset label + .world-clocks-timezone { + color: darken($fg_color, 20%); + font-feature-settings: "tnum"; + } +} + +/* Weather */ +.weather-button { + + .weather-header { + color: darken($fg_color, 10%); + font-weight: bold; + + &.location { + font-weight: normal; + } + } + + .weather-forecast-time { + color: darken($fg_color, 10%); + font-feature-settings: "tnum"; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; + } + + .weather-forecast-temp { + font-weight: bold; + } +} + + // a little unstructured mess: + + .system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; + } + .system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; + } + + #appMenu { + spinner-image: url("assets/process-working.svg"); + spacing: 4px; + + .label-shadow { color: transparent; } + } + + .aggregate-menu { + min-width: 21em; + .popup-menu-icon { padding: 0 4px; } + } + + .system-menu-action { + + color: $fg_color; + + border-radius: 32px; /* wish we could do 50% */ + border: 1px solid $borders_color; + background: darken($bg_color, 3%); + padding: 13px; + + &:hover, &:focus { + border: 1px solid $selected_bg_color; + color: $selected_bg_color; + background: transparent; + } + &:active { + background-color: darken($selected_bg_color, 10%); + color: $selected_fg_color; + border: 1px solid darken($selected_bg_color, 10%); + } + + & > StIcon { icon-size: 16px; } + } + +//Activities Ripples +.ripple-box { + width: 52px; + height: 52px; + background-image: url("assets/corner-ripple-ltr.png"); + background-size: contain; +} + +.ripple-box:rtl { + background-image: url("assets/corner-ripple-rtl.png"); +} + +// not really top bar only +.popup-menu-arrow { width: 16px; height: 16px; } +.popup-menu-icon { icon-size: 1.09em; } + +//close buttons + +.window-close, %window-close-button { + background-color: $main_dark; + color: lighten($fg_color, 4%); + border-radius: 30px * 0.5 + 3px * 2; + border: 2px solid $borders_color; + padding: 3px; + height: 28px; + width: 28px; + box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.5); + transition-duration: 300ms; + + & StIcon { icon-size: 23px; } + + &:hover { + border-color: $selected_bg_color; + } + + &:active { + color: $purple; + background-color: darken($osd_bg_color, 5%); + } +} + .window-close { + -shell-close-overlap: 16px; + &:rtl { -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); } + } + +/* NETWORK DIALOGS */ + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + + .nm-dialog-content { + spacing: 20px; + padding: 24px; + } + .nm-dialog-header-hbox { spacing: 10px; } + .nm-dialog-airplane-box { spacing: 12px; } + + .nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; + } + + .nm-dialog-airplane-text { color: $fg_color; } + .nm-dialog-header-icon { icon-size: 32px; } + .nm-dialog-scroll-view { border: 2px solid $borders_color; background: $bg_color; } + .nm-dialog-header { font-weight: bold; } + + .nm-dialog-item { + font-size: 110%; + border-bottom: 1px solid $borders_color; + padding: 12px; + spacing: 20px; + } + + .nm-dialog-item:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + .nm-dialog-icons { spacing: .5em; } + .nm-dialog-icon { icon-size: 16px; } + .no-networks-label { color: #999999; } + .no-networks-box { spacing: 12px; } + +/* OVERVIEW */ + +#overview,.controls-manager, .secondary-monitor-workspaces { + spacing: 24px; // +} + +#overviewGroup { + background-color: $base_color; +} + +.overview-controls { + padding-bottom: 32px; +} + + .window-picker { //container around window thumbnails + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + + &.external-monitor { padding: 16px; } + } + + .window-clone-border { + border: 1px solid transparentize(rgba(255, 255, 255, 0.3),.7); + border-radius: 0px; + // For window decorations with round corners we can't match + // the exact shape when the window is scaled. So apply a shadow + // to fix that case + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); + } + .window-caption { + spacing: 20px; + color: $topbar_color; + background-color: $main_dark; + border: 1px solid $borders_color; + padding: 4px 8px; + } + + //search entry + .search-entry { + width: 320px; + padding: 9px; + border-radius: 10px; + color: $fg_color; + border-color: transparent; + + .search-entry-icon { icon-size: 1em; padding: 0 4px; color: transparentize($fg_color,.3); } + + } + + //search results + + %search-section-content-item { + background-color: transparent; + &:focus, + &:hover, + &:selected { + background-color: transparentize($osd_fg_color, .9); + transition-duration: 200ms; + } + + &:active, + &:checked { + background-color: transparentize(darken($osd_bg_color, 10%), .1); + } + } + + #searchResultsBin { + max-width: 1000px; + } + + #searchResultsContent { + padding-left: 20px; + padding-right: 20px; + spacing: 16px; + } + + .search-section { spacing: 16px; } // This should be equal to #searchResultsContent spacing + .search-section-content { + background-color: transparent; + border-radius: 0; + border: none; + box-shadow: none; + // This is the space between the provider icon and the results container + spacing: 32px; + } + .search-statustext { // "no results" + @extend %status_text; + } + .list-search-results { spacing: 3px; } + + .search-section-separator { height: 2px; background-color: $gray; } + + .list-search-result-content { spacing: 30px; } + .list-search-result-title { color: lighten($topbar_color,5%); spacing: 12px; } + .list-search-result-description { color: transparentize(lighten($topbar_color,15%), 0.5); } + .list-search-provider-details { width: 150px; color: lighten($topbar_color,5%); margin-top: 0.24em; } + .list-search-provider-content { spacing: 20px; } + .search-provider-icon { padding: 15px; } + + //Icon tile + .search-provider-icon, + .list-search-result { + @extend %search-section-content-item; + } + + + /* DASHBOARD */ + + .dash-background { + background-color: $main_dark; + } + + .dash-separator { + width: 1px; + background-color: $gray; + } + + .dash-label { //osd tooltip + border-radius: 7px; + padding: 4px 12px; + color: $topbar_color; + background-color: $topbar_bg_color; + text-align: center; + -x-offset: 8px; + } + + /* App Vault/Grid */ + .icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + + .overview-icon { icon-size: 96px; } + } + //.app-display { spacing: 20px; } + + .system-action-icon { + background-color: black; + color: white; + border-radius: 99px; + icon-size: 48px; + } + + .app-view-controls { //favorties | all toggle container + padding-bottom: 32px; + + } + .app-view-control { //favorties | all toggle button + padding: 4px 32px; + &:checked { @include button(active); } + &:first-child { + border-right-width: 0; + border-radius: 3px 0 0 3px; + } + &:last-child { + border-radius: 0 3px 3px 0; + } + } + + .app-well-app, + .app-well-app.app-folder, + .show-apps, + .grid-search-result, + .overview-tile, + .dash-item-container .overview-tile { + background-color: transparent; + border: none; + & .overview-icon { + @extend %icon_tile; + } + + &:hover .overview-icon, + &:focus .overview-icon, + &:selected .overview-icon { + background-color: lighten($bg_color, 7%); + transition-duration: 0ms; + border-image: none; + background-image: none; + } + + &:active .overview-icon, + &:checked .overview-icon { + background-color: lighten($bg_color, 7%); + box-shadow: inset $depth2; + color: $fg_color; + } + + } + + .app-well-app-running-dot, .app-grid-running-dot { //running apps indicator + width: 10px; height: 3px; + background-color: $purple; + border-radius: 5px !important; + margin-bottom: 0px; + } + + %icon_tile { + background-color: transparent; + color: $selected_fg_color; + border: none; + transition-duration: 100ms; + text-align: center; + box-shadow: none; + border-radius: 18px; + } + +/* App Folders */ +.app-well-app.app-folder, .app-folder .overview-icon { + background-color: lighten($bg_color, 5%); + border-radius: 18px; +} +// expanded folder +.app-folder-dialog { //style like the dash + background-color: $main_dark; + border: none; + border-radius: 30px; + box-shadow: none; + + & .folder-name-label { color: $fg_color; } + + .edit-folder-button { + @extend %button; + + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; + + & > StIcon { icon-size: 16px } + } +} + + .app-well-app.app-folder > .overview-icon { + background-color: transparentize($osd_bg_color,.6); + } + .show-apps .show-apps-icon { + color: $topbar_color; + } + .show-apps:checked .show-apps-icon, + .show-apps:focus .show-apps-icon { + color: $fg_color; + transition-duration: 100ms; + } + + + // Collections + .app-folder-popup { //expanded collection + -arrow-border-radius: 8px; + -arrow-background-color: transparentize($bg_color,0.5); + -arrow-base: 24px; + -arrow-rise: 11px; + } + .app-folder-popup-bin { padding: 5px; background: transparentize($bg_color,.5);;} + .app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; + } + + .page-indicator { + padding: 6px 12px; + + .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + background-image: none; + background-color: lighten($base_color, 30%); + border: 1px solid $borders_color; + } + + &:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.5); + } + &:active .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.7); + margin: 0; + } + &:checked .page-indicator-icon{ + background-image: none; + background-color: #FFFFFF; + transition-duration: 0.3s; + transition-timing-function: ease-in-out; + } + } + + .no-frequent-applications-label { @extend %status_text; } + + .app-well-app > .overview-icon.overview-icon-with-label, + .grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; + } + + // Workspace pager + .workspace-thumbnails { //container ala dash + @extend %overview-panel; + visible-width: 32px; //amount visible before hover + spacing: 11px; + padding: 8px; + border-radius: 0; + //border-width: 1px 0 1px 1px; //fixme: can't have non unoform borders :( + &:rtl { border-radius: 0;} + } + .workspace-thumbnail-indicator { + border: 4px solid transparentize($selected_bg_color, .1); + box-shadow: $depth; + padding: 0; + } + + //Some hacks I don't even + .search-display > StBoxLayout, + .all-apps, + .frequent-apps > StBoxLayout { + // horizontal padding to make sure scrollbars or dash don't overlap content + padding: 0px 88px 10px 88px; + } + + .page-navigation-arrow { + background-color: transparent; + margin: 6px; + padding: 18px; + width: 24px; + height: 24px; + border-radius: 99px; + + &:insensitive { @include button(undecorated, $osd_fg_color, transparentize($osd_bg_color, 0.5));} + &:hover { background-color: transparentize($selected_bg_color, 0.2);} + &:active {background-color: $selected_bg_color;} + } + +%overview-panel { + color: $_bubble_fg_color; + background-color: transparent; + border: none; +} + +%status_text { + font-size: 2em; + font-weight: bold; + color: $fg_color; +} + +/* NOTIFICATIONS & MESSAGE TRAY */ + + .url-highlighter { link-color: lighten($selected_bg_color,10%); } + + // Banners + .notification-banner { + font-size: 11pt; + width: 34em; + margin: 5px; + border-radius: 12px; + color: $topbar_color; + background-color: lighten($base_color, 2%); + border: 1px solid $borders_color; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); + &:hover, &:focus { + background-color: lighten($base_color, 4%); + border-radius: 12px; + box-shadow: none; + } + *{ color: #fefefe; } + + .notification-icon { padding: 5px; } + .notification-content { padding: 5px; spacing: 5px; } + .secondary-icon { icon-size: 1.09em; } + .notification-actions { + background-color: darken($bg_color, 2%); + padding-top: 2px; + spacing: 1px; + border-radius: 0px 0px 12px 12px; + } + .notification-button { + padding: 7px; + background-color: transparentize($bg_color, 0.1); + box-shadow: none; + &:first-child { border-radius: 0 0 0 12px; } + &:last-child { border-radius: 0 0 12px 0; } + &:hover, &focus { background-color: $selected_bg_color; color: $selected_fg_color;} + } + } + .summary-source-counter { + font-size: 10pt; + font-weight: bold; + height: 1.6em; width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: $selected_bg_color; + color: $selected_fg_color; + border: 2px solid $osd_fg_color; + box-shadow: 0 2px 2px rgba(0,0,0,0.5); + border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%; + } + + .secondary-icon { icon-size: 1.09em; } + + //chat bubbles + .chat-body { spacing: 5px; } + .chat-response { margin: 5px; } + .chat-log-message { color: darken($fg_color,10%); } + .chat-new-group { padding-top: 1em; } + .chat-received { + padding-left: 4px; + &:rtl { padding-left: 0px; padding-right: 4px; } + } + .chat-sent { + padding-left: 18pt; + color: darken($fg_color, 15%); + &:rtl { padding-left: 0; padding-right: 18pt; } + } + .chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: bold; + color: darken($fg_color,20%); + &:rtl { padding-left: 0; padding-right: 4px; } + } + + //hotplug + .hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; + } + .hotplug-notification-item { + padding: 2px 10px; + &:focus { padding: 1px 71px 1px 11px; } + } + + .hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; + } + + .hotplug-resident-box { spacing: 8px; } + + .hotplug-resident-mount { + spacing: 8px; + border-radius: 4px; + &:hover { background-color: transparentize($bg_color,0.7); } + } + + .hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; + } + + .hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; + } + + .hotplug-resident-eject-icon { + icon-size: 16px; + } + + .hotplug-resident-eject-button { + padding: 7px; + border-radius: 5px; + color: pink; + } + +/* Eeeky things */ + +//magnifier + +.magnifier-zoom-region { + border: 2px solid $selected_bg_color; + &.full-screen { border-width: 0; } +} + +//Keyboard +/* On-screen Keyboard */ + +#keyboard { + background-color: transparentize($osd_bg_color, 0.3); +} + + .keyboard-layout { + spacing: 10px; + padding: 10px; + } + + .keyboard-row { spacing: 15px; } + + .keyboard-key { + @include button(normal); + background-color: $base_color; + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 5px; + &:focus { @include button(focus); } + &:hover,&:checked { @include button(hover); } + &:active { @include button(active);} + &:grayed { //FIXME + background-color: $osd_bg_color; + color: $osd_fg_color; + border-color: $osd_borders_color; + } + } + + .keyboard-subkeys { //long press on a key popup + color: white; + padding: 5px; + -arrow-border-radius: 10px; + -arrow-background-color: transparentize($osd_bg_color, 0.3); + -arrow-border-width: 2px; + -arrow-border-color: $_bubble_borders_color; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + } + +// IBus Candidate Popup + +.candidate-popup-content { + padding: 0.5em; + spacing: 0.3em; +} + + .candidate-index { + padding: 0 0.5em 0 0; + color: darken($fg_color,10%); + } + + .candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + border-radius: 4px; + &:selected,&:hover { background-color: $selected_bg_color; color: $selected_fg_color; } + } + + .candidate-page-button-box { + height: 2em; + .vertical & { padding-top: 0.5em; } + .horizontal & { padding-left: 0.5em; } + } + + .candidate-page-button { + padding: 4px; + } + + .candidate-page-button-previous { border-radius: 4px 0px 0px 4px; border-right-width: 0; } + .candidate-page-button-next { border-radius: 0px 4px 4px 0px; } + .candidate-page-button-icon { icon-size: 1em; } + +/* Auth Dialogs & Screen Shield */ + +.framed-user-icon { + background-size: contain; + border: 2px solid $osd_fg_color; + color: $osd_fg_color; + border-radius: 3px; + &:hover { + border-color: lighten($osd_fg_color,30%); + color: lighten($osd_fg_color,30%); + } +} + +// LOGIN DIALOG + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog { + //reset + border: none; + background-color: transparent; + + .modal-dialog-button-box { spacing: 3px; } + .modal-dialog-button { + padding: 3px 18px; + &:default { + @include button(normal,$c:$selected_bg_color); + &:hover,&:focus { @include button(hover,$c:$selected_bg_color); } + &:active { @include button(active,$c:$selected_bg_color); } + &:insensitive { @include button(insensitive); } + + } + } + +} + + .login-dialog-logo-bin { padding: 24px 0px; } + .login-dialog-banner { color: darken($osd_fg_color,10%); } + .login-dialog-button-box { spacing: 5px; } + .login-dialog-message-warning { color: $warning_color; } + .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } + .login-dialog-user-selection-box { padding: 100px 0px; } + .login-dialog-not-listed-label { + padding-left: 2px; + .login-dialog-not-listed-button:focus &, + .login-dialog-not-listed-button:hover & { + color: $osd_fg_color; + } + } + .login-dialog-not-listed-label { + font-size: 90%; + font-weight: bold; + color: darken($osd_fg_color,30%); + padding-top: 1em; + } + + .login-dialog-user-list-view { -st-vfade-offset: 1em; } + .login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; + &:expanded .login-dialog-user-list-item:selected { background-color: $selected_bg_color; color: $selected_fg_color; } + &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; } + } + .login-dialog-user-list-item { + border-radius: 5px; + padding: .2em; + color: darken($osd_fg_color,30%); + &:ltr { padding-right: 1em; } + &:rtl { padding-left: 1em; } + .login-dialog-timed-login-indicator { + height: 2px; + margin: 2px 0 0 0; + background-color: $osd_fg_color; + } + &:focus .login-dialog-timed-login-indicator { background-color: $selected_fg_color; } + } + + .login-dialog-username, + .user-widget-label { + color: $osd_fg_color; + font-size: 120%; + font-weight: bold; + text-align: left; + padding-left: 15px; + } + .user-widget-label { + &:ltr { padding-left: 18px; } + &:rtl { padding-right: 18px; } + } + + .login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; + } + + .login-dialog-prompt-label { + color: darken($osd_fg_color, 20%); + font-size: 110%; + padding-top: 1em; + } + + .login-dialog-session-list-button StIcon { + icon-size: 1.25em; + } + + .login-dialog-session-list-button { + color: darken($osd_fg_color,30%); + &:hover,&:focus { color: $osd_fg_color; } + &:active { color: darken($osd_fg_color, 50%); } + } + +//SCREEN SHIELD + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4); +} + +.screen-shield-clock { + color: white; + text-shadow: 0px 1px 2px rgba(0,0,0,0.6); + font-weight: bold; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 72pt; + text-shadow: 0px 2px 2px rgba(0,0,0,0.4); +} + +.screen-shield-clock-date { font-size: 28pt; } + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; + .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; + } + + .notification, + .screen-shield-notification-source { + padding: 12px 6px; + border: 1px solid $_bubble_borders_color; + background-color: transparentize($osd_bg_color,0.5); + color: $_bubble_fg_color; + border-radius: 4px; + } + .notification { margin-right: 15px; } //compensate for space allocated to the scrollbar +} + + +.screen-shield-notification-label { + font-weight: bold; + padding: 0px 0px 0px 12px; +} + +.screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } + +#panel.lock-screen { background-color: transparentize($_bubble_bg_color, 0.5); } + +.screen-shield-background { //just the shadow, really + background: black; + box-shadow: 0px 2px 4px transparentize(black,0.6); +} + +#lockDialogGroup { + background: #2e3436 url(resource:///org/gnome/shell/theme/noise-texture.png); + background-repeat: repeat; +} + +#screenShieldNotifications { + StButton#vhandle, StButton#hhandle { + background-color: transparentize($bg_color,0.7); + &:hover, &:focus { background-color: transparentize($bg_color,0.5); } + &:active { background-color: transparentize($selected_bg_color, 0.1); } + } +} + + +// Looking Glass +#LookingGlassDialog { + background-color: rgba(0,0,0,0.80); + spacing: 4px; + padding: 4px; + border: 2px solid grey; + border-radius: 4px; + & > #Toolbar { + border: 1px solid grey; + border-radius: 4px; + } + .labels { spacing: 4px; } + .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #ccc; + transition-duration: 100ms; + padding-left: .3em; + padding-right: .3em; + &:hover { + color: white; + text-shadow: black 0px 2px 2px; + } + &:selected { + border-bottom-width: 2px; + border-color: lighten($selected_bg_color,5%); + color: white; + text-shadow: black 0px 2px 2px; + } + } + StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } + StBoxLayout#ResultsArea { spacing: 4px; } +} + + .lg-dialog { + StEntry { + selection-background-color: #bbbbbb; + selected-color: #333333; + } + .shell-link { + color: #999999; + &:hover { color: #dddddd; } + } + } + + .lg-completions-text { + font-size: .9em; + font-style: italic; + } + + .lg-obj-inspector-title { + spacing: 4px; + } + + .lg-obj-inspector-button { + border: 1px solid gray; + padding: 4px; + border-radius: 4px; + &:hover { border: 1px solid #ffffff; } + } + + #lookingGlassExtensions { padding: 4px; } + + .lg-extensions-list { + padding: 4px; + spacing: 6px; + } + + .lg-extension { + border: 1px solid #6f6f6f; + border-radius: 4px; + padding: 4px; + } + + .lg-extension-name { + font-weight: bold; + } + + .lg-extension-meta { + spacing: 6px; + } + + #LookingGlassPropertyInspector { + background: rgba(0, 0, 0, 0.8); + border: 2px solid grey; + border-radius: 4px; + padding: 6px; + } + +// Gnome 43 quick settings menu + + .quick-settings { + padding: 14px; + border-radius: 12px; + + .icon-button, .button { + color: $fg_color; + padding: 6px*1.75; + } + } + + $base_padding: 6px; + + .quick-toggle { + border-radius: 99px; + + &:checked { + @include button(active, transparentize($selected_bg_color, 0.35)); + &:hover { @include button(active, transparentize(lighten($selected_bg_color, 10%), 0.35)); } + + &, &:hover { color: $purple; } + } + + &, &:hover, &:checked, &:checked:hover { border: none; } + + & > StBoxLayout { spacing: $base_padding; } + + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ + &.button { padding: 0; } + & > StBoxLayout { padding: 0 6px*2; } + &:ltr > StBoxLayout { padding-left: $base_padding*2.5; } + &:rtl > StBoxLayout { padding-right: $base_padding*2.5; } + + .quick-toggle-label { font-weight: bold; } + //.quick-toggle-icon, .quick-toggle-arrow { icon-size: $base_icon_size; } + } + + .quick-menu-toggle { + &:ltr > StBoxLayout { padding-right: 0; } + &:rtl > StBoxLayout { padding-left: 0; } + + & .quick-toggle { + min-width: auto; + max-width: auto; + + &:ltr { border-radius: 99px 0 0 99px; } + &:rtl { border-radius: 0 99px 99px 0; } + + &:ltr:last-child { border-radius: 99px; } + &:rtl:last-child { border-radius: 99px; } + } + + + & .quick-toggle-arrow { + background-color: lighten($base_color, 1%); + padding: $base_padding $base_padding*1.75; + border-width: 0; + color: $fg_color; + &:checked { + @include button(active, transparentize($selected_bg_color, 0.25)); + &:hover { @include button(active, transparentize(lighten($selected_bg_color, 10%), 0.25)); } + &, &:hover { + color: $purple; + border-width: 0; + } + } + &:hover { + background-color: lighten($base_color, 7%); + } + + &:ltr { border-radius: 0 99px 99px 0; } + &:rtl { border-radius: 99px 0 0 99px; } + } + } + + .quick-toggle-menu { + background-color: $base_color !important; + + border-radius: 12px; + padding: $base_padding*2; + margin: $base_padding*2 $base_padding*3 0; + color: $fg_color; + + .popup-menu-item > StIcon { -st-icon-style: symbolic; } + + & .header { + spacing-rows: 0.5 * $base_padding; + spacing-columns: $base_padding*2; + padding-bottom: 2 * $base_padding; + + & .icon { + // icon-size: $base_icon_size*1.5; // a non-standard symbolic size but ok + border-radius: 999px; + padding: 1.5 * $base_padding; + background-color: lighten($bg_color, 10%); + + &.active { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + } + + .quick-settings-system-item { + & > StBoxLayout { spacing: 2 * $base_padding; } + + .icon-button { + @extend %button; + border-radius: 50px; + } + } + +.quick-slider .icon-button:hover { @include button(hover); } + + +// Screenshot UI + +.screenshot-ui-panel { + @extend %osd-panel; +} + +.screenshot-ui-close-button { + @extend %window-close-button; +} + +.screenshot-ui-type-button, .screenshot-ui-show-pointer-button { + @extend %button; + text-shadow: none; +} + +.screenshot-ui-window-selector { + background-color: $bg_color; +} + +.screenshot-ui-window-selector-window { + &:hover { + .screenshot-ui-window-selector-window-border { + border-color: darken($selected_bg_color, 15%); + } + } + &:checked { + .screenshot-ui-window-selector-window-border { + border-color: $selected_bg_color; + background-color: transparentize($selected_bg_color, 0.8); + } + + .screenshot-ui-window-selector-check { + color: $bg_color; + background-color: $selected_bg_color; + } + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gnome-shell/_cosmic.scss b/filesystem/.themes/Dracula/gnome-shell/_cosmic.scss new file mode 100644 index 00000000..eb320c5b --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/_cosmic.scss @@ -0,0 +1,31 @@ + +/* Pop_OS COSMIC Dock styling, append !important to any changed rules */ + +.cosmic-dock #dock { + border-radius: 12px 12px 12px 12px !important; + border: 0 !important; + background-color: darken($bg_color, 3%); + margin: 4px !important; +} + +.cosmic-dock.extended #dock { + border-radius: 0px !important; + margin: 0 !important; } + +.cosmic-dock.extended.side #dock { + border-top-width: 0 !important; + border-bottom-width: 0 !important; } + +.cosmic-dock.extended.side.left #dock { + border-left-width: 0 !important; } + +.cosmic-dock.extended.side.right #dock { + border-right-width: 0 !important; } + +.cosmic-dock.extended.bottom #dock { + border-bottom-width: 0 !important; + border-left-width: 0 !important; + border-right-width: 0 !important; } + +.cosmic-dock .app-well-app:hover .overview-icon, .cosmic-dock .app-well-app:focus .overview-icon, .cosmic-dock .app-well-app:selected .overview-icon { + border-radius: 11px; } \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gnome-shell/_drawing.scss b/filesystem/.themes/Dracula/gnome-shell/_drawing.scss new file mode 100644 index 00000000..3d65c84d --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/_drawing.scss @@ -0,0 +1,231 @@ +/***************** +* Drawing mixins * +*****************/ + +// drawing of depth/shadows + + $depth: 0 1px 2px rgba(0, 0, 0, 0.10); + $depth2: 0 1px 2px rgba(0, 0, 0, 0.15); + $depth3: inset 0 1px 1px rgba(0, 0, 0, 0.06); + $depth4: inset 0 1px 2px rgba(0, 0, 0, 0.10); + $depth5: inset 0 1px 2px rgba(0, 0, 0, 0.15); + $depth6: 0 2px 4px 2px transparentize(black, 0.8); + +// generic drawing of more complex things + +@function _widget_edge($c:$borders_edge) { +// outer highlight "used" on most widgets + @return 0 1px $c; +} + +// provide font size in rem, with px fallback +@mixin fontsize($size: 24, $base: 16) { + font-size: round($size) + pt; + //font-size: ($size / $base) * 1rem; +} + +@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { +// +// Helper function to stack up to 4 box-shadows; +// + @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } + @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } + @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } + @else { box-shadow: $shadow1; } +} + +// entries + +@mixin entry($t, $fc:$selected_bg_color, $edge: $borders_edge) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, focus, insensitive +// + + @if $t==normal { + background-color: lighten($base_color, 5%); + border-color: $borders_color; + } + @if $t==focus { + box-shadow: inset 0px 0px 1px 1px $selected_bg_color !important; + border-color: $selected_bg_color; + } + @if $t==hover { + background-color: lighten($base_color, 8%); + } + @if $t==insensitive { + color: $insensitive_fg_color; + box-shadow: $depth; + } +} + +// buttons + +@function _border_color ($c) { @return darken($c,25%); } // colored buttons want + // the border form the + // base color + +@function _text_shadow_color ($tc:$fg_color, $bg:$bg_color) { +// +// calculate the color of text shadows +// +// $tc is the text color +// $bg is the background color +// + $_lbg: lightness($bg)/100%; + @if lightness($tc)<50% { @return transparentize(white,1-$_lbg/($_lbg*1.3)); } + @else { @return transparentize(black,$_lbg*0.8); } +} + +@function _button_hilight_color($c) { +// +// calculate the right top hilight color for buttons +// +// $c: base color; +// + @if lightness($c)>90% { @return white; } + @else if lightness($c)>80% { @return transparentize(white, 0.3); } + @else if lightness($c)>50% { @return transparentize(white, 0.5); } + @else if lightness($c)>40% { @return transparentize(white, 0.7); } + @else { @return transparentize(white, 0.9); } +} + +@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) { +// +// helper function for the text emboss effect +// +// $tc is the optional text color, not the shadow color +// +// TODO: this functions needs a way to deal with special cases +// + + $_shadow: _text_shadow_color($tc, $bg); + + @if lightness($tc)<50% { + text-shadow: 0 1px $_shadow; + icon-shadow: 0 1px $_shadow; + } + @else { + text-shadow: 0 -1px $_shadow; + icon-shadow: 0 -1px $_shadow; + } +} + +@mixin button($t, $c:$osd_bg_color, $tc:$fg_color, $edge: $borders_edge) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, hover, active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + + $_hilight_color: _button_hilight_color($c); + $_button_edge: if($edge == none, none, _widget_edge($edge)); + $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1))); + + + @if $t==normal { + // + // normal button + // + + color: $fg_color; + background-color: lighten($base_color, 2%); + box-shadow: none; + border: 1px solid $borders_color; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + } + @if $t==focus { + // + // focused button + // + $_bg: if($c!=$osd_bg_color, transparentize($c, 0.5), + $osd_bg_color); + + background-color: lighten($base_color, 6%); + color: $selected_fg_color; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + box-shadow: none !important; + border: 1px solid $borders_color; + } + + @else if $t==hover { + // + // active osd button + // + $_bg: if($c!=$osd_bg_color, transparentize($c, 0.3), + lighten($main_dark, 2%)); + + background-color: lighten($base_color, 6%); + color: $selected_fg_color; + border: 1px solid $borders_color; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + + } + @else if $t==active { + // + // active osd button + // + $_bg: if($c!=$osd_bg_color, $c, $selected_bg_color); + + color: $selected_fg_color; + background-color: $_bg; + // This should be none, but it's creating some issues with borders, so to + // workaround it for now, use inset wich goes through a different code path. + // see https://bugzilla.gnome.org/show_bug.cgi?id=752934 + border: 1px solid $borders_color; + text-shadow: none; + icon-shadow: none; + } + @else if $t==insensitive { + // + // insensitive osd button + // + $_bg: transparentize(mix($insensitive_fg_color,$osd_bg_color,20%),0.3); + + color: $insensitive_fg_color; + background-color: $_bg; + box-shadow: $depth4; + border: none; + text-shadow: none; + icon-shadow: none; + } + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + + @include _shadows(inset 0 1px transparentize(white,1), + $_blank_edge); + + text-shadow: none; + icon-shadow: none; + } +} + +@mixin gradient($c1: $g1, $c2: $g2, $dir: horizontal) { + background-gradient-start: $c1; + background-gradient-end: $c2; + background-gradient-direction: $dir; +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gnome-shell/_extensions.scss b/filesystem/.themes/Dracula/gnome-shell/_extensions.scss new file mode 100644 index 00000000..1db16c95 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/_extensions.scss @@ -0,0 +1,2 @@ +@import "extensions/_openweather"; +@import "extensions/_dash-to-dock" \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/calendar-arrow-left.svg b/filesystem/.themes/Dracula/gnome-shell/assets/calendar-arrow-left.svg new file mode 100755 index 00000000..deaa1234 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/calendar-arrow-left.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/calendar-arrow-right.svg b/filesystem/.themes/Dracula/gnome-shell/assets/calendar-arrow-right.svg new file mode 100755 index 00000000..626ed7ef --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/calendar-arrow-right.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/calendar-today.svg b/filesystem/.themes/Dracula/gnome-shell/assets/calendar-today.svg new file mode 100755 index 00000000..66cfc806 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/calendar-today.svg @@ -0,0 +1,178 @@ + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/checkbox-focused.svg b/filesystem/.themes/Dracula/gnome-shell/assets/checkbox-focused.svg new file mode 100755 index 00000000..4eac09a1 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/checkbox-focused.svg @@ -0,0 +1,245 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/checkbox-off-focused.svg b/filesystem/.themes/Dracula/gnome-shell/assets/checkbox-off-focused.svg new file mode 100755 index 00000000..6e0391e4 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/checkbox-off-focused.svg @@ -0,0 +1,211 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/checkbox-off.svg b/filesystem/.themes/Dracula/gnome-shell/assets/checkbox-off.svg new file mode 100755 index 00000000..8ebc9cd0 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1,211 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/checkbox.svg b/filesystem/.themes/Dracula/gnome-shell/assets/checkbox.svg new file mode 100755 index 00000000..ddb1c5a0 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/checkbox.svg @@ -0,0 +1,245 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/close-window.svg b/filesystem/.themes/Dracula/gnome-shell/assets/close-window.svg new file mode 100644 index 00000000..6e7883bf --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/close-window.svg @@ -0,0 +1,84 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/corner-ripple-ltr.png b/filesystem/.themes/Dracula/gnome-shell/assets/corner-ripple-ltr.png new file mode 100755 index 00000000..32e14ca6 Binary files /dev/null and b/filesystem/.themes/Dracula/gnome-shell/assets/corner-ripple-ltr.png differ diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/corner-ripple-rtl.png b/filesystem/.themes/Dracula/gnome-shell/assets/corner-ripple-rtl.png new file mode 100755 index 00000000..1434e7c4 Binary files /dev/null and b/filesystem/.themes/Dracula/gnome-shell/assets/corner-ripple-rtl.png differ diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/dash-placeholder.svg b/filesystem/.themes/Dracula/gnome-shell/assets/dash-placeholder.svg new file mode 100755 index 00000000..cbae148a --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/dash-placeholder.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/logged-in-indicator.svg b/filesystem/.themes/Dracula/gnome-shell/assets/logged-in-indicator.svg new file mode 100755 index 00000000..c0267ea0 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/logged-in-indicator.svg @@ -0,0 +1,130 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/noise-texture.png b/filesystem/.themes/Dracula/gnome-shell/assets/noise-texture.png new file mode 100755 index 00000000..6b70a2d4 Binary files /dev/null and b/filesystem/.themes/Dracula/gnome-shell/assets/noise-texture.png differ diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/process-working.svg b/filesystem/.themes/Dracula/gnome-shell/assets/process-working.svg new file mode 100755 index 00000000..920a67d2 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/process-working.svg @@ -0,0 +1,3084 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/running-indicator.svg b/filesystem/.themes/Dracula/gnome-shell/assets/running-indicator.svg new file mode 100755 index 00000000..ebe7ecfc --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/running-indicator.svg @@ -0,0 +1,130 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/source-button-border.svg b/filesystem/.themes/Dracula/gnome-shell/assets/source-button-border.svg new file mode 100755 index 00000000..6e5051ee --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/source-button-border.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/toggle-off.svg b/filesystem/.themes/Dracula/gnome-shell/assets/toggle-off.svg new file mode 100755 index 00000000..3cb78386 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/toggle-off.svg @@ -0,0 +1,201 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/toggle-on.svg b/filesystem/.themes/Dracula/gnome-shell/assets/toggle-on.svg new file mode 100755 index 00000000..2b998e04 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/assets/toggle-on.svg @@ -0,0 +1,201 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/ws-switch-arrow-down.png b/filesystem/.themes/Dracula/gnome-shell/assets/ws-switch-arrow-down.png new file mode 100644 index 00000000..a674ad58 Binary files /dev/null and b/filesystem/.themes/Dracula/gnome-shell/assets/ws-switch-arrow-down.png differ diff --git a/filesystem/.themes/Dracula/gnome-shell/assets/ws-switch-arrow-up.png b/filesystem/.themes/Dracula/gnome-shell/assets/ws-switch-arrow-up.png new file mode 100644 index 00000000..1b6f6111 Binary files /dev/null and b/filesystem/.themes/Dracula/gnome-shell/assets/ws-switch-arrow-up.png differ diff --git a/filesystem/.themes/Dracula/gnome-shell/extensions/_dash-to-dock.scss b/filesystem/.themes/Dracula/gnome-shell/extensions/_dash-to-dock.scss new file mode 100644 index 00000000..04f0260c --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/extensions/_dash-to-dock.scss @@ -0,0 +1,20 @@ +#dashtodockContainer #dash { + + background: transparent !important; + + .dash-background { + background: $main_dark !important; + border: none; + } + + .dash-item-container { + + .app-well-app, + .show-apps { + .overview-icon.focused .overview-icon { + background-color: lighten($bg_color, 7%) !important; + } + } + } + +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gnome-shell/extensions/_openweather.scss b/filesystem/.themes/Dracula/gnome-shell/extensions/_openweather.scss new file mode 100644 index 00000000..03dd97b7 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/extensions/_openweather.scss @@ -0,0 +1,13 @@ +.openweather-current-summarybox, +.openweather-forecast-icon, +.openweather-current-databox-captions, +.openweather-current-databox-values, +.openweather-current-icon, +.openweather-forecast-summary, +.openweather-forecast-temperature{ + background: transparent; +} + +.openweather-current-databox-captions, .openweather-forecast-day { + color: $selected_bg_color; +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gnome-shell/gnome-shell.css b/filesystem/.themes/Dracula/gnome-shell/gnome-shell.css new file mode 100644 index 00000000..dd23b6e6 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/gnome-shell.css @@ -0,0 +1,2190 @@ +/***************** +* Drawing mixins * +*****************/ +/* GLOBALS */ +stage { + font-size: 11pt; + color: #C3C7D1; } + +/* WIDGETS */ +/* Buttons */ +.button, .icon-button, .app-folder-dialog .edit-folder-button, .quick-settings-system-item .icon-button, .screenshot-ui-type-button, .screenshot-ui-show-pointer-button { + color: #C3C7D1; + background-color: #2c2f3c; + box-shadow: none; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .button:focus, .icon-button:focus, .app-folder-dialog .edit-folder-button:focus, .quick-settings-system-item .icon-button:focus, .screenshot-ui-type-button:focus, .screenshot-ui-show-pointer-button:focus { + background-color: #353848; + color: #f8f8f2; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + box-shadow: none !important; + border: 1px solid #1b1c24; } + .button:insensitive, .icon-button:insensitive, .app-folder-dialog .edit-folder-button:insensitive, .quick-settings-system-item .icon-button:insensitive, .screenshot-ui-type-button:insensitive, .screenshot-ui-show-pointer-button:insensitive { + color: #767984; + background-color: rgba(57, 59, 71, 0.66); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border: none; + text-shadow: none; + icon-shadow: none; } + .button:active, .button:checked, .icon-button:active, .icon-button:checked, .app-folder-dialog .edit-folder-button:active, .quick-settings-system-item .icon-button:active, .screenshot-ui-type-button:active, .screenshot-ui-show-pointer-button:active, .app-folder-dialog .edit-folder-button:checked, .quick-settings-system-item .icon-button:checked, .screenshot-ui-type-button:checked, .screenshot-ui-show-pointer-button:checked { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .button:hover, .icon-button:hover, .app-folder-dialog .edit-folder-button:hover, .quick-settings-system-item .icon-button:hover, .screenshot-ui-type-button:hover, .screenshot-ui-show-pointer-button:hover { + background-color: #353848; + color: #f8f8f2; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + +.button { + border-radius: 5px; + padding: 4px 32px; } + +.modal-dialog-linked-button { + padding: 10px; + color: #C3C7D1; + background-color: #2c2f3c; + box-shadow: none; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .modal-dialog-linked-button:insensitive { + color: #767984; + background-color: rgba(57, 59, 71, 0.66); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border: none; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:active { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:focus { + background-color: #353848; + color: #f8f8f2; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + box-shadow: none !important; + border: 1px solid #1b1c24; } + .modal-dialog-linked-button:focus:hover { + background-color: #353848; + color: #f8f8f2; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + box-shadow: none !important; + border: 1px solid #1b1c24; } + .modal-dialog-linked-button:hover { + background-color: #353848; + color: #f8f8f2; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .modal-dialog-linked-button:first-child { + border-radius: 0px 0px 0px 10px; } + .modal-dialog-linked-button:last-child { + border-radius: 0px 0px 10px 0px; } + .modal-dialog-linked-button:first-child:last-child { + border-radius: 0px 0px 10px 10px; } + +/* Entries */ +StEntry { + background-color: #333545; + border-color: #1b1c24; + border-radius: 6px; + padding: 4px; + color: #C3C7D1; + border-width: 1px; + selection-background-color: rgba(189, 147, 249, 0.5); + selected-color: #f8f8f2; } + StEntry:hover { + background-color: #393c4d; } + StEntry:focus { + box-shadow: inset 0px 0px 1px 1px rgba(189, 147, 249, 0.5) !important; + border-color: rgba(189, 147, 249, 0.5); } + StEntry:insensitive { + color: #767984; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } + StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #ff9f39; + padding: 0 4px; } + StEntry StLabel.hint-text { + color: rgba(195, 199, 209, 0.7); } + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 68px; } +StScrollView.hfade { + -st-hfade-offset: 68px; } + +StScrollBar { + padding: 0; } + StScrollView StScrollBar { + min-width: 14px; + min-height: 14px; } + StScrollBar StBin#trough { + border-radius: 0; + background-color: transparent; } + StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 8px; + background-color: #474955; + margin: 3px; } + StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #a4a8b2; } + StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: rgba(189, 147, 249, 0.5); } + +/* Slider */ +.slider { + color: #C3C7D1; + -barlevel-height: 3px; + -barlevel-background-color: rgba(195, 199, 209, 0.4); + -barlevel-border-width: 2px; + -barlevel-border-color: transparent; + -barlevel-active-background-color: #bd93f9; + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #9b1b32; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0px; + -slider-handle-radius: 8px; + -slider-handle-border-width: 0; + -slider-handle-border-color: transparent; } + +/* Check Boxes */ +.check-box StBoxLayout { + spacing: .8em; } +.check-box StBin { + width: 24px; + height: 22px; + background-image: url("assets/checkbox-off.svg"); } +.check-box:focus, .check-box:hover StBin { + background-image: url("assets/checkbox-off-focused.svg"); } +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); } +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-focused.svg"); } + +/* Switches */ +.toggle-switch { + width: 65px; + height: 22px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); } + .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); } + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); } + .toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); } + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); } + .toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); } + +/* links */ +.shell-link { + color: #A0C1B9; } + .shell-link:hover { + color: #bfd5d0; } + +/* Modal Dialogs */ +.headline { + font-size: 110%; } + +.lightbox { + background-color: black; } + +.flashspot { + background-color: white; } + +.modal-dialog { + border: 1px solid #1b1c24; + border-radius: 10px; + color: #C3C7D1; + background-color: rgba(29, 31, 39, 0.95); + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); } + .modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; } + .modal-dialog .run-dialog-entry { + width: 20em; + margin-bottom: 6px; } + .modal-dialog .run-dialog-error-box { + color: #ff3c3c; + padding-top: 16px; + spacing: 6px; } + .modal-dialog .run-dialog-button-box { + padding-top: 1em; } + .modal-dialog .run-dialog-label { + font-size: 12pt; + font-weight: bold; + color: #a6acbb; + padding-bottom: .4em; } + .modal-dialog .run-dialog-description { + color: #C3C7D1; } + +.mount-dialog-subject, +.end-session-dialog-subject { + font-size: 14pt; } + +/* Message Dialog */ +.message-dialog-main-layout { + padding: 12px 20px 0; + spacing: 12px; } + +.message-dialog-content { + max-width: 28em; + spacing: 20px; } + +.message-dialog-icon { + min-width: 48px; + icon-size: 48px; } + +.message-dialog-title { + font-weight: bold; } + +.message-dialog-subtitle { + color: #575e71; + font-weight: bold; } + +/* End Session Dialog */ +.end-session-dialog { + border: none; } + .end-session-dialog .modal-dialog-linked-button:last-child { + background-color: #ff5555; + color: #fff; } + .end-session-dialog .modal-dialog-linked-button:last-child:hover, .end-session-dialog .modal-dialog-linked-button:last-child:focus { + background: #ff2c2c; + color: #fff; } + +.end-session-dialog-list { + padding-top: 20px; } + +.end-session-dialog-layout { + padding-left: 17px; } + .end-session-dialog-layout:rtl { + padding-right: 17px; } + +.end-session-dialog-description { + width: 28em; + padding-bottom: 10px; } + .end-session-dialog-description:rtl { + text-align: right; } + +.end-session-dialog-warning { + width: 28em; + color: #ff9f39; + padding-top: 6px; } + .end-session-dialog-warning:rtl { + text-align: right; } + +.end-session-dialog-logout-icon { + border-radius: 3px; + width: 48px; + height: 48px; + background-size: contain; } + +.end-session-dialog-shutdown-icon { + color: #ff3c3c; + width: 48px; + height: 48px; } + +.end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; } + +.end-session-dialog-session-list, +.end-session-dialog-app-list { + spacing: 1em; } + +.end-session-dialog-list-header { + font-weight: bold; } + .end-session-dialog-list-header:rtl { + text-align: right; } + +.end-session-dialog-app-list-item, +.end-session-dialog-session-list-item { + spacing: 1em; } + +.end-session-dialog-app-list-item-name, +.end-session-dialog-session-list-item-name { + font-weight: bold; } + +.end-session-dialog-app-list-item-description { + color: #b5bac6; + font-size: 10pt; } + +/* ShellMountOperation Dialogs */ +.shell-mount-operation-icon { + icon-size: 48px; } + +.mount-dialog { + spacing: 24px; } + .mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; } + .mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; } + .mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; } + .mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; } + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; } + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; } + +.mount-dialog-app-list-item { + color: #a6acbb; } + .mount-dialog-app-list-item:hover { + color: #C3C7D1; } + .mount-dialog-app-list-item:ltr { + padding-right: 1em; } + .mount-dialog-app-list-item:rtl { + padding-left: 1em; } + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; } +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; } + +.mount-dialog-app-list-item-name { + font-size: 10pt; } + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 28em; + border: none; + border-radius: 10px; } + .prompt-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; } + .prompt-dialog .message-dialog-content { + spacing: 16px; } + .prompt-dialog .message-dialog-title { + color: #7b849a; } + +.prompt-dialog-description:rtl { + text-align: right; } + +.prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; } + +.prompt-dialog-error-label { + font-size: 10pt; + color: #ff3c3c; + padding-bottom: 8px; } + +.prompt-dialog-info-label { + font-size: 10pt; + padding-bottom: 8px; } + +.hidden { + color: rgba(0, 0, 0, 0); } + +.prompt-dialog-null-label { + font-size: 10pt; + padding-bottom: 8px; } + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + padding-left: 10px; + spacing: 10px; } + .polkit-dialog-user-layout:rtl { + padding-left: 0px; + padding-right: 10px; } + +.polkit-dialog-user-root-label { + color: #ff9f39; } + +.polkit-dialog-user-icon { + border-radius: 3px; + background-size: contain; + width: 48px; + height: 48px; } + +/* Audio selection dialog */ +.audio-device-selection-dialog { + spacing: 30px; } + +.audio-selection-content { + spacing: 20px; + padding: 24px; } + +.audio-selection-title { + font-weight: bold; + text-align: center; } + +.audio-selection-box { + spacing: 20px; } + +.audio-selection-device { + border: 1px solid #C3C7D1; + border-radius: 12px; } + .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(189, 147, 249, 0.5); } + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; } + +.audio-selection-device-icon { + icon-size: 64px; } + +/* Access Dialog */ +.access-dialog { + spacing: 30px; } + +/* Geolocation Dialog */ +.geolocation-dialog { + spacing: 30px; } + +/* Extension Dialog */ +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; } +.extension-dialog .message-dialog-title { + color: #7b849a; } + +/* Inhibit-Shortcuts Dialog */ +.inhibit-shortcuts-dialog { + spacing: 30px; } + +/* Network Agent Dialog */ +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +/* Popovers/Menus */ +.popup-menu { + min-width: 15em; + background-color: transparent; + color: #C3C7D1; } + .popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; } + +.popup-sub-menu { + background-color: #2c2f3c; + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); + border: none; + border-radius: 0px 0px 6px 6px; } + .popup-sub-menu .popup-menu-item { + border-radius: 0; + margin: 0; + background-color: #2c2f3c !important; } + .popup-sub-menu .popup-menu-item:last-child { + border-radius: 0 0 6px 6px; } + .popup-sub-menu .popup-menu-item:active, .popup-sub-menu .popup-menu-item.selected, .popup-sub-menu .popup-menu-item:hover, .popup-sub-menu .popup-menu-item:focus { + background-color: #3c3f50 !important; + color: #C3C7D1; } + +.popup-menu-content { + padding: 6px; + background: #21232d; + border-radius: 12px; + border: 1px solid #1b1c24; } + +.popup-menu-item { + spacing: 6px; + border-radius: 6px; + background-gradient-direction: none; + color: #C3C7D1 !important; } + .popup-menu-item:ltr { + padding-left: 6px; } + .popup-menu-item:rtl { + padding-right: 6px; } + .popup-menu-item:active, .popup-menu-item.selected, .popup-menu-item:hover, .popup-menu-item:focus { + background-color: #2f313f !important; + color: #C3C7D1 !important; } + .popup-menu-item:checked { + background-color: #373a4b !important; + border-radius: 6px 6px 0px 0px; + box-shadow: none; + color: #f8f8f2 !important; } + .popup-menu-item:insensitive { + color: rgba(195, 199, 209, 0.5); } + +.popup-inactive-menu-item { + color: #C3C7D1; } + .popup-inactive-menu-item:insensitive { + color: rgba(195, 199, 209, 0.5); } + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 16px !important; } + +.popup-menu-ornament { + text-align: right; + width: 1.2em; } + +.popup-separator-menu-item { + margin: 6px 0; + padding: 0 !important; } + .popup-separator-menu-item:ltr { + margin-right: 6px; } + .popup-separator-menu-item:rtl { + margin-left: 6px; } + .popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + background-color: #373a4b; } + .popup-separator-menu-item .popup-menu-ornament { + width: 0 !important; } + .popup-sub-menu .popup-separator-menu-item { + background-color: transparent; } + .popup-sub-menu .popup-separator-menu-item:ltr { + margin-right: 2.5em; } + .popup-sub-menu .popup-separator-menu-item:rtl { + margin-left: 2.5em; } + .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + background-color: #464a5f; } + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0px; } + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; } + .osd-window .osd-monitor-label { + font-size: 3em; } + .osd-window .level { + height: 0.4em; + border-radius: 0.3em; + color: #C3C7D1; + -barlevel-height: 0.4em; + -barlevel-background-color: #373a4b; + -barlevel-active-background-color: #bd93f9; + -barlevel-overdrive-color: #ff5555; + -barlevel-overdrive-separator-width: 0.2em; } + .osd-window .level-bar { + background-color: rgba(189, 147, 249, 0.5); + border-radius: 0.3em; } + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.8); } + .pad-osd-window .pad-osd-title-box { + spacing: 12px; } + .pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; } + +.combo-box-label { + width: 15em; } + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; } + +.switcher-list-item-container { + spacing: 8px; } + +.switcher-list .item-box { + padding: 8px; + border-radius: 4px; + background-color: transparent; } + +.switcher-list .item-box:outlined { + padding: 6px; + border: 2px solid #050607; } + +.switcher-list .item-box:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; } + +.switcher-list .thumbnail { + width: 256px; } + +.switcher-list .separator { + width: 1px; + background: #1b1c24; } + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: rgba(195, 199, 209, 0.8); } + .switcher-arrow:highlighted { + color: #C3C7D1; } + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; } + +/* Window Cycler */ +.cycler-highlight { + border: 5px solid rgba(189, 147, 249, 0.5); } + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 12px; } + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; } + +.ws-switcher-active-up, +.ws-switcher-active-down, +.ws-switcher-active-left, +.ws-switcher-active-right { + height: 50px; + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; + border: none; + background-size: 32px; + border-radius: 8px; } + +.ws-switcher-active-up { + background-image: url("assets/ws-switch-arrow-up.png"); } + +.ws-switcher-active-down { + background-image: url("assets/ws-switch-arrow-down.png"); } + +.ws-switcher-box { + height: 50px; + border: 1px solid rgba(195, 199, 209, 0.1); + background: rgba(18, 19, 25, 0.95); + border-radius: 8px; } + +.osd-window, +.resize-popup, +.switcher-list, .workspace-switcher-container, .screenshot-ui-panel { + color: #C3C7D1; + background-color: rgba(40, 42, 54, 0.95); + border: 1px solid #1b1c24; + box-shadow: 0px 0px 7px #1b1c24; + border-radius: 18px; + padding: 12px; } + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(189, 147, 249, 0.3); + border: 1px solid rgba(189, 147, 249, 0.5); } + +.tile-preview-left.on-primary { + border-radius: 2px 2px 0 0; } + +.tile-preview-right.on-primary { + border-radius: 0 2px 0 0; } + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 2px 2px 0 0; } + +/* TOP BAR */ +#panel { + background-gradient-direction: none; + background-color: rgba(33, 35, 45, 0.95); + /* transition from solid to transparent */ + transition-duration: 500ms; + font-weight: bold; + height: 2.1em; + padding: 0px 0px; } + #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; } + #panel #panelLeft, #panel #panelCenter { + spacing: 4px; } + #panel .panel-corner { + -panel-corner-radius: 0px; + -panel-corner-background-color: rgba(0, 0, 0, 0.2); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; } + #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: rgba(204, 171, 250, 0.5); } + #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; } + #panel .panel-button { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #f8f8f2; + transition-duration: 100ms; } + #panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 4px; + margin-right: 4px; } + #panel .panel-button .system-status-icon, + #panel .panel-button .app-menu-icon > StIcon, + #panel .panel-button .popup-menu-arrow { + icon-shadow: none; } + #panel .panel-button:hover { + box-shadow: inset 0 0 0 100px rgba(55, 58, 75, 0.95); + color: white; + transition-duration: 200ms; } + #panel .panel-button:hover.clock-display { + box-shadow: none; } + #panel .panel-button:hover.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(55, 58, 75, 0.95); } + #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + box-shadow: inset 0 0 0 100px rgba(189, 147, 249, 0.5); + color: #f8f8f2; + transition-duration: 200ms; } + #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { + box-shadow: none; } + #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(189, 147, 249, 0.5); } + #panel .panel-button .system-status-icon { + icon-size: 1.09em; + padding: 0 5px; } + .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #e0e2e7; } + .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #e0e2e7; } + #panel .panel-status-indicators-box, + #panel .panel-status-menu-box { + spacing: 2px; } + #panel .power-status.panel-status-indicators-box { + spacing: 0; } + #panel .screencast-indicator { + color: #ff9f39; } + #panel.solid { + background-color: #282a36; + /* transition from transparent to solid */ + transition-duration: 300ms; } + #panel.solid .panel-corner { + -panel-corner-background-color: black; } + #panel.solid .system-status-icon, + #panel.solid .app-menu-icon > StIcon, + #panel.solid .popup-menu-arrow { + icon-shadow: none; } + +.calendar { + background: transparent; + border: none; + box-shadow: none; } + +.world-clocks-button, .weather-button, .events-button { + background: #262834; + border-radius: 7px; + box-shadow: 0px 0px 1px 1px #1b1c24 inset; + color: #C3C7D1; } + +.datemenu-calendar-column { + border: none; } + +.datemenu-today-button, +.events-section-title, +.message-list-section-title { + border-radius: 4px; + color: #C3C7D1; + padding: .4em; } + +.datemenu-today-button:hover, .datemenu-today-button:focus, +.world-clocks-button:hover, +.world-clocks-button:focus, +.weather-button:hover, +.weather-button:focus, +.events-section-title:hover, +.events-section-title:focus, +.message-list-section-title:hover, +.message-list-section-title:focus, +.events-button:hover, +.events-button:focus { + background-color: #333545; } +.datemenu-today-button:active, +.world-clocks-button:active, +.weather-button:active, +.events-section-title:active, +.message-list-section-title:active, +.events-button:active { + color: white; + background-color: rgba(189, 147, 249, 0.5); } + +.datemenu-today-button .date-label { + font-size: 1.5em; } + +.world-clocks-header, +.weather-header, +.events-section-title, +.message-list-section-title, +.events-title { + color: #a6acbb; + font-weight: bold; } + +.events-button .event-time { + color: #b7bcc8; } + +.world-clocks-grid { + spacing-rows: 0.4em; } + +.weather-box { + spacing: 0.4em; } + +.calendar-month-label { + background-color: transparent; + color: #b5bac6; + font-weight: bold; + padding: 8px 0; } + +.pager-button { + color: white; + background-color: transparent; + width: 32px; + border-radius: 4px; } + .pager-button:hover, .pager-button:focus { + background-color: rgba(195, 199, 209, 0.05); } + .pager-button:active { + background-color: rgba(40, 42, 54, 0.05); } + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); } + .calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); } + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); } + .calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); } + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + color: #b5bac6; } + +.calendar-day-base, .calendar-day { + font-size: 80%; + text-align: center; + width: 2.4em; + height: 2.4em; + padding: 0.1em; + margin: 2px; + border-radius: 99px; + color: #C3C7D1; + background-gradient-direction: none; + background-color: transparent; } + .calendar-day-base:hover, .calendar-day-base:focus, .calendar-day:hover, .calendar-day:focus { + background-color: #373a4b; + box-shadow: none !important; } + .calendar-day-base:active, .calendar-day-base:selected, .calendar-day:active, .calendar-day:selected { + color: white; + background-color: rgba(189, 147, 249, 0.5); + border-color: transparent; + box-shadow: none !important; } + +.calendar-day-heading { + background-color: transparent; + color: #C3C7D1; + margin-top: 1em; + font-size: 70%; } + +.calendar-day { + border-width: 0; } + +.calendar-day-top { + border-top-width: 1px; } + +.calendar-day-left { + border-left-width: 1px; } + +.calendar-nonwork-day { + color: #767984; } + +.calendar-today { + font-weight: bold; + border: 1px solid rgba(189, 147, 249, 0.5); + background-color: transparent; + color: #f8f8f2 !important; } + .calendar-today:hover, .calendar-today:focus { + background-color: rgba(198, 161, 250, 0.5); + color: #f8f8f2; } + .calendar-today:active, .calendar-today:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + .calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: rgba(198, 161, 250, 0.5); + color: #f8f8f2; } + +.calendar-day-with-events { + color: #e0e2e7; + font-weight: bold; + background-image: url("assets/calendar-today.svg"); } + +.calendar-other-month-day { + color: #767984; + opacity: 0.5; } + +.calendar-week-number { + font-size: 70%; + font-weight: bold; + width: 2.3em; + height: 1.8em; + border-radius: 2px; + padding: 0.5em 0 0; + margin: 6px; + background-color: rgba(195, 199, 209, 0.3); + color: #282a36; } + +/* Message list */ +.message-list { + border-color: #373a4b; } + +.message-title, .message-list .message-title, .message-content, .message-list .message-content, .message-body, .message-list .message-body { + color: #bdc2cd; } + +.message-list-sections { + spacing: 1em; } + +.message-list-section, +.message-list-section-list { + spacing: 0.4em; } + +.message-list-section-close > StIcon { + icon-size: 16px; + border-radius: 16px; + padding: 8px; + color: #C3C7D1; + background-color: transparent; } +.message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon +.message-list-section-close:active > StIcon { + color: #f8f8f2; + background: transparent; } + +.message { + background: #282a36; + border: 1px solid #1b1c24; + border-radius: 8px; + box-shadow: none; } + .message:hover, .message:focus { + background-color: #313342; } + +.message-close-button { + color: #C3C7D1; } + .message-close-button:hover > StIcon, .message-close-button:focus > StIcon + .message-close-button:active > StIcon { + color: #f8f8f2; + background: transparent; } + +.message-secondary-bin > .event-time { + color: #989fb0; + font-size: 0.7em; + /* HACK: the label should be baseline-aligned with a 1em label, + fake this with some bottom padding */ + padding-bottom: 0.13em; } + +.message-secondary-bin > StIcon { + icon-size: 16px; } + +.message-content { + padding: 10px; } + +/* Media Controls */ +.message-media-control { + color: #C3C7D1; } + .message-media-control:hover { + background-color: #393c4d; + color: #f8f8f2; } + .message-media-control:active { + background-color: #424559; + color: #f8f8f2; } + .message-media-control:insensitive { + color: #838690; } + +.media-message-cover-icon { + icon-size: 48px !important; } + .media-message-cover-icon.fallback { + color: #3e4153; + background-color: #282a36; + border: 2px solid #282a36; + border-radius: 2px; + icon-size: 16px; + padding: 8px; } + +/* World clocks */ +.world-clocks-button .world-clocks-city { + color: #C3C7D1; + font-weight: normal; } +.world-clocks-button .world-clocks-time { + font-weight: bold; + color: #C3C7D1; + font-feature-settings: "lnum"; + text-align: right; } +.world-clocks-button .world-clocks-timezone { + color: #8991a5; + font-feature-settings: "tnum"; } + +/* Weather */ +.weather-button .weather-header { + color: #a6acbb; + font-weight: bold; } + .weather-button .weather-header.location { + font-weight: normal; } +.weather-button .weather-forecast-time { + color: #a6acbb; + font-feature-settings: "tnum"; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; } +.weather-button .weather-forecast-temp { + font-weight: bold; } + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; } + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; } + +#appMenu { + spinner-image: url("assets/process-working.svg"); + spacing: 4px; } + #appMenu .label-shadow { + color: transparent; } + +.aggregate-menu { + min-width: 21em; } + .aggregate-menu .popup-menu-icon { + padding: 0 4px; } + +.system-menu-action { + color: #C3C7D1; + border-radius: 32px; + /* wish we could do 50% */ + border: 1px solid #1b1c24; + background: #21232d; + padding: 13px; } + .system-menu-action:hover, .system-menu-action:focus { + border: 1px solid rgba(189, 147, 249, 0.5); + color: rgba(189, 147, 249, 0.5); + background: transparent; } + .system-menu-action:active { + background-color: rgba(159, 99, 246, 0.5); + color: #f8f8f2; + border: 1px solid rgba(159, 99, 246, 0.5); } + .system-menu-action > StIcon { + icon-size: 16px; } + +.ripple-box { + width: 52px; + height: 52px; + background-image: url("assets/corner-ripple-ltr.png"); + background-size: contain; } + +.ripple-box:rtl { + background-image: url("assets/corner-ripple-rtl.png"); } + +.popup-menu-arrow { + width: 16px; + height: 16px; } + +.popup-menu-icon { + icon-size: 1.09em; } + +.window-close, .screenshot-ui-close-button { + background-color: #21232d; + color: #cfd2da; + border-radius: 21px; + border: 2px solid #1b1c24; + padding: 3px; + height: 28px; + width: 28px; + box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); + transition-duration: 300ms; } + .window-close StIcon, .screenshot-ui-close-button StIcon { + icon-size: 23px; } + .window-close:hover, .screenshot-ui-close-button:hover { + border-color: rgba(189, 147, 249, 0.5); } + .window-close:active, .screenshot-ui-close-button:active { + color: #bd93f9; + background-color: rgba(29, 31, 39, 0.95); } + +.window-close { + -shell-close-overlap: 16px; } + .window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); } + +/* NETWORK DIALOGS */ +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; } + +.nm-dialog-content { + spacing: 20px; + padding: 24px; } + +.nm-dialog-header-hbox { + spacing: 10px; } + +.nm-dialog-airplane-box { + spacing: 12px; } + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; } + +.nm-dialog-airplane-text { + color: #C3C7D1; } + +.nm-dialog-header-icon { + icon-size: 32px; } + +.nm-dialog-scroll-view { + border: 2px solid #1b1c24; + background: #282a36; } + +.nm-dialog-header { + font-weight: bold; } + +.nm-dialog-item { + font-size: 110%; + border-bottom: 1px solid #1b1c24; + padding: 12px; + spacing: 20px; } + +.nm-dialog-item:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.nm-dialog-icons { + spacing: .5em; } + +.nm-dialog-icon { + icon-size: 16px; } + +.no-networks-label { + color: #999999; } + +.no-networks-box { + spacing: 12px; } + +/* OVERVIEW */ +#overview, .controls-manager, .secondary-monitor-workspaces { + spacing: 24px; } + +#overviewGroup { + background-color: #282a36; } + +.overview-controls { + padding-bottom: 32px; } + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; } + .window-picker.external-monitor { + padding: 16px; } + +.window-clone-border { + border: 1px solid rgba(255, 255, 255, 0); + border-radius: 0px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.window-caption { + spacing: 20px; + color: #f8f8f2; + background-color: #21232d; + border: 1px solid #1b1c24; + padding: 4px 8px; } + +.search-entry { + width: 320px; + padding: 9px; + border-radius: 10px; + color: #C3C7D1; + border-color: transparent; } + .search-entry .search-entry-icon { + icon-size: 1em; + padding: 0 4px; + color: rgba(195, 199, 209, 0.7); } + +.search-provider-icon, +.list-search-result { + background-color: transparent; } + .search-provider-icon:focus, + .list-search-result:focus, .search-provider-icon:hover, + .list-search-result:hover, .search-provider-icon:selected, + .list-search-result:selected { + background-color: rgba(195, 199, 209, 0.1); + transition-duration: 200ms; } + .search-provider-icon:active, + .list-search-result:active, .search-provider-icon:checked, + .list-search-result:checked { + background-color: rgba(18, 19, 25, 0.85); } + +#searchResultsBin { + max-width: 1000px; } + +#searchResultsContent { + padding-left: 20px; + padding-right: 20px; + spacing: 16px; } + +.search-section { + spacing: 16px; } + +.search-section-content { + background-color: transparent; + border-radius: 0; + border: none; + box-shadow: none; + spacing: 32px; } + +.list-search-results { + spacing: 3px; } + +.search-section-separator { + height: 2px; + background-color: #373a4b; } + +.list-search-result-content { + spacing: 30px; } + +.list-search-result-title { + color: white; + spacing: 12px; } + +.list-search-result-description { + color: rgba(255, 255, 255, 0.5); } + +.list-search-provider-details { + width: 150px; + color: white; + margin-top: 0.24em; } + +.list-search-provider-content { + spacing: 20px; } + +.search-provider-icon { + padding: 15px; } + +/* DASHBOARD */ +.dash-background { + background-color: #21232d; } + +.dash-separator { + width: 1px; + background-color: #373a4b; } + +.dash-label { + border-radius: 7px; + padding: 4px 12px; + color: #f8f8f2; + background-color: rgba(33, 35, 45, 0.95); + text-align: center; + -x-offset: 8px; } + +/* App Vault/Grid */ +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; } + .icon-grid .overview-icon { + icon-size: 96px; } + +.system-action-icon { + background-color: black; + color: white; + border-radius: 99px; + icon-size: 48px; } + +.app-view-controls { + padding-bottom: 32px; } + +.app-view-control { + padding: 4px 32px; } + .app-view-control:checked { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .app-view-control:first-child { + border-right-width: 0; + border-radius: 3px 0 0 3px; } + .app-view-control:last-child { + border-radius: 0 3px 3px 0; } + +.app-well-app, +.app-well-app.app-folder, +.show-apps, +.grid-search-result, +.overview-tile, +.dash-item-container .overview-tile { + background-color: transparent; + border: none; } + .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, + .app-well-app.app-folder:hover .overview-icon, + .app-well-app.app-folder:focus .overview-icon, + .app-well-app.app-folder:selected .overview-icon, + .show-apps:hover .overview-icon, + .show-apps:focus .overview-icon, + .show-apps:selected .overview-icon, + .grid-search-result:hover .overview-icon, + .grid-search-result:focus .overview-icon, + .grid-search-result:selected .overview-icon, + .overview-tile:hover .overview-icon, + .overview-tile:focus .overview-icon, + .overview-tile:selected .overview-icon, + .dash-item-container .overview-tile:hover .overview-icon, + .dash-item-container .overview-tile:focus .overview-icon, + .dash-item-container .overview-tile:selected .overview-icon { + background-color: #373a4b; + transition-duration: 0ms; + border-image: none; + background-image: none; } + .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, + .app-well-app.app-folder:active .overview-icon, + .app-well-app.app-folder:checked .overview-icon, + .show-apps:active .overview-icon, + .show-apps:checked .overview-icon, + .grid-search-result:active .overview-icon, + .grid-search-result:checked .overview-icon, + .overview-tile:active .overview-icon, + .overview-tile:checked .overview-icon, + .dash-item-container .overview-tile:active .overview-icon, + .dash-item-container .overview-tile:checked .overview-icon { + background-color: #373a4b; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + color: #C3C7D1; } + +.app-well-app-running-dot, .app-grid-running-dot { + width: 10px; + height: 3px; + background-color: #bd93f9; + border-radius: 5px !important; + margin-bottom: 0px; } + +.app-well-app .overview-icon, +.app-well-app.app-folder .overview-icon, +.show-apps .overview-icon, +.grid-search-result .overview-icon, +.overview-tile .overview-icon, +.dash-item-container .overview-tile .overview-icon { + background-color: transparent; + color: #f8f8f2; + border: none; + transition-duration: 100ms; + text-align: center; + box-shadow: none; + border-radius: 18px; } + +/* App Folders */ +.app-well-app.app-folder, .app-folder .overview-icon { + background-color: #333545; + border-radius: 18px; } + +.app-folder-dialog { + background-color: #21232d; + border: none; + border-radius: 30px; + box-shadow: none; } + .app-folder-dialog .folder-name-label { + color: #C3C7D1; } + .app-folder-dialog .edit-folder-button { + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; } + .app-folder-dialog .edit-folder-button > StIcon { + icon-size: 16px; } + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(40, 42, 54, 0.35); } + +.show-apps .show-apps-icon { + color: #f8f8f2; } + +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: #C3C7D1; + transition-duration: 100ms; } + +.app-folder-popup { + -arrow-border-radius: 8px; + -arrow-background-color: rgba(40, 42, 54, 0.5); + -arrow-base: 24px; + -arrow-rise: 11px; } + +.app-folder-popup-bin { + padding: 5px; + background: rgba(40, 42, 54, 0.5); } + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; } + +.page-indicator { + padding: 6px 12px; } + .page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + background-image: none; + background-color: #696e8e; + border: 1px solid #1b1c24; } + .page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.5); } + .page-indicator:active .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.7); + margin: 0; } + .page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: #FFFFFF; + transition-duration: 0.3s; + transition-timing-function: ease-in-out; } + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; } + +.workspace-thumbnails { + visible-width: 32px; + spacing: 11px; + padding: 8px; + border-radius: 0; } + .workspace-thumbnails:rtl { + border-radius: 0; } + +.workspace-thumbnail-indicator { + border: 4px solid rgba(189, 147, 249, 0.4); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + padding: 0; } + +.search-display > StBoxLayout, +.all-apps, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; } + +.page-navigation-arrow { + background-color: transparent; + margin: 6px; + padding: 18px; + width: 24px; + height: 24px; + border-radius: 99px; } + .page-navigation-arrow:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + .page-navigation-arrow:hover { + background-color: rgba(189, 147, 249, 0.3); } + .page-navigation-arrow:active { + background-color: rgba(189, 147, 249, 0.5); } + +.workspace-thumbnails { + color: #C3C7D1; + background-color: transparent; + border: none; } + +.search-statustext, .no-frequent-applications-label { + font-size: 2em; + font-weight: bold; + color: #C3C7D1; } + +/* NOTIFICATIONS & MESSAGE TRAY */ +.url-highlighter { + link-color: rgba(219, 195, 252, 0.5); } + +.notification-banner { + font-size: 11pt; + width: 34em; + margin: 5px; + border-radius: 12px; + color: #f8f8f2; + background-color: #2c2f3c; + border: 1px solid #1b1c24; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); } + .notification-banner:hover, .notification-banner:focus { + background-color: #313342; + border-radius: 12px; + box-shadow: none; } + .notification-banner * { + color: #fefefe; } + .notification-banner .notification-icon { + padding: 5px; } + .notification-banner .notification-content { + padding: 5px; + spacing: 5px; } + .notification-banner .secondary-icon { + icon-size: 1.09em; } + .notification-banner .notification-actions { + background-color: #242530; + padding-top: 2px; + spacing: 1px; + border-radius: 0px 0px 12px 12px; } + .notification-banner .notification-button { + padding: 7px; + background-color: rgba(40, 42, 54, 0.9); + box-shadow: none; } + .notification-banner .notification-button:first-child { + border-radius: 0 0 0 12px; } + .notification-banner .notification-button:last-child { + border-radius: 0 0 12px 0; } + .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.summary-source-counter { + font-size: 10pt; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; + border: 2px solid #C3C7D1; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; } + +.secondary-icon { + icon-size: 1.09em; } + +.chat-body { + spacing: 5px; } + +.chat-response { + margin: 5px; } + +.chat-log-message { + color: #a6acbb; } + +.chat-new-group { + padding-top: 1em; } + +.chat-received { + padding-left: 4px; } + .chat-received:rtl { + padding-left: 0px; + padding-right: 4px; } + +.chat-sent { + padding-left: 18pt; + color: #989fb0; } + .chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; } + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: bold; + color: #8991a5; } + .chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; } + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; } + +.hotplug-notification-item { + padding: 2px 10px; } + .hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; } + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; } + +.hotplug-resident-box { + spacing: 8px; } + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 4px; } + .hotplug-resident-mount:hover { + background-color: rgba(40, 42, 54, 0.3); } + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; } + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; } + +.hotplug-resident-eject-icon { + icon-size: 16px; } + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 5px; + color: pink; } + +/* Eeeky things */ +.magnifier-zoom-region { + border: 2px solid rgba(189, 147, 249, 0.5); } + .magnifier-zoom-region.full-screen { + border-width: 0; } + +/* On-screen Keyboard */ +#keyboard { + background-color: rgba(40, 42, 54, 0.65); } + +.keyboard-layout { + spacing: 10px; + padding: 10px; } + +.keyboard-row { + spacing: 15px; } + +.keyboard-key { + color: #C3C7D1; + background-color: #2c2f3c; + box-shadow: none; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + background-color: #282a36; + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 5px; } + .keyboard-key:focus { + background-color: #353848; + color: #f8f8f2; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + box-shadow: none !important; + border: 1px solid #1b1c24; } + .keyboard-key:hover, .keyboard-key:checked { + background-color: #353848; + color: #f8f8f2; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .keyboard-key:active { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .keyboard-key:grayed { + background-color: rgba(40, 42, 54, 0.95); + color: #C3C7D1; + border-color: rgba(0, 0, 0, 0.7); } + +.keyboard-subkeys { + color: white; + padding: 5px; + -arrow-border-radius: 10px; + -arrow-background-color: rgba(40, 42, 54, 0.65); + -arrow-border-width: 2px; + -arrow-border-color: #C3C7D1; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; } + +.candidate-popup-content { + padding: 0.5em; + spacing: 0.3em; } + +.candidate-index { + padding: 0 0.5em 0 0; + color: #a6acbb; } + +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + border-radius: 4px; } + .candidate-box:selected, .candidate-box:hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.candidate-page-button-box { + height: 2em; } + .vertical .candidate-page-button-box { + padding-top: 0.5em; } + .horizontal .candidate-page-button-box { + padding-left: 0.5em; } + +.candidate-page-button { + padding: 4px; } + +.candidate-page-button-previous { + border-radius: 4px 0px 0px 4px; + border-right-width: 0; } + +.candidate-page-button-next { + border-radius: 0px 4px 4px 0px; } + +.candidate-page-button-icon { + icon-size: 1em; } + +/* Auth Dialogs & Screen Shield */ +.framed-user-icon { + background-size: contain; + border: 2px solid #C3C7D1; + color: #C3C7D1; + border-radius: 3px; } + .framed-user-icon:hover { + border-color: white; + color: white; } + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; } + +.login-dialog { + border: none; + background-color: transparent; } + .login-dialog .modal-dialog-button-box { + spacing: 3px; } + .login-dialog .modal-dialog-button { + padding: 3px 18px; } + .login-dialog .modal-dialog-button:default { + color: #C3C7D1; + background-color: #2c2f3c; + box-shadow: none; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { + background-color: #353848; + color: #f8f8f2; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .login-dialog .modal-dialog-button:default:active { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:default:insensitive { + color: #767984; + background-color: rgba(57, 59, 71, 0.66); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border: none; + text-shadow: none; + icon-shadow: none; } + +.login-dialog-logo-bin { + padding: 24px 0px; } + +.login-dialog-banner { + color: #a6acbb; } + +.login-dialog-button-box { + spacing: 5px; } + +.login-dialog-message-warning { + color: #ff9f39; } + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; } + +.login-dialog-user-selection-box { + padding: 100px 0px; } + +.login-dialog-not-listed-label { + padding-left: 2px; } + .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: #C3C7D1; } + +.login-dialog-not-listed-label { + font-size: 90%; + font-weight: bold; + color: #6d768e; + padding-top: 1em; } + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; } + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid rgba(189, 147, 249, 0.5); } + +.login-dialog-user-list-item { + border-radius: 5px; + padding: .2em; + color: #6d768e; } + .login-dialog-user-list-item:ltr { + padding-right: 1em; } + .login-dialog-user-list-item:rtl { + padding-left: 1em; } + .login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 2px 0 0 0; + background-color: #C3C7D1; } + .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: #f8f8f2; } + +.login-dialog-username, +.user-widget-label { + color: #C3C7D1; + font-size: 120%; + font-weight: bold; + text-align: left; + padding-left: 15px; } + +.user-widget-label:ltr { + padding-left: 18px; } +.user-widget-label:rtl { + padding-right: 18px; } + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; } + +.login-dialog-prompt-label { + color: #8991a5; + font-size: 110%; + padding-top: 1em; } + +.login-dialog-session-list-button StIcon { + icon-size: 1.25em; } + +.login-dialog-session-list-button { + color: #6d768e; } + .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { + color: #C3C7D1; } + .login-dialog-session-list-button:active { + color: #414654; } + +.screen-shield-arrows { + padding-bottom: 3em; } + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +.screen-shield-clock { + color: white; + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); + font-weight: bold; + text-align: center; + padding-bottom: 1.5em; } + +.screen-shield-clock-time { + font-size: 72pt; + text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } + +.screen-shield-clock-date { + font-size: 28pt; } + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; } + .screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; } + .screen-shield-notifications-container .notification, + .screen-shield-notifications-container .screen-shield-notification-source { + padding: 12px 6px; + border: 1px solid #C3C7D1; + background-color: rgba(40, 42, 54, 0.45); + color: #C3C7D1; + border-radius: 4px; } + .screen-shield-notifications-container .notification { + margin-right: 15px; } + +.screen-shield-notification-label { + font-weight: bold; + padding: 0px 0px 0px 12px; } + +.screen-shield-notification-count-text { + padding: 0px 0px 0px 12px; } + +#panel.lock-screen { + background-color: rgba(40, 42, 54, 0.45); } + +.screen-shield-background { + background: black; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } + +#lockDialogGroup { + background: #2e3436 url(resource:///org/gnome/shell/theme/noise-texture.png); + background-repeat: repeat; } + +#screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle { + background-color: rgba(40, 42, 54, 0.3); } + #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus { + background-color: rgba(40, 42, 54, 0.5); } + #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active { + background-color: rgba(189, 147, 249, 0.4); } + +#LookingGlassDialog { + background-color: rgba(0, 0, 0, 0.8); + spacing: 4px; + padding: 4px; + border: 2px solid grey; + border-radius: 4px; } + #LookingGlassDialog > #Toolbar { + border: 1px solid grey; + border-radius: 4px; } + #LookingGlassDialog .labels { + spacing: 4px; } + #LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #ccc; + transition-duration: 100ms; + padding-left: .3em; + padding-right: .3em; } + #LookingGlassDialog .notebook-tab:hover { + color: white; + text-shadow: black 0px 2px 2px; } + #LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 2px; + border-color: rgba(204, 171, 250, 0.5); + color: white; + text-shadow: black 0px 2px 2px; } + #LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; } + #LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; } + +.lg-dialog StEntry { + selection-background-color: #bbbbbb; + selected-color: #333333; } +.lg-dialog .shell-link { + color: #999999; } + .lg-dialog .shell-link:hover { + color: #dddddd; } + +.lg-completions-text { + font-size: .9em; + font-style: italic; } + +.lg-obj-inspector-title { + spacing: 4px; } + +.lg-obj-inspector-button { + border: 1px solid gray; + padding: 4px; + border-radius: 4px; } + .lg-obj-inspector-button:hover { + border: 1px solid #ffffff; } + +#lookingGlassExtensions { + padding: 4px; } + +.lg-extensions-list { + padding: 4px; + spacing: 6px; } + +.lg-extension { + border: 1px solid #6f6f6f; + border-radius: 4px; + padding: 4px; } + +.lg-extension-name { + font-weight: bold; } + +.lg-extension-meta { + spacing: 6px; } + +#LookingGlassPropertyInspector { + background: rgba(0, 0, 0, 0.8); + border: 2px solid grey; + border-radius: 4px; + padding: 6px; } + +.quick-settings { + padding: 14px; + border-radius: 12px; } + .quick-settings .icon-button, .quick-settings .button { + color: #C3C7D1; + padding: 10.5px; } + +.quick-toggle { + border-radius: 99px; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ } + .quick-toggle:checked { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.15); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .quick-toggle:checked:hover { + color: #f8f8f2; + background-color: rgba(219, 195, 252, 0.15); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .quick-toggle:checked, .quick-toggle:checked:hover { + color: #bd93f9; } + .quick-toggle, .quick-toggle:hover, .quick-toggle:checked, .quick-toggle:checked:hover { + border: none; } + .quick-toggle > StBoxLayout { + spacing: 6px; } + .quick-toggle.button { + padding: 0; } + .quick-toggle > StBoxLayout { + padding: 0 12px; } + .quick-toggle:ltr > StBoxLayout { + padding-left: 15px; } + .quick-toggle:rtl > StBoxLayout { + padding-right: 15px; } + .quick-toggle .quick-toggle-label { + font-weight: bold; } + +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; } +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; } +.quick-menu-toggle .quick-toggle { + min-width: auto; + max-width: auto; } + .quick-menu-toggle .quick-toggle:ltr { + border-radius: 99px 0 0 99px; } + .quick-menu-toggle .quick-toggle:rtl { + border-radius: 0 99px 99px 0; } + .quick-menu-toggle .quick-toggle:ltr:last-child { + border-radius: 99px; } + .quick-menu-toggle .quick-toggle:rtl:last-child { + border-radius: 99px; } +.quick-menu-toggle .quick-toggle-arrow { + background-color: #2a2c39; + padding: 6px 10.5px; + border-width: 0; + color: #C3C7D1; } + .quick-menu-toggle .quick-toggle-arrow:checked { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.25); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .quick-menu-toggle .quick-toggle-arrow:checked:hover { + color: #f8f8f2; + background-color: rgba(219, 195, 252, 0.25); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .quick-menu-toggle .quick-toggle-arrow:checked, .quick-menu-toggle .quick-toggle-arrow:checked:hover { + color: #bd93f9; + border-width: 0; } + .quick-menu-toggle .quick-toggle-arrow:hover { + background-color: #373a4b; } + .quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 99px 99px 0; } + .quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 99px 0 0 99px; } + +.quick-toggle-menu { + background-color: #282a36 !important; + border-radius: 12px; + padding: 12px; + margin: 12px 18px 0; + color: #C3C7D1; } + .quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; } + .quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding-bottom: 12px; } + .quick-toggle-menu .header .icon { + border-radius: 999px; + padding: 9px; + background-color: #3e4153; } + .quick-toggle-menu .header .icon.active { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; } +.quick-settings-system-item .icon-button { + border-radius: 50px; } + +.quick-slider .icon-button:hover { + background-color: #353848; + color: #f8f8f2; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + +.screenshot-ui-type-button, .screenshot-ui-show-pointer-button { + text-shadow: none; } + +.screenshot-ui-window-selector { + background-color: #282a36; } + +.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { + border-color: rgba(145, 75, 245, 0.5); } +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { + border-color: rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0); } +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { + color: #282a36; + background-color: rgba(189, 147, 249, 0.5); } + +.openweather-current-summarybox, +.openweather-forecast-icon, +.openweather-current-databox-captions, +.openweather-current-databox-values, +.openweather-current-icon, +.openweather-forecast-summary, +.openweather-forecast-temperature { + background: transparent; } + +.openweather-current-databox-captions, .openweather-forecast-day { + color: rgba(189, 147, 249, 0.5); } + +#dashtodockContainer #dash { + background: transparent !important; } + #dashtodockContainer #dash .dash-background { + background: #21232d !important; + border: none; } + #dashtodockContainer #dash .dash-item-container .app-well-app .overview-icon.focused .overview-icon, + #dashtodockContainer #dash .dash-item-container .show-apps .overview-icon.focused .overview-icon { + background-color: #373a4b !important; } + +/*# sourceMappingURL=gnome-shell.css.map */ diff --git a/filesystem/.themes/Dracula/gnome-shell/gnome-shell.scss b/filesystem/.themes/Dracula/gnome-shell/gnome-shell.scss new file mode 100644 index 00000000..f84c6f85 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/gnome-shell.scss @@ -0,0 +1,6 @@ +$subtheme: 'main'; + +@import "colors"; //use gtk colors +@import "drawing"; +@import "common"; +@import "extensions" \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gnome-shell/legacy/_common.scss b/filesystem/.themes/Dracula/gnome-shell/legacy/_common.scss new file mode 100644 index 00000000..356c7513 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/legacy/_common.scss @@ -0,0 +1,2199 @@ +$corner-radius: 2px; + + +/* GLOBALS */ +$font-size: 10; +$_bubble_bg_color: $osd_bg_color; +$_bubble_fg_color: $fg_color; +$_bubble_borders_color: $fg_color; +$_bubble_transparent: transparentize($osd_bg_color, 0.17); +$topbar_bg_color: transparentize($dracula, 0.05); + +stage { + @include fontsize($font-size); + color: $fg_color; +} + +/* WIDGETS */ + +/* Buttons */ +.button { + @include button(normal); + border-radius: 4px; + border-width: 0; + padding: 4px 32px; + &:focus { @include button(focus); } + &:insensitive { @include button(insensitive); } + &:active { @include button(active); } + &:hover { + @include button(hover); + } +} + +.modal-dialog-linked-button { + padding: 10px; + border: 1px solid $borders_color; + color: $fg_color; + background: $main_dark; + text-shadow: none; + icon-shadow: none; + box-shadow: none; + &:insensitive { @include button(insensitive); } + &:active { + @include button(active); + } + &:focus { + @include button(focus); + &:hover { + @include button(focus); + } + } + &:hover { + @include button(hover); + } + + &:first-child { border-radius: 0px 0px 0px 2px; } + &:last-child { border-radius: 0px 0px 2px 0px; } + &:first-child:last-child { border-radius: 0px 0px 2px 2px; } +} + +/* Entries */ +StEntry { + @include entry(normal); + border-radius: 2px; + padding: 4px; + border-width: 0; + color: $fg_color; + //&:hover { @include entry(hover);} + &:focus { @include entry(focus,$fc:transparentize($fg_color,0.5));} + &:insensitive { @include entry(insensitive);} + selection-background-color: $selected_bg_color; + selected-color: $selected_fg_color; + StIcon.capslock-warning { + icon-size: 16px; + warning-color: $warning_color; + padding: 0 4px; + } + + StLabel.hint-text { color: transparentize($fg_color, 0.3); } + +} + + +/* Scrollbars */ + +StScrollView { + &.vfade { -st-vfade-offset: 68px; } + &.hfade { -st-hfade-offset: 68px; } +} + +StScrollBar { + padding: 0; + + StScrollView & { + min-width: 14px; + min-height: 14px; + } + + StBin#trough { + border-radius: 0; + background-color: transparent; + } + + StButton#vhandle, StButton#hhandle { + border-radius: 8px; + background-color: mix($fg_color, $bg_color, 20%); + //border: 3px solid transparent; //would be nice to margin or at least to transparent + margin: 3px; + &:hover { background-color: mix($fg_color, $bg_color, 80%); } + &:active { background-color: $selected_bg_color; } + } +} + +/* Slider */ + +.slider { + height: 1em; + color: darken($selected_fg_color, 25%); + border-color: black; + -slider-height: 0.1em; + -slider-background-color: $gray; //background of the trough + -slider-border-color: black; //trough border color + -slider-active-background-color: $teal; //active trough fill + -slider-active-border-color: $lime; //active trough border + -slider-border-width: 0; + -slider-handle-radius: 6px; + + -barlevel-height: 0.1em; + -barlevel-background-color: $gray; + -barlevel-border-color: black; + -barlevel-active-background-color: $teal; + -barlevel-active-border-color: $lime; + -barlevel-border-width: 0; + -barlevel-handle-radius: 6px; + -barlevel-overdrive-color: $teal; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0px; +} + +/* Check Boxes */ + +.check-box { + StBoxLayout { spacing: .8em; } + StBin { + width: 24px; + height: 22px; + background-image: url("assets/checkbox-off.svg"); + } + &:focus, &:hover StBin { background-image: url("assets/checkbox-off-focused.svg"); } + &:checked StBin { background-image: url("assets/checkbox.svg"); } + &:focus:checked StBin { background-image: url("assets/checkbox-focused.svg"); } +} + +/* Switches */ +.toggle-switch { + width: 65px; + height: 22px; + background-size: contain; + //Gnome 3.32// + background-image: url("assets/toggle-off.svg"); + &:checked { background-image: url("assets/toggle-on.svg"); } +} + + @each $v in us, intl { + .toggle-switch-#{$v} { + background-image: url("assets/toggle-off.svg"); + &:checked { background-image: url("assets/toggle-on.svg"); } + } + } + +/* links */ +.shell-link { + color: $link_color; + &:hover { color: lighten($link_color,10%); } +} + +/* Modal Dialogs */ + +.headline { font-size: 110%; } +.lightbox { background-color: black; } +.flashspot { background-color: white; } + +.modal-dialog { + border: none; + border-radius: 2px; + color: $osd_fg_color; + background-color: darken($osd_bg_color,5%); + box-shadow: $depth6; + + .modal-dialog-content-box { padding: 24px; } + .run-dialog-entry { + width: 20em; + margin-bottom: 6px; + } + .run-dialog-error-box { + color: $error_color; + padding-top: 16px; + spacing: 6px; + } + .run-dialog-button-box { padding-top: 1em; } + .run-dialog-label { + @include fontsize($font-size + 1.1); + font-weight: bold; + color: darken($osd_fg_color,10%); + padding-bottom: .4em; + } + + .run-dialog-description { + color: $fg_color; + } + +} + + .mount-dialog-subject, + .end-session-dialog-subject { //this should be a generic header class + @include fontsize($font-size * 1.3); + } + +/* Message Dialog */ + .message-dialog-main-layout { + padding: 12px 20px 0; + spacing: 12px; + } + + .message-dialog-content { + max-width: 28em; + spacing: 20px; + } + + .message-dialog-icon { + min-width: 48px; + icon-size: 48px; + } + + .message-dialog-title { + font-weight: bold; + } + + .message-dialog-subtitle { + color: darken($fg_color,40%); + font-weight: bold; + } + +/* End Session Dialog */ +.end-session-dialog { + spacing: 42px; + border: none; + & .modal-dialog-linked-button:last-child { + background-color: $red; + color: #fff; + &:hover, &:focus { + background: darken($error_color, 3%); + color: #fff; + } + } +} + + .end-session-dialog-list { + padding-top: 20px; + } + + .end-session-dialog-layout { + padding-left: 17px; + &:rtl { padding-right: 17px; } + } + + .end-session-dialog-description { + width: 28em; + padding-bottom: 10px; + &:rtl { + text-align: right; + } + } + + .end-session-dialog-warning { + width: 28em; + color: $warning_color; + padding-top: 6px; + &:rtl { + text-align: right; + } + } + + .end-session-dialog-logout-icon { + //border: 2px solid #8b8b8b; + border-radius: 3px; + width: 48px; + height: 48px; + background-size: contain; + } + + .end-session-dialog-shutdown-icon { + color: $error_color; + width: 48px; + height: 48px; + } + + .end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; + } + + .end-session-dialog-session-list, + .end-session-dialog-app-list { + spacing: 1em; + } + + .end-session-dialog-list-header { + font-weight: bold; + &:rtl { text-align: right; } + } + + .end-session-dialog-app-list-item, + .end-session-dialog-session-list-item { + spacing: 1em; + } + + .end-session-dialog-app-list-item-name, + .end-session-dialog-session-list-item-name { + font-weight: bold; + } + + .end-session-dialog-app-list-item-description { + color: darken($fg_color,5%); + font-size: 10pt; + } + +/* ShellMountOperation Dialogs */ +.shell-mount-operation-icon { icon-size: 48px; } + + .mount-dialog { + spacing: 24px; + + .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; + } + + .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; + } + + .message-dialog-body { + padding-left: 17px; + width: 28em; + } + + .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; + } + } + + .mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; + } + + .mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; + } + + .mount-dialog-app-list-item { + color: darken($fg_color,10%); + &:hover { color: $fg_color; } + &:ltr { padding-right: 1em; } + &:rtl { padding-left: 1em; } + } + + .mount-dialog-app-list-item-icon { + &:ltr { padding-right: 17px; } + &:rtl { padding-left: 17px; } + } + + .mount-dialog-app-list-item-name { + font-size: 10pt; + } + + +/* Password or Authentication Dialog */ + +.prompt-dialog { + //this is the width of the entire modal popup + width: 34em; + border: none; + border-radius: 2px; + + .message-dialog-main-layout { spacing: 24px; padding: 10px; } + .message-dialog-content { spacing: 16px; } + .message-dialog-title { color: darken($osd_fg_color,25%); } +} + + .prompt-dialog-description:rtl { + text-align: right; + } + + .prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; + } + + .prompt-dialog-error-label { + font-size: 10pt; + color: $error_color; + padding-bottom: 8px; + } + + .prompt-dialog-info-label { + font-size: 10pt; + padding-bottom: 8px; + } + + .hidden { + color: rgba(0,0,0,0); + } + + .prompt-dialog-null-label { + font-size: 10pt; + padding-bottom: 8px; + } + + +/* Polkit Dialog */ + +.polkit-dialog-user-layout { + padding-left: 10px; + spacing: 10px; + &:rtl { + padding-left: 0px; + padding-right: 10px; + } +} + + .polkit-dialog-user-root-label { + color: $warning_color; + } + + .polkit-dialog-user-icon { + border-radius: 3px; + background-size: contain; + width: 48px; + height: 48px; + } + +/* Audio selection dialog */ +.audio-device-selection-dialog { + spacing: 30px; +} + + .audio-selection-content { + spacing: 20px; + padding: 24px; + } + + .audio-selection-title { + font-weight: bold; + text-align: center; + } + + .audio-selection-box { + spacing: 20px; + } + + .audio-selection-device { + border: 1px solid $_bubble_borders_color; + border-radius: 12px; + &:active,&:hover,&:focus { background-color: $selected_bg_color; } + } + + .audio-selection-device-box { + padding: 20px; + spacing: 20px; + } + + .audio-selection-device-icon { + icon-size: 64px; + } + +/* Access Dialog */ +.access-dialog { + spacing: 30px; +} + +/* Geolocation Dialog */ +.geolocation-dialog { + spacing: 30px; +} + +/* Extension Dialog */ +.extension-dialog { + .message-dialog-main-layout { spacing: 24px; padding: 10px; } + .message-dialog-title { color: darken($osd_fg_color,25%); } +} + +/* Inhibit-Shortcuts Dialog */ +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +/* Network Agent Dialog */ + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +/* Popovers/Menus */ + +.popup-menu { + min-width: 15em; + background-color: transparent; + color: $fg_color; + .popup-menu-arrow { } //defined globally in the TOP BAR + .popup-sub-menu { + background-color: transparentize(darken($main_dark,57%), 0.8); + box-shadow: $depth6; + } + + .popup-menu-content { + padding: 16px 0; + background-color: $bg_color; + border-radius: 7px; + } + .popup-menu-item { + spacing: 6px; + padding: 6px; + + &:ltr { padding-right: 1.75em; padding-left: 0; } + &:rtl { padding-right: 0; padding-left: 1.75em; } + + &:checked { + background-color: transparentize(darken($bg_color, 4%), 0.07); + color: $selected_fg_color; + box-shadow: inset 1px 0px 0px lighten($selected_bg_color,5%); + font-weight: normal; + &:hover{ + background-color: transparentize(darken($bg_color, 4%), 0.07); + color: $selected_bg_color; + } + } + &.selected { background-color: transparentize($fg_color,0.9); color: $fg_color; } + &:active { background-color: $selected_bg_color; color: $selected_fg_color; } + &:insensitive { color: transparentize($fg_color,.5); } + } + + .popup-inactive-menu-item { //all icons and other graphical elements + color: $fg_color; + + &:insensitive { color: transparentize($fg_color,0.5); } + } + //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is + &.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; + } +} + + + + .popup-menu-ornament { + text-align: right; + width: 1.2em; + } + .popup-menu-boxpointer, + .candidate-popup-boxpointer { + -arrow-border-radius: 7px; + -arrow-background-color: $bg_color; + -arrow-border-width: 1px; + -arrow-border-color: $borders_color; + -arrow-base: 24px; + -arrow-rise: 11px; + -arrow-box-shadow: 0 1px 3px black; //dreaming. bug #689995 + } + + .popup-separator-menu-item { + background: transparent; + &-separator { + //-margin-horizontal: 24px; + height: 1px; //not really the whole box + margin: 6px 64px; + background-color: transparent; + border-color: transparent; + border-bottom-width: 1px; + border-bottom-style: solid; + } + .popup-sub-menu & &-separator { //submenu separators + margin: 0 64px 0 32px; + background: transparent; + } + } + + +// Background menu +.background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ + + +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; + + .osd-monitor-label { font-size: 3em; } + .level { + height: 0.4em; + border-radius: 0.3em; + color: $osd_fg_color; + border: 1px solid $borders_color; + + -barlevel-height: 0.4em; + -barlevel-background-color: transparentize(darken($main_dark,15%),0.5); + -barlevel-active-background-color: $selected_bg_color; + -barlevel-overdrive-color: $red; + -barlevel-overdrive-separator-width: 0.2em; + } + .level-bar { + background-color: $selected_bg_color; + border-radius: 0.3em; + } +} + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: transparentize(black, 0.2); + + .pad-osd-title-box { spacing: 12px; } + .pad-osd-title-menu-box { spacing: 6px; } +} + +.combo-box-label { + width: 15em; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; +} + +.osd-window, +.resize-popup, +.switcher-list { + @extend %osd-panel; +} + + .switcher-list-item-container { spacing: 8px; } + + .switcher-list .item-box { + padding: 8px; + border-radius: 4px; + } + + .switcher-list .item-box:outlined { + padding: 6px; + border: 2px solid darken($borders_color,10%); + } + + .switcher-list .item-box:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + .switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; + } + + .switcher-list .thumbnail { + width: 256px; + } + + .switcher-list .separator { + width: 1px; + background: $borders_color; + } + + .switcher-arrow { + border-color: rgba(0,0,0,0); + color: transparentize($fg_color,0.2); + &:highlighted { + color: $fg_color; + } + } + + .input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; + } + +/* Window Cycler */ +.cycler-highlight { border: 5px solid $selected_bg_color; } + +/* Workspace Switcher */ +.workspace-switcher-group { padding: 12px; } + + .workspace-switcher-container { + @extend %osd-panel; + } + + .workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; + } + + .ws-switcher-active-up, + .ws-switcher-active-down, + .ws-switcher-active-left, + .ws-switcher-active-right { + height: 50px; + background-color: $selected_bg_color; + color: $selected_fg_color; + border: none; + background-size: 32px; + border-radius: 8px; + } + .ws-switcher-active-up { + background-image: url("assets/ws-switch-arrow-up.png"); } + + .ws-switcher-active-down { + background-image: url("assets/ws-switch-arrow-down.png"); } + + .ws-switcher-box { + height: 50px; + border: 1px solid transparentize($osd_fg_color,0.9); + background: darken($_bubble_bg_color, 10%); + border-radius: 8px; + } + +%osd-panel { + color: $_bubble_fg_color; + background-color: $_bubble_bg_color; + border: 1px solid $borders_color; + box-shadow: 0px 0px 7px $borders_color; + border-radius: 5px; + padding: 12px; +} + +/* Tiled window previews */ +.tile-preview { + background-color: transparentize($selected_bg_color, 0.2); + border: 1px solid $selected_bg_color; +} + + .tile-preview-left.on-primary { + border-radius: $corner-radius $corner-radius 0 0; + } + + .tile-preview-right.on-primary { + border-radius: 0 $corner-radius 0 0; + } + + .tile-preview-left.tile-preview-right.on-primary { + border-radius: $corner-radius $corner-radius 0 0; + } + +/* TOP BAR */ + +#panel { + background-gradient-direction: none; + background-color: $topbar_bg_color; + /* transition from solid to transparent */ + transition-duration: 500ms; + font-weight: bold; + height: 1.86em; + padding: 0px 0px; + + &.unlock-screen, + &.login-screen, + &.lock-screen { + background-color: transparent; + } + + #panelLeft, #panelCenter { // spacing between activities<>app menu and such + spacing: 4px; + } + + .panel-corner { + -panel-corner-radius: 0px; + -panel-corner-background-color: rgba(0, 0, 0, 0.2); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; + + &:active, &:overview, &:focus { + -panel-corner-border-color: lighten($selected_bg_color,5%); + } + + &.lock-screen, &.login-screen, &.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; + } + } + + .panel-button { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: $topbar_color; + transition-duration: 100ms; + + .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 4px; + margin-right: 4px; + //dimensions of the icon are hardcoded + } + + .system-status-icon, + .app-menu-icon > StIcon, + .popup-menu-arrow { + icon-shadow: none; + } + + &:hover { + background: lighten($topbar_bg_color, 10%); + color: lighten($topbar_color, 10%); + transition-duration: 200ms; + } + + &:active, &:overview, &:focus, &:checked { + // Trick due to St limitations. It needs a background to draw + // a box-shadow + box-shadow: none; + @include gradient(); + color: $selected_fg_color; + transition-duration: 200ms; + + & > .system-status-icon { icon-shadow: red 0 2px 2px; } + } + + .system-status-icon { icon-size: 1.09em; padding: 0 5px; } + .unlock-screen &, + .login-screen &, + .lock-screen & { + color: lighten($fg_color, 10%); + &:focus, &:hover, &:active { color: lighten($fg_color, 10%); } + } + + // Remove default bottom border + &.clock-display { + &:active, &:overview, &:focus, &:checked { + box-shadow: none; + .clock { + box-shadow: none; + } + } + } + } + + .panel-status-indicators-box, + .panel-status-menu-box { + spacing: 2px; + } + + // spacing between power icon and (optional) percentage label + .power-status.panel-status-indicators-box { + spacing: 0; + } + + .screencast-indicator { color: $warning_color; } + + &.solid { + background-color: $dracula; + /* transition from transparent to solid */ + transition-duration: 300ms; + + .panel-corner { + -panel-corner-background-color: black; + } + .system-status-icon, + .app-menu-icon > StIcon, + .popup-menu-arrow { + icon-shadow: none; + } + } +} + + // calendar popover + #calendarArea { + padding: 0.75em 1.0em; + } + + .calendar { + margin-bottom: 1em; + } + + .calendar, .world-clocks-button, .weather-button, .events-button { + background: transparent; + border: none; + } + + .calendar, + .datemenu-today-button, + .datemenu-displays-box, + .message-list-sections { + margin: 0 1.5em; + } + + .datemenu-calendar-column { spacing: 0.5em; } + .datemenu-displays-section { padding-bottom: 3em; } + .datemenu-displays-box { spacing: 1em; } + + .datemenu-calendar-column { + border: 0 solid transparent; + &:ltr { border-left-width: 1px; } + &:rtl { border-right-width: 1px; } + background: darken($bg_color, 0.7%); + //@include gradient(); + } + + .datemenu-today-button, + .world-clocks-button, + .weather-button, + .events-section-title, + .message-list-section-title, + .events-button { + border-radius: 4px; + color: $fg_color; + padding: .4em; + } + + .message-list-section-list:ltr { + padding-left: .4em; + } + + .message-list-section-list:rtl { + padding-right: .4em; + } + + .datemenu-today-button, + .world-clocks-button, + .weather-button, + .events-section-title, + .message-list-section-title, + .events-button { + &:hover,&:focus { background-color: lighten($bg_color,5%); } + &:active { + color: lighten($selected_fg_color,5%); + background-color: $selected_bg_color; + } + } + + .datemenu-today-button .day-label { + } + + .datemenu-today-button .date-label { + font-size: 1.5em; + } + + .world-clocks-header, + .weather-header, + .events-section-title, + .message-list-section-title, + .events-title { + color: darken($fg_color, 10%); + font-weight: bold; + } + + .events-button .event-time { + color: darken($fg_color, 4%); + } + + .world-clocks-grid { + spacing-rows: 0.4em; + } + + .weather-box { + spacing: 0.4em; + } + + .calendar-month-label { + color: darken($fg_color,5%); + font-weight: bold; + padding: 8px 0; + &:focus {} + } + + .pager-button { + color: white; + background-color: transparent; + width: 32px; + border-radius: 4px; + &:hover, &:focus { background-color: transparentize($fg_color,0.95); } + &:active { background-color: transparentize($bg_color,0.95); } + } + + .calendar-change-month-back { //arrow back + background-image: url("assets/calendar-arrow-left.svg"); + &:rtl { background-image: url("assets/calendar-arrow-right.svg"); } + } + .calendar-change-month-forward { //arrow foreward + background-image: url("assets/calendar-arrow-right.svg"); + &:rtl { background-image: url("assets/calendar-arrow-left.svg"); } + } + + .calendar-change-month-back StIcon, + .calendar-change-month-forward StIcon { + color: darken($fg_color, 5%); + } + + .calendar-day-base { + font-size: 80%; + text-align: center; + width: 2.4em; height: 2.4em; + padding: 0.1em; + margin: 2px; + border-radius: 1.4em; + color: $fg_color; + &:hover,&:focus { background-color: lighten($bg_color,5%); } + &:active,&:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + border-color: transparent; //avoid jumparound due to today + } + &.calendar-day-heading { //day of week heading + color: darken($fg_color, 10%); + margin-top: 1em; + font-size: 70%; + } + } + .calendar-day { //border collapse hack - see calendar.js + border-width: 0; + } + .calendar-day-top { border-top-width: 1px; } + .calendar-day-left { border-left-width: 1px; } + .calendar-work-day { + + } + .calendar-nonwork-day { + color: $insensitive_fg_color; + } + + // Today + .calendar-today { + font-weight: bold; + border: 1px solid $selected_bg_color; + background-color: transparent; + color: $selected_fg_color; + + &:hover,&:focus { + background-color:lighten($selected_bg_color, 3%); + color: $selected_fg_color; + } + + &:active,&:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &:hover,&:focus { + background-color:lighten($selected_bg_color, 3%); + color: $selected_fg_color; + } + } + } + .calendar-day-with-events { + color: lighten($fg_color,10%); + font-weight: bold; + background-image: url("assets/calendar-today.svg"); + } + .calendar-other-month-day { + color: $insensitive_fg_color; + opacity: 0.5; + } + .calendar-week-number { + font-size: 70%; + font-weight: bold; + width: 2.3em; height: 1.8em; + border-radius: 2px; + padding: 0.5em 0 0; + margin: 6px; + background-color: transparentize($fg_color,0.7); + color: $bg_color; + } + + /* Message list */ + .message-list { + width: 31.5em; + .message-title{ + color: darken($fg_color,3%); + } + .message-content, .message-body { + color: darken($fg_color,4%); + } + } + + .message-list-clear-button.button { + background: darken($bg_color, 0.7%); + border: 1px solid transparent; + &:hover,&:focus { @include button(hover); } + margin: 1.5em 1.5em 0; + } + + .message-list-sections { + spacing: 1em; + } + + .message-list-section, + .message-list-section-list { + spacing: 0.4em; + } + .message-list-section-close{ + & > StIcon { + icon-size: 16px; + border-radius: 16px; + padding: 8px; + color: $fg_color; + background-color: transparent; + } + &:hover > StIcon, + &:focus > StIcon + &:active > StIcon{ + color: $red; + background: transparent; + } + } + + .message { + &:hover,&:focus { + background-color: darken($bg_color, 3%); + box-shadow: 2px 0px 0px 0px $teal inset; + border-radius: 1px 5px 5px 1px; + } + background: darken($bg_color, 0.7%); + border: 1px solid $borders_color; + border-radius: 5px; + box-shadow: none; + } + + .message-close-button { + color: $fg_color; + } + .message-icon-bin { + padding: 10px 3px 10px 10px; + &:rtl { padding: 10px 10px 10px 3px; } + } + + .message-icon-bin > StIcon { + icon-size: 16px; + -st-icon-style: symbolic; + } + + .message-secondary-bin { + padding: 0 12px; + } + + .message-secondary-bin > .event-time { + color: darken($fg_color, 15%); + font-size: 0.7em; + /* HACK: the label should be baseline-aligned with a 1em label, + fake this with some bottom padding */ + padding-bottom: 0.13em; + + } + + .message-secondary-bin > StIcon { + icon-size: 16px; + } + + .message-title { + //color: darken($fg_color,5%); + + } + + .message-content { + // color: darken($fg_color,20%); + padding: 10px; + *:hover > StIcon, + *:focus > StIcon, { + color: $red; + } + } + + .message-media-control { + padding: 12px; + color: darken($fg_color, 20%); + + &:last-child:ltr { padding-right: 18px; } + &:last-child:rtl { padding-left: 18px; } + &:hover { color: $fg_color; } + &:insensitive { color: darken($fg_color,40%); } + } + + .media-message-cover-icon { + icon-size: 48px !important; + &.fallback { + color: lighten($bg_color,10%); + background-color: $bg_color; + border: 2px solid $bg_color; + border-radius: 2px; + icon-size: 16px; + padding: 8px; } + } + + /* World clocks */ +.world-clocks-button { + + // city label + .world-clocks-city { + color: $fg_color; + font-weight: normal; + } + + // timezone time + .world-clocks-time { + font-weight: bold; + color: $fg_color; + font-feature-settings: "lnum"; + text-align: right; + } + + // timezone offset label + .world-clocks-timezone { + color: darken($fg_color, 20%); + font-feature-settings: "tnum"; + } +} + +/* Weather */ +.weather-button { + + .weather-header { + color: darken($fg_color, 10%); + font-weight: bold; + + &.location { + font-weight: normal; + } + } + + .weather-forecast-time { + color: darken($fg_color, 10%); + font-feature-settings: "tnum"; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; + } + + .weather-forecast-temp { + font-weight: bold; + } +} + + // a little unstructured mess: + + .system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; + } + .system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; + } + + #appMenu { + spinner-image: url("assets/process-working.svg"); + spacing: 4px; + + .label-shadow { color: transparent; } + } + + .aggregate-menu { + min-width: 21em; + .popup-menu-icon { padding: 0 4px; } + } + + .system-menu-action { + + color: $fg_color; + + border-radius: 32px; /* wish we could do 50% */ + border: 1px solid $borders_color; + background: darken($bg_color, 3%); + padding: 13px; + + &:hover, &:focus { + border: 1px solid $selected_bg_color; + color: $selected_bg_color; + background: transparent; + } + &:active { + background-color: darken($selected_bg_color, 10%); + color: $selected_fg_color; + border: 1px solid darken($selected_bg_color, 10%); + } + + & > StIcon { icon-size: 16px; } + } + +//Activities Ripples +.ripple-box { + width: 52px; + height: 52px; + background-image: url("assets/corner-ripple-ltr.png"); + background-size: contain; +} + +.ripple-box:rtl { + background-image: url("assets/corner-ripple-rtl.png"); +} + +// not really top bar only +.popup-menu-arrow { width: 16px; height: 16px; } +.popup-menu-icon { icon-size: 1.09em; } + +//close buttons + +.window-close { + background-color: transparent; + background-image: url("assets/close-window.svg"); + background-size: 32px; + border: none; + box-shadow: none; + color: transparent; + height: 32px; + width: 32px; +} + .window-close { + -shell-close-overlap: 16px; + &:rtl { -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); } + } + +/* NETWORK DIALOGS */ + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + + .nm-dialog-content { + spacing: 20px; + padding: 24px; + } + .nm-dialog-header-hbox { spacing: 10px; } + .nm-dialog-airplane-box { spacing: 12px; } + + .nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; + } + + .nm-dialog-airplane-text { color: $fg_color; } + .nm-dialog-header-icon { icon-size: 32px; } + .nm-dialog-scroll-view { border: 2px solid $borders_color; background: transparent; } + .nm-dialog-header { font-weight: bold; } + + .nm-dialog-item { + font-size: 110%; + border-bottom: 1px solid $borders_color; + padding: 12px; + spacing: 20px; + } + + .nm-dialog-item:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + .nm-dialog-icons { spacing: .5em; } + .nm-dialog-icon { icon-size: 16px; } + .no-networks-label { color: #999999; } + .no-networks-box { spacing: 12px; } + +/* OVERVIEW */ + +#overview { + spacing: 24px; // +} + +#overview.cosmic-solid-bg { + background-color: $base_color !important; +} + +.overview-controls { + padding-bottom: 32px; +} + + .window-picker { //container around window thumbnails + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 16px; + + &.external-monitor { padding: 16px; } + } + + .window-clone-border { + border: 1px solid transparentize(rgba(255, 255, 255, 0.3),.7); + border-radius: 0px; + // For window decorations with round corners we can't match + // the exact shape when the window is scaled. So apply a shadow + // to fix that case + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); + } + .window-caption { + spacing: 20px; + color: $topbar_color; + background-color: transparentize($osd_bg_color,.3); + border-radius: 2px; + padding: 4px 8px; + } + + //search entry + .search-entry { + width: 320px; + padding: 9px; + border-radius: 100px; + border: 1px solid $borders_color; + color: $fg_color; + background-color: transparentize($bg_color, 0.4); + box-shadow: $depth; + &:focus { + color: $fg_color; + background-color: transparentize($bg_color, 0.2); + box-shadow: $depth2; + } + + .search-entry-icon { icon-size: 1em; padding: 0 4px; color: transparentize($fg_color,.3); } + + &:hover, &:focus { + background-color: transparentize($bg_color, 0.2); + border-color: transparentize($selected_bg_color, 0.2); + .search-entry-icon { color: $fg_color; } + } + } + + //search results + + #searchResultsBin { + max-width: 1000px; + } + + #searchResultsContent { + padding-left: 20px; + padding-right: 20px; + spacing: 16px; + } + + .search-section { spacing: 16px; } // This should be equal to #searchResultsContent spacing + .search-section-content { + background-color: transparent; + border-radius: 0; + border: none; + box-shadow: none; + // This is the space between the provider icon and the results container + spacing: 32px; + } + .search-statustext { // "no results" + @extend %status_text; + } + .list-search-results { spacing: 3px; } + + .search-section-separator { height: 2px; background-color: rgba(255, 255, 255, 0.2); } + + .list-search-result-content { spacing: 30px; } + .list-search-result-title { color: lighten($topbar_color,5%); spacing: 12px; } + .list-search-result-description { color: transparentize(lighten($topbar_color,15%), 0.5); } + .list-search-provider-details { width: 150px; color: lighten($topbar_color,5%); margin-top: 0.24em; } + .list-search-provider-content { spacing: 20px; } + .search-provider-icon { padding: 15px; } + + + /* DASHBOARD */ + + #dash { + font-size: 9pt; + color: $topbar_color; + background-color: $topbar_bg_color; + padding: 6px 0; + border: 1px solid $borders_color; + border-left: 0px; + border-radius: 0px 5px 5px 0px; + + &:rtl { + border-radius: 9px 0 0 9px; + } + + .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; + } + + .empty-dash-drop-target { + width: 24px; + height: 24px; + } + + } + + .dash-item-container > StWidget { + padding: 4px 8px; + } + + .dash-label { //osd tooltip + border-radius: 7px; + padding: 4px 12px; + color: $topbar_color; + background-color: $topbar_bg_color; + text-align: center; + -x-offset: 8px; + } + + /* App Vault/Grid */ + .icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + + .overview-icon { icon-size: 96px; } + } + //.app-display { spacing: 20px; } + + .system-action-icon { + background-color: black; + color: white; + border-radius: 99px; + icon-size: 48px; + } + + .app-view-controls { //favorties | all toggle container + padding-bottom: 32px; + + } + .app-view-control { //favorties | all toggle button + padding: 4px 32px; + &:checked { @include button(active); } + &:first-child { + border-right-width: 0; + border-radius: 3px 0 0 3px; + } + &:last-child { + border-radius: 0 3px 3px 0; + } + } + + //Icon tile + .search-provider-icon, + .list-search-result { + @extend %icon_tile; + &:active, &:checked { background-color: transparentize(darken($osd_bg_color,10%),.1); } + &:focus, &:selected, &:hover { + background-color: transparentize($bg_color,.7); + transition-duration: 200ms; + } + } + .app-well-app, + .app-well-app.app-folder, + .show-apps, + .grid-search-result { + + border: none; + & .overview-icon { + @extend %icon_tile; + } + &:active .overview-icon, + &:checked .overview-icon { + background-color: transparentize(darken($osd_bg_color,7%),.1); + box-shadow: inset $depth2; + color: $fg_color; + } + &:hover .overview-icon, + &:focus .overview-icon, + &:selected .overview-icon { + background-color: transparentize($bg_color,.5); + transition-duration: 0ms; + border-image: none; + background-image: none; + } + + } + + .app-well-app-running-dot { //running apps indicator + width: 4px; height: 4px; + background-color: $selected_bg_color; + border-radius: 10px !important; + box-shadow: 0px 0px 5px 4px transparentize($purple, 0.2); + margin-bottom: 0px; + } + + %icon_tile { + color: $selected_fg_color; + border-radius: 2px; + padding: 7px 6px; + border: none; + transition-duration: 100ms; + text-align: center; + box-shadow: $depth; + } + + .app-well-app.app-folder > .overview-icon { + background-color: transparentize($osd_bg_color,.6); + } + .show-apps .show-apps-icon { + color: $topbar_color; + } + .show-apps:checked .show-apps-icon, + .show-apps:focus .show-apps-icon { + color: $fg_color; + transition-duration: 100ms; + } + + + // Collections + .app-folder-popup { //expanded collection + -arrow-border-radius: 8px; + -arrow-background-color: transparentize($bg_color,0.5); + -arrow-base: 24px; + -arrow-rise: 11px; + } + .app-folder-popup-bin { padding: 5px; background: transparentize($bg_color,.5);;} + .app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; + } + + .page-indicator { + padding: 15px 20px; + + .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border: none; + } + + &:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.5); + } + &:active .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.7); + margin: 0; + } + &:checked .page-indicator-icon{ + background-image: none; + background-color: #FFFFFF; + transition-duration: 0.3s; + transition-timing-function: ease-in-out; + } + } + + .no-frequent-applications-label { @extend %status_text; } + + .app-well-app > .overview-icon.overview-icon-with-label, + .grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; + } + + // Workspace pager + .workspace-thumbnails { //container ala dash + @extend %overview-panel; + visible-width: 32px; //amount visible before hover + spacing: 11px; + padding: 8px; + border-radius: 0; + //border-width: 1px 0 1px 1px; //fixme: can't have non unoform borders :( + &:rtl { border-radius: 0;} + } + .workspace-thumbnail-indicator { + border: 4px solid transparentize($selected_bg_color, .1); + box-shadow: $depth; + padding: 0; + } + + //Some hacks I don't even + .search-display > StBoxLayout, + .all-apps, + .frequent-apps > StBoxLayout { + // horizontal padding to make sure scrollbars or dash don't overlap content + padding: 0px 88px 10px 88px; + } + +%overview-panel { + color: $_bubble_fg_color; + background-color: transparent; + border: none; +} + +%status_text { + font-size: 2em; + font-weight: bold; + color: $fg_color; +} + +/* NOTIFICATIONS & MESSAGE TRAY */ + + .url-highlighter { link-color: lighten($selected_bg_color,10%); } + + // Banners + .notification-banner { + font-size: 11pt; + width: 34em; + margin: 5px; + border-radius: 3px; + color: $topbar_color; + background-color: $bg_color; + border: 1px solid $borders_color; + box-shadow: 0 1px 4px black; + &:hover { background-color: transparentize($bg_color, 0.04); } + &:focus { background-color: transparentize($bg_color, 0.04); } + *{ color: #fefefe; } + + .notification-icon { padding: 5px; } + .notification-content { padding: 5px; spacing: 5px; } + .secondary-icon { icon-size: 1.09em; } + .notification-actions { + background-color: darken($bg_color, 2%); + padding-top: 2px; + spacing: 1px; + } + .notification-button { + padding: 5px; + background-color: transparentize($bg_color, 0.1); + box-shadow: none; + &:first-child { border-radius: 0 0 0 3px; } + &:last-child { border-radius: 0 0 3px 0; } + &:hover, &focus { background-color: darken($bg_color,2%); color: $selected_bg_color;} + } + } + .summary-source-counter { + font-size: 10pt; + font-weight: bold; + height: 1.6em; width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: $selected_bg_color; + color: $selected_fg_color; + border: 2px solid $osd_fg_color; + box-shadow: 0 2px 2px rgba(0,0,0,0.5); + border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%; + } + + .secondary-icon { icon-size: 1.09em; } + + //chat bubbles + .chat-body { spacing: 5px; } + .chat-response { margin: 5px; } + .chat-log-message { color: darken($fg_color,10%); } + .chat-new-group { padding-top: 1em; } + .chat-received { + padding-left: 4px; + &:rtl { padding-left: 0px; padding-right: 4px; } + } + .chat-sent { + padding-left: 18pt; + color: darken($fg_color, 15%); + &:rtl { padding-left: 0; padding-right: 18pt; } + } + .chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: bold; + color: darken($fg_color,20%); + &:rtl { padding-left: 0; padding-right: 4px; } + } + + //hotplug + .hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; + } + .hotplug-notification-item { + padding: 2px 10px; + &:focus { padding: 1px 71px 1px 11px; } + } + + .hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; + } + + .hotplug-resident-box { spacing: 8px; } + + .hotplug-resident-mount { + spacing: 8px; + border-radius: 4px; + &:hover { background-color: transparentize($bg_color,0.7); } + } + + .hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; + } + + .hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; + } + + .hotplug-resident-eject-icon { + icon-size: 16px; + } + + .hotplug-resident-eject-button { + padding: 7px; + border-radius: 5px; + color: pink; + } + +/* Eeeky things */ + +//magnifier + +.magnifier-zoom-region { + border: 2px solid $selected_bg_color; + &.full-screen { border-width: 0; } +} + +//Keyboard +/* On-screen Keyboard */ + +#keyboard { + background-color: transparentize($osd_bg_color, 0.3); +} + + .keyboard-layout { + spacing: 10px; + padding: 10px; + } + + .keyboard-row { spacing: 15px; } + + .keyboard-key { + @include button(normal); + background-color: $base_color; + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 5px; + &:focus { @include button(focus); } + &:hover,&:checked { @include button(hover); } + &:active { @include button(active);} + &:grayed { //FIXME + background-color: $osd_bg_color; + color: $osd_fg_color; + border-color: $osd_borders_color; + } + } + + .keyboard-subkeys { //long press on a key popup + color: white; + padding: 5px; + -arrow-border-radius: 10px; + -arrow-background-color: transparentize($osd_bg_color, 0.3); + -arrow-border-width: 2px; + -arrow-border-color: $_bubble_borders_color; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + } + +// IBus Candidate Popup + +.candidate-popup-content { + padding: 0.5em; + spacing: 0.3em; +} + + .candidate-index { + padding: 0 0.5em 0 0; + color: darken($fg_color,10%); + } + + .candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + border-radius: 4px; + &:selected,&:hover { background-color: $selected_bg_color; color: $selected_fg_color; } + } + + .candidate-page-button-box { + height: 2em; + .vertical & { padding-top: 0.5em; } + .horizontal & { padding-left: 0.5em; } + } + + .candidate-page-button { + padding: 4px; + } + + .candidate-page-button-previous { border-radius: 4px 0px 0px 4px; border-right-width: 0; } + .candidate-page-button-next { border-radius: 0px 4px 4px 0px; } + .candidate-page-button-icon { icon-size: 1em; } + +/* Auth Dialogs & Screen Shield */ + +.framed-user-icon { + background-size: contain; + border: 2px solid $osd_fg_color; + color: $osd_fg_color; + border-radius: 3px; + &:hover { + border-color: lighten($osd_fg_color,30%); + color: lighten($osd_fg_color,30%); + } +} + +// LOGIN DIALOG + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog { + //reset + border: none; + background-color: transparent; + + .modal-dialog-button-box { spacing: 3px; } + .modal-dialog-button { + padding: 3px 18px; + &:default { + @include button(normal,$c:$selected_bg_color); + &:hover,&:focus { @include button(hover,$c:$selected_bg_color); } + &:active { @include button(active,$c:$selected_bg_color); } + &:insensitive { @include button(insensitive); } + + } + } + +} + + .login-dialog-logo-bin { padding: 24px 0px; } + .login-dialog-banner { color: darken($osd_fg_color,10%); } + .login-dialog-button-box { spacing: 5px; } + .login-dialog-message-warning { color: $warning_color; } + .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } + .login-dialog-user-selection-box { padding: 100px 0px; } + .login-dialog-not-listed-label { + padding-left: 2px; + .login-dialog-not-listed-button:focus &, + .login-dialog-not-listed-button:hover & { + color: $osd_fg_color; + } + } + .login-dialog-not-listed-label { + font-size: 90%; + font-weight: bold; + color: darken($osd_fg_color,30%); + padding-top: 1em; + } + + .login-dialog-user-list-view { -st-vfade-offset: 1em; } + .login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; + &:expanded .login-dialog-user-list-item:selected { background-color: $selected_bg_color; color: $selected_fg_color; } + &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; } + } + .login-dialog-user-list-item { + border-radius: 5px; + padding: .2em; + color: darken($osd_fg_color,30%); + &:ltr { padding-right: 1em; } + &:rtl { padding-left: 1em; } + .login-dialog-timed-login-indicator { + height: 2px; + margin: 2px 0 0 0; + background-color: $osd_fg_color; + } + &:focus .login-dialog-timed-login-indicator { background-color: $selected_fg_color; } + } + + .login-dialog-username, + .user-widget-label { + color: $osd_fg_color; + font-size: 120%; + font-weight: bold; + text-align: left; + padding-left: 15px; + } + .user-widget-label { + &:ltr { padding-left: 18px; } + &:rtl { padding-right: 18px; } + } + + .login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; + } + + .login-dialog-prompt-label { + color: darken($osd_fg_color, 20%); + font-size: 110%; + padding-top: 1em; + } + + .login-dialog-session-list-button StIcon { + icon-size: 1.25em; + } + + .login-dialog-session-list-button { + color: darken($osd_fg_color,30%); + &:hover,&:focus { color: $osd_fg_color; } + &:active { color: darken($osd_fg_color, 50%); } + } + +//SCREEN SHIELD + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4); +} + +.screen-shield-clock { + color: white; + text-shadow: 0px 1px 2px rgba(0,0,0,0.6); + font-weight: bold; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 72pt; + text-shadow: 0px 2px 2px rgba(0,0,0,0.4); +} + +.screen-shield-clock-date { font-size: 28pt; } + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; + .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; + } + + .notification, + .screen-shield-notification-source { + padding: 12px 6px; + border: 1px solid $_bubble_borders_color; + background-color: transparentize($osd_bg_color,0.5); + color: $_bubble_fg_color; + border-radius: 4px; + } + .notification { margin-right: 15px; } //compensate for space allocated to the scrollbar +} + + +.screen-shield-notification-label { + font-weight: bold; + padding: 0px 0px 0px 12px; +} + +.screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } + +#panel.lock-screen { background-color: transparentize($_bubble_bg_color, 0.5); } + +.screen-shield-background { //just the shadow, really + background: black; + box-shadow: 0px 2px 4px transparentize(black,0.6); +} + +#lockDialogGroup { + background: #2e3436 url(resource:///org/gnome/shell/theme/noise-texture.png); + background-repeat: repeat; +} + +#screenShieldNotifications { + StButton#vhandle, StButton#hhandle { + background-color: transparentize($bg_color,0.7); + &:hover, &:focus { background-color: transparentize($bg_color,0.5); } + &:active { background-color: transparentize($selected_bg_color, 0.1); } + } +} + + +// Looking Glass +#LookingGlassDialog { + background-color: rgba(0,0,0,0.80); + spacing: 4px; + padding: 4px; + border: 2px solid grey; + border-radius: 4px; + & > #Toolbar { + border: 1px solid grey; + border-radius: 4px; + } + .labels { spacing: 4px; } + .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #ccc; + transition-duration: 100ms; + padding-left: .3em; + padding-right: .3em; + &:hover { + color: white; + text-shadow: black 0px 2px 2px; + } + &:selected { + border-bottom-width: 2px; + border-color: lighten($selected_bg_color,5%); + color: white; + text-shadow: black 0px 2px 2px; + } + } + StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } + StBoxLayout#ResultsArea { spacing: 4px; } +} + + .lg-dialog { + StEntry { + selection-background-color: #bbbbbb; + selected-color: #333333; + } + .shell-link { + color: #999999; + &:hover { color: #dddddd; } + } + } + + .lg-completions-text { + font-size: .9em; + font-style: italic; + } + + .lg-obj-inspector-title { + spacing: 4px; + } + + .lg-obj-inspector-button { + border: 1px solid gray; + padding: 4px; + border-radius: 4px; + &:hover { border: 1px solid #ffffff; } + } + + #lookingGlassExtensions { padding: 4px; } + + .lg-extensions-list { + padding: 4px; + spacing: 6px; + } + + .lg-extension { + border: 1px solid #6f6f6f; + border-radius: 4px; + padding: 4px; + } + + .lg-extension-name { + font-weight: bold; + } + + .lg-extension-meta { + spacing: 6px; + } + + #LookingGlassPropertyInspector { + background: rgba(0, 0, 0, 0.8); + border: 2px solid grey; + border-radius: 4px; + padding: 6px; + } \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gnome-shell/legacy/gnome-shell.css b/filesystem/.themes/Dracula/gnome-shell/legacy/gnome-shell.css new file mode 100644 index 00000000..4c910d48 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/legacy/gnome-shell.css @@ -0,0 +1,2094 @@ +/***************** +* Drawing mixins * +*****************/ +/* GLOBALS */ +stage { + font-size: 10pt; + color: #C3C7D1; } + +/* WIDGETS */ +/* Buttons */ +.button { + color: #C3C7D1; + background-color: #2c2f3c; + box-shadow: none; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + border-radius: 4px; + border-width: 0; + padding: 4px 32px; } + .button:focus { + background-color: #353848; + color: #f8f8f2; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + box-shadow: none !important; + border: 1px solid #1b1c24; } + .button:insensitive { + color: #767984; + background-color: rgba(57, 59, 71, 0.66); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border: none; + text-shadow: none; + icon-shadow: none; } + .button:active { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .button:hover { + background-color: #353848; + color: #f8f8f2; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + +.modal-dialog-linked-button { + padding: 10px; + border: 1px solid #1b1c24; + color: #C3C7D1; + background: #21232d; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } + .modal-dialog-linked-button:insensitive { + color: #767984; + background-color: rgba(57, 59, 71, 0.66); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border: none; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:active { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:focus { + background-color: #353848; + color: #f8f8f2; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + box-shadow: none !important; + border: 1px solid #1b1c24; } + .modal-dialog-linked-button:focus:hover { + background-color: #353848; + color: #f8f8f2; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + box-shadow: none !important; + border: 1px solid #1b1c24; } + .modal-dialog-linked-button:hover { + background-color: #353848; + color: #f8f8f2; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .modal-dialog-linked-button:first-child { + border-radius: 0px 0px 0px 2px; } + .modal-dialog-linked-button:last-child { + border-radius: 0px 0px 2px 0px; } + .modal-dialog-linked-button:first-child:last-child { + border-radius: 0px 0px 2px 2px; } + +/* Entries */ +StEntry { + background-color: #333545; + border-color: #1b1c24; + border-radius: 2px; + padding: 4px; + border-width: 0; + color: #C3C7D1; + selection-background-color: rgba(189, 147, 249, 0.5); + selected-color: #f8f8f2; } + StEntry:focus { + box-shadow: inset 0px 0px 1px 1px rgba(189, 147, 249, 0.5) !important; + border-color: rgba(189, 147, 249, 0.5); } + StEntry:insensitive { + color: #767984; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } + StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #ff9f39; + padding: 0 4px; } + StEntry StLabel.hint-text { + color: rgba(195, 199, 209, 0.7); } + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 68px; } +StScrollView.hfade { + -st-hfade-offset: 68px; } + +StScrollBar { + padding: 0; } + StScrollView StScrollBar { + min-width: 14px; + min-height: 14px; } + StScrollBar StBin#trough { + border-radius: 0; + background-color: transparent; } + StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 8px; + background-color: #474955; + margin: 3px; } + StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #a4a8b2; } + StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: rgba(189, 147, 249, 0.5); } + +/* Slider */ +.slider { + height: 1em; + color: #cbcb9f; + border-color: black; + -slider-height: 0.1em; + -slider-background-color: #373a4b; + -slider-border-color: black; + -slider-active-background-color: #bd93f9; + -slider-active-border-color: #50fa7a; + -slider-border-width: 0; + -slider-handle-radius: 6px; + -barlevel-height: 0.1em; + -barlevel-background-color: #373a4b; + -barlevel-border-color: black; + -barlevel-active-background-color: #bd93f9; + -barlevel-active-border-color: #50fa7a; + -barlevel-border-width: 0; + -barlevel-handle-radius: 6px; + -barlevel-overdrive-color: #bd93f9; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0px; } + +/* Check Boxes */ +.check-box StBoxLayout { + spacing: .8em; } +.check-box StBin { + width: 24px; + height: 22px; + background-image: url("assets/checkbox-off.svg"); } +.check-box:focus, .check-box:hover StBin { + background-image: url("assets/checkbox-off-focused.svg"); } +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); } +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-focused.svg"); } + +/* Switches */ +.toggle-switch { + width: 65px; + height: 22px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); } + .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); } + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); } + .toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); } + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); } + .toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); } + +/* links */ +.shell-link { + color: #A0C1B9; } + .shell-link:hover { + color: #bfd5d0; } + +/* Modal Dialogs */ +.headline { + font-size: 110%; } + +.lightbox { + background-color: black; } + +.flashspot { + background-color: white; } + +.modal-dialog { + border: none; + border-radius: 2px; + color: #C3C7D1; + background-color: rgba(29, 31, 39, 0.95); + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); } + .modal-dialog .modal-dialog-content-box { + padding: 24px; } + .modal-dialog .run-dialog-entry { + width: 20em; + margin-bottom: 6px; } + .modal-dialog .run-dialog-error-box { + color: #ff3c3c; + padding-top: 16px; + spacing: 6px; } + .modal-dialog .run-dialog-button-box { + padding-top: 1em; } + .modal-dialog .run-dialog-label { + font-size: 11pt; + font-weight: bold; + color: #a6acbb; + padding-bottom: .4em; } + .modal-dialog .run-dialog-description { + color: #C3C7D1; } + +.mount-dialog-subject, +.end-session-dialog-subject { + font-size: 13pt; } + +/* Message Dialog */ +.message-dialog-main-layout { + padding: 12px 20px 0; + spacing: 12px; } + +.message-dialog-content { + max-width: 28em; + spacing: 20px; } + +.message-dialog-icon { + min-width: 48px; + icon-size: 48px; } + +.message-dialog-title { + font-weight: bold; } + +.message-dialog-subtitle { + color: #575e71; + font-weight: bold; } + +/* End Session Dialog */ +.end-session-dialog { + spacing: 42px; + border: none; } + .end-session-dialog .modal-dialog-linked-button:last-child { + background-color: #ff5555; + color: #fff; } + .end-session-dialog .modal-dialog-linked-button:last-child:hover, .end-session-dialog .modal-dialog-linked-button:last-child:focus { + background: #ff2c2c; + color: #fff; } + +.end-session-dialog-list { + padding-top: 20px; } + +.end-session-dialog-layout { + padding-left: 17px; } + .end-session-dialog-layout:rtl { + padding-right: 17px; } + +.end-session-dialog-description { + width: 28em; + padding-bottom: 10px; } + .end-session-dialog-description:rtl { + text-align: right; } + +.end-session-dialog-warning { + width: 28em; + color: #ff9f39; + padding-top: 6px; } + .end-session-dialog-warning:rtl { + text-align: right; } + +.end-session-dialog-logout-icon { + border-radius: 3px; + width: 48px; + height: 48px; + background-size: contain; } + +.end-session-dialog-shutdown-icon { + color: #ff3c3c; + width: 48px; + height: 48px; } + +.end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; } + +.end-session-dialog-session-list, +.end-session-dialog-app-list { + spacing: 1em; } + +.end-session-dialog-list-header { + font-weight: bold; } + .end-session-dialog-list-header:rtl { + text-align: right; } + +.end-session-dialog-app-list-item, +.end-session-dialog-session-list-item { + spacing: 1em; } + +.end-session-dialog-app-list-item-name, +.end-session-dialog-session-list-item-name { + font-weight: bold; } + +.end-session-dialog-app-list-item-description { + color: #b5bac6; + font-size: 10pt; } + +/* ShellMountOperation Dialogs */ +.shell-mount-operation-icon { + icon-size: 48px; } + +.mount-dialog { + spacing: 24px; } + .mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; } + .mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; } + .mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; } + .mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; } + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; } + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; } + +.mount-dialog-app-list-item { + color: #a6acbb; } + .mount-dialog-app-list-item:hover { + color: #C3C7D1; } + .mount-dialog-app-list-item:ltr { + padding-right: 1em; } + .mount-dialog-app-list-item:rtl { + padding-left: 1em; } + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; } +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; } + +.mount-dialog-app-list-item-name { + font-size: 10pt; } + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 34em; + border: none; + border-radius: 2px; } + .prompt-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; } + .prompt-dialog .message-dialog-content { + spacing: 16px; } + .prompt-dialog .message-dialog-title { + color: #7b849a; } + +.prompt-dialog-description:rtl { + text-align: right; } + +.prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; } + +.prompt-dialog-error-label { + font-size: 10pt; + color: #ff3c3c; + padding-bottom: 8px; } + +.prompt-dialog-info-label { + font-size: 10pt; + padding-bottom: 8px; } + +.hidden { + color: rgba(0, 0, 0, 0); } + +.prompt-dialog-null-label { + font-size: 10pt; + padding-bottom: 8px; } + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + padding-left: 10px; + spacing: 10px; } + .polkit-dialog-user-layout:rtl { + padding-left: 0px; + padding-right: 10px; } + +.polkit-dialog-user-root-label { + color: #ff9f39; } + +.polkit-dialog-user-icon { + border-radius: 3px; + background-size: contain; + width: 48px; + height: 48px; } + +/* Audio selection dialog */ +.audio-device-selection-dialog { + spacing: 30px; } + +.audio-selection-content { + spacing: 20px; + padding: 24px; } + +.audio-selection-title { + font-weight: bold; + text-align: center; } + +.audio-selection-box { + spacing: 20px; } + +.audio-selection-device { + border: 1px solid #C3C7D1; + border-radius: 12px; } + .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(189, 147, 249, 0.5); } + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; } + +.audio-selection-device-icon { + icon-size: 64px; } + +/* Access Dialog */ +.access-dialog { + spacing: 30px; } + +/* Geolocation Dialog */ +.geolocation-dialog { + spacing: 30px; } + +/* Extension Dialog */ +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; } +.extension-dialog .message-dialog-title { + color: #7b849a; } + +/* Inhibit-Shortcuts Dialog */ +.inhibit-shortcuts-dialog { + spacing: 30px; } + +/* Network Agent Dialog */ +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +/* Popovers/Menus */ +.popup-menu { + min-width: 15em; + background-color: transparent; + color: #C3C7D1; } + .popup-menu .popup-sub-menu { + background-color: rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); } + .popup-menu .popup-menu-content { + padding: 16px 0; + background-color: #282a36; + border-radius: 7px; } + .popup-menu .popup-menu-item { + spacing: 6px; + padding: 6px; } + .popup-menu .popup-menu-item:ltr { + padding-right: 1.75em; + padding-left: 0; } + .popup-menu .popup-menu-item:rtl { + padding-right: 0; + padding-left: 1.75em; } + .popup-menu .popup-menu-item:checked { + background-color: rgba(31, 33, 42, 0.93); + color: #f8f8f2; + box-shadow: inset 1px 0px 0px rgba(204, 171, 250, 0.5); + font-weight: normal; } + .popup-menu .popup-menu-item:checked:hover { + background-color: rgba(31, 33, 42, 0.93); + color: rgba(189, 147, 249, 0.5); } + .popup-menu .popup-menu-item.selected { + background-color: rgba(195, 199, 209, 0.1); + color: #C3C7D1; } + .popup-menu .popup-menu-item:active { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + .popup-menu .popup-menu-item:insensitive { + color: rgba(195, 199, 209, 0.5); } + .popup-menu .popup-inactive-menu-item { + color: #C3C7D1; } + .popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(195, 199, 209, 0.5); } + .popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; } + +.popup-menu-ornament { + text-align: right; + width: 1.2em; } + +.popup-menu-boxpointer, +.candidate-popup-boxpointer { + -arrow-border-radius: 7px; + -arrow-background-color: #282a36; + -arrow-border-width: 1px; + -arrow-border-color: #1b1c24; + -arrow-base: 24px; + -arrow-rise: 11px; + -arrow-box-shadow: 0 1px 3px black; } + +.popup-separator-menu-item { + background: transparent; } + .popup-separator-menu-item-separator { + height: 1px; + margin: 6px 64px; + background-color: transparent; + border-color: transparent; + border-bottom-width: 1px; + border-bottom-style: solid; } + .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + margin: 0 64px 0 32px; + background: transparent; } + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0px; } + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; } + .osd-window .osd-monitor-label { + font-size: 3em; } + .osd-window .level { + height: 0.4em; + border-radius: 0.3em; + color: #C3C7D1; + border: 1px solid #1b1c24; + -barlevel-height: 0.4em; + -barlevel-background-color: rgba(1, 1, 1, 0.5); + -barlevel-active-background-color: rgba(189, 147, 249, 0.5); + -barlevel-overdrive-color: #ff5555; + -barlevel-overdrive-separator-width: 0.2em; } + .osd-window .level-bar { + background-color: rgba(189, 147, 249, 0.5); + border-radius: 0.3em; } + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.8); } + .pad-osd-window .pad-osd-title-box { + spacing: 12px; } + .pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; } + +.combo-box-label { + width: 15em; } + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; } + +.switcher-list-item-container { + spacing: 8px; } + +.switcher-list .item-box { + padding: 8px; + border-radius: 4px; } + +.switcher-list .item-box:outlined { + padding: 6px; + border: 2px solid #050607; } + +.switcher-list .item-box:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; } + +.switcher-list .thumbnail { + width: 256px; } + +.switcher-list .separator { + width: 1px; + background: #1b1c24; } + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: rgba(195, 199, 209, 0.8); } + .switcher-arrow:highlighted { + color: #C3C7D1; } + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; } + +/* Window Cycler */ +.cycler-highlight { + border: 5px solid rgba(189, 147, 249, 0.5); } + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 12px; } + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; } + +.ws-switcher-active-up, +.ws-switcher-active-down, +.ws-switcher-active-left, +.ws-switcher-active-right { + height: 50px; + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; + border: none; + background-size: 32px; + border-radius: 8px; } + +.ws-switcher-active-up { + background-image: url("assets/ws-switch-arrow-up.png"); } + +.ws-switcher-active-down { + background-image: url("assets/ws-switch-arrow-down.png"); } + +.ws-switcher-box { + height: 50px; + border: 1px solid rgba(195, 199, 209, 0.1); + background: rgba(18, 19, 25, 0.95); + border-radius: 8px; } + +.osd-window, +.resize-popup, +.switcher-list, .workspace-switcher-container { + color: #C3C7D1; + background-color: rgba(40, 42, 54, 0.95); + border: 1px solid #1b1c24; + box-shadow: 0px 0px 7px #1b1c24; + border-radius: 5px; + padding: 12px; } + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(189, 147, 249, 0.3); + border: 1px solid rgba(189, 147, 249, 0.5); } + +.tile-preview-left.on-primary { + border-radius: 2px 2px 0 0; } + +.tile-preview-right.on-primary { + border-radius: 0 2px 0 0; } + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 2px 2px 0 0; } + +/* TOP BAR */ +#panel { + background-gradient-direction: none; + background-color: rgba(40, 42, 54, 0.95); + /* transition from solid to transparent */ + transition-duration: 500ms; + font-weight: bold; + height: 1.86em; + padding: 0px 0px; } + #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; } + #panel #panelLeft, #panel #panelCenter { + spacing: 4px; } + #panel .panel-corner { + -panel-corner-radius: 0px; + -panel-corner-background-color: rgba(0, 0, 0, 0.2); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; } + #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: rgba(204, 171, 250, 0.5); } + #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; } + #panel .panel-button { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #f8f8f2; + transition-duration: 100ms; } + #panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 4px; + margin-right: 4px; } + #panel .panel-button .system-status-icon, + #panel .panel-button .app-menu-icon > StIcon, + #panel .panel-button .popup-menu-arrow { + icon-shadow: none; } + #panel .panel-button:hover { + background: rgba(62, 65, 83, 0.95); + color: white; + transition-duration: 200ms; } + #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + box-shadow: none; + background-gradient-start: rgba(189, 147, 249, 0.5); + background-gradient-end: rgba(189, 147, 249, 0.5); + background-gradient-direction: horizontal; + color: #f8f8f2; + transition-duration: 200ms; } + #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { + icon-shadow: red 0 2px 2px; } + #panel .panel-button .system-status-icon { + icon-size: 1.09em; + padding: 0 5px; } + .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #e0e2e7; } + .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #e0e2e7; } + #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { + box-shadow: none; } + #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + box-shadow: none; } + #panel .panel-status-indicators-box, + #panel .panel-status-menu-box { + spacing: 2px; } + #panel .power-status.panel-status-indicators-box { + spacing: 0; } + #panel .screencast-indicator { + color: #ff9f39; } + #panel.solid { + background-color: #282a36; + /* transition from transparent to solid */ + transition-duration: 300ms; } + #panel.solid .panel-corner { + -panel-corner-background-color: black; } + #panel.solid .system-status-icon, + #panel.solid .app-menu-icon > StIcon, + #panel.solid .popup-menu-arrow { + icon-shadow: none; } + +#calendarArea { + padding: 0.75em 1.0em; } + +.calendar { + margin-bottom: 1em; } + +.calendar, .world-clocks-button, .weather-button, .events-button { + background: transparent; + border: none; } + +.calendar, +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 0 1.5em; } + +.datemenu-calendar-column { + spacing: 0.5em; } + +.datemenu-displays-section { + padding-bottom: 3em; } + +.datemenu-displays-box { + spacing: 1em; } + +.datemenu-calendar-column { + border: 0 solid transparent; + background: #262834; } + .datemenu-calendar-column:ltr { + border-left-width: 1px; } + .datemenu-calendar-column:rtl { + border-right-width: 1px; } + +.datemenu-today-button, +.world-clocks-button, +.weather-button, +.events-section-title, +.message-list-section-title, +.events-button { + border-radius: 4px; + color: #C3C7D1; + padding: .4em; } + +.message-list-section-list:ltr { + padding-left: .4em; } + +.message-list-section-list:rtl { + padding-right: .4em; } + +.datemenu-today-button:hover, .datemenu-today-button:focus, +.world-clocks-button:hover, +.world-clocks-button:focus, +.weather-button:hover, +.weather-button:focus, +.events-section-title:hover, +.events-section-title:focus, +.message-list-section-title:hover, +.message-list-section-title:focus, +.events-button:hover, +.events-button:focus { + background-color: #333545; } +.datemenu-today-button:active, +.world-clocks-button:active, +.weather-button:active, +.events-section-title:active, +.message-list-section-title:active, +.events-button:active { + color: white; + background-color: rgba(189, 147, 249, 0.5); } + +.datemenu-today-button .date-label { + font-size: 1.5em; } + +.world-clocks-header, +.weather-header, +.events-section-title, +.message-list-section-title, +.events-title { + color: #a6acbb; + font-weight: bold; } + +.events-button .event-time { + color: #b7bcc8; } + +.world-clocks-grid { + spacing-rows: 0.4em; } + +.weather-box { + spacing: 0.4em; } + +.calendar-month-label { + color: #b5bac6; + font-weight: bold; + padding: 8px 0; } + +.pager-button { + color: white; + background-color: transparent; + width: 32px; + border-radius: 4px; } + .pager-button:hover, .pager-button:focus { + background-color: rgba(195, 199, 209, 0.05); } + .pager-button:active { + background-color: rgba(40, 42, 54, 0.05); } + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); } + .calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); } + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); } + .calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); } + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + color: #b5bac6; } + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 2.4em; + height: 2.4em; + padding: 0.1em; + margin: 2px; + border-radius: 1.4em; + color: #C3C7D1; } + .calendar-day-base:hover, .calendar-day-base:focus { + background-color: #333545; } + .calendar-day-base:active, .calendar-day-base:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border-color: transparent; } + .calendar-day-base.calendar-day-heading { + color: #a6acbb; + margin-top: 1em; + font-size: 70%; } + +.calendar-day { + border-width: 0; } + +.calendar-day-top { + border-top-width: 1px; } + +.calendar-day-left { + border-left-width: 1px; } + +.calendar-nonwork-day { + color: #767984; } + +.calendar-today { + font-weight: bold; + border: 1px solid rgba(189, 147, 249, 0.5); + background-color: transparent; + color: #f8f8f2; } + .calendar-today:hover, .calendar-today:focus { + background-color: rgba(198, 161, 250, 0.5); + color: #f8f8f2; } + .calendar-today:active, .calendar-today:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + .calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: rgba(198, 161, 250, 0.5); + color: #f8f8f2; } + +.calendar-day-with-events { + color: #e0e2e7; + font-weight: bold; + background-image: url("assets/calendar-today.svg"); } + +.calendar-other-month-day { + color: #767984; + opacity: 0.5; } + +.calendar-week-number { + font-size: 70%; + font-weight: bold; + width: 2.3em; + height: 1.8em; + border-radius: 2px; + padding: 0.5em 0 0; + margin: 6px; + background-color: rgba(195, 199, 209, 0.3); + color: #282a36; } + +/* Message list */ +.message-list { + width: 31.5em; } + .message-list .message-title { + color: #babfca; } + .message-list .message-content, .message-list .message-body { + color: #b7bcc8; } + +.message-list-clear-button.button { + background: #262834; + border: 1px solid transparent; + margin: 1.5em 1.5em 0; } + .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: #353848; + color: #f8f8f2; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + +.message-list-sections { + spacing: 1em; } + +.message-list-section, +.message-list-section-list { + spacing: 0.4em; } + +.message-list-section-close > StIcon { + icon-size: 16px; + border-radius: 16px; + padding: 8px; + color: #C3C7D1; + background-color: transparent; } +.message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon +.message-list-section-close:active > StIcon { + color: #ff5555; + background: transparent; } + +.message { + background: #262834; + border: 1px solid #1b1c24; + border-radius: 5px; + box-shadow: none; } + .message:hover, .message:focus { + background-color: #21232d; + box-shadow: 2px 0px 0px 0px #bd93f9 inset; + border-radius: 1px 5px 5px 1px; } + +.message-close-button { + color: #C3C7D1; } + +.message-icon-bin { + padding: 10px 3px 10px 10px; } + .message-icon-bin:rtl { + padding: 10px 10px 10px 3px; } + +.message-icon-bin > StIcon { + icon-size: 16px; + -st-icon-style: symbolic; } + +.message-secondary-bin { + padding: 0 12px; } + +.message-secondary-bin > .event-time { + color: #989fb0; + font-size: 0.7em; + /* HACK: the label should be baseline-aligned with a 1em label, + fake this with some bottom padding */ + padding-bottom: 0.13em; } + +.message-secondary-bin > StIcon { + icon-size: 16px; } + +.message-content { + padding: 10px; } + .message-content *:hover > StIcon, + .message-content *:focus > StIcon { + color: #ff5555; } + +.message-media-control { + padding: 12px; + color: #8991a5; } + .message-media-control:last-child:ltr { + padding-right: 18px; } + .message-media-control:last-child:rtl { + padding-left: 18px; } + .message-media-control:hover { + color: #C3C7D1; } + .message-media-control:insensitive { + color: #575e71; } + +.media-message-cover-icon { + icon-size: 48px !important; } + .media-message-cover-icon.fallback { + color: #3e4153; + background-color: #282a36; + border: 2px solid #282a36; + border-radius: 2px; + icon-size: 16px; + padding: 8px; } + +/* World clocks */ +.world-clocks-button .world-clocks-city { + color: #C3C7D1; + font-weight: normal; } +.world-clocks-button .world-clocks-time { + font-weight: bold; + color: #C3C7D1; + font-feature-settings: "lnum"; + text-align: right; } +.world-clocks-button .world-clocks-timezone { + color: #8991a5; + font-feature-settings: "tnum"; } + +/* Weather */ +.weather-button .weather-header { + color: #a6acbb; + font-weight: bold; } + .weather-button .weather-header.location { + font-weight: normal; } +.weather-button .weather-forecast-time { + color: #a6acbb; + font-feature-settings: "tnum"; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; } +.weather-button .weather-forecast-temp { + font-weight: bold; } + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; } + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; } + +#appMenu { + spinner-image: url("assets/process-working.svg"); + spacing: 4px; } + #appMenu .label-shadow { + color: transparent; } + +.aggregate-menu { + min-width: 21em; } + .aggregate-menu .popup-menu-icon { + padding: 0 4px; } + +.system-menu-action { + color: #C3C7D1; + border-radius: 32px; + /* wish we could do 50% */ + border: 1px solid #1b1c24; + background: #21232d; + padding: 13px; } + .system-menu-action:hover, .system-menu-action:focus { + border: 1px solid rgba(189, 147, 249, 0.5); + color: rgba(189, 147, 249, 0.5); + background: transparent; } + .system-menu-action:active { + background-color: rgba(159, 99, 246, 0.5); + color: #f8f8f2; + border: 1px solid rgba(159, 99, 246, 0.5); } + .system-menu-action > StIcon { + icon-size: 16px; } + +.ripple-box { + width: 52px; + height: 52px; + background-image: url("assets/corner-ripple-ltr.png"); + background-size: contain; } + +.ripple-box:rtl { + background-image: url("assets/corner-ripple-rtl.png"); } + +.popup-menu-arrow { + width: 16px; + height: 16px; } + +.popup-menu-icon { + icon-size: 1.09em; } + +.window-close { + background-color: transparent; + background-image: url("assets/close-window.svg"); + background-size: 32px; + border: none; + box-shadow: none; + color: transparent; + height: 32px; + width: 32px; } + +.window-close { + -shell-close-overlap: 16px; } + .window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); } + +/* NETWORK DIALOGS */ +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; } + +.nm-dialog-content { + spacing: 20px; + padding: 24px; } + +.nm-dialog-header-hbox { + spacing: 10px; } + +.nm-dialog-airplane-box { + spacing: 12px; } + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; } + +.nm-dialog-airplane-text { + color: #C3C7D1; } + +.nm-dialog-header-icon { + icon-size: 32px; } + +.nm-dialog-scroll-view { + border: 2px solid #1b1c24; + background: transparent; } + +.nm-dialog-header { + font-weight: bold; } + +.nm-dialog-item { + font-size: 110%; + border-bottom: 1px solid #1b1c24; + padding: 12px; + spacing: 20px; } + +.nm-dialog-item:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.nm-dialog-icons { + spacing: .5em; } + +.nm-dialog-icon { + icon-size: 16px; } + +.no-networks-label { + color: #999999; } + +.no-networks-box { + spacing: 12px; } + +/* OVERVIEW */ +#overview { + spacing: 24px; } + +#overview.cosmic-solid-bg { + background-color: #282a36 !important; } + +.overview-controls { + padding-bottom: 32px; } + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 16px; } + .window-picker.external-monitor { + padding: 16px; } + +.window-clone-border { + border: 1px solid rgba(255, 255, 255, 0); + border-radius: 0px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.window-caption { + spacing: 20px; + color: #f8f8f2; + background-color: rgba(40, 42, 54, 0.65); + border-radius: 2px; + padding: 4px 8px; } + +.search-entry { + width: 320px; + padding: 9px; + border-radius: 100px; + border: 1px solid #1b1c24; + color: #C3C7D1; + background-color: rgba(40, 42, 54, 0.6); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } + .search-entry:focus { + color: #C3C7D1; + background-color: rgba(40, 42, 54, 0.8); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } + .search-entry .search-entry-icon { + icon-size: 1em; + padding: 0 4px; + color: rgba(195, 199, 209, 0.7); } + .search-entry:hover, .search-entry:focus { + background-color: rgba(40, 42, 54, 0.8); + border-color: rgba(189, 147, 249, 0.3); } + .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: #C3C7D1; } + +#searchResultsBin { + max-width: 1000px; } + +#searchResultsContent { + padding-left: 20px; + padding-right: 20px; + spacing: 16px; } + +.search-section { + spacing: 16px; } + +.search-section-content { + background-color: transparent; + border-radius: 0; + border: none; + box-shadow: none; + spacing: 32px; } + +.list-search-results { + spacing: 3px; } + +.search-section-separator { + height: 2px; + background-color: rgba(255, 255, 255, 0.2); } + +.list-search-result-content { + spacing: 30px; } + +.list-search-result-title { + color: white; + spacing: 12px; } + +.list-search-result-description { + color: rgba(255, 255, 255, 0.5); } + +.list-search-provider-details { + width: 150px; + color: white; + margin-top: 0.24em; } + +.list-search-provider-content { + spacing: 20px; } + +.search-provider-icon { + padding: 15px; } + +/* DASHBOARD */ +#dash { + font-size: 9pt; + color: #f8f8f2; + background-color: rgba(40, 42, 54, 0.95); + padding: 6px 0; + border: 1px solid #1b1c24; + border-left: 0px; + border-radius: 0px 5px 5px 0px; } + #dash:rtl { + border-radius: 9px 0 0 9px; } + #dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; } + #dash .empty-dash-drop-target { + width: 24px; + height: 24px; } + +.dash-item-container > StWidget { + padding: 4px 8px; } + +.dash-label { + border-radius: 7px; + padding: 4px 12px; + color: #f8f8f2; + background-color: rgba(40, 42, 54, 0.95); + text-align: center; + -x-offset: 8px; } + +/* App Vault/Grid */ +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; } + .icon-grid .overview-icon { + icon-size: 96px; } + +.system-action-icon { + background-color: black; + color: white; + border-radius: 99px; + icon-size: 48px; } + +.app-view-controls { + padding-bottom: 32px; } + +.app-view-control { + padding: 4px 32px; } + .app-view-control:checked { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .app-view-control:first-child { + border-right-width: 0; + border-radius: 3px 0 0 3px; } + .app-view-control:last-child { + border-radius: 0 3px 3px 0; } + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(18, 19, 25, 0.85); } +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(40, 42, 54, 0.3); + transition-duration: 200ms; } + +.app-well-app, +.app-well-app.app-folder, +.show-apps, +.grid-search-result { + border: none; } + .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, + .app-well-app.app-folder:active .overview-icon, + .app-well-app.app-folder:checked .overview-icon, + .show-apps:active .overview-icon, + .show-apps:checked .overview-icon, + .grid-search-result:active .overview-icon, + .grid-search-result:checked .overview-icon { + background-color: rgba(25, 26, 33, 0.85); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + color: #C3C7D1; } + .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, + .app-well-app.app-folder:hover .overview-icon, + .app-well-app.app-folder:focus .overview-icon, + .app-well-app.app-folder:selected .overview-icon, + .show-apps:hover .overview-icon, + .show-apps:focus .overview-icon, + .show-apps:selected .overview-icon, + .grid-search-result:hover .overview-icon, + .grid-search-result:focus .overview-icon, + .grid-search-result:selected .overview-icon { + background-color: rgba(40, 42, 54, 0.5); + transition-duration: 0ms; + border-image: none; + background-image: none; } + +.app-well-app-running-dot { + width: 4px; + height: 4px; + background-color: rgba(189, 147, 249, 0.5); + border-radius: 10px !important; + box-shadow: 0px 0px 5px 4px rgba(189, 147, 249, 0.8); + margin-bottom: 0px; } + +.search-provider-icon, +.list-search-result, .app-well-app .overview-icon, +.app-well-app.app-folder .overview-icon, +.show-apps .overview-icon, +.grid-search-result .overview-icon { + color: #f8f8f2; + border-radius: 2px; + padding: 7px 6px; + border: none; + transition-duration: 100ms; + text-align: center; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(40, 42, 54, 0.35); } + +.show-apps .show-apps-icon { + color: #f8f8f2; } + +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: #C3C7D1; + transition-duration: 100ms; } + +.app-folder-popup { + -arrow-border-radius: 8px; + -arrow-background-color: rgba(40, 42, 54, 0.5); + -arrow-base: 24px; + -arrow-rise: 11px; } + +.app-folder-popup-bin { + padding: 5px; + background: rgba(40, 42, 54, 0.5); } + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; } + +.page-indicator { + padding: 15px 20px; } + .page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border: none; } + .page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.5); } + .page-indicator:active .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.7); + margin: 0; } + .page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: #FFFFFF; + transition-duration: 0.3s; + transition-timing-function: ease-in-out; } + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; } + +.workspace-thumbnails { + visible-width: 32px; + spacing: 11px; + padding: 8px; + border-radius: 0; } + .workspace-thumbnails:rtl { + border-radius: 0; } + +.workspace-thumbnail-indicator { + border: 4px solid rgba(189, 147, 249, 0.4); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + padding: 0; } + +.search-display > StBoxLayout, +.all-apps, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; } + +.workspace-thumbnails { + color: #C3C7D1; + background-color: transparent; + border: none; } + +.search-statustext, .no-frequent-applications-label { + font-size: 2em; + font-weight: bold; + color: #C3C7D1; } + +/* NOTIFICATIONS & MESSAGE TRAY */ +.url-highlighter { + link-color: rgba(219, 195, 252, 0.5); } + +.notification-banner { + font-size: 11pt; + width: 34em; + margin: 5px; + border-radius: 3px; + color: #f8f8f2; + background-color: #282a36; + border: 1px solid #1b1c24; + box-shadow: 0 1px 4px black; } + .notification-banner:hover { + background-color: rgba(40, 42, 54, 0.96); } + .notification-banner:focus { + background-color: rgba(40, 42, 54, 0.96); } + .notification-banner * { + color: #fefefe; } + .notification-banner .notification-icon { + padding: 5px; } + .notification-banner .notification-content { + padding: 5px; + spacing: 5px; } + .notification-banner .secondary-icon { + icon-size: 1.09em; } + .notification-banner .notification-actions { + background-color: #242530; + padding-top: 2px; + spacing: 1px; } + .notification-banner .notification-button { + padding: 5px; + background-color: rgba(40, 42, 54, 0.9); + box-shadow: none; } + .notification-banner .notification-button:first-child { + border-radius: 0 0 0 3px; } + .notification-banner .notification-button:last-child { + border-radius: 0 0 3px 0; } + .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { + background-color: #242530; + color: rgba(189, 147, 249, 0.5); } + +.summary-source-counter { + font-size: 10pt; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; + border: 2px solid #C3C7D1; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; } + +.secondary-icon { + icon-size: 1.09em; } + +.chat-body { + spacing: 5px; } + +.chat-response { + margin: 5px; } + +.chat-log-message { + color: #a6acbb; } + +.chat-new-group { + padding-top: 1em; } + +.chat-received { + padding-left: 4px; } + .chat-received:rtl { + padding-left: 0px; + padding-right: 4px; } + +.chat-sent { + padding-left: 18pt; + color: #989fb0; } + .chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; } + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: bold; + color: #8991a5; } + .chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; } + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; } + +.hotplug-notification-item { + padding: 2px 10px; } + .hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; } + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; } + +.hotplug-resident-box { + spacing: 8px; } + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 4px; } + .hotplug-resident-mount:hover { + background-color: rgba(40, 42, 54, 0.3); } + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; } + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; } + +.hotplug-resident-eject-icon { + icon-size: 16px; } + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 5px; + color: pink; } + +/* Eeeky things */ +.magnifier-zoom-region { + border: 2px solid rgba(189, 147, 249, 0.5); } + .magnifier-zoom-region.full-screen { + border-width: 0; } + +/* On-screen Keyboard */ +#keyboard { + background-color: rgba(40, 42, 54, 0.65); } + +.keyboard-layout { + spacing: 10px; + padding: 10px; } + +.keyboard-row { + spacing: 15px; } + +.keyboard-key { + color: #C3C7D1; + background-color: #2c2f3c; + box-shadow: none; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + background-color: #282a36; + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 5px; } + .keyboard-key:focus { + background-color: #353848; + color: #f8f8f2; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + box-shadow: none !important; + border: 1px solid #1b1c24; } + .keyboard-key:hover, .keyboard-key:checked { + background-color: #353848; + color: #f8f8f2; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .keyboard-key:active { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .keyboard-key:grayed { + background-color: rgba(40, 42, 54, 0.95); + color: #C3C7D1; + border-color: rgba(0, 0, 0, 0.7); } + +.keyboard-subkeys { + color: white; + padding: 5px; + -arrow-border-radius: 10px; + -arrow-background-color: rgba(40, 42, 54, 0.65); + -arrow-border-width: 2px; + -arrow-border-color: #C3C7D1; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; } + +.candidate-popup-content { + padding: 0.5em; + spacing: 0.3em; } + +.candidate-index { + padding: 0 0.5em 0 0; + color: #a6acbb; } + +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + border-radius: 4px; } + .candidate-box:selected, .candidate-box:hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.candidate-page-button-box { + height: 2em; } + .vertical .candidate-page-button-box { + padding-top: 0.5em; } + .horizontal .candidate-page-button-box { + padding-left: 0.5em; } + +.candidate-page-button { + padding: 4px; } + +.candidate-page-button-previous { + border-radius: 4px 0px 0px 4px; + border-right-width: 0; } + +.candidate-page-button-next { + border-radius: 0px 4px 4px 0px; } + +.candidate-page-button-icon { + icon-size: 1em; } + +/* Auth Dialogs & Screen Shield */ +.framed-user-icon { + background-size: contain; + border: 2px solid #C3C7D1; + color: #C3C7D1; + border-radius: 3px; } + .framed-user-icon:hover { + border-color: white; + color: white; } + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; } + +.login-dialog { + border: none; + background-color: transparent; } + .login-dialog .modal-dialog-button-box { + spacing: 3px; } + .login-dialog .modal-dialog-button { + padding: 3px 18px; } + .login-dialog .modal-dialog-button:default { + color: #C3C7D1; + background-color: #2c2f3c; + box-shadow: none; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { + background-color: #353848; + color: #f8f8f2; + border: 1px solid #1b1c24; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .login-dialog .modal-dialog-button:default:active { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); + border: 1px solid #1b1c24; + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:default:insensitive { + color: #767984; + background-color: rgba(57, 59, 71, 0.66); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border: none; + text-shadow: none; + icon-shadow: none; } + +.login-dialog-logo-bin { + padding: 24px 0px; } + +.login-dialog-banner { + color: #a6acbb; } + +.login-dialog-button-box { + spacing: 5px; } + +.login-dialog-message-warning { + color: #ff9f39; } + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; } + +.login-dialog-user-selection-box { + padding: 100px 0px; } + +.login-dialog-not-listed-label { + padding-left: 2px; } + .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: #C3C7D1; } + +.login-dialog-not-listed-label { + font-size: 90%; + font-weight: bold; + color: #6d768e; + padding-top: 1em; } + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; } + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid rgba(189, 147, 249, 0.5); } + +.login-dialog-user-list-item { + border-radius: 5px; + padding: .2em; + color: #6d768e; } + .login-dialog-user-list-item:ltr { + padding-right: 1em; } + .login-dialog-user-list-item:rtl { + padding-left: 1em; } + .login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 2px 0 0 0; + background-color: #C3C7D1; } + .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: #f8f8f2; } + +.login-dialog-username, +.user-widget-label { + color: #C3C7D1; + font-size: 120%; + font-weight: bold; + text-align: left; + padding-left: 15px; } + +.user-widget-label:ltr { + padding-left: 18px; } +.user-widget-label:rtl { + padding-right: 18px; } + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; } + +.login-dialog-prompt-label { + color: #8991a5; + font-size: 110%; + padding-top: 1em; } + +.login-dialog-session-list-button StIcon { + icon-size: 1.25em; } + +.login-dialog-session-list-button { + color: #6d768e; } + .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { + color: #C3C7D1; } + .login-dialog-session-list-button:active { + color: #414654; } + +.screen-shield-arrows { + padding-bottom: 3em; } + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +.screen-shield-clock { + color: white; + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); + font-weight: bold; + text-align: center; + padding-bottom: 1.5em; } + +.screen-shield-clock-time { + font-size: 72pt; + text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } + +.screen-shield-clock-date { + font-size: 28pt; } + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; } + .screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; } + .screen-shield-notifications-container .notification, + .screen-shield-notifications-container .screen-shield-notification-source { + padding: 12px 6px; + border: 1px solid #C3C7D1; + background-color: rgba(40, 42, 54, 0.45); + color: #C3C7D1; + border-radius: 4px; } + .screen-shield-notifications-container .notification { + margin-right: 15px; } + +.screen-shield-notification-label { + font-weight: bold; + padding: 0px 0px 0px 12px; } + +.screen-shield-notification-count-text { + padding: 0px 0px 0px 12px; } + +#panel.lock-screen { + background-color: rgba(40, 42, 54, 0.45); } + +.screen-shield-background { + background: black; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } + +#lockDialogGroup { + background: #2e3436 url(resource:///org/gnome/shell/theme/noise-texture.png); + background-repeat: repeat; } + +#screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle { + background-color: rgba(40, 42, 54, 0.3); } + #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus { + background-color: rgba(40, 42, 54, 0.5); } + #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active { + background-color: rgba(189, 147, 249, 0.4); } + +#LookingGlassDialog { + background-color: rgba(0, 0, 0, 0.8); + spacing: 4px; + padding: 4px; + border: 2px solid grey; + border-radius: 4px; } + #LookingGlassDialog > #Toolbar { + border: 1px solid grey; + border-radius: 4px; } + #LookingGlassDialog .labels { + spacing: 4px; } + #LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #ccc; + transition-duration: 100ms; + padding-left: .3em; + padding-right: .3em; } + #LookingGlassDialog .notebook-tab:hover { + color: white; + text-shadow: black 0px 2px 2px; } + #LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 2px; + border-color: rgba(204, 171, 250, 0.5); + color: white; + text-shadow: black 0px 2px 2px; } + #LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; } + #LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; } + +.lg-dialog StEntry { + selection-background-color: #bbbbbb; + selected-color: #333333; } +.lg-dialog .shell-link { + color: #999999; } + .lg-dialog .shell-link:hover { + color: #dddddd; } + +.lg-completions-text { + font-size: .9em; + font-style: italic; } + +.lg-obj-inspector-title { + spacing: 4px; } + +.lg-obj-inspector-button { + border: 1px solid gray; + padding: 4px; + border-radius: 4px; } + .lg-obj-inspector-button:hover { + border: 1px solid #ffffff; } + +#lookingGlassExtensions { + padding: 4px; } + +.lg-extensions-list { + padding: 4px; + spacing: 6px; } + +.lg-extension { + border: 1px solid #6f6f6f; + border-radius: 4px; + padding: 4px; } + +.lg-extension-name { + font-weight: bold; } + +.lg-extension-meta { + spacing: 6px; } + +#LookingGlassPropertyInspector { + background: rgba(0, 0, 0, 0.8); + border: 2px solid grey; + border-radius: 4px; + padding: 6px; } + +.openweather-current-summarybox, +.openweather-forecast-icon, +.openweather-current-databox-captions, +.openweather-current-databox-values, +.openweather-current-icon, +.openweather-forecast-summary, +.openweather-forecast-temperature { + background: transparent; } + +.openweather-current-databox-captions, .openweather-forecast-day { + color: rgba(189, 147, 249, 0.5); } + +#dashtodockContainer #dash { + background: transparent !important; } + #dashtodockContainer #dash .dash-background { + background: #21232d !important; + border: none; } + #dashtodockContainer #dash .dash-item-container .app-well-app .overview-icon.focused .overview-icon, + #dashtodockContainer #dash .dash-item-container .show-apps .overview-icon.focused .overview-icon { + background-color: #373a4b !important; } + +/* Pop_OS COSMIC Dock styling, append !important to any changed rules */ +.cosmic-dock #dock { + border-radius: 12px 12px 12px 12px !important; + border: 0 !important; + background-color: #21232d; + margin: 4px !important; } + +.cosmic-dock.extended #dock { + border-radius: 0px !important; + margin: 0 !important; } + +.cosmic-dock.extended.side #dock { + border-top-width: 0 !important; + border-bottom-width: 0 !important; } + +.cosmic-dock.extended.side.left #dock { + border-left-width: 0 !important; } + +.cosmic-dock.extended.side.right #dock { + border-right-width: 0 !important; } + +.cosmic-dock.extended.bottom #dock { + border-bottom-width: 0 !important; + border-left-width: 0 !important; + border-right-width: 0 !important; } + +.cosmic-dock .app-well-app:hover .overview-icon, .cosmic-dock .app-well-app:focus .overview-icon, .cosmic-dock .app-well-app:selected .overview-icon { + border-radius: 11px; } + +/*# sourceMappingURL=gnome-shell.css.map */ diff --git a/filesystem/.themes/Dracula/gnome-shell/legacy/gnome-shell.scss b/filesystem/.themes/Dracula/gnome-shell/legacy/gnome-shell.scss new file mode 100644 index 00000000..b2876339 --- /dev/null +++ b/filesystem/.themes/Dracula/gnome-shell/legacy/gnome-shell.scss @@ -0,0 +1,7 @@ +$subtheme: 'main'; + +@import "colors"; //use gtk colors +@import "drawing"; +@import "common"; +@import "extensions"; +@import "cosmic" \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/apps/chrome.rc b/filesystem/.themes/Dracula/gtk-2.0/apps/chrome.rc new file mode 100755 index 00000000..0c37ab33 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/apps/chrome.rc @@ -0,0 +1,50 @@ +# ============================================================================== +# CHROME/-UIM SPECIFIC SETTINGS +# ============================================================================== + +# Chromium lets us define some colours and settings for better integration + +style "chrome-gtk-frame" +{ + ChromeGtkFrame::frame-color = @wm_color + ChromeGtkFrame::inactive-frame-color = @unfocused_wm_color + + ChromeGtkFrame::frame-gradient-size = 16 + ChromeGtkFrame::frame-gradient-color = shade(1.07, @wm_color) + + ChromeGtkFrame::incognito-frame-color = shade(0.85, @wm_color) + ChromeGtkFrame::incognito-inactive-frame-color = @wm_color + + ChromeGtkFrame::incognito-frame-gradient-color = @wm_color + + ChromeGtkFrame::scrollbar-trough-color = shade(0.912, @wm_color) + ChromeGtkFrame::scrollbar-slider-prelight-color = shade(1.04, @wm_color) + ChromeGtkFrame::scrollbar-slider-normal-color = @wm_color +} + +class "ChromeGtkFrame" style "chrome-gtk-frame" + +# Chromium uses base as the fill colour of its own entries +# This would be fine but Gtk+ uses it to fill the surrounding space, so its set to bg +# That results in Chromium using it for the fill, so we need to handle that + +style "chrome_entry" { + base[NORMAL] = @base_color + base[INSENSITIVE] = @base_color +} + +widget_class "*Chrom*" style "chrome_entry" + +# Chrome Menu item background + +style "chrome_menu_item" +{ + bg[SELECTED] = @wm_color +} + +widget_class "***" style "chrome_menu_item" + + +# Chrome buttons + +widget_class "*Chrom*Button*" style "button" diff --git a/filesystem/.themes/Dracula/gtk-2.0/apps/gimp.rc b/filesystem/.themes/Dracula/gtk-2.0/apps/gimp.rc new file mode 100755 index 00000000..49088039 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/apps/gimp.rc @@ -0,0 +1,83 @@ +# ============================================================================== +# GIMP SPECIFIC SETTINGS +# ============================================================================== + +# TODO: This could really look nicer +style "gimp_spin_scale" { + + # Spin background + bg[NORMAL] = @base_color + + engine "pixmap" { + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + overlay_file = "assets/spin-up-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + overlay_file = "assets/spin-down-insensitive.png" + overlay_stretch = FALSE + } + + } + +} + + +# Disable spin button assets for GimpSpinScale +class "GimpSpinScale" style "gimp_spin_scale" \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/apps/libreoffice.rc b/filesystem/.themes/Dracula/gtk-2.0/apps/libreoffice.rc new file mode 100755 index 00000000..6e976a2b --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/apps/libreoffice.rc @@ -0,0 +1,12 @@ +# ============================================================================== +# OPEN/LIBREOFFICE SPECIFIC SETTINGS +# ============================================================================== + +style "ooo_stepper_hack" +{ + GtkScrollbar::stepper-size = 13 + GtkScrollbar::has-backward-stepper = 1 + GtkScrollbar::has-forward-stepper = 1 +} + +widget "*openoffice-toplevel*" style "ooo_stepper_hack" \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/apps/terminal.rc b/filesystem/.themes/Dracula/gtk-2.0/apps/terminal.rc new file mode 100755 index 00000000..07f4346b --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/apps/terminal.rc @@ -0,0 +1,48 @@ +# ============================================================================== +# GNOME TERMINAL SPECIFIC SETTINGS +# ============================================================================== + +style "terminal_window" = "dark" { +} + +style "terminal_menubar" +{ + + engine "murrine" { + } +} + +style "terminal_notebook" = "dark" +{ + fg[ACTIVE] = mix (0.8, "#DADBDB", "#DADBDB") + + engine "murrine" { + } +} + +style "terminal_scrollbar" = "scrollbar" +{ + bg[NORMAL] = "#263238" + bg[PRELIGHT] = shade(1.08, "#263238") + bg[ACTIVE] = shade(0.94, "#263238") + bg[SELECTED] = shade(1.0, @selected_bg_color) + bg[INSENSITIVE] = "#263238" + + engine "murrine" { + } +} + +style "terminal_screen" +{ + text[NORMAL] = "#DADBDB" + base[NORMAL] = "#384952" + + TerminalScreen::background-darkness = 0.95 +} + +widget "*TerminalWindow*" style "terminal_window" +#widget "*TerminalWindow.*.*enu?ar" style "terminal_menubar" +widget "*TerminalWindow.*.GtkNotebook*" style "terminal_notebook" +widget "*TerminalWindow.*.GtkNotebook.*.GtkVScrollbar*" style "terminal_scrollbar" +#widget "*TerminalWindow.*.GtkNotebook*utton*" style "terminal_button" +widget "*TerminalWindow.*.TerminalScreen*" style "terminal_screen" diff --git a/filesystem/.themes/Dracula/gtk-2.0/apps/thunar.rc b/filesystem/.themes/Dracula/gtk-2.0/apps/thunar.rc new file mode 100755 index 00000000..dbe6d0c6 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/apps/thunar.rc @@ -0,0 +1,13 @@ +# ============================================================================== +# THUNAR SPECIFIC SETTINGS +# ============================================================================== + +style "sidepane" { + base[NORMAL] = @bg_color + base[INSENSITIVE] = mix(0.4, shade(1.35, @selected_bg_color), shade(0.9, @base_color)) + bg[NORMAL] = @bg_color + text[NORMAL] = mix(0.9, @fg_color, @bg_color) +} + +widget_class "*ThunarShortcutsView*" style "sidepane" +widget_class "*ThunarTreeView*" style "sidepane" diff --git a/filesystem/.themes/Dracula/gtk-2.0/apps/xfce.rc b/filesystem/.themes/Dracula/gtk-2.0/apps/xfce.rc new file mode 100755 index 00000000..c01adca9 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/apps/xfce.rc @@ -0,0 +1,89 @@ +style "theme-panel" = "dark" { + xthickness = 1 + ythickness = 1 +} + +style "xfdesktop-icon-view" { + XfdesktopIconView::label-alpha = 0 + XfdesktopIconView::selected-label-alpha = 80 + XfdesktopIconView::shadow-x-offset = 0 + XfdesktopIconView::shadow-y-offset = 0 + XfdesktopIconView::selected-shadow-x-offset = 0 + XfdesktopIconView::selected-shadow-y-offset = 0 + XfdesktopIconView::shadow-color = @tooltip_bg_color + XfdesktopIconView::selected-shadow-color = @tooltip_bg_color + XfdesktopIconView::cell-spacing = 2 + XfdesktopIconView::cell-padding = 6 + XfdesktopIconView::cell-text-width-proportion = 1.9 + + fg[NORMAL] = shade (0.9, @selected_fg_color) + fg[ACTIVE] = @selected_fg_color + +} + +style "theme-panel-text" = "dark" { +} + +style "panel-entry" = "dark" { +} + +style "theme-main-menu-text" = "theme-panel-text" +{ + fg[PRELIGHT] = "#ffffff" + text[PRELIGHT] = "#ffffff" +} + +style "workspace-switcher" = "dark" +{ + bg[SELECTED] = shade (0.8, @selected_bg_color) +} + +style "window-buttons" = "dark" { + +} + +style "indicator" = "theme-panel" +{ + xthickness = 0 + ythickness = 0 +} + +widget "*PanelWidget*" style "theme-panel" +widget "*PanelApplet*" style "theme-panel" +widget "*fast-user-switch*" style "theme-panel" +widget "*CPUFreq*Applet*" style "theme-panel" +class "PanelApp*" style "theme-panel" +class "PanelToplevel*" style "theme-panel" +widget_class "*PanelToplevel*" style "theme-panel" +widget_class "*notif*" style "theme-panel" +widget_class "*Notif*" style "theme-panel" +widget_class "*Tray*" style "theme-panel" +widget_class "*tray*" style "theme-panel" +widget_class "*computertemp*" style "theme-panel" +widget_class "*Applet*Tomboy*" style "theme-panel" +widget_class "*Applet*Netstatus*" style "theme-panel" + +# Fixes for tooltip text in some apps. +widget_class "*Notif*Beagle*" style "theme-panel" +widget_class "*Notif*Brasero*" style "theme-panel" + +# XFCE panel theming. +widget "*Xfce*Panel*" style "theme-panel" +class "*Xfce*Panel*" style "theme-panel" +widget "*WnckPager*" style "workspace-switcher" +widget "*XfdesktopIconView*" style "xfdesktop-icon-view" + +# Fix gtk-entries in the panel +class "*SexyIconEntry*" style:highest "entry" # fixes dict-plugin +widget "*xfce4-verve-plugin*GtkEntry" style:highest "entry" # fixes verve-plugin + +# Make sure panel text color doesn't change +widget_class "*Panel*MenuBar*" style "theme-main-menu-text" +widget_class "*Panel**" style "theme-main-menu-text" +widget "*.clock-applet-button.*" style "theme-panel-text" +widget "*PanelApplet*" style "theme-panel-text" + +# Override general panel-style with specific plugin-styles +widget "*indicator-applet*" style "indicator" +widget "*indicator-button*" style "indicator" +#widget "*XfceTasklist*" style "dark_button" diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets.svg b/filesystem/.themes/Dracula/gtk-2.0/assets.svg new file mode 100755 index 00000000..6e14ca5d --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets.svg @@ -0,0 +1,4848 @@ + + + EvoPop GTK2 Source + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + EvoPop GTK2 Source + + + Peter Cornelis + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets.txt b/filesystem/.themes/Dracula/gtk-2.0/assets.txt new file mode 100755 index 00000000..d3e28540 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets.txt @@ -0,0 +1,146 @@ +menu-checkbox +menu-checkbox-hover +menu-checkbox-insensitive +menu-checkbox-checked +menu-checkbox-checked-hover +menu-checkbox-checked-insensitive +menu-checkbox-mixed +menu-checkbox-mixed-hover +menu-checkbox-mixed-insensitive +menu-radio +menu-radio-hover +menu-radio-insensitive +menu-radio-checked +menu-radio-checked-hover +menu-radio-checked-insensitive +menu-radio-mixed +menu-radio-mixed-hover +menu-radio-mixed-insensitive +menu-pan-left +menu-pan-left-hover +menu-pan-left-insensitive +menu-pan-right +menu-pan-right-hover +menu-pan-right-insensitive +menu-pan-up +menu-pan-up-insensitive +menu-pan-down +menu-pan-down-insensitive +button +button-hover +button-active +button-insensitive +toolbar-button-hover +toolbar-button-active +combo-entry-ltr-entry +combo-entry-ltr-entry-active +combo-entry-ltr-entry-insensitive +combo-entry-ltr-button +combo-entry-ltr-button-hover +combo-entry-ltr-button-active +combo-entry-ltr-button-insensitive +combo-entry-rtl-entry +combo-entry-rtl-entry-active +combo-entry-rtl-entry-insensitive +combo-entry-rtl-button +combo-entry-rtl-button-hover +combo-entry-rtl-button-active +combo-entry-rtl-button-insensitive +entry +entry-active +entry-insensitive +entry-background +entry-background-insensitive +border +frame +frame-inline +frame-notebook +line +focus +handle +handle-horz +handle-vert +menu-border +menubar-item-active +notebook-entry +notebook-entry-active +notebook-entry-insensitive +notebook-combo-entry-ltr-entry +notebook-combo-entry-ltr-entry-active +notebook-combo-entry-ltr-entry-insensitive +notebook-combo-entry-rtl-entry +notebook-combo-entry-rtl-entry-active +notebook-combo-entry-rtl-entry-insensitive +pan-left +pan-left-semi +pan-left-insensitive +pan-right +pan-right-semi +pan-right-insensitive +pan-up +pan-up-insensitive +pan-down +pan-down-insensitive +progressbar-horz +progressbar-horz-trough +progressbar-vert +progressbar-vert-trough +scrollbar-horz-slider +scrollbar-horz-slider-hover +scrollbar-horz-slider-active +scrollbar-horz-trough +scrollbar-vert-slider +scrollbar-vert-slider-hover +scrollbar-vert-slider-active +scrollbar-vert-trough +scrollbar-vert-slider-rtl +scrollbar-vert-slider-hover-rtl +scrollbar-vert-slider-active-rtl +scrollbar-vert-trough-rtl +spin-ltr-down +spin-ltr-down-hover +spin-ltr-down-active +spin-ltr-down-insensitive +spin-ltr-up +spin-ltr-up-hover +spin-ltr-up-active +spin-ltr-up-insensitive +spin-rtl-down +spin-rtl-down-hover +spin-rtl-down-active +spin-rtl-down-insensitive +spin-rtl-up +spin-rtl-up-hover +spin-rtl-up-active +spin-rtl-up-insensitive +spin-up +spin-down +spin-up-insensitive +spin-down-insensitive +scale-slider +scale-slider-hover +scale-slider-active +scale-slider-insensitive +scale-horz-focus +scale-horz-trough +scale-horz-trough-active +scale-vert-trough +scale-vert-trough-active +tab-left +tab-left-active +tab-right +tab-right-active +tab-up +tab-up-active +tab-down +tab-down-active +tab-horz-gap +tab-vert-gap +treeview-pan-up +treeview-pan-up-hover +treeview-pan-up-active +treeview-pan-down +treeview-pan-down-hover +treeview-pan-down-active +treeview-separator-ltr +treeview-separator-rtl diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/border.png b/filesystem/.themes/Dracula/gtk-2.0/assets/border.png new file mode 100644 index 00000000..89a30fcc Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/border.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/button-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/button-active.png new file mode 100644 index 00000000..d0f10ed5 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/button-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/button-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/button-hover.png new file mode 100644 index 00000000..c46a6090 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/button-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/button-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/button-insensitive.png new file mode 100644 index 00000000..12f2d60c Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/button-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/button.png b/filesystem/.themes/Dracula/gtk-2.0/assets/button.png new file mode 100644 index 00000000..9fc87f81 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/button.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-checked-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-checked-active.png new file mode 120000 index 00000000..32e486bb --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-checked-active.png @@ -0,0 +1 @@ +../../assets/checkbox-checked-active.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-checked-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-checked-hover.png new file mode 120000 index 00000000..a4306c11 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-checked-hover.png @@ -0,0 +1 @@ +../../assets/checkbox-checked-hover.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-checked-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-checked-insensitive.png new file mode 120000 index 00000000..a2f413ab --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-checked-insensitive.png @@ -0,0 +1 @@ +../../assets/checkbox-checked-insensitive.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-checked.png b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-checked.png new file mode 120000 index 00000000..e3c79912 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-checked.png @@ -0,0 +1 @@ +../../assets/checkbox-checked.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-mixed-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-mixed-active.png new file mode 120000 index 00000000..15e6f968 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-mixed-active.png @@ -0,0 +1 @@ +../../assets/checkbox-mixed-active.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-mixed-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-mixed-hover.png new file mode 120000 index 00000000..c56215c9 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-mixed-hover.png @@ -0,0 +1 @@ +../../assets/checkbox-mixed-hover.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-mixed-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-mixed-insensitive.png new file mode 120000 index 00000000..622d897c --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-mixed-insensitive.png @@ -0,0 +1 @@ +../../assets/checkbox-mixed-insensitive.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-mixed.png b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-mixed.png new file mode 120000 index 00000000..c374de58 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-mixed.png @@ -0,0 +1 @@ +../../assets/checkbox-mixed.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-unchecked-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-unchecked-active.png new file mode 120000 index 00000000..d359e67b --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-unchecked-active.png @@ -0,0 +1 @@ +../../assets/checkbox-unchecked-active.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-unchecked-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-unchecked-hover.png new file mode 120000 index 00000000..236c489c --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-unchecked-hover.png @@ -0,0 +1 @@ +../../assets/checkbox-unchecked-hover.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-unchecked-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-unchecked-insensitive.png new file mode 120000 index 00000000..40ddad0e --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-unchecked-insensitive.png @@ -0,0 +1 @@ +../../assets/checkbox-unchecked-insensitive.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-unchecked.png b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-unchecked.png new file mode 120000 index 00000000..2e28adec --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/checkbox-unchecked.png @@ -0,0 +1 @@ +../../assets/checkbox-unchecked.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-button-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-button-active.png new file mode 100644 index 00000000..0f385106 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-button-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-button-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-button-hover.png new file mode 100644 index 00000000..f61d3a43 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-button-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png new file mode 100644 index 00000000..809cec8c Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-button.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-button.png new file mode 100644 index 00000000..45da9d6e Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-button.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-entry-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-entry-active.png new file mode 100644 index 00000000..a31ba13c Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-entry-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png new file mode 100644 index 00000000..4f14efe2 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-entry.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-entry.png new file mode 100644 index 00000000..dc28de06 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-ltr-entry.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-button-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-button-active.png new file mode 100644 index 00000000..919a949f Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-button-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-button-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-button-hover.png new file mode 100644 index 00000000..20171710 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-button-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png new file mode 100644 index 00000000..f906b508 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-button.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-button.png new file mode 100644 index 00000000..d90bdb02 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-button.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-entry-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-entry-active.png new file mode 100644 index 00000000..c7655589 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-entry-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png new file mode 100644 index 00000000..fcc53a66 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-entry.png b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-entry.png new file mode 100644 index 00000000..636c77f1 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/combo-entry-rtl-entry.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/entry-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/entry-active.png new file mode 100644 index 00000000..aee1950d Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/entry-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/entry-background-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/entry-background-insensitive.png new file mode 100644 index 00000000..37a59800 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/entry-background-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/entry-background.png b/filesystem/.themes/Dracula/gtk-2.0/assets/entry-background.png new file mode 100644 index 00000000..37a59800 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/entry-background.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/entry-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/entry-insensitive.png new file mode 100644 index 00000000..0addeeb9 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/entry-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/entry.png b/filesystem/.themes/Dracula/gtk-2.0/assets/entry.png new file mode 100644 index 00000000..1e83aebb Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/entry.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/focus.png b/filesystem/.themes/Dracula/gtk-2.0/assets/focus.png new file mode 100644 index 00000000..17a73652 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/focus.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/frame-inline.png b/filesystem/.themes/Dracula/gtk-2.0/assets/frame-inline.png new file mode 100644 index 00000000..0dad2438 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/frame-inline.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/frame-notebook.png b/filesystem/.themes/Dracula/gtk-2.0/assets/frame-notebook.png new file mode 100644 index 00000000..3ee610e9 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/frame-notebook.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/frame.png b/filesystem/.themes/Dracula/gtk-2.0/assets/frame.png new file mode 100644 index 00000000..ffd7ba34 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/frame.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/handle-horz.png b/filesystem/.themes/Dracula/gtk-2.0/assets/handle-horz.png new file mode 100644 index 00000000..ab54028d Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/handle-horz.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/handle-vert.png b/filesystem/.themes/Dracula/gtk-2.0/assets/handle-vert.png new file mode 100644 index 00000000..e30f40f3 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/handle-vert.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/handle.png b/filesystem/.themes/Dracula/gtk-2.0/assets/handle.png new file mode 100644 index 00000000..63c2fcf5 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/handle.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/line.png b/filesystem/.themes/Dracula/gtk-2.0/assets/line.png new file mode 100644 index 00000000..915ee691 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/line.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-border.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-border.png new file mode 100644 index 00000000..6fb06b87 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-border.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-checked-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-checked-hover.png new file mode 100644 index 00000000..908efb7d Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-checked-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-checked-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-checked-insensitive.png new file mode 100644 index 00000000..e5c22a31 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-checked-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-checked.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-checked.png new file mode 100644 index 00000000..69a2ddeb Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-checked.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-hover.png new file mode 100644 index 00000000..09ec3c37 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-insensitive.png new file mode 100644 index 00000000..c65a08e0 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-mixed-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-mixed-hover.png new file mode 100644 index 00000000..d1ea3d64 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-mixed-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png new file mode 100644 index 00000000..2e467f99 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-mixed.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-mixed.png new file mode 100644 index 00000000..26f9e985 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox-mixed.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox.png new file mode 100644 index 00000000..09ec3c37 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-checkbox.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-down-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-down-insensitive.png new file mode 100644 index 00000000..8e504219 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-down-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-down.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-down.png new file mode 100644 index 00000000..06321d27 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-down.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-left-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-left-hover.png new file mode 100644 index 00000000..28733545 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-left-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-left-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-left-insensitive.png new file mode 100644 index 00000000..4a34692d Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-left-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-left.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-left.png new file mode 100644 index 00000000..28733545 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-left.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-right-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-right-hover.png new file mode 100644 index 00000000..1bce6b34 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-right-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-right-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-right-insensitive.png new file mode 100644 index 00000000..5daedfaf Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-right-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-right.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-right.png new file mode 100644 index 00000000..1bce6b34 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-right.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-up-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-up-insensitive.png new file mode 100644 index 00000000..e998f0cd Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-up-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-up.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-up.png new file mode 100644 index 00000000..37098c02 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-pan-up.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-checked-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-checked-hover.png new file mode 100644 index 00000000..6b95b87a Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-checked-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-checked-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-checked-insensitive.png new file mode 100644 index 00000000..d112b811 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-checked-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-checked.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-checked.png new file mode 100644 index 00000000..6b95b87a Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-checked.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-hover.png new file mode 100644 index 00000000..e5327ec7 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-insensitive.png new file mode 100644 index 00000000..39cb3423 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-mixed-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-mixed-hover.png new file mode 100644 index 00000000..a1d4e076 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-mixed-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-mixed-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-mixed-insensitive.png new file mode 100644 index 00000000..84152bc4 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-mixed-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-mixed.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-mixed.png new file mode 100644 index 00000000..a1d4e076 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio-mixed.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio.png new file mode 100644 index 00000000..e5327ec7 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menu-radio.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/menubar-item-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/menubar-item-active.png new file mode 100644 index 00000000..2d8a8c06 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/menubar-item-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png new file mode 100644 index 00000000..e496263c Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png new file mode 100644 index 00000000..f2c08bb2 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png new file mode 100644 index 00000000..5c5b882e Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png new file mode 100644 index 00000000..599d0872 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png new file mode 100644 index 00000000..3205d413 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png new file mode 100644 index 00000000..1c0a87ca Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-entry-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-entry-active.png new file mode 100644 index 00000000..aee1950d Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-entry-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-entry-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-entry-insensitive.png new file mode 100644 index 00000000..0addeeb9 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-entry-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-entry.png b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-entry.png new file mode 100644 index 00000000..1e83aebb Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/notebook-entry.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/pan-down-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-down-insensitive.png new file mode 100644 index 00000000..8e504219 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-down-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/pan-down.png b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-down.png new file mode 100644 index 00000000..06321d27 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-down.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/pan-left-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-left-insensitive.png new file mode 100644 index 00000000..c1ecb662 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-left-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/pan-left-semi.png b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-left-semi.png new file mode 100644 index 00000000..bb9deda6 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-left-semi.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/pan-left.png b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-left.png new file mode 100644 index 00000000..6a40875d Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-left.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/pan-right-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-right-insensitive.png new file mode 100644 index 00000000..880a88a4 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-right-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/pan-right-semi.png b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-right-semi.png new file mode 100644 index 00000000..ed6f48a0 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-right-semi.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/pan-right.png b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-right.png new file mode 100644 index 00000000..64cf6497 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-right.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/pan-up-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-up-insensitive.png new file mode 100644 index 00000000..e998f0cd Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-up-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/pan-up.png b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-up.png new file mode 100644 index 00000000..37098c02 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/pan-up.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/progressbar-horz-trough.png b/filesystem/.themes/Dracula/gtk-2.0/assets/progressbar-horz-trough.png new file mode 100644 index 00000000..ffcaf839 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/progressbar-horz-trough.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/progressbar-horz.png b/filesystem/.themes/Dracula/gtk-2.0/assets/progressbar-horz.png new file mode 100644 index 00000000..7fc658dc Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/progressbar-horz.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/progressbar-vert-trough.png b/filesystem/.themes/Dracula/gtk-2.0/assets/progressbar-vert-trough.png new file mode 100644 index 00000000..a3f63697 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/progressbar-vert-trough.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/progressbar-vert.png b/filesystem/.themes/Dracula/gtk-2.0/assets/progressbar-vert.png new file mode 100644 index 00000000..17a9eab2 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/progressbar-vert.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/radio-checked-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-checked-active.png new file mode 120000 index 00000000..92aadaba --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-checked-active.png @@ -0,0 +1 @@ +../../assets/radio-checked-active.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/radio-checked-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-checked-hover.png new file mode 120000 index 00000000..93600b80 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-checked-hover.png @@ -0,0 +1 @@ +../../assets/radio-checked-hover.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/radio-checked-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-checked-insensitive.png new file mode 120000 index 00000000..00ebdff2 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-checked-insensitive.png @@ -0,0 +1 @@ +../../assets/radio-checked-insensitive.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/radio-checked.png b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-checked.png new file mode 120000 index 00000000..f6597e68 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-checked.png @@ -0,0 +1 @@ +../../assets/radio-checked.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/radio-mixed-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-mixed-active.png new file mode 120000 index 00000000..a9cdfcc1 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-mixed-active.png @@ -0,0 +1 @@ +../../assets/radio-mixed-active.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/radio-mixed-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-mixed-hover.png new file mode 120000 index 00000000..3afe064c --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-mixed-hover.png @@ -0,0 +1 @@ +../../assets/radio-mixed-hover.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/radio-mixed-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-mixed-insensitive.png new file mode 120000 index 00000000..9e96200e --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-mixed-insensitive.png @@ -0,0 +1 @@ +../../assets/radio-mixed-insensitive.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/radio-mixed.png b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-mixed.png new file mode 120000 index 00000000..04011a08 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-mixed.png @@ -0,0 +1 @@ +../../assets/radio-mixed.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/radio-unchecked-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-unchecked-active.png new file mode 120000 index 00000000..a03c7db9 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-unchecked-active.png @@ -0,0 +1 @@ +../../assets/radio-unchecked-active.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/radio-unchecked-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-unchecked-hover.png new file mode 120000 index 00000000..082cd725 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-unchecked-hover.png @@ -0,0 +1 @@ +../../assets/radio-unchecked-hover.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/radio-unchecked-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-unchecked-insensitive.png new file mode 120000 index 00000000..36e22c8d --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-unchecked-insensitive.png @@ -0,0 +1 @@ +../../assets/radio-unchecked-insensitive.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/radio-unchecked.png b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-unchecked.png new file mode 120000 index 00000000..af2826b7 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/assets/radio-unchecked.png @@ -0,0 +1 @@ +../../assets/radio-unchecked.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scale-horz-focus.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-horz-focus.png new file mode 100644 index 00000000..d76ad3ea Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-horz-focus.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scale-horz-trough-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-horz-trough-active.png new file mode 100644 index 00000000..7dc3e0b3 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-horz-trough-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scale-horz-trough.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-horz-trough.png new file mode 100644 index 00000000..a3e7e6ec Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-horz-trough.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scale-slider-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-slider-active.png new file mode 100644 index 00000000..4831c03a Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-slider-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scale-slider-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-slider-hover.png new file mode 100644 index 00000000..93aa4d64 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-slider-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scale-slider-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-slider-insensitive.png new file mode 100644 index 00000000..bf2d6f9f Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-slider-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scale-slider.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-slider.png new file mode 100644 index 00000000..bf2d6f9f Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-slider.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scale-vert-trough-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-vert-trough-active.png new file mode 100644 index 00000000..1fab392b Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-vert-trough-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scale-vert-trough.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-vert-trough.png new file mode 100644 index 00000000..cb5138e9 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scale-vert-trough.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-horz-slider-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..aa802fa0 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-horz-slider-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..65a4cb4a Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-horz-slider-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-horz-slider.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-horz-slider.png new file mode 100644 index 00000000..8bb6e99e Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-horz-slider.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-horz-trough.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-horz-trough.png new file mode 100644 index 00000000..32c7dd68 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-horz-trough.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png new file mode 100644 index 00000000..9a7e32d7 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-active.png new file mode 100644 index 00000000..c336722e Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png new file mode 100644 index 00000000..7bf10f83 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-hover.png new file mode 100644 index 00000000..97ed58f8 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-rtl.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-rtl.png new file mode 100644 index 00000000..a5b146a8 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider-rtl.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider.png new file mode 100644 index 00000000..d031e4a9 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-slider.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-trough-rtl.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-trough-rtl.png new file mode 100644 index 00000000..29392f74 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-trough-rtl.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-trough.png b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-trough.png new file mode 100644 index 00000000..29392f74 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/scrollbar-vert-trough.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-down-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-down-insensitive.png new file mode 100644 index 00000000..ad47a61d Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-down-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-down.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-down.png new file mode 100644 index 00000000..2ada7040 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-down.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-down-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-down-active.png new file mode 100644 index 00000000..51370b1b Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-down-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-down-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-down-hover.png new file mode 100644 index 00000000..a4bb9c9a Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-down-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-down-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-down-insensitive.png new file mode 100644 index 00000000..6f31545a Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-down-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-down.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-down.png new file mode 100644 index 00000000..58cf6ebb Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-down.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-up-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-up-active.png new file mode 100644 index 00000000..9b7f6be2 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-up-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-up-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-up-hover.png new file mode 100644 index 00000000..87c5e51b Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-up-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-up-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-up-insensitive.png new file mode 100644 index 00000000..0ffd21ea Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-up-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-up.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-up.png new file mode 100644 index 00000000..0ffd21ea Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-ltr-up.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-down-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-down-active.png new file mode 100644 index 00000000..ad502e49 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-down-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-down-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-down-hover.png new file mode 100644 index 00000000..527d1935 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-down-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-down-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-down-insensitive.png new file mode 100644 index 00000000..a079d434 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-down-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-down.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-down.png new file mode 100644 index 00000000..0268c315 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-down.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-up-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-up-active.png new file mode 100644 index 00000000..b4a4f2ec Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-up-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-up-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-up-hover.png new file mode 100644 index 00000000..b26928e3 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-up-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-up-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-up-insensitive.png new file mode 100644 index 00000000..12fd47a2 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-up-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-up.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-up.png new file mode 100644 index 00000000..e0bbd342 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-rtl-up.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-up-insensitive.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-up-insensitive.png new file mode 100644 index 00000000..2e4ee4f6 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-up-insensitive.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/spin-up.png b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-up.png new file mode 100644 index 00000000..4bd52fc6 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/spin-up.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/tab-down-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-down-active.png new file mode 100644 index 00000000..6234fb2d Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-down-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/tab-down.png b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-down.png new file mode 100644 index 00000000..b4ba807d Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-down.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/tab-horz-gap.png b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-horz-gap.png new file mode 100644 index 00000000..17f205c7 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-horz-gap.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/tab-left-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-left-active.png new file mode 100644 index 00000000..a1566766 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-left-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/tab-left.png b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-left.png new file mode 100644 index 00000000..ac5ad431 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-left.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/tab-right-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-right-active.png new file mode 100644 index 00000000..eac32005 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-right-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/tab-right.png b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-right.png new file mode 100644 index 00000000..202d1d39 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-right.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/tab-up-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-up-active.png new file mode 100644 index 00000000..71ff05be Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-up-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/tab-up.png b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-up.png new file mode 100644 index 00000000..aa2634fe Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-up.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/tab-vert-gap.png b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-vert-gap.png new file mode 100644 index 00000000..9d94014a Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/tab-vert-gap.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/toolbar-button-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/toolbar-button-active.png new file mode 100644 index 00000000..07a66a36 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/toolbar-button-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/toolbar-button-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/toolbar-button-hover.png new file mode 100644 index 00000000..80c585cd Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/toolbar-button-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-down-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-down-active.png new file mode 100644 index 00000000..033c8d72 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-down-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-down-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-down-hover.png new file mode 100644 index 00000000..0d68e1ea Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-down-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-down.png b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-down.png new file mode 100644 index 00000000..5a3302b6 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-down.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-up-active.png b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-up-active.png new file mode 100644 index 00000000..bb6de761 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-up-active.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-up-hover.png b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-up-hover.png new file mode 100644 index 00000000..eadd767e Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-up-hover.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-up.png b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-up.png new file mode 100644 index 00000000..b5f0b5a5 Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-pan-up.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-separator-ltr.png b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-separator-ltr.png new file mode 100644 index 00000000..4bfcae7f Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-separator-ltr.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-separator-rtl.png b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-separator-rtl.png new file mode 100644 index 00000000..65a7be4f Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-2.0/assets/treeview-separator-rtl.png differ diff --git a/filesystem/.themes/Dracula/gtk-2.0/gtkrc b/filesystem/.themes/Dracula/gtk-2.0/gtkrc new file mode 100755 index 00000000..a97cb4f8 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/gtkrc @@ -0,0 +1,54 @@ +# Copyright 2016 Peter Cornelis. +# +# This file is part of the EvoPop GTK theme. +# +# Authors: +# Sam Hewitt +# Peter Cornelis +# +# The EvoPop GTK theme is free software: you can redistribute it +# and/or modify it under the terms of the GNU General Public License as +# published by the Free Software Foundation, either version 3 of the +# License, or (at your option) any later version. +# +# The EvoPop GTK theme is distributed in the hope that it will be +# useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +# Public License for more details. +# +# You should have received a copy of the GNU General Public License along +# with the EvoPop GTK theme. If not, see http://www.gnu.org/licenses/. + +# ============================================================================== +# EvoPop GTK2 THEME +# ============================================================================== + +# Text/base colors +gtk-color-scheme = "text_color:#f8f8f2\nbase_color:#282a36" +# Foreground/background colors +gtk-color-scheme = "fg_color:#f8f8f2\nbg_color:#1e1f29" +# Selection colors +gtk-color-scheme = "selected_fg_color:#f8f8f2\nselected_bg_color:#6E5991" +# Tooltip colors +gtk-color-scheme = "tooltip_fg_color:#f8f8f2\ntooltip_bg_color:#46474F" +# Window colors +gtk-color-scheme = "wm_color:#31363d\nunfocused_wm_color:#31363d" +# Panel colors +gtk-color-scheme = "panel_bg_color:#46474F\npanel_fg_color:#f8f8f2" +# Dark Theme - Text/base colors +gtk-color-scheme = "dark_text_color:#f8f8f2\ndark_base_color:#282a36" +# Dark Theme - Foreground/background colors +gtk-color-scheme = "dark_fg_color:#f8f8f2\ndark_bg_color:#1e1f29" + +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" + +# App stylings +include "apps/chrome.rc" +include "apps/gimp.rc" +include "apps/libreoffice.rc" +include "apps/terminal.rc" +include "apps/thunar.rc" +include "apps/xfce.rc" diff --git a/filesystem/.themes/Dracula/gtk-2.0/links.fish b/filesystem/.themes/Dracula/gtk-2.0/links.fish new file mode 100644 index 00000000..7b8dfad8 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/links.fish @@ -0,0 +1,13 @@ +set -l files 'checkbox' 'radio' +set -l states 'unchecked' 'checked' 'mixed' +set -l sub_states 'active' 'hover' 'insensitive' + +for f in $files; + for s in $states; + ln -sf ../../assets/$f-$s.png ./assets/$f-$s.png + for i in $sub_states; + ln -sf ../../assets/$f-$s-$i.png ./assets/$f-$s-$i.png + ;end + ;end + +;end diff --git a/filesystem/.themes/Dracula/gtk-2.0/main.rc b/filesystem/.themes/Dracula/gtk-2.0/main.rc new file mode 100755 index 00000000..28e72a25 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/main.rc @@ -0,0 +1,2614 @@ +style "default" { + + xthickness = 1 + ythickness = 1 + + #################### + # Style Properties # + #################### + + GtkWidget::focus-line-width = 1 + GtkWidget::focus-line-pattern = "\2\1" + + GtkToolbar::internal-padding = 4 + GtkToolButton::icon-spacing = 4 + + GtkWidget::tooltip-radius = 3 + GtkWidget::tooltip-alpha = 235 + GtkWidget::new-tooltip-style = 1 #for compatibility + + GtkWidget::link-color = shade(0.9, @selected_bg_color) + GtkWidget::visited-link-color = shade(0.8, @selected_bg_color) + GnomeHRef::link_color = shade(0.9, @selected_bg_color) + GtkHTML::link-color = shade(0.9, @selected_bg_color) + GtkHTML::vlink-color = shade(0.8, @selected_bg_color) + GtkIMHtml::hyperlink-color = shade(0.9, @selected_bg_color) + GtkIMHtml::hyperlink-visited-color = shade(0.8, @selected_bg_color) + + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 1 + + GtkButton::child-displacement-y = 0 + + GtkButton::default-border = {0, 0, 0, 0} + GtkButton::default-outside-border = {0, 0, 0, 0} + GtkButton::inner-border = {4, 4, 4, 4} + + GtkEntry::state-hint = 1 + GtkEntry::inner-border = {7, 7, 4, 5} + + GtkPaned::handle-size = 9 + GtkHPaned::handle-size = 9 + GtkVPaned::handle-size = 9 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 13 + GtkRange::stepper-size = 0 + GtkRange::activate-slider = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 48 # 42 + 2*3 (margins) + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 26 + GtkScale::slider_width = 26 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 6 + GtkProgressBar::min-vertical-bar-width = 6 + # Making this bigger than the min[height,width]-2*[y,x]spacing makes the + # whole progressbar thicker, so by setting it to the exact above value + # we get the maximum spacing between the text and the edges without + # doing so. + GtkProgressBar::xspacing = 4 + GtkProgressBar::yspacing = 4 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + # TODO: find out what this comment means: + # ( every window is misaligned for the sake of menus ): + GtkMenuBar::internal-padding = 0 + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 2 + GtkMenu::double-arrows = 0 + GtkMenuItem::arrow-scaling = 1 + GtkMenuItem::toggle-spacing = 10 + + GtkCheckButton::indicator_spacing = 3 + GtkOptionMenu::indicator_spacing = {13, 13, 5, 8} + + GtkTreeView::expander-size = 16 + GtkTreeView::vertical-separator = 0 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 1 + # Set this because some apps read it + GtkTreeView::odd-row-color = @base_color + GtkTreeView::even-row-color = @base_color + GtkTreeView::odd_row_color = shade(0.90, @base_color) + + GtkExpander::expander-size = 16 + + GtkNotebook::tab-overlap = 4 + + ########## + # Colors # + ########## + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = mix (0.6, @bg_color, @base_color) + bg[ACTIVE] = @bg_color + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = darker (@bg_color) + text[ACTIVE] = @selected_fg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = shade (0.95, @bg_color) + base[SELECTED] = @selected_bg_color + base[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) + base[ACTIVE] = @selected_bg_color + + # For succinctness, all reasonable pixmap options remain here + + # Draw frame around menu in a non-compositied environment + # This needs to go before pixmap because we need to override some stuff + engine "adwaita" {} + + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-insensitive.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/radio-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/radio-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/radio-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-insensitive.png" + overlay_stretch = FALSE + } + + ########## + # Arrows # + ########## + + # Overrides + + # Disable arrows in spinbuttons + image { + function = ARROW + detail = "spinbutton" + } + + # Disable arrows for qt in scrollbars + image { + function = ARROW + detail = "vscrollbar" + } + image { + function = ARROW + detail = "hscrollbar" + } + + # Menu arrows + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/menu-pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/menu-pan-left-hover.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/menu-pan-left-insensitive.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/menu-pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/menu-pan-right-hover.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/menu-pan-right-insensitive.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_up" + overlay_file = "assets/menu-pan-up-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_up" + overlay_file = "assets/menu-pan-up.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_down" + overlay_file = "assets/menu-pan-down-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_down" + overlay_file = "assets/menu-pan-down.png" + overlay_stretch = FALSE + } + + # Regular arrows + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-up-insensitive.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-down-insensitive.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-left-insensitive.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-right-insensitive.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + ###################### + # Option Menu Arrows # + ###################### + + image { + function = TAB + state = NORMAL + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/pan-down-insensitive.png" + overlay_stretch = FALSE + } + + ######### + # Lines # + ######### + + image { + function = VLINE + file = "assets/line.png" + border = {1, 0, 0, 0} + } + + image { + function = HLINE + file = "assets/line.png" + border = {0, 0, 1, 0} + } + + ######### + # Focus # + ######### + + image { + function = FOCUS + file = "assets/focus.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + ########### + # Handles # + ########### + + image { + function = HANDLE + detail = "handlebox" + overlay_file = "assets/handle.png" + overlay_stretch = FALSE + } + + image { + function = HANDLE + file = "assets/handle-horz.png" + border = {0, 0, 4, 4} + orientation = HORIZONTAL + } + + image { + function = HANDLE + file = "assets/handle-vert.png" + border = {4, 4, 0, 0} + orientation = VERTICAL + } + + image { + function = RESIZE_GRIP + } + + ############# + # Expanders # + ############# + + image { + function = EXPANDER + expander_style = EXPANDED + file = "assets/pan-down.png" + } + + # LTR + + image { + function = EXPANDER + expander_style = COLLAPSED + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-right-semi.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-right-semi.png" + direction = LTR + } + + # RTL + + image { + function = EXPANDER + expander_style = COLLAPSED + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-left-semi.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-left-semi.png" + direction = RTL + } + + ############# + # Notebooks # + ############# + + # Left + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab-left-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + file = "assets/tab-left.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = RIGHT + } + + # Right + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab-right-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + file = "assets/tab-right.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = LEFT + } + + # Up + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab-up-active.png" + border = { 3,3,5,3 } + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + file = "assets/tab-up.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = BOTTOM + } + + # Down + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab-down-active.png" + border = { 3,3,3,5 } + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + file = "assets/tab-down.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = TOP + } + + # Inner frame + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab-vert-gap.png" + gap_border = {1, 0, 1, 1} + gap_side = LEFT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab-vert-gap.png" + gap_border = {0, 1, 1, 1} + gap_side = RIGHT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab-horz-gap.png" + gap_border = {1, 1, 1, 0} + gap_side = TOP + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab-horz-gap.png" + gap_border = {1, 1, 0, 1} + gap_side = BOTTOM + } + + # Standalone frame + image { + function = BOX + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-horz-trough.png" + border = {0, 0, 1, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-trough.png" + border = {1, 0, 0, 0} + orientation = VERTICAL + direction = LTR + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-trough-rtl.png" + border = {0, 1, 0, 0} + orientation = VERTICAL + direction = RTL + } + + + # Disable insensitive sliders + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + } + + # Horizontal sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-horz-slider.png" + border = {6, 6, 7, 6 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-horz-slider-hover.png" + border = {6, 6, 7, 6 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-active.png" + border = {6, 6, 7, 6 } + stretch = TRUE + orientation = HORIZONTAL + } + + # Vertical sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-slider.png" + border = {7, 6, 6, 6} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-slider-hover.png" + border = {7, 6, 6, 6} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-slider-active.png" + border = {7, 6, 6, 6} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + # RTL + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-slider-rtl.png" + border = {6, 7, 6, 6} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-slider-hover-rtl.png" + border = {6, 7, 6, 6} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-slider-active-rtl.png" + border = {6, 7, 6, 6} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + ########## + # Scales # + ########## + + # Troughs + # They are overrided later on + # We set them here too because some widgets don't specify their orientation + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {10, 10, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {10, 10, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 10, 10} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 10, 10} + stretch = TRUE + orientation = VERTICAL + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + detail = "hscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "hscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "hscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "hscale" + file = "assets/scale-slider-insensitive.png" + } + image { + function = SLIDER + state = NORMAL + detail = "vscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "vscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "vscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "vscale" + file = "assets/scale-slider-insensitive.png" + } + + ########### + # Menubar # + ########### + + image { + function = BOX + detail = "menubar" + file = "assets/line.png" + border = {0, 0, 0, 1} + } + + ######### + # Menus # + ######### + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_up" + file = "assets/line.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_up" + file = "assets/line.png" + border = {0, 0, 0, 1} + } + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_down" + file = "assets/line.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_down" + file = "assets/line.png" + border = {0, 0, 1, 0} + } + + ########### + # Entries # + ########### + + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/entry-background.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/entry-background-insensitive.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/entry-background.png" + } + ######### + # Spins # + ######### + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-ltr-up.png" + border = {1, 4, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-ltr-up-hover.png" + border = {1, 4, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-active.png" + border = {1, 4, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-insensitive.png" + border = {1, 4, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up-insensitive.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-rtl-up.png" + border = {4, 1, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {4, 1, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {4, 1, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-insensitive.png" + border = {4, 1, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up-insensitive.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-ltr-down.png" + border = {1, 4, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-ltr-down-hover.png" + border = {1, 4, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-active.png" + border = {1, 4, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-insensitive.png" + border = {1, 4, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down-insensitive.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-rtl-down.png" + border = {4, 1, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-rtl-down-hover.png" + border = {4, 1, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-active.png" + border = {4, 1, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-insensitive.png" + border = {4, 1, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down-insensitive.png" + overlay_stretch = FALSE + direction = RTL + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-horz.png" + stretch = TRUE + border = {2, 2, 1, 1} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-vert.png" + stretch = TRUE + border = {1, 1, 2, 2} + orientation = VERTICAL + } + + ############# + # Treeviews # + ############# + + # Disable active the column highlight + # We need to match specific cells or we break stuff + # Looking at you deadbeef + + image { + function = FLAT_BOX + detail = "cell_even_sorted" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "cell_odd_sorted" + state = NORMAL + } + + # Disable all the other shadows + # This prevents the Raleigh effect + image { + function = SHADOW + } + + } + +} + +style "menubar" { + + # Needed to fix Firefox's menubar text + bg[NORMAL] = @dark_bg_color + text[NORMAL] = @dark_fg_color + fg[NORMAL] = @dark_fg_color + bg[SELECTED] = @dark_bg_color + fg[SELECTED] = shade(0.9, @dark_fg_color) + +} + +style "menubar_item" { + + xthickness = 3 + ythickness = 4 + + fg[NORMAL] = @dark_fg_color + fg[PRELIGHT] = @dark_fg_color + text[NORMAL] = @dark_fg_color + + engine "pixmap" { + image { + function = BOX + state = PRELIGHT + file = "assets/menubar-item-active.png" + border = {0, 0, 0, 3} + } + } + +} + +style "menu" { + + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = @base_color + bg[INSENSITIVE] = @base_color + bg[PRELIGHT] = @base_color + bg[SELECTED] = @selected_bg_color + +} + +style "menu_item" { + + xthickness = 3 + ythickness = 4 + + bg[PRELIGHT] = @selected_bg_color + # Chromium uses this setting + bg[SELECTED] = @selected_bg_color + + fg[PRELIGHT] = @selected_fg_color + # Some widgets use text, we need to handle that + text[NORMAL] = @fg_color + text[PRELIGHT] = @selected_fg_color + + # Unfortunately we can't tell regular and menu checks/radios apart + # Without the heirarchy + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed-insensitive.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-radio.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-radio-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-radio.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-radio-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-radio-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-radio-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed-insensitive.png" + overlay_stretch = FALSE + } + + + + } + +} + +style "separator_menu_item" { + + xthickness = 0 + ythickness = 0 + + engine "pixmap" { + image { + function = BOX + file = "assets/line.png" + } + } + +} + +style "button_label" { + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color +} + +style "misc_button_label" { + fg[PRELIGHT] = @fg_color + fg[ACTIVE] = @fg_color +} + +style "button" { + + xthickness = 2 + ythickness = 2 + + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + font_name = "Bold" + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/button-hover.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/button-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + } +} + +style "link_button" { + + # Disable the button effect, leave just the link + engine "pixmap" { + image { + function = BOX + } + } + +} + +style "entry" { + + # We set this same as the border of the border of the entry + # This way theres no overlap + xthickness = 4 + ythickness = 4 + +} + +style "combobox" { + + xthickness = 6 + ythickness = 4 + + # This affects only the button beside an entry + GtkButton::inner-border = {0, 0, 0, 0} + +} + +style "combobox_cellview" { + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color +} + +style "combobox_entry" { + + # Since one side of the button is missing, we need to shift the arrow a little to the right + GtkButton::inner-border = {0, 1, 0, 0} + + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-entry-ltr-entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-entry-ltr-entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-entry-ltr-entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-entry-rtl-entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-entry-rtl-entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-entry-rtl-entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = RTL + } + + ############## + # LTR button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-entry-ltr-button.png" + border = {0, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-entry-ltr-button-hover.png" + border = {0, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-entry-ltr-button-active.png" + border = {0, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-entry-ltr-button-insensitive.png" + border = {0, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + ############## + # RTL button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-entry-rtl-button.png" + border = {4, 0, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-entry-rtl-button-hover.png" + border = {4, 0, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-entry-rtl-button-active.png" + border = {4, 0, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-entry-rtl-button-insensitive.png" + border = {4, 0, 4, 4} + stretch = TRUE + direction = RTL + } + + } + +} + +style "combo_button_padding" { + + # Since one side of the button is missing, we need to shift the arrow a little to the right + # This is the same thing we've done above but the combo, unlike the combobox, + # uses padding the same way as a button + GtkButton::inner-border = {6, 8, 4, 4} + +} + +style "notebook" { + + xthickness = 5 + ythickness = 2 + +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "notebook_bg" { + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "notebook_entry" { + + engine "pixmap" { + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/notebook-entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/notebook-entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/notebook-entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + } +} + +style "normal_bg" { + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[INSENSITIVE] = mix (0.6, @bg_color, @base_color) +} + +style "normal_entry" { + + engine "pixmap" { + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + } +} + +style "notebook_combo" { + + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/notebook-combo-entry-ltr-entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/notebook-combo-entry-ltr-entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/notebook-combo-entry-ltr-entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/notebook-combo-entry-rtl-entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/notebook-combo-entry-rtl-entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/notebook-combo-entry-rtl-entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = RTL + } + + } + +} + +style "textview" { + bg[NORMAL] = @base_color +} + +style "scale_horz" { + + engine "pixmap" { + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {10, 10, 0, 0} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {10, 10, 0, 0} + stretch = TRUE + } + + } + +} + +style "scale_vert" { + + engine "pixmap" { + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 10, 10} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 10, 10} + stretch = TRUE + } + + } + +} + +style "progressbar" { + + xthickness = 1 + ythickness = 1 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + + image { + function = BOX + detail = "trough" + file = "assets/progressbar-horz-trough.png" + border = {3, 3, 2, 2} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/progressbar-vert-trough.png" + border = {2, 2, 3, 3} + stretch = TRUE + orientation = VERTICAL + } + + } + +} + +style "treeview_header" { + + xthickness = 1 + ythickness = 0 + + fg[NORMAL] = mix(0.5, @fg_color, @base_color) + fg[PRELIGHT] = mix(0.5, mix(0.5, @fg_color, @base_color), @fg_color) + + font_name = "Bold" + + GtkButton::inner-border = {5, 5, 0, 1} + + engine "pixmap" { + + image { + function = BOX + file = "assets/treeview-separator-ltr.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + file = "assets/treeview-separator-rtl.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/treeview-pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/treeview-pan-up-hover.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/treeview-pan-up-active.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/treeview-pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/treeview-pan-down-hover.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/treeview-pan-down-active.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + } + +} + +style "scrolled_window" { + + engine "pixmap" { + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + } + +} + +style "frame" { + + engine "pixmap" { + + image { + function = SHADOW + file = "assets/frame.png" + border = {0, 0, 0, 0} + stretch = TRUE + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = {0, 0, 0, 0} + stretch = TRUE + gap_start_file = "assets/border.png" + gap_end_file = "assets/border.png" + } + + } + +} + +style "toolbar_button" { + + xthickness = 2 + ythickness = 2 + + GtkButton::inner-border = {2, 2, 2, 2} + + engine "pixmap" { + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/toolbar-button-hover.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/toolbar-button-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/toolbar-button-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + } +} + +style "toolbar_separator" { + + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + + engine "pixmap" { + image { + function = BOX + file = "assets/line.png" + } + } + +} + +style "inline_toolbar" { + + GtkToolbar::button-relief = GTK_RELIEF_NORMAL + + engine "pixmap" { + image { + function = SHADOW + file = "assets/frame-inline.png" + border = {1, 1, 0, 1} + stretch = TRUE + } + } + +} + +style "tooltip" { + + xthickness = 13 + ythickness = 13 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color + +} + + +style "disable_shadow" { + + engine "pixmap" { + image { + function = SHADOW + } + } + +} + +style "disable_separator" { + + xthickness = 0 + ythickness = 0 + + GtkWidget::wide-separators = 1 + +} + +# Text Style +style "text" = "default" { + engine "murrine" { textstyle = 0 } +} + +style "menu_text" = "menu_item" { + engine "murrine" { textstyle = 0 } +} + +# Default style, containing most of the stuff +class "GtkWidget" style "default" + +# Override padding, style and colour +class "GtkButton" style "button" +class "GtkLinkButton" style "link_button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkNotebook" style "notebook" +class "GtkHScale" style "scale_horz" +class "GtkVScale" style "scale_vert" +class "GtkProgressBar" style "progressbar" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkSeparatorToolItem" style "toolbar_separator" +class "GtkMenuBar" style "menubar" +class "GtkMenu" style "menu" +class "GtkTextView" style "textview" + +widget_class "**" style "button_label" +widget_class "**" style "misc_button_label" + +# Menu and menubar items +widget_class "**" style "menu_item" +widget_class "*.*" style "menubar_item" +widget_class "**" style "separator_menu_item" + +# Frames in statusbars look ugly, let's disable them +widget_class "**" style "disable_shadow" +# Disable the frame around poor Wilbert too +widget_class "**" style "disable_shadow" + +# Treeview buttons +widget_class "***" style "treeview_header" + +# Give the file chooser toolbar a border +widget_class "**" style "inline_toolbar" + +# Fix padding on regular comboboxes +widget_class "*." style "combobox" +# And disable separators on them +widget_class "*.*" style "disable_separator" + +# Join together the ComboBoxEntry entry and button +widget_class "**" style "combobox_entry" + +# Join the Combo entry and button +widget_class "**" style "combobox_entry" +# Tweak the padding on the button a little bit because it uses it a bit differently +widget_class "*." style "combo_button_padding" + +# Alas we cannot do the same for ComboBoxText because there isn't a way to apply the style to only +# the comboboxes that have an entry inside + +# Toolbar buttons have different paddings +widget_class "**" style "toolbar_button" + +# Notebooks are white, act accordingly +widget_class "**" style "notebook_entry" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "***" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "*.*" style "notebook_bg" +widget_class "***" style "notebook_combo" +widget_class "***" style "notebook_combo" + +# However, stuff inside eventboxes inside notebooks is grey again, react +widget_class "***" style "normal_entry" +widget_class "***" style "normal_bg" +widget_class "***" style "normal_bg" +widget_class "****" style "combobox_entry" +widget_class "****" style "combobox_entry" +widget_class "***." style "combo_button_padding" + +# ComboBoxes tend to draw the button label with text[] instead of fg[], we need to fix that +widget_class "**" style "combobox_cellview" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltip" + +# Fixes ugly text shadows for insensitive text +widget_class "*" style "text" +widget_class "**" style "menu_text" +widget_class "**" style "text" +widget_class "**" style "text" +widget_class "**" style "text" \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-2.0/render-assets.sh b/filesystem/.themes/Dracula/gtk-2.0/render-assets.sh new file mode 100755 index 00000000..f4fd9ffe --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-2.0/render-assets.sh @@ -0,0 +1,24 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="assets.svg" +ASSETS_DIR="assets" +INDEX="assets.txt" + +for i in `cat $INDEX` +do +if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-background-opacity=0 \ + --export-filename=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png +fi +done +exit 0 diff --git a/filesystem/.themes/Dracula/gtk-3.0/apps/budgie.css b/filesystem/.themes/Dracula/gtk-3.0/apps/budgie.css new file mode 100755 index 00000000..1dbf2183 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/apps/budgie.css @@ -0,0 +1,65 @@ +.budgie-panel { + border-bottom-color: transparent; +} + +.max-budgie-panel { + border: none; + background-color: alpha(black, 0.5); +} + +.budgie-panel *:active { + background-color: transparent; +} + +/* top panel */ +.budgie-panel.top { + border-top-color: transparent; +} + +/* left panel */ +.budgie-panel.left { + border-left-color: transparent; +} + +/* right panel */ +.budgie-panel.right { + border-right-color: transparent; +} + +.budgie-panel .message-area { + border-radius: 3px; + border: none; + font: bold; + text-shadow: 1px 1px alpha(black, 0.3); + background-color: alpha(black, 0.5); + box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.2),inset 0px 1px 0px 0px rgba(255,255,255,0.1); +} + +.budgie-panel .menu-icon *, +.budgie-panel .message-area * { + icon-shadow: 1px 1px alpha(black, 0.3); +} + +.max-budgie-panel .message-area { + box-shadow:none; + background-color: transparent; +} + +.budgie-panel * { + icon-shadow: none; +} + +.launcher * { + icon-shadow: 1px 1px alpha(black, 0.3); +} + +PanelToplevel { + padding: 0px; + background-color: @panel_bg_color; + background-image: none; + color: @panel_fg_color; +} + +.dark .notif-title { + color: @orange; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/apps/corebird.css b/filesystem/.themes/Dracula/gtk-3.0/apps/corebird.css new file mode 100755 index 00000000..1cff971b --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/apps/corebird.css @@ -0,0 +1,9 @@ +.button.text-only-button:hover{ + color: @selected_bg_color; +} + +.button.text-only-button:active, +.button.text-only-button:active:hover { + color: @selected_bg_color; + background-color: transparent; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/apps/gala.css b/filesystem/.themes/Dracula/gtk-3.0/apps/gala.css new file mode 100755 index 00000000..d472b45c --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/apps/gala.css @@ -0,0 +1,127 @@ +/******* +* Gala * +*******/ + +.gala-notification { + border: none; + border-radius: 4px; + background-color: transparent; + background-image: + linear-gradient( + to bottom, + @bg_color, + @bg_color 80%, + shade ( + @bg_color, + 0.94 + ) + ); + box-shadow: + inset 0 0 0 1px alpha (@bg_highlight_color, 0.1), + inset 0 1px 0 0 alpha (@bg_highlight_color, 0.9), + inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.3), + 0 0 0 1px alpha (#000, 0.2), + 0 3px 6px alpha (#000, 0.16), + 0 5px 5px -3px alpha (#000, 0.4); +} + +.gala-notification .title, +.gala-notification .label { + color: @text_color; +} + +.gala-notification GtkImage { + color: alpha (@text_color, 0.8); +} + +.gala-button { + padding: 3px; + color: #fff; + border: none; + border-radius: 100px; + background-image: + linear-gradient( + to bottom, + #7e7e7e, + #3e3e3e + ); + box-shadow: + inset 0 0 0 1px alpha (#fff, 0.02), + inset 0 1px 0 0 alpha (#fff, 0.07), + inset 0 -1px 0 0 alpha (#fff, 0.01), + 0 0 0 1px alpha (#000, 0.4), + 0 3px 6px alpha (#000, 0.16), + 0 3px 6px alpha (#000, 0.23); + text-shadow: 0 1px 1px alpha (#000, 0.6); +} + +/********* + * Panel * + ********/ + + .panel { + background-color: transparent; + transition: all 100ms ease-in-out; +} + +.panel.maximized { + background-color: alpha(#000, 0); +} + +.panel.translucent { + background-color: alpha(#000, 0); +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > GtkRevealer { + color: #fff; + font-weight: bold; + text-shadow: + 0 0 2px alpha (#000, 0.3), + 0 1px 2px alpha (#000, 0.6); + icon-shadow: + 0 0 2px alpha (#000, 0.3), + 0 1px 2px alpha (#000, 0.6); + transition: all 200ms ease-in-out; +} + +.composited-indicator .keyboard { + background-color: #fff; + border-radius: 2px; + box-shadow: + 0 0 2px alpha (#000, 0.3), + 0 1px 2px alpha (#000, 0.6); + color: #333; + font-weight: 600; + padding: 0 3px; + text-shadow: none; +} + +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > GtkRevealer { + color: alpha (#000, 0.65); + text-shadow: + 0 0 2px alpha (#fff, 0.3), + 0 1px 0 alpha (#fff, 0.25); + icon-shadow: + 0 0 2px alpha (#fff, 0.3), + 0 1px 0 alpha (#fff, 0.25); +} + +.panel.color-light .composited-indicator .keyboard { + background-color: alpha (#000, 0); + box-shadow: + 0 0 2px alpha (#fff, 0.3), + 0 1px 0 alpha (#fff, 0.25); + color: #fff; + text-shadow: none; +} + +.panel .popover { + box-shadow: + inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.5), + 0 3px 4px alpha (#000, 0.15), + 0 3px 3px -3px alpha (#000, 0.35); +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.0/apps/gnome-applications.css b/filesystem/.themes/Dracula/gtk-3.0/apps/gnome-applications.css new file mode 100755 index 00000000..4f3fb1c4 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/apps/gnome-applications.css @@ -0,0 +1,120 @@ +/************ + * nautilus * + ************/ +.nautilus-canvas-item { + border-radius: 0px; +} + +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px alpha(black,0.8); +} + +.nautilus-desktop.nautilus-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:prelight, +.nautilus-desktop.nautilus-canvas-item:selected { + border-radius: 3px; + text-shadow: none; +} + +NautilusWindow.window-frame { + background-color: transparent; +} + +NautilusWindow.background { + background-color: alpha(mix(@bg_color,@base_color,0.7),0.96); +} + +NautilusWindow .sidebar, +NautilusWindow .sidebar .view { + background-color: transparent; + background-image: none; +} + +NautilusWindow .sidebar .cell:selected, +NautilusWindow .sidebar .cell:selected:focus { + border-radius: 0 3px 3px 0; +} + +NautilusWindow .pane-separator.horizontal { + background-image: none; + border-right: 1px solid @bg_color; +} + + +NautilusListView GtkTreeView { + border-color: @borders; +} + +/****************** + * gnome terminal * + ******************/ +VteTerminal { + background-color: @bg_color; + color: @fg_color; +} + +/********* + * gedit * + *********/ +GeditViewFrame .gedit-search-slider { + padding: 4px; + border-radius: 0 0 0 5px; + border: 0; + background-color: @bg_color; +} + +GeditViewFrame .gedit-search-slider .linked .button { + border-color: alpha(black,0.2); +} + +GeditViewFrame .gedit-search-slider .linked .button:hover { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); +} + + +GeditViewFrame .gedit-search-slider .not-found { + background-color: @error_bg_color; + background-image: none; + color: @error_fg_color; +} + +GeditViewFrame .gedit-search-slider .not-found:selected { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +GdTaggedEntry *{ + color: @fg_color; +} + +/************** + * Tweak Tool * + **************/ +.tweak:hover{ + color: @text_color; +} + +.tweak-categories .list-row.button:hover { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +.tweak-categories { + background-color: @base_color; + background-image: linear-gradient(to bottom,@base_color,@base_color); +} + +/************** + * geary * + **************/ +.geary-titlebar-right GtkBox.left .button{ + + background: transparent; +} +.geary-titlebar-right GtkBox.left .button:hover{ + + background: transparent; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/apps/mate-applications.css b/filesystem/.themes/Dracula/gtk-3.0/apps/mate-applications.css new file mode 100644 index 00000000..5adbfbf9 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/apps/mate-applications.css @@ -0,0 +1,17 @@ + +/******** + * Caja * + ********/ + +/* caja sidebar */ +CajaWindow FMTreeView .view, +CajaWindow CajaNotesViewer .view, +CajaWindow CajaPlacesSidebar .view, +CajaWindow CajaHistorySidebar .view, +CajaWindow CajaInformationPanel GtkVBox, +CajaWindow CajaEmblemSidebar GtkViewport { + background-color: @header_bg_color; + color: @header_fg_color; + border-width: 0px; +} + diff --git a/filesystem/.themes/Dracula/gtk-3.0/apps/solus-applications.css b/filesystem/.themes/Dracula/gtk-3.0/apps/solus-applications.css new file mode 100755 index 00000000..d52a5de6 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/apps/solus-applications.css @@ -0,0 +1,12 @@ +QuirkyClient .linked .button:first-child { + border-color: alpha(black,0.2); + border-width: 1px; +} + +QuirkyClient .linked .button:first-child:hover, +QuirkyClient .linked .button:first-child:active, +QuirkyClient .linked .button:first-child:checked { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/apps/unity.css b/filesystem/.themes/Dracula/gtk-3.0/apps/unity.css new file mode 100755 index 00000000..c22b2f29 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/apps/unity.css @@ -0,0 +1,74 @@ +UnityDecoration { + -UnityDecoration-extents: 28px 0px 0px 0px; + -UnityDecoration-input-extents: 10px; + + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: alpha(@dark_shadow, 0.75); + -UnityDecoration-active-shadow-radius: 9px; + -UnityDecoration-inactive-shadow-color: alpha(@dark_shadow, 0.5); + -UnityDecoration-inactive-shadow-radius: 6px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: @theme_selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 50px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.top { + border: 1px solid @header_bg_color; + border-bottom-width: 0; + border-radius: 5px 5px 0 0; + padding: 1px 8px 0 8px; + background-color: @header_bg_color; + color: @header_fg_color; + text-shadow: none; +} + +UnityDecoration.top:backdrop { + border: 1px solid @header_bg_color; + border-bottom-width: 0; + background-color: @header_bg_color; + color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.2); +} + +UnityDecoration.left, +UnityDecoration.right, +UnityDecoration.bottom { + background-color: @theme_bg_color; +} + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-color: @theme_bg_color; +} + +UnityPanelWidget, +.unity-panel { + border-width: 0 0 0 0; + border-style: solid; + border-color: @panel_bg_color; + background-color: @header_bg_color; /* the theme_bg_color of the dark theme */ + color: @theme_fg_color; +} + +.unity-panel.menubar, +.unity-panel .menubar { +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 0 0 0; + color: @panel_fg_color; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-color: mix(@panel_bg_color, @panel_fg_color, 0.2); + background-color: @selected_bg_color; + background-image: none; + color: shade(@panel_fg_color, 1.08); +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/gtk-widgets-assets.css b/filesystem/.themes/Dracula/gtk-3.0/gtk-widgets-assets.css new file mode 100755 index 00000000..a2242e65 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/gtk-widgets-assets.css @@ -0,0 +1,293 @@ +.selection-mode.titlebar .titlebutton.minimize, +.titlebar .titlebutton.minimize { + color: transparent; + border:none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/min.svg")); +} + +.selection-mode.titlebar .titlebutton.minimize:backdrop, +.titlebar .titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("../assets/min_unfocused.png")); + color: transparent; +} + +.selection-mode.titlebar .titlebutton.minimize:hover, +.selection-mode.titlebar .titlebutton.minimize:active, +.selection-mode.titlebar .titlebutton.minimize:checked, +.titlebar .titlebutton.minimize:hover, +.titlebar .titlebutton.minimize:active, +.titlebar .titlebutton.minimize:checked { + color: transparent; + border: none; + box-shadow: none; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/min_prelight.svg")); +} + +.selection-mode.titlebar .titlebutton.maximize, +.titlebar .titlebutton.maximize { + color: transparent; + border: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/maximize.svg")); +} + +.selection-mode.titlebar .titlebutton.maximize:backdrop, +.titlebar .titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("../assets/maximize_unfocused.png")); + color: transparent; +} + +.selection-mode.titlebar .titlebutton.maximize:hover, +.selection-mode.titlebar .titlebutton.maximize:active, +.selection-mode.titlebar .titlebutton.maximize:checked, +.titlebar .titlebutton.maximize:hover, +.titlebar .titlebutton.maximize:active, +.titlebar .titlebutton.maximize:checked { + color: transparent; + border: none; + box-shadow: none; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/maximize_prelight.svg")); +} + +.selection-mode.titlebar .titlebutton.close, +.titlebar .titlebutton.close { + color: transparent; + border: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/close.svg")); +} + +.selection-mode.titlebar .titlebutton.close:backdrop, +.titlebar .titlebutton.close:backdrop { + background-image: -gtk-scaled(url("../assets/close_unfocused.png")); + color: transparent; +} + +.selection-mode.titlebar .titlebutton.close:hover, +.selection-mode.titlebar .titlebutton.close:active, +.selection-mode.titlebar .titlebutton.close:checked, +.titlebar .titlebutton.close:hover, +.titlebar .titlebutton.close:active, +.titlebar .titlebutton.close:checked { + color: transparent; + border: none; + box-shadow: none; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/close_prelight.svg")); +} + +/******************* + * check and radio * + *******************/ +/* draw regular check and radio items using our assets */ + +.check, +.check:focus { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"),url("../assets/checkbox-unchecked@2.png")); +} + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"),url("../assets/checkbox-unchecked-hover@2.png")); +} + +.check:insensitive, +.check row:selected:insensitive, +.check row:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive.png"),url("../assets/checkbox-unchecked-insensitive@2.png")); +} + +.check:active, +.check:checked, +.check row:selected:active, +.check row:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"),url("../assets/checkbox-checked@2.svg")); +} + +.check:active:insensitive, +.check:checked:insensitive, +.check row:selected:active:insensitive, +.check row:selected:focus:active:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive.png"),url("../assets/checkbox-checked-insensitive@2.png")); +} + +.check:inconsistent, +.check row:selected:inconsistent, +.check row:selected:focus:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"),url("../assets/checkbox-mixed@2.png")); +} + +.check:inconsistent:insensitive, +.check row:selected:inconsistent:insensitive, +.check row:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"),url("../assets/checkbox-mixed-insensitive@2.png")); +} + +.radio, +.radio:hover, +.radio row:selected, +.radio row:selected:focus { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"),url("../assets/radio-unselected@2.png")); +} + +.radio:insensitive, +.radio row:selected:insensitive, +.radio row:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"),url("../assets/radio-unselected-insensitive@2.png")); +} + +.radio:active, +.radio:active:hover, +.radio:checked, +.radio row:selected:active, +.radio row:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"),url("../assets/radio-selected@2.png")); +} + +.radio:active:insensitive, +.radio:checked:insensitive, +.radio row:selected:active:insensitive, +.radio row:selected:focus:active:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"),url("../assets/radio-selected-insensitive@2.png")); +} + +.radio:inconsistent, +.radio row:selected:inconsistent, +.radio row:selected:focus:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"),url("../assets/radio-mixed@2.png")); +} + +.radio:inconsistent:insensitive, +.radio row:selected:inconsistent:insensitive, +.radio row:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"),url("../assets/radio-mixed-insensitive@2.png")); +} + +.menuitem.check { + -gtk-icon-source: none; +} + +.menuitem.check:active, +.menuitem.check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-checkbox-checked.png"),url("../assets/menuitem-checkbox-checked@2.png")); +} + +.menuitem.check:active:hover, +.menuitem.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-checkbox-checked-hover.png"),url("../assets/menuitem-checkbox-checked-hover@2.png")); +} + +.menuitem.check:active:insensitive, +.menuitem.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-checkbox-checked-insensitive.png"),url("../assets/menuitem-checkbox-checked-insensitive@2.png")); +} + +.menuitem.check:inconsistent, +.menuitem.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-checkbox-mixed.png"),url("../assets/menuitem-checkbox-mixed@2.png")); +} + +.menuitem.check:inconsistent:insensitive, +.menuitem.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-checkbox-mixed-insensitive.png"),url("../assets/menuitem-checkbox-mixed-insensitive@2.png")); +} + +.menuitem.radio { + -gtk-icon-source: none; +} + +.menuitem.radio:active, +.menuitem.radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-radio-checked.png"),url("../assets/menuitem-radio-checked@2.png")); +} + +.menuitem.radio:active:hover, +.menuitem.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-radio-checked-hover.png"),url("../assets/menuitem-radio-checked-hover@2.png")); +} + +.menuitem.radio:active:insensitive, +.menuitem.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-radio-checked-insensitive.png"),url("../assets/menuitem-radio-checked-insensitive@2.png")); +} + +GtkIconView.content-view.cell.check { + -gtk-icon-source: -gtk-scaled(url("../assets/grid-selection-unchecked.png"),url("../assets/grid-selection-unchecked@2.png")); +} + +GtkIconView.content-view.cell.check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/grid-selection-checked.svg"),url("../assets/grid-selection-checked@2.svg")); +} + +/****************** + * pane separator * + ******************/ +.pane-separator.horizontal { + background-image: -gtk-scaled(url("../assets/pane-handle.png"),url("../assets/pane-handle@2.png")); + background-repeat: no-repeat; + background-position: center center; +} + +.pane-separator.vertical { + background-image: -gtk-scaled(url("../assets/pane-handle-vertical.png"),url("../assets/pane-handle-vertical@2.png")); + background-repeat: no-repeat; + background-position: center center; +} + +/************* + * GtkSwitch * + *************/ +GtkSwitch.trough { + background-image: -gtk-scaled(url("../assets/switch-off.svg"),url("../assets/switch-off@2.svg")); +} + +GtkSwitch.trough:active { + background-image: -gtk-scaled(url("../assets/switch-on.svg"),url("../assets/switch-on@2.svg")); +} + +GtkSwitch.trough:insensitive, +GtkSwitch.trough:active:insensitive { + background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"),url("../assets/switch-insensitive@2.svg")); +} + +GtkSwitch.slider { + background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"),url("../assets/switch-slider-off@2.svg")); +} + +GtkSwitch.slider:active { + background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"),url("../assets/switch-slider-on@2.svg")); +} + +GtkSwitch.slider:insensitive, +GtkSwitch.slider:active:insensitive { + background-image: -gtk-scaled(url("../assets/switch-slider-insensitive.svg"),url("../assets/switch-slider-insensitive@2.svg")); +} + +/******************* + * GtkScale slider * + *******************/ +.scale.slider { + background: -gtk-scaled(url("../assets/scale-slider.svg"),url("../assets/scale-slider@2.png")); +} + +.scale.slider:hover { + background: -gtk-scaled(url("../assets/scale-slider-hover.svg"),url("../assets/scale-slider-hover@2.png")); +} + +.scale.slider:insensitive { + background: -gtk-scaled(url("../assets/scale-slider-insensitive.png"),url("../assets/scale-slider-insensitive@2.png")); +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/gtk-widgets.css b/filesystem/.themes/Dracula/gtk-3.0/gtk-widgets.css new file mode 100755 index 00000000..ab8c16a1 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/gtk-widgets.css @@ -0,0 +1,468 @@ + +/* default */ +* { + engine: none; + -GtkArrow-arrow-scaling: 0.55; + -GtkButton-child-displacement-x: 0; + -GtkButton-child-displacement-y: 0; + -GtkButton-default-border: 0; + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 1; + -GtkButton-interior-focus: true; + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 12; + -GtkExpander-expander-size: 8; + -GtkHTML-link-color: @link_color; + -GtkIMHtml-hyperlink-color: @link_color; + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkNotebook-initial-gap: 0; + -GtkPaned-handle-size: 5; + -GtkProgressBar-min-horizontal-bar-height: 5; + -GtkProgressBar-min-vertical-bar-width: 5; + -GtkRange-slider-width: 12; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-border: 0; + -GtkRange-trough-under-steppers: 1; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 50; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 0; + -GtkStatusbar-shadow-type: none; + -GtkTextView-error-underline-color: @error_color; + -GtkToolButton-icon-spacing: 6; + -GtkToolItemGroup-expander-size: 8; + -GtkTreeView-expander-size: 8; + -GtkWidget-focus-line-width: 1; + -GtkWidget-focus-padding: 2; + -GtkWidget-link-color: @link_color; + -GtkWidget-visited-link-color: @link_color; + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + outline-color: alpha(@selected_bg_color, 0.5); + outline-style: solid; + outline-offset: 0; +} + +/*************** + * base states * + ***************/ +.background { + background-color: @bg_color; + color: @fg_color; +} + +* { + /* inherit colors from parent */ + background-color: inherit; + color: inherit; +} + +*:selected, +*:selected:focus { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +*:insensitive, +*:insensitive:insensitive { + color: mix(@fg_color, @bg_color, 0.3); +} + +/* apply effects to insensitive and prelit images */ +*:insensitive { + -gtk-image-effect: dim; +} + +*:hover { + -gtk-image-effect: highlight; +} + +.gtkstyle-fallback { + background-color: @bg_color; + color: @fg_color; +} + +.gtkstyle-fallback:prelight { + background-color: shade(@bg_color, 1.1); + color: @fg_color; +} + +.gtkstyle-fallback:active { + background-color: shade(@_color, 0.9); + color: @fg_color; +} + +.gtkstyle-fallback:insensitive { + background-color: shade(shade(@bg_color, 0.95), 1.05); + color: mix(@fg_color, @bg_color, 0.7); +} + +.gtkstyle-fallback:selected { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +GtkImage, +GtkImage:insensitive, +GtkLabel, +GtkLabel:insensitive, +GtkBox, +GtkBox:insensitive, +GtkOverlay, +GtkGrid, +GtkGrid:insensitive { + background-color: transparent; +} + +/*********** + * gtkhtml * + ***********/ +GtkHTML { + background-color: @base_color; + color: @text_color; +} + +/************ + * expander * + ************/ +.expander { + color: alpha(@fg_color, 0.7); +} + +.expander:hover { + color: alpha(@fg_color, 0.8); +} + +.expander:active { + color: alpha(currentColor, 0.9); +} + + +/********* + * frame * + *********/ +.frame { + border-color: shade(@theme_bg_color, 0.8); +} + + +.frame.flat { + border: none; +} + +/******************* + * scrolled window * + *******************/ +GtkScrolledWindow.frame { + border-width: 1px; + border-style: solid; + border-color: @bg_color; + border-radius: 0; +} + +/* avoid double borders when a viewport is + * packed into a GtkScrolledWindow */ +GtkScrolledWindow GtkViewport.frame { + border-style: none; +} + +/************ + * iconview * + ************/ +GtkIconView.view.cell:hover { + border: none; + border-radius: 5px; + background-color: shade(@bg_color, 0.9); + background-image: none; + color: @fg_color; +} + +GtkIconView.view.cell:selected, +GtkIconView.view.cell:selected:focus { + border-width: 1px; + border-style: solid; + border-color: shade(@bg_color, 0.8); + border-radius: 5px; + background-color: shade(@bg_color, 0.8); + background-image: none; + color: @fg_color; +} + +.content-view.view.rubberband, +.view.rubberband, +.rubberband { + border-width: 1px; + border-style: solid; + border-color: shade(@selected_fg_color, 0.9); + border-radius: 0; + background-color: alpha(@selected_fg_color, 0.3); +} +/***************** + * miscellaneous * + *****************/ +.floating-bar { + border-width: 1px; + border-style: solid; + border-color: @bg_color; + border-radius: 0px; + background-color: @bg_color; + background-image: none; + color: @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 { + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 0; + + border-style: none; + background-color: transparent; + background-image: none; +} + +.view.dim-label, +.dim-label { + color: alpha(currentColor, 0.5); +} + +.dnd { + border-width: 1px; + border-style: solid; + border-color: shade(@selected_fg_color, 0.9); +} + +.grip { + background-color: transparent; +} + +.arrow { + color: alpha(@fg_color, 0.9); +} + +/************* + * statusbar * + *************/ +GtkStatusbar { + padding: 4px; + color: @fg_color; +} + +GtkStatusbar .button { + color: @fg_color; + border: none; +} + +GtkStatusbar .button:hover, +GtkStatusbar .button:active, +GtkStatusbar .button:active:hover { + transition: none; + color: @selected_fg_color; + background-color: @bg_color; +} + +/************ + * textview * + ************/ +GtkTextView { + background-color: @base_color; + color: @text_color; +} + +/*********** + * tooltip * + ***********/ +.tooltip { + border-width: 1px; + border-style: solid; + border-color: @tooltip_bg_color; + border-radius: 3px; + background-color: @tooltip_bg_color; + background-image: none; + color: @tooltip_fg_color; +} + +.tooltip.background { + background-color: alpha(@tooltip_bg_color,0.8); + background-clip: padding-box; +} + +.tooltip.window-frame.csd { + border-radius: 3px; + background-color: transparent; + box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15); +} + +.tooltip * { + padding: 2px; + background-color: transparent; + color: inherit; +} + +/************ + * treeview * + ************/ +GtkTreeView { + -GtkTreeView-vertical-separator: 6; + -GtkWidget-focus-line-width: 1; + -GtkWidget-focus-padding: 1; +} + +GtkTreeView { + border: 1px solid @bg_color; +} + +GtkTreeView.view:selected { + border: none; +} + +GtkTreeView.dnd { + padding: 6px 6px; + border-width: 1px; + border-style: solid; + border-color: shade(@selected_bg_color, 0.9); + border-radius: 0; +} + +GtkTreeView .entry { + padding: 6px 6px; + border-radius: 0; + background-color: @base_color; + background-image: none; +} + +/************ + * viewport * + ************/ +GtkViewport.frame { + border-width: 0; +} + +.view { + background-color: @base_color; + color: @text_color; +} + +.view:insensitive, +.view:insensitive:insensitive { + color: mix(@bg_color,@text_color, 0.4); +} + +.view:selected, +.view:selected:focus { + background-color: @selected_bg_color; + color: @selected_fg_color; /*TreeView selected for dconf and sidebars and stuff*/ +} + +/************************* + * touch text selections * + *************************/ +GtkBubbleWindow { + border-radius: 0px; + background-clip: border-box; +} + +GtkBubbleWindow.osd.background { + background-color: @osd_bg; +} + +GtkBubbleWindow .toolbar { + background-color: transparent; +} + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(55, 93, 114, 0.20)), to(rgba(255,93,115, 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(255,93,115,0.2)), to(rgba(255,93,115, 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(255,93,115,0.2)), to(rgba(255,93,115, 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(255,93,115,0.2)), to(rgba(255,93,115, 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; } diff --git a/filesystem/.themes/Dracula/gtk-3.0/gtk.css b/filesystem/.themes/Dracula/gtk-3.0/gtk.css new file mode 100755 index 00000000..746b5a1a --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/gtk.css @@ -0,0 +1,127 @@ +/* Ant palet */ +@define-color lime #50fa7a; +@define-color cyan #8be9fd; +@define-color yellow #f1fa8c; +@define-color orange #ffb86c; +@define-color purple #bd93f9; +@define-color red #ff5555; + +/* default color scheme */ +@define-color bg_color #1e1f29; +@define-color fg_color #f8f8f2; +@define-color base_color #282a36; +@define-color text_color #f8f8f2; +@define-color borders transparent; +@define-color header_bg_color #1e1f29; +@define-color header_fg_color #f8f8f2; +/*@define-color selected_bg_color #00b0ff;*/ +@define-color selected_bg_color #ff79c6; +/*@define-color selected_bg_color #33CBBF; +*/@define-color selected_fg_color #f8f8f8; +@define-color tooltip_bg_color #f8f8f8; +@define-color tooltip_fg_color #2d2d2d; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color theme_bg_color @bg_color; +@define-color theme_fg_color @fg_color; +@define-color theme_base_color @base_color; +@define-color theme_text_color @text_color; +@define-color theme_selected_bg_color @selected_bg_color; +@define-color theme_selected_fg_color @selected_fg_color; +@define-color theme_tooltip_bg_color @tooltip_bg_color; +@define-color theme_tooltip_fg_color @tooltip_fg_color; + +/* shadow effects */ +@define-color light_shadow #fff; +@define-color dark_shadow #000; + +/* misc colors used by gtk+ */ +@define-color info_fg_color #31363D; +@define-color info_bg_color #f3f3f3; +@define-color warning_fg_color #fefefe; +@define-color warning_bg_color @orange; +@define-color question_fg_color #fefefe; +@define-color question_bg_color @cyan; +@define-color error_fg_color #fefefe; +@define-color error_bg_color @red; +@define-color link_color #df253f; +@define-color success_color #53a93f; +@define-color warning_color #f57900; +@define-color error_color @red; +@define-color light_grey #dedede; + +/* widget colors */ +@define-color button_bg_color @theme_base_color; +@define-color menubar_bg_color @theme_bg_color; +@define-color menubar_fg_color @theme_fg_color; +@define-color toolbar_bg_color @theme_bg_color; +@define-color toolbar_fg_color @theme_fg_color; +@define-color menu_bg_color @theme_base_color; +@define-color menu_fg_color @theme_text_color; +@define-color panel_bg_color shade(@header_fg_color, 0.8); +@define-color panel_fg_color @selected_fg_color; +@define-color menu_selected_bg_color @selected_bg_color; +@define-color menu_selected_fg_color @selected_fg_color; +@define-color titlebar_bg_color @theme_bg_color; +@define-color titlebar_fg_color @theme_fg_color; + +/* osd */ +@define-color osd_base @base_color; +@define-color osd_fg @fg_color; +@define-color osd_bg @bg_color; + +/* window manager colors */ +@define-color wm_bg @header_bg_color; +@define-color wm_border_focused @header_bg_color; +@define-color wm_border_unfocused @header_bg_color; +@define-color wm_title_focused @header_fg_color; +@define-color wm_title_unfocused alpha(@theme_fg_color, 0.75); +@define-color wm_icons_focused @theme_fg_color; +@define-color wm_icons_focused_prelight shade(@theme_selected_bg_color, 1.15); +@define-color wm_icons_focused_pressed @theme_selected_bg_color; +@define-color wm_icons_unfocused alpha(@theme_fg_color, 0.95); +@define-color wm_icons_unfocused_prelight shade(@theme_selected_bg_color, 1.15); +@define-color wm_icons_unfocused_pressed @theme_selected_bg_color; + +@import url("gtk-widgets.css"); +@import url("gtk-widgets-assets.css"); + +@import url("widgets/app-notifications.css"); +@import url("widgets/assistant.css"); +@import url("widgets/button.css"); +@import url("widgets/cell-row.css"); +@import url("widgets/check-radio.css"); +@import url("widgets/column-header.css"); +@import url("widgets/content-view.css"); +@import url("widgets/calendar.css"); +@import url("widgets/dialogs.css"); +@import url("widgets/entry.css"); +@import url("widgets/infobar.css"); +@import url("widgets/list-boxes.css"); +@import url("widgets/menu.css"); +@import url("widgets/notebook.css"); +@import url("widgets/progress-scale.css"); +@import url("widgets/scrollbar.css"); +@import url("widgets/search-bar.css"); +@import url("widgets/separator.css"); +@import url("widgets/sidebar.css"); +@import url("widgets/spinbutton.css"); +@import url("widgets/spinner.css"); +@import url("widgets/switch.css"); +@import url("widgets/color-chooser.css"); +@import url("widgets/toolbar.css"); +@import url("widgets/osd.css"); +@import url("widgets/csd.css"); +@import url("widgets/combobox.css"); +@import url("widgets/selection-mode.css"); +@import url("widgets/popover.css"); + + +@import url("apps/budgie.css"); +@import url("apps/corebird.css"); +@import url("apps/solus-applications.css"); +@import url("apps/gala.css"); +@import url("apps/gnome-applications.css"); +@import url("apps/unity.css"); +@import url("apps/mate-applications.css"); +/*@import url("widgets/gnome-software.css");*/ diff --git a/filesystem/.themes/Dracula/gtk-3.0/settings.ini b/filesystem/.themes/Dracula/gtk-3.0/settings.ini new file mode 100755 index 00000000..d846190a --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/settings.ini @@ -0,0 +1,4 @@ +[Settings] +gtk-auto-mnemonics = 1 +gtk-visible-focus = automatic + diff --git a/filesystem/.themes/Dracula/gtk-3.0/thumbnail.png b/filesystem/.themes/Dracula/gtk-3.0/thumbnail.png new file mode 100644 index 00000000..6d795d0d Binary files /dev/null and b/filesystem/.themes/Dracula/gtk-3.0/thumbnail.png differ diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/app-notifications.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/app-notifications.css new file mode 100755 index 00000000..98642140 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/app-notifications.css @@ -0,0 +1,37 @@ +/********************* + * app notifications * + *********************/ +.app-notification { + border-style: solid; + border-color: shade(@header_bg_color, 0.9); + border-width: 0 1px 1px 1px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + padding: 8px; + background-color: alpha(@header_bg_color,0.95); + background-image: none; + color: @header_fg_color; +} + +.app-notification .button, +.app-notification .button:hover { + background-color: @cyan; + color: @selected_fg_color; +} + +.app-notification .button:active, +.app-notification .button:hover:active { + background-color: shade(@cyan,0.9); + color: @selected_fg_color; +} + +.app-notification .button.flat { + background-color: transparent; + color: @header_fg_color; +} + +.app-notification .button.flat:hover, +.app-notification .button.flat:hover:active { + background-color: transparent; + color: @red; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/assistant.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/assistant.css new file mode 100755 index 00000000..c58c36eb --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/assistant.css @@ -0,0 +1,16 @@ +/************* + * assistant * + *************/ +GtkAssistant .sidebar .highlight { + font: bold; +} + +GtkAssistant .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); +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/button.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/button.css new file mode 100755 index 00000000..7f114564 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/button.css @@ -0,0 +1,306 @@ +/********** + * button * + **********/ +.button { + padding: 6px 8px; + border-radius: 3px; + /* border-width: 1px; + border-style: solid; + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2);*/ + background-color: @base_color; + background-image: none; + color: @text_color; + font: bold; + + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; +} + +.notebook .button, +.list .button, +.view .button { + border-color: alpha(black,0.2); +} + +.button:hover { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +.button:active, +.button:active:hover, +.button:checked:checked { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); + background-color: shade(@selected_bg_color, 0.9); + color: @selected_fg_color; +} + +.button:insensitive { + background-color: mix(@bg_color,@base_color, 0.5); + background-image: none; +} + +/**************** +* "flat" button * +*****************/ +.button.flat, +.action-bar .button, +.inline-toolbar .button, +.osd .button, +.osd.button { + border: none; + background-color: transparent; + background-image: none; + color: @fg_color; + font: bold; +} + +.button.flat:hover, +.action-bar .button:hover, +.inline-toolbar .button:hover, +.action-bar .button:hover { + border: none; + transition: color 150ms ease-in; + color: @selected_bg_color; +} + +.button.flat:active, +.button.flat:active:focus, +.button.flat:checked, +.button.flat:active:checked, +.button.flat:active:checked:focus, +.action-bar .button:checked, +.action-bar .button:active { + border: none; + transition: color 150ms ease-in; + color: shade(@selected_bg_color, 0.9); + background-color: transparent; +} + +.button.flat:active:hover { + border: none; + transition: color 150ms ease-in; + color: @selected_bg_color; + background-color: transparent; +} + +/**************** +* linked button * +*****************/ +/* middle button */ +.linked .entry, +.linked .button, +.linked .button:active, +.linked .button:active:hover, +.linked .button:focus, +.linked .button:focus:active, +.linked .button:insensitive, +.linked > GtkComboBox > .button:dir(ltr), +.linked > GtkComboBox > .button:dir(ltr):focus { + border-radius: 0; +} + + +/* leftmost button */ +.linked .entry:first-child, +.linked .button:first-child, +.linked .button:active:first-child, +.linked .button:active:hover:first-child, +.linked .button:focus:first-child, +.linked .button:focus:active:first-child, +.linked .button:insensitive:first-child, +.linked > GtkComboBox:first-child > .button, +.linked > GtkComboBox:first-child > .button:focus { + border-right-width: 0; + border-radius: 3px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +/* rightmost button */ +.linked .entry:last-child, +.linked .button:last-child, +.linked .button:active:last-child, +.linked .button:active:hover:last-child, +.linked .button:focus:last-child, +.linked .button:focus:active:last-child, +.linked .button:insensitive:last-child, +.linked > GtkComboBox:last-child > .button, +.linked > GtkComboBox:last-child > .button:focus { + border-left-width: 0; + border-radius: 3px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/* linked single button */ +.linked .entry:only-child, +.linked .button:only-child, +.linked .button:active:only-child, +.linked .button:active:hover:only-child, +.linked .button:focus:only-child, +.linked .button:focus:active:only-child, +.linked .button:insensitive:only-child, +.linked.vertical > GtkComboBox:only-child > .button, +.linked.vertical > GtkComboBox:only-child > .button:focus { + border-radius: 3px; +} + +/* middle button (vertical) */ +.linked.vertical .entry, +.linked.vertical .button, +.linked.vertical .button:active, +.linked.vertical .button:active:hover, +.linked.vertical .button:focus, +.linked.vertical .button:focus:active, +.linked.vertical .button:insensitive, +.linked.vertical > GtkComboBox > .button:dir(ltr), +.linked.vertical > GtkComboBox > .button:dir(ltr):focus { + border-bottom-width: 0; + border-radius: 0; +} + +/* leftmost button (vertical) */ +.linked.vertical .entry:first-child, +.linked.vertical .button:first-child, +.linked.vertical .button:active:first-child, +.linked.vertical .button:active:hover:first-child, +.linked.vertical .button:focus:first-child, +.linked.vertical .button:focus:active:first-child, +.linked.vertical .button:insensitive:first-child, +.linked.vertical > GtkComboBox:first-child > .button, +.linked.vertical > GtkComboBox:first-child > .button:focus { + border-bottom-width: 0; + border-radius: 3px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +/* rightmost button (vertical) */ +.linked.vertical .entry:last-child, +.linked.vertical .button:last-child, +.linked.vertical .button:active:last-child, +.linked.vertical .button:active:hover:last-child, +.linked.vertical .button:focus:last-child, +.linked.vertical .button:focus:active:last-child, +.linked.vertical .button:insensitive:last-child, +.linked.vertical > GtkComboBox:last-child > .button, +.linked.vertical > GtkComboBox:last-child > .button:focus { + border-radius: 3px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +/* linked single button (vertical) */ +.linked.vertical .entry:only-child, +.linked.vertical .button:only-child, +.linked.vertical .button:active:only-child, +.linked.vertical .button:active:hover:only-child, +.linked.vertical .button:focus:only-child, +.linked.vertical .button:focus:active:only-child, +.linked.vertical .button:insensitive:only-child, +.linked.vertical > GtkComboBox:only-child > .button, +.linked.vertical > GtkComboBox:only-child > .button:focus { + border-radius: 3px; +} + +.linked.vertical .entry:first-child { + border: 1px solid alpha(black,0.2); + border-bottom-width: 0px; +} + +.linked.vertical .entry:last-child { + border: 1px solid alpha(black,0.2); +} + +/****************************** + * destructive action buttons * + ******************************/ +.destructive-action.button, +.titlebar .destructive-action.button { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); + background-color: @error_color; + color: @selected_fg_color; +} + +.destructive-action.button:hover, +.titlebar .destructive-action.button:hover{ + background-color: @error_color; + color: @selected_fg_color; +} + +.destructive-action.button:active, +.titlebar .destructive-action.button:active { + background-color: shade(@error_color,0.9); + color: @selected_fg_color; +} + +.destructive-action.button:hover:active, +.titlebar .destructive-action.button:hover:active { + background-color: shade(@error_color,0.9); + color: @selected_fg_color; +} + +.destructive-action.button:insensitive, +.titlebar .destructive-action.button:insensitive { + background-color: mix(@bg_color,@error,0.6); +} + +/****************************** + * suggested action buttons * + ******************************/ +.suggested-action.button, +.list .suggested-action.button, +.titlebar .suggested-action.button { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); + background-color: @cyan; + color: @selected_fg_color; + +} + +.suggested-action.button:hover, +.list .suggested-action.button:hover, +.titlebar .suggested-action.button:hover{ + background-color: @cyan; + color: @selected_fg_color; +} + +.suggested-action.button:active, +.list .suggested-action.button:active, +.titlebar .suggested-action.button:active { + background-color: shade(@cyan,0.9); + color: @selected_fg_color; +} + +.suggested-action.button:hover:active, +.list .suggested-action.button:hover:active, +.titlebar .suggested-action.button:hover:active { + background-color: shade(@cyan,0.9); + color: @selected_fg_color; +} + +.suggested-action.button:insensitive, +.titlebar .suggested-action.button:insensitive { + background-color: mix(@bg_color,@cyan,0.6); +} + +/******************** + * circular buttons * + ********************/ +.circular-button.button { + border: none; + border-radius: 20px; + outline-radius: 20px; + box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.2),inset 0px 1px 0px 0px rgba(255,255,255,0.2); +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/calendar.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/calendar.css new file mode 100755 index 00000000..723d257b --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/calendar.css @@ -0,0 +1,35 @@ +/************ + * Calendar * + ************/ +GtkCalendar { + padding: 1px 4px 2px 4px; +} + +GtkCalendar:inconsistent { + color: mix(@fg_color, @bg_color, 0.5); +} + +GtkCalendar.view, +GtkCalendar.header, +GtkCalendar.button, +GtkCalendar.button:hover, +GtkCalendar.button:insensitive { + border-width: 0; + background-color: transparent; + background-image: none; +} + +.highlight, +GtkCalendar.highlight { + border-width: 0; + background-color: transparent; + color: @selected_bg_color; +} + +GtkCalendar:selected { + border-radius: 5px; +} + +GtkCalendar:selected:selected { + background-color: @selected_bg_color; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/cell-row.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/cell-row.css new file mode 100755 index 00000000..88b03d4f --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/cell-row.css @@ -0,0 +1,29 @@ +/**************** + * cell and row * + ****************/ +.cell { + border-width: 0; + border-radius: 0; +} + +.cell:selected, +.cell:selected:hover, +.cell:selected:focus { + background-color: shade(@selected_bg_color, 0.9); + background-image: linear-gradient(to bottom,shade(@selected_bg_color, 0.9),shade(@selected_bg_color, 0.9)); + color: @selected_fg_color; + border-color: shade(@selected_bg_color, 0.9); + border-width: 1px 0; + border-style: solid; +} + +row:selected, +row:selected:hover, +row:selected:focus { + border-style: none; + border-color: shade(@selected_bg_color, 0.9); + background-color: shade(@selected_bg_color, 0.9); + color: @selected_fg_color; + background-image: none; + font: bold; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/check-radio.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/check-radio.css new file mode 100755 index 00000000..76acbb30 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/check-radio.css @@ -0,0 +1,17 @@ +/******************* + * check and radio * + *******************/ +.check, +.radio, +.check:insensitive, +.radio:insensitive { + border-style: none; + background-color: transparent; +} + +GtkCheckButton:hover, +GtkCheckButton:active:hover, +GtkCheckButton:selected, +GtkCheckButton:selected:focus { + background-color: transparent; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/color-chooser.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/color-chooser.css new file mode 100755 index 00000000..50b63225 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/color-chooser.css @@ -0,0 +1,91 @@ +/***************** + * color chooser * + *****************/ +GtkColorSwatch, +GtkColorSwatch:selected { + border-width: 1px; + border-style: solid; + border-color: alpha(black, 0.1); + border-radius: 1px; + background-color: transparent; + background-clip: border-box; +} + +GtkColorSwatch:hover, +GtkColorSwatch:selected:hover { + border-color: alpha(black, 0.3); +} + +GtkColorSwatch.color-light:selected:hover, +GtkColorSwatch.color-dark:selected:hover { + background-image: none; +} + +GtkColorSwatch.left, +GtkColorSwatch:first-child { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} + +GtkColorSwatch.right, +GtkColorSwatch:last-child { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} + +GtkColorSwatch:only-child { + border-radius: 0px; +} + +GtkColorSwatch.top { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} + +GtkColorSwatch.bottom { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; +} + +GtkColorChooserWidget #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; +} + +GtkColorChooserWidget #add-color-button:hover { + border-color: alpha(black, 0.3); + background-color: shade(@theme_bg_color, 0.90); + color: @theme_fg_color; +} + +.color-active-badge, +.color-active-badge:selected { + border-width: 1px; + border-style: solid; + border-width: 2px; + background-color: transparent; +} + +.color-active-badge.color-light, +.color-active-badge.color-light:hover { + border-color: alpha(black, 0.3); + color: alpha(black, 0.3); +} + +.color-active-badge.color-dark, +.color-active-badge.color-dark:hover { + border-color: alpha(white, 0.3); + color: alpha(white, 0.3); +} + +GtkColorEditor GtkColorSwatch { + border-radius: 0px; +} + +GtkColorEditor GtkColorSwatch.color-dark:hover, +GtkColorEditor GtkColorSwatch.color-light:hover { + background-image: none; + border-color: alpha(black, 0.3); +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/column-header.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/column-header.css new file mode 100755 index 00000000..27f7ea66 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/column-header.css @@ -0,0 +1,34 @@ +/***************** + * column-header * + *****************/ +column-header .button, +column-header .button:active { + padding: 3px 8px; + border-width: 0 1px 1px 0px; + border-radius: 0; + border-style: solid; +} + +column-header .button, +column-header .button:active, +column-header .button:focus, +column-header .button:active:focus { + border-color: mix(@base_color, black, 0.2); + border-bottom-color: mix(@base_color, black, 0.2); + background-color: shade(@theme_base_color, 0.97); + background-image: none; +} + +column-header .button:hover, +column-header .button:active:hover, +column-header .button:hover:focus, +column-header .button:active:hover:focus { + border-color: mix(@base_color, black, 0.2); + background-color: shade(@theme_base_color, 0.99); + background-image: none; + color: @theme_selected_bg_color; +} + +column-header:last-child .button { + border-width: 0 0 1px 0; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/combobox.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/combobox.css new file mode 100755 index 00000000..610982d1 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/combobox.css @@ -0,0 +1,48 @@ +/****************** + * combobox entry * + ******************/ +GtkComboBox*:hover { +color: @selected_fg_color; +} + +GtkComboBox .button { + padding: 5px 6px 5px 6px; +} + +GtkComboBox.combobox-entry .button { + border-color: alpha(black,0.2); +} + +GtkComboBox.combobox-entry .button:hover { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); +} + +.primary-toolbar GtkComboBox.combobox-entry .entry, +.primary-toolbar GtkComboBox.combobox-entry .entry:active, +.primary-toolbar GtkComboBox.combobox-entry .entry:focus, +.primary-toolbar GtkComboBox.combobox-entry .entry:insensitive, +GtkComboBox.combobox-entry .entry, +GtkComboBox.combobox-entry .entry:active, +GtkComboBox.combobox-entry .entry:focus, +GtkComboBox.combobox-entry .entry:insensitive { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.primary-toolbar GtkComboBox.combobox-entry .button, +.primary-toolbar GtkComboBox.combobox-entry .button:hover, +.primary-toolbar GtkComboBox.combobox-entry .button:active, +.primary-toolbar GtkComboBox.combobox-entry .button:insensitive, +GtkComboBox.combobox-entry .button, +GtkComboBox.combobox-entry .button:hover, +GtkComboBox.combobox-entry .button:active, +GtkComboBox.combobox-entry .button:insensitive { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + border-left-width: 0px; +} +.linked-entry .entry { + border-color: alpha(white,0.2); +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/content-view.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/content-view.css new file mode 100755 index 00000000..dd91b9ba --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/content-view.css @@ -0,0 +1,42 @@ +/**************** + * content view * + ****************/ +.content-view.view { + background-color: @theme_base_color; +} + +.content-view.view:prelight { + 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:insensitive { + background-color: shade(@theme_base_color, 0.9); +} + +GdMainIconView.content-view { + -GdMainIconView-icon-size: 40; +} + +GtkIconView.content-view.check { + background-color: transparent; +} + +GtkIconView.content-view.check:active { + background-color: transparent; +} + +.content-view.view.check, +.content-view.view.check:active { + background-color: transparent; +} + +GtkIconView.content-view.check:prelight, +GtkIconView.content-view.check:insensitive, +GtkIconView.content-view.check:selected { + background-color: transparent; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/csd.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/csd.css new file mode 100755 index 00000000..3757df26 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/csd.css @@ -0,0 +1,137 @@ +/******* + * CSD * + *******/ + .titlebar{ + border-radius:5px 5px 0 0; + } +.titlebar, +.header-bar { + + background-image: none; + background-color: @header_bg_color; + color: @header_fg_color; + text-shadow: none; + padding: 4px 10px; + +} + +.titlebar .button, +.header-bar .image-button, +.header-bar .path-bar .button, +.titlebar .button:active, +.titlebar .button:checked { + padding: 5px; + background-color: transparent; + border-color: transparent; + color: @header_fg_color; + font: bold; +} + +.titlebar .button:hover, +.header-bar .image-button:hover, +.header-bar .image-button:active, +.header-bar .image-button:checked, +.header-bar .path-bar .button:hover, +.header-bar .path-bar .button:active, +.header-bar .path-bar .button:checked, +.titlebar .button:active:hover, +.titlebar .button:checked, +.titlebar .button:active { + color: @selected_bg_color; + background-color: transparent; +} +.maximized .titlebar { + border-radius: 0; + border: none; + box-shadow: none; +} + +.tiled .titlebar { + border-radius: 0; + border: none; + box-shadow: none; +} + +.titlebar.default-decoration { + border: none; +} + +.titlebar .title { + font: Bold 10; + color: @header_fg_color; +} + +.titlebar .subtitle { + font: 9; + color: @header_fg_color; +} + +.titlebar .separator { + color: transparent; +} + +.titlebar .arrow { + color: alpha(@header_fg_color, 0.7); +} + +.titlebar .arrow:insensitive { + color: mix(@fg_color, @bg_color, 0.3); +} + +.window-frame { + border:none; + border-radius: 5px 5px 0 0; + background-color: @header_bg_color; + box-shadow: 0 5px 15px 2px rgba(0, 0, 0, 0.4); + margin: 10px; +} + +.window-frame.maximized { + border-radius: 0; +} + +.window-frame.tiled { + border-radius: 0; +} + +.window-frame:backdrop { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3); +} + + .window-frame.ssd { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.23); +} + +/****************** + * window actions * + ******************/ +.titlebar .button.titlebutton, +.titlebar .button.titlebutton:hover, +.titlebar .button.titlebutton:checked { + border: none; + background-color: transparent; + icon-shadow: none; + box-shadow: none; +} + +.header-bar .button.titlebutton, +.titlebar .button.titlebutton { + padding: 3px; + padding-left: 1px; + padding-right: 1px; +} + +.titlebar .titlebutton, +.titlebar .titlebutton:hover, +.titlebar .titlebutton:active, +.titlebar .titlebutton:active:hover, +.titlebar .titlebutton:backdrop, +.maximized .titlebar .titlebutton, +.maximized .titlebar .titlebutton:hover, +.maximized .titlebar .titlebutton:active, +.maximized .titlebar .titlebutton:active:hover, +.maximized .titlebar .titlebutton:backdrop { + color: transparent; + background-position: center; + background-repeat: no-repeat; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/dialogs.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/dialogs.css new file mode 100755 index 00000000..041e1c25 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/dialogs.css @@ -0,0 +1,35 @@ +/*********** + * Dialogs * + ***********/ +.message-dialog { + border-radius: 5px; +} + +.message-dialog .titlebar { + background-color: @theme_bg_color; +} + +.message-dialog .window-frame { + border:none; + border-radius: 5px; + background-color: @bg_color; + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.6); + margin: 10px; +} + +.message-dialog.csd .dialog-action-area .button { + color: @theme_fg_color; + background-color: @theme_bg_color; + border:none; +} + +.message-dialog.csd .dialog-action-area .button:hover { + color: @theme_selected_bg_color; +} + +.message-dialog.csd .dialog-action-area .button:active, +.message-dialog.csd .dialog-action-area .button:checked, +.message-dialog.csd .dialog-action-area .button:active:focus, +.message-dialog.csd .dialog-action-area .button:checked:focus { + color: @theme_selected_bg_color; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/entry.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/entry.css new file mode 100755 index 00000000..58693fb5 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/entry.css @@ -0,0 +1,43 @@ +/********* + * entry * + *********/ +.entry, +.primary-toolbar .entry { + transition: 200ms linear; + padding: 6px 8px; + border-style: solid; + border-radius: 3px; + border-width: 1px; + border-color: alpha(black,0.2); + background-color: @base_color; + background-image: none; + color: @text_color; +} + +.entry:active, +.entry:focus { + transition: 200ms linear; + background-color: @base_color; + border-bottom-color: @selected_bg_color; + color: @text_color; +} + +.entry:selected, +.entry:selected:focus { + background-color: shade(@bg_color, 0.9); + color: @selected_bg_color; +} + +.entry:insensitive { + background-color: alpha(@base_color, 0.5); + background-image: none; +} + +.entry.progressbar { + border-width: 0; + border-radius: 3px; + background-color: @selected_bg_color; + background-image: none; + color: @selected_fg_color; + border-color: @selected_bg_color; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/gnome-sofware.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/gnome-sofware.css new file mode 100644 index 00000000..745723a8 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/gnome-sofware.css @@ -0,0 +1,21 @@ +/* Copyright 2015 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +GtkImage.star{ + color: #EF1A1A; +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/infobar.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/infobar.css new file mode 100755 index 00000000..8f2877a5 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/infobar.css @@ -0,0 +1,108 @@ +/*********** + * infobar * + ***********/ +GtkInfoBar { + border-width: 0px; + border-style: none; +} + +.info { + border: none; + background-color: shade(@info_bg_color,0.9); + background-image: none; + color: @info_fg_color; +} + +.error .button { + border: none; + color: @info_fg_color; + background-image: none; + background-color: @info_bg_color; +} + +.error .button:hover { + color: @info_fg_color; + background-image: none; + background-color: shade(@info_bg_color,1.1); +} + +.error .button:active { + color: @info_fg_color; + background-image: none; + background-color: shade(@info_bg_color,1.2); +} + +.warning { + background-color: shade(@warning_bg_color, 0.9); + background-image: none; + color: @warning_fg_color; +} + +.warning .button { + border: none; + color: @warning_fg_color; + background-image: none; + background-color: @warning_bg_color; +} + +.warning .button:hover { + color: @question_fg_color; + background-image: none; + background-color: shade(@warning_bg_color,1.1); +} + +.warning .button:active { + color: @question_fg_color; + background-image: none; + background-color: shade(@warning_bg_color,1.2); +} + +.question { + background-color: shade(@question_bg_color, 0.9); + background-image: none; + color: @question_fg_color; +} + +.question .button { + border: none; + color: @question_fg_color; + background-image: none; + background-color: @question_bg_color; +} + +.question .button:hover { + color: @question_fg_color; + background-image: none; + background-color: shade(@question_bg_color,1.1); +} + +.question .button:active { + color: @question_fg_color; + background-image: none; + background-color: shade(@question_bg_color,1.2); +} + +.error { + background-color: shade(@error_bg_color, 0.9); + background-image: none; + color: @error_fg_color; +} + +.error .button { + border: none; + color: @error_fg_color; + background-image: none; + background-color: @error_bg_color; +} + +.error .button:hover { + color: @error_fg_color; + background-image: none; + background-color: shade(@error_bg_color,1.1); +} + +.error .button:active { + color: @error_fg_color; + background-image: none; + background-color: shade(@error_bg_color,1.2); +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/list-boxes.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/list-boxes.css new file mode 100755 index 00000000..aea3875c --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/list-boxes.css @@ -0,0 +1,48 @@ +/************** + * List boxes * + **************/ +.list, +.list-row { + font-weight: normal; + background-color: @base_color; +} + +.list-row.button { + padding: 4px; + background-color: @base_color; + color: @fg_color; + font-weight: normal; + border: none; + border-radius: 0px; +} + +.list-row.button:hover { + transition: none; + background-color: mix(@base_color,@bg_color, 0.2); + color: @fg_color; +} + +.list-row.button:active, +.list-row.button:active:hover { + background-color: mix(@base_color,@bg_color, 0.4); + color: @theme_fg_color; +} + +.list-row.button:selected:hover { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +.list-row.button:checked, +.list-row.button:selected, +.list-row:selected, +.list-row.button:selected:active:hover { + background-color: shade(@selected_bg_color, 0.9); + color: @selected_fg_color; +} + +/*selected-row buttons*/ +.list-row.button:selected .button:hover, +.list-row.button:selected .button:active { + color: @selected_fg_color; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/menu.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/menu.css new file mode 100755 index 00000000..342297b6 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/menu.css @@ -0,0 +1,164 @@ +/******** + * menu * + ********/ +GtkTreeMenu.menu, +GtkMenuToolButton.menu, +GtkComboBox .menu { + background-color: @menu_bg_color; + color: @menu_fg_color; +} + +.primary-toolbar .menu, +.primary-toolbar .button .menu, +.toolbar .menu, +.toolbar .primary-toolbar .menu, +.header-bar .menu, +.header-bar .primary-toolbar .menu, +.menu { + padding: 0; + border-radius: 0; + border-style: none; + background-color: @menu_bg_color; + color: @menu_fg_color; +} + +.menu.button:hover, +.menu.button:active, +.menu.button:active *:insensitive, +.menu.button:insensitive, +.menu.button { + border-width: 0; + background-color: @menu_bg_color; + background-image: none; +} + +.context-menu { + font: initial; +} + +/*********** + * menubar * + ***********/ +.menubar { + background-color: @menubar_bg_color; + color: @menubar_fg_color; +} + +/*************** + * menubaritem * + ***************/ +.menubar.menuitem, +.menubar .menuitem { + padding: 3px 6px; + color: @menubar_fg_color; + border-width: 0px; + border-bottom: 2px solid transparent; +} + +.menubar.menuitem:hover, +.menubar .menuitem:hover { + border-width: 0px; + border-bottom: 2px solid @menu_selected_bg_color; +} + +/************ + * menuitem * + ************/ +GtkTreeMenu .menuitem { + color: @menu_fg_color; + padding: 4px 6px; + border-width: 0; + background-color: @menu_bg_color; +} + +.menuitem, +.menu .menuitem { + padding: 4px 3px; + border-width: 1px; + border-style: solid; + border-color: transparent; + border-radius: 0; + background-color: transparent; + background-image: none; + color: @menu_fg_color; + + -GtkMenuItem-arrow-scaling: 0.5; +} + +.menu .menuitem:active, +.menu .menuitem:hover { + transition: 100ms linear; + border-style: none; + background-color: @menu_selected_bg_color; + border-radius: 0; + color: @menu_selected_fg_color; + background-image: none; +} + +.menu .menuitem:hover, +.menu .menuitem *:hover { + transition: 100ms linear; + background-color: @menu_selected_bg_color;; + color: @menu_selected_fg_color; +} + +.menu .menuitem:insensitive, +.menu .menuitem *:insensitive { + color: mix(@menu_fg_color, @menu_bg_color, 0.5); +} + +.menuitem.check, +.menuitem.radio, +.menuitem.check:hover, +.menuitem.radio:hover, +.menuitem.check:insensitive, +.menuitem.radio:insensitive { + border-style: none; + background-color: transparent; + background-image: none; +} + +.menuitem.check:active, +.menuitem.radio:active { + border-style: none; + background-color: transparent; +} + +.menuitem.arrow { + color: alpha(@menu_fg_color, 0.6); +} + +.menuitem GtkCalendar:inconsistent { + color: mix(@menu_fg_color, @menu_bg_color, 0.5); +} + +.menuitem GtkCalendar.button { + border-style: none; + background-color: transparent; + background-image: none; +} + +.menuitem .entry { + border-color: shade(@menu_bg_color, 0.7); + background-color: @menu_bg_color; + background-image: none; + color: @menu_fg_color; +} + +.menuitem .entry:active, +.menuitem .entry:focus { + border-color: shade(@menu_bg_color, 0.7); +} + +.menuitem .accelerator { + color: alpha(@menu_fg_color, 0.6); +} + +.menuitem .accelerator:hover { + color: alpha(@theme_base_color, 0.8); +} + +.menuitem .accelerator:insensitive { + color: alpha(mix(@menu_fg_color, @menu_bg_color, 0.5), 0.6); +} + diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/notebook.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/notebook.css new file mode 100755 index 00000000..8c6e0731 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/notebook.css @@ -0,0 +1,96 @@ +/************ + * notebook * + ************/ +.notebook { + padding: 0; + background-color: @theme_base_color; + background-image: none; + background-clip: border-box; + -GtkNotebook-has-tab-gap: false; + border: none; +} + +.notebook.header { + background-color: @theme_bg_color; + background-image: none; + box-shadow: none; + border-width: 0; +} + +.notebook tab { + padding: 8px; + box-shadow: none; + border: 1px solid @theme_bg_color; + background-color: alpha(@theme_base_color,0.3); + background-image: none; + +} + +.notebook tab:active { + background-color: @theme_base_color; + /*border-left: 3px solid @selected_bg_color;*/ +} + +.notebook tab.top:active { + border-bottom: 0px; +} + +.notebook tab.left { + border-right: 1px solid @theme_bg_color; +} + +.notebook tab.left:active { + border-right: 0px; +} + +.notebook tab.bottom { + border-top: 1px solid @theme_bg_color; +} + +.notebook tab.bottom:active { + border-top: 0px; +} + +.notebook tab.right { + border-left: 1px solid @theme_bg_color; +} + +.notebook tab.right:active { + border-left: 0px; +} + +.notebook tab.left:first-child:active, +.notebook tab.right:first-child:active { + border-top: 0px; +} + +.notebook tab.left:last-child:active, +.notebook tab.right:last-child:active { + border-bottom: 0px; +} + +.notebook tab.top:first-child:active, +.notebook tab.bottom:first-child:active { + border-left: 0px; +} + +.notebook tab.top:last-child:active, +.notebook tab.bottom:last-child:active { + border-right: 0px; +} + +/* close button styling */ +.notebook tab .button { + transition: ease-in 150ms; + padding: 2px; + border: none; + background-image: none; + background-color: transparent; + color: @theme_text_color; +} + +.notebook tab .button:hover, +.notebook tab .button:active:hover { + color: @red; + background-color: transparent; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/osd.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/osd.css new file mode 100755 index 00000000..4ba9157d --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/osd.css @@ -0,0 +1,29 @@ +/******* + * OSD * + *******/ +.background.osd { + color: @osd_fg; + background-color: @osd_bg; +} + +.osd .view, +.osd.view { + background-color: @osd_base; +} + +.osd.button, +.osd .button { + background-color: @osd_bg; + background-image: none; + color: @osd_fg; +} + +.osd.toolbar { + -GtkToolbar-button-relief: none; + + border: 1px solid shade(@osd_bg,0.8); + border-radius: 4px; + background-color: @osd_bg; + background-image: none; + color: @osd_fg; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/popover.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/popover.css new file mode 100755 index 00000000..0a471b3d --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/popover.css @@ -0,0 +1,74 @@ +/************ + * popovers * + ************/ +.popover{ + margin: 10px; + padding: 2px; + border-radius: 2px; + border: 1px solid shade(@bg_color, 0.85); + background-clip: border-box; + background-color: @base_color; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.12); + color: @fg_color; +} + +GtkPopover.osd { + box-shadow: 0 2px 7px 3px alpha(black, 0.5); +} + +GtkPopover .button { + background-color: transparent; + color: @fg_color; + border: none; +} + +GtkPopover .button:hover, +GtkPopover .button:active:hover, +GtkPopover .button:checked:checked { + background-color: transparent; + color: @selected_bg_color; + border: none; +} + +GtkPopover > .list, +GtkPopover > .view, +GtkPopover > .toolbar { + background-color: transparent; +} + +GtkPopover.osd > .toolbar .button { + border-radius: 0; + border-width: 0; + background-image: none; + background-color: transparent; +} + +GtkPopover .separator { + border: 0; + background-color: transparent; + color: alpha(currentColor, 0.3); + font-size: 80%; + font-weight: bold; +} + +GtkModelButton.button, +GtkModelButton.button:active, +GtkModelButton.button:insensitive, +GtkModelButton.button:active:insensitive { + background-color: transparent; + background-image: none; + box-shadow: none; + color: @fg_color; +} + +GtkModelButton.button:active:hover, +GtkModelButton.button:hover, +GtkModelButton.button:selected { + background-color: transparent; + background-image: none; + color: @selected_bg_color; +} + +GtkPopover *:hover { + -gtk-image-effect: none; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/progress-scale.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/progress-scale.css new file mode 100755 index 00000000..b3508bc0 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/progress-scale.css @@ -0,0 +1,252 @@ +/***************** + * Progress bars * + *****************/ +GtkProgressBar { + padding: 0; + border-width: 0px; + border-radius: 0px; + border-style: solid; + font-size: smaller; + color: @text_color; + } + +GtkProgressBar:backdrop { + color: @text_color; +} + +GtkProgressBar.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; +} + +GtkProgressBar.trough { + border-width: 0px; + border-radius: 3px; + background-color: shade(@bg_color,0.9); + box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.2),inset 0px 1px 0px 0px rgba(0,0,0,0.2); +} + +GtkProgressBar.trough:backdrop { + background-color: shade(@bg_color,0.9); +} + +GtkProgressBar.trough.osd { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +.progressbar, +.progressbar row, +.progressbar row:hover, +.progressbar row:selected, +.progressbar row:selected:focus { + border-width: 0px; + border-radius: 1.5px; + background-color: @selected_bg_color; + background-image: none; + box-shadow: none; +} + +.progressbar.left { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.progressbar.right { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.progressbar.vertical { + background-color: @selected_bg_color; + background-image: none; +} + +.progressbar.vertical.bottom { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.progressbar.vertical.top { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} + +.progressbar:backdrop, +.progressbar:backdrop:hover { + border-width: 0px; + background-image: none; + background-color: @selected_bg_color; + box-shadow: none; +} + .progressbar.osd { + background-image: none; + background-color: @selected_bg_color; + border-style: none; + border-radius: 0; +} + +.trough row, +.trough row:hover { + border: none; + border-radius: 3px; + background-image: none; + background-color: shade(@bg_color,0.9); + box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.2),inset 0px 1px 0px 0px rgba(0,0,0,0.2); +} + +.trough row:selected, +.trough row:selected:hover, +.trough row:selected:focus { + border: none; + border-radius: 3px; + background-color: @base_color; + background-image: none; + color: @text_color; +} + +/************* + * Level Bar * + *************/ +.level-bar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 3; +} + +.level-bar.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; +} + +.level-bar.trough, +.level-bar.trough:backdrop { + border-width: 0px; + padding: 2px; + border-radius: 3px; + background-color: shade(@bg_color,0.9); + color: black; + box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.2),inset 0px 1px 0px 0px rgba(0,0,0,0.2); +} + +.level-bar.fill-block, +.level-bar.fill-block:backdrop { + border-width: 0px; + background-color: @selected_bg_color; + box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.2),inset 0px 1px 0px 0px rgba(255,255,255,0.2); + border-radius: 2px; +} + +.level-bar.fill-block.indicator-discrete.horizontal { + margin: 0 1px; +} + +.level-bar.fill-block.indicator-discrete.vertical { + margin: 1px 0; +} + +.level-bar.fill-block.level-high, +.level-bar.fill-block.level-high:backdrop { + background-color: @cyan; +} + +.level-bar.fill-block.level-low, +.level-bar.fill-block.level-low:backdrop { + background-color: @warning_bg_color; +} + +.level-bar.fill-block.empty-fill-block { + background-color: transparent; + box-shadow: none; +} + +/************ + * GtkScale * + ************/ +.scale { + padding: 0; + border-width: 0px; + border-radius: 0px; + border-style: solid; + + -GtkRange-slider-width: 12; + -GtkRange-trough-border: 1; + -GtkScale-slider-length: 12; +} + +.scale.vertical { + -GtkScale-slider-length: 12; +} + +.scale.slider, +.scale.scale-has-marks-above.scale-has-marks-below.slider, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider, +.scale.slider:hover, +.scale.scale-has-marks-above.scale-has-marks-below.slider:hover, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover, +.scale.slider:insensitive, +.scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive, +.scale.slider:backdrop, +.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { + background-color: $red; + background-position: center; + background-repeat: no-repeat; + +} + +.scale.mark { + border-color: shade(@bg_color, 0.8); +} + +.scale.trough { + margin: 5px 0; +} + +.scale.trough.vertical { + margin: 0 5px; +} + +.scale.trough.highlight, +.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight, +.scale.trough.highlight.vertical, +.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { + border-width: 0px; + background-color: @red; + background-image: linear-gradient(to bottom, + @red, + @red + ); + box-shadow:none; +} + +.scale.trough.highlight:insensitive, +.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive, +.scale.trough.highlight.vertical:insensitive, +.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical:insensitive, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical:insensitive { + background-color: shade(@bg_color, 0.8); + background-image: none; + box-shadow:none; +} + +.scale.trough, +.scale.scale-has-marks-above.scale-has-marks-below.trough, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough, +.scale.trough:insensitive, +.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive { + border-width: 0px; + border-radius: 3px; + background-color: shade(@bg_color, 0.5); + background-image: linear-gradient(to bottom, + shade(@bg_color, 0.5), + shade(@bg_color, 0.5) + ); + box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.2),inset 0px 1px 0px 0px rgba(0,0,0,0.2); +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/scrollbar.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/scrollbar.css new file mode 100755 index 00000000..1332dc21 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/scrollbar.css @@ -0,0 +1,74 @@ +/************* + * scrollbar * + *************/ +.scrollbar { + border-width: 0px; + border-style: none; + padding: 0; + + background-clip: padding-box; +} + +.scrollbars-junction, +.scrollbar.trough { + border: solid 3px transparent; + border-radius: 0; + background-color: transparent; + background-image: none; +} + +.scrollbar.button, +.scrollbar.button:active, +.scrollbar.button:active:hover { + border-width: 0; + border-radius: 0; + background-color: transparent; + background-image: none; + color: shade(@theme_bg_color, 0.6); +} + +.scrollbar.slider { + padding: 10px; + border-width: 3px; + border-color: transparent; + border-radius: 7px; + border-style: solid; + background-color: mix(@theme_bg_color, @theme_fg_color, 0.3); +} + +.scrollbar.slider:hover, +.scrollbar.slider.vertical:hover { + background-color: mix(@theme_bg_color, @theme_fg_color, 0.4); +} + +.scrollbar.slider:active, +.scrollbar.slider.vertical:active { + background-color: shade(@theme_selected_bg_color, 0.95); +} + +.scrollbar.slider.fine-tune:prelight:active { + background-size: 50%; + background-repeat: no-repeat; + background-position: center; +} + +/* overlay scrollbar */ +OsThumb { + color: shade(@theme_bg_color, 0.7); +} + +OsThumb:selected, +OsScrollbar:selected { + background-color: @theme_selected_bg_color; +} + +OsThumb:active, +OsScrollbar:active { + background-color: @theme_selected_bg_color; +} + +OsThumb:insensitive, +OsScrollbar:insensitive { + background-color: shade(@theme_bg_color, 0.9); +} + diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/search-bar.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/search-bar.css new file mode 100755 index 00000000..e4eb4665 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/search-bar.css @@ -0,0 +1,36 @@ +/*************** + * search bars * + ***************/ +.search-bar.primary-toolbar, +.search-bar.toolbar, +.search-bar { + padding: 7px; + background-color: @theme_bg_color; + color: @theme_fg_color; + border:none; +} + +.search-bar GtkSearchEntry, +.search-bar GtkSearchEntry:focus, +.search-bar.primary-toolbar GtkSearchEntry, +.search-bar.primary-toolbar GtkSearchEntry:focus { + border-radius: 5px; + border-color:transparent; +} + +.search-bar .button.close-button { + padding: 4px; +} + +.search-bar.toolbar .button { + border: none; + background: none; + color: @theme_fg_color; +} + +.search-bar.toolbar .button:hover, +.search-bar.toolbar .button:active:hover, +.search-bar.toolbar .button:checked:checked { + background: none; + color: @selected_bg_color; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/selection-mode.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/selection-mode.css new file mode 100755 index 00000000..23a08feb --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/selection-mode.css @@ -0,0 +1,99 @@ +/****************** + * selection mode * + ******************/ +.selection-mode.header-bar, +.selection-mode.toolbar { + border-style: solid; + border-color: shade(@selected_bg_color, 0.8); + background-color: shade(@selected_bg_color, 0.9); + background-image: none; + color: @base_color; +} + +.selection-mode.header-bar { + border-top-color: @selected_bg_color; +} + +.selection-mode.toolbar { + padding: 4px; +} + +/* regular button */ +.selection-mode.header-bar .button, +.selection-mode.toolbar .button, +.selection-mode.toolbar GtkToolButton .button { + background-color: @selected_bg_color; + background-image: none; + color: @selected_fg_color; +} + +.selection-mode.header-bar .button:hover, +.selection-mode.toolbar .button:hover, +.selection-mode.toolbar GtkToolButton .button:hover { + background-color: shade(@selected_bg_color, 1.1); + background-image: none; +} + +.selection-mode.header-bar .button:active, +.selection-mode.toolbar .button:active, +.selection-mode.toolbar GtkToolButton .button:active { + background-color: shade(@selected_bg_color, 1.2); + background-image: none; +} + +.selection-mode.header-bar .button:hover:active, +.selection-mode.toolbar .button:hover:active, +.selection-mode.toolbar GtkToolButton .button:hover:active { + color: @theme_selected_fg_color; +} + +/* suggested button */ +.selection-mode.header-bar .suggested-action.button, +.selection-mode.toolbar .suggested-action.button, +.selection-mode.toolbar GtkToolButton.suggested-action .button { + border: none; + background-color: shade(@selected_bg_color, 1.1); + background-image: none; + color: @theme_selected_fg_color; +} + +.selection-mode.header-bar .suggested-action.button:hover, +.selection-mode.toolbar .suggested-action.button:hover, +.selection-mode.toolbar GtkToolButton.suggested-action .button:hover { + background-color: shade(@selected_bg_color, 1.20); + background-image: none; +} + +.selection-mode.header-bar .suggested-action.button:active, +.selection-mode.toolbar .suggested-action.button:active, +.selection-mode.toolbar GtkToolButton.suggested-action:active { + background-color: shade(@theme_selected_bg_color, 1.3); + background-image: none; +} + +/* menu button */ +.selection-mode.header-bar .selection-menu.button, +.selection-mode.toolbar .selection-menu.button { + border-style: none; + background-color: transparent; + background-image: none; + color: shade(@selected_bg_color, 0.6); +} + +.selection-mode.toolbar .dim-label, +.selection-mode.toolbar .selection-menu.button .dim-label { + color: shade(@selected_bg_color, 0.7); +} + +.selection-mode.header-bar .selection-menu.button:hover, +.selection-mode.toolbar .dim-label:hover, +.selection-mode.toolbar .selection-menu.button:hover, +.selection-mode.toolbar .selection-menu.button .dim-label:hover { + color: shade(@selected_bg_color, 0.7); +} + +.selection-mode.header-bar .selection-menu.button:active, +.selection-mode.toolbar .selection-menu.button:active { + color: shade(@selected_bg_color, 0.8); + box-shadow: none; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/separator.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/separator.css new file mode 100755 index 00000000..d4631641 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/separator.css @@ -0,0 +1,71 @@ +/************* + * separator * + *************/ +.sidebar.view.separator, +.view.separator, +.separator, +.sidebar .view.separator { + color: @theme_bg_color; +} + +.pane-separator, +.titlebar .pane-separator { + background-color: transparent; +} +.maximized .titlebar .pane-separator { + box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1); + background-image: linear-gradient(to bottom,@header_bg_color,@header_bg_color); +} + +.button .separator, +.button.separator { + color: transparent; +} + +.primary-toolbar GtkSeparatorToolItem, +.primary-toolbar .separator, +.primary-toolbar .separator:insensitive, +.toolbar GtkSeparatorToolItem, +.toolbar .separator, +.toolbar .separator:insensitive, +.header-bar GtkSeparatorToolItem, +.header-bar .separator, +.header-bar .separator:insensitive { + border-color: shade(@toolbar_bg_color, 0.87); + color: shade(@toolbar_bg_color, 0.87); +} + +.primary-toolbar .button .separator, +.primary-toolbar .button.separator, +.toolbar .button .separator, +.toolbar .button.separator, +.header-bar .button .separator, +.header-bar .button.separator { + border-color: shade(@toolbar_bg_color, 0.95); +} + +.primary-toolbar .button .separator:insensitive, +.primary-toolbar .button.separator:insensitive, +.toolbar .button .separator:insensitive, +.toolbar .button.separator:insensitive, +.header-bar .button .separator:insensitive, +.header-bar .button.separator:insensitive { + border-color: shade(@toolbar_bg_color, 0.85); +} + +.menuitem.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + + border-style: none; + color: shade(@menu_bg_color, 0.9); +} + +GtkComboBox .separator { + border-style: none; + + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/sidebar.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/sidebar.css new file mode 100755 index 00000000..6c0bf2e0 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/sidebar.css @@ -0,0 +1,90 @@ +/*********** + * sidebar * + ***********/ +.sidebar, +.sidebar.view, +.sidebar .view, +.sidebar GtkScrolledWindow { + background-color: @base_color; + background-image: linear-gradient(to bottom,@base_color,@base_color); + color: @text_color; + transition: all .3s ease-in; +} + +.sidebar GtkScrolledWindow, +.sidebar { + border-width: 0; + transition: all .3s ease-in; +} + +.sidebar .image:selected:focus, +.sidebar .image:selected:hover { + background-color: shade(@selected_bg_color,0.9); + color: @selected_fg_color; +} + +.sidebar .list-row { + /*background-color: @base_color;*/ + color: @text_color; + border: 0px; + transition: all .1s ease-in; + + +} +.sidebar .list-row:selected{ + background-color: transparent; + /*border-left: 3px solid @selected_bg_color;*/ + color: @selected_bg_color; + font-weight: bold; + /*padding-left: 10px;*/ +} +.sidebar .list-row:hover{ + background-color: shade(@base_color,0.9); +} +.sidebar .cell:selected, +.sidebar .cell:selected:focus { + background-color: shade(@selected_bg_color,0.9); + background-image: none; + color: @selected_fg_color; +} + +.sidebar GtkScrolledWindow .list-row { + background-color: @header_bg_color; + color: @header_fg_color; +} + +.sidebar .frame { + border-width: 0; + background-color: @header_bg_color; + +} + +/*elementary os file manager*/ +.sidebar .source-list{ + background: @header_bg_color; + color: @header_fg_color; + padding: 4px 0px; +} +.sidebar .source-list.view:not(:selected):hover{ + background-color: rgba(30, 31, 41, 0.4); +} + +/* ------------- +NEW ON GTK 3.18 +---------------*/ +GtkSidebarRow.list-row { + padding: 0px; + text-align: center; +} +GtkSidebarRow .sidebar-revealer { + padding: 5px 14px 1px 12px; } + GtkSidebarRow .sidebar-revealer:selected { + color: red;} +GtkSidebarRow .sidebar-icon:dir(ltr) { + padding-right: 8px; } +GtkSidebarRow .sidebar-icon:dir(rtl) { + padding-left: 8px; } +GtkSidebarRow .sidebar-label:dir(ltr) { + padding-right: 2px; } +GtkSidebarRow .sidebar-label:dir(rtl) { + padding-left: 2px; } diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/spinbutton.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/spinbutton.css new file mode 100755 index 00000000..d5fd395f --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/spinbutton.css @@ -0,0 +1,79 @@ +/************** + * spinbutton * + **************/ +.spinbutton.entry { + border: solid 1px mix(@bg_color,black, 0.2); +} + +.spinbutton.button { + padding: 4px; + border-style: none; + border-radius: 0; + border-bottom-right-radius: 4px; + background-color: transparent; + color: @theme_fg_color; +} + +.spinbutton.button:active { + transition: 500ms linear; + border-style: none; + border-radius: 0; + background-color: transparent; + color: shade(@theme_selected_bg_color, 0.9); +} + +.spinbutton.button:hover { + transition: all 500ms linear; + border-style: none; + border-radius: 0; + color: @theme_selected_bg_color; +} + +.spinbutton.button:insensitive { + border-color: alpha(@theme_bg_color, 0.01); + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +.spinbutton.button { + border-radius: 0; + border-style: solid; + border-width: 0; +} + +.spinbutton.button:first-child { + border-radius: 0; +} + +.spinbutton.button:last-child { + border-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + border-right-color: mix(@bg_color,black, 0.2); + border-style: solid; +} + +.spinbutton.vertical .button:first-child { + border-bottom-width: 0; + border-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border: solid 1px mix(@bg_color,black, 0.2); + border-bottom: none; +} + +.spinbutton.vertical .button:last-child { + border-width: 1px; + border-top-width: 0; + border-radius: 4px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border: solid 1px mix(@bg_color,black, 0.2); + border-top: none; +} + +.spinbutton.vertical.entry { + border: solid 1px mix(@bg_color,black, 0.2); + border-width: 1px; + border-style: solid; + border-radius: 0; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/spinner.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/spinner.css new file mode 100755 index 00000000..c069598f --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/spinner.css @@ -0,0 +1,21 @@ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.spinner { + background-image: none; + background-color: blue; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +.spinner:active { + opacity: 1; + animation: spin 1s linear infinite; +} + +.spinner:active:insensitive { + opacity: 0.5; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/switch.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/switch.css new file mode 100755 index 00000000..d53d2c5e --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/switch.css @@ -0,0 +1,31 @@ +/************* + * GtkSwitch * + *************/ + +GtkSwitch { + -GtkSwitch-slider-width: 30; + border: none; + font: 1; +} + +GtkSwitch.trough { + background-color: transparent; + background-repeat: no-repeat; + background-position: 0 center; + border-color: transparent; + border-image: none; + border-style: none; + color: transparent; + box-shadow: none; + text-shadow: none; +} + +GtkSwitch.trough:active { + background-color: transparent; +} + +GtkSwitch.slider { + background-repeat: no-repeat; + background-position: 0 center; + background-color: transparent; +} diff --git a/filesystem/.themes/Dracula/gtk-3.0/widgets/toolbar.css b/filesystem/.themes/Dracula/gtk-3.0/widgets/toolbar.css new file mode 100755 index 00000000..34e6a507 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.0/widgets/toolbar.css @@ -0,0 +1,78 @@ +/*********** + * toolbar * + ***********/ +.toolbar { + padding: 5px; + border-style: none; + background-color: @toolbar_bg_color; + background-image: none; +} + +/* primary-toolbar */ +.primary-toolbar.toolbar { + padding: 4px; + background-color: @header_bg_color; + color: @header_fg_color; +} + +.primary-toolbar.toolbar .button { + background-color: shade(@header_bg_color,1.2); + color: @header_fg_color; +} + +.primary-toolbar.toolbar .button:hover { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +.primary-toolbar.toolbar .button:active, +.primary-toolbar.toolbar .button:checked { + background-color: shade(@selected_bg_color,0.9); +} + +.primary-toolbar.toolbar .button.flat { + background-color: transparent; +} + +.primary-toolbar.toolbar .button.flat:hover { + color: @selected_bg_color; +} + +.primary-toolbar.toolbar .button.flat:active, +.primary-toolbar.toolbar .button.flat:checked { + color: shade(@selected_bg_color, 0.9); +} + +/* inline-toolbar */ +.inline-toolbar.toolbar { + -GtkToolbar-button-relief: normal; + + padding: 4px; + border-width: 1px; + border-style: solid; + border-color: @theme_bg_color; + border-radius: 0; + background-color: alpha(@theme_base_color,0.8); + background-image: none; +} + +.inline-toolbar.toolbar:last-child { + border-width: 1px; + border-color: @theme_bg_color; + border-radius: 0; +} + +.inline-toolbar.toolbar .separator { + border-color: transparent; +} + +.inline-toolbar.toolbar .button { + background-color: transparent; + padding: 2px; +} + +.inline-toolbar.toolbar .button:hover, +.inline-toolbar.toolbar .button:active, +.inline-toolbar.toolbar .button:checked { + color: @theme_selected_bg_color; +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/_apps.scss b/filesystem/.themes/Dracula/gtk-3.20/_apps.scss new file mode 100755 index 00000000..39f5229e --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/_apps.scss @@ -0,0 +1,20 @@ +/********************** + * DE-Specific Styles * + **********************/ + +@import 'apps/budgie'; +@import 'apps/gnome'; +@import 'apps/pantheon'; +@import 'apps/xfce'; +@import 'apps/unity'; +@import 'apps/mate'; + +/*********************** + * App-Specific Styles * + ***********************/ + +@import 'apps/geary'; +@import 'apps/lightdm'; +@import 'apps/thunar'; +@import 'apps/nemo'; +@import 'apps/caja'; diff --git a/filesystem/.themes/Dracula/gtk-3.20/_colors-public.scss b/filesystem/.themes/Dracula/gtk-3.20/_colors-public.scss new file mode 100755 index 00000000..299af6e2 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/_colors-public.scss @@ -0,0 +1,184 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS + ---------------- + use responsibly! */ + +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var + +/* widget text/foreground color */ +@define-color theme_fg_color #{"" +$fg_color}; + +/* text color for entries, views and content in general */ +@define-color theme_text_color #{"" +$text_color}; + +/* widget base background color */ +@define-color theme_bg_color #{"" +$bg_color}; + +/* text widgets and the like base background color */ +@define-color theme_base_color #{"" +$base_color}; + +/* base background color of selections */ +@define-color theme_selected_bg_color #{"" +$selected_bg_color}; + +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #{"" +$selected_fg_color}; + +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #{"" +$insensitive_bg_color}; + +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #{"" +$insensitive_fg_color}; + +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #{"" +$base_color}; + +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color}; + +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #{"" +$text_color}; + +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color}; + +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #{"" +$backdrop_base_color}; + +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; + +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; + +/* widgets main borders color */ +@define-color borders #{"" +$borders_color}; + +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #{"" +$backdrop_borders_color}; + +/* these are pretty self explicative */ +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; +//@define-color destructive_color #{$destructive_color} + +@define-color fg_color #{"" +$fg_color}; +@define-color text_color #{"" +$text_color}; +@define-color bg_color #{"" +$bg_color}; +@define-color base_color #{"" +$base_color}; +@define-color selected_bg_color #{"" +$selected_bg_color}; +@define-color selected_fg_color #{"" +$selected_fg_color}; +@define-color unfocused_fg_color #{"" +$backdrop_fg_color}; +@define-color unfocused_text_color #{"" +$text_color}; +@define-color unfocused_bg_color #{"" +$backdrop_bg_color}; +@define-color unfocused_base_color #{"" +$backdrop_base_color}; +@define-color unfocused_selected_bg_color #{"" +$selected_bg_color}; +@define-color unfocused_selected_fg_color #{"" + $selected_fg_color}; + +//WM + +$_wm_highlight: if($variant=='light', $top_highlight, // Sass gets mad if this is + transparentize(black,1)); // done directly in the + // color definition + +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#{$fg_color}, 1.8); +@define-color wm_unfocused_title #{$backdrop_fg_color}; +@define-color wm_highlight #{"" + $_wm_highlight}; +@define-color wm_borders_edge #{"" + $borders_edge}; + +@define-color wm_bg_a shade(#{$bg_color}, 1.2); +@define-color wm_bg_b #{$bg_color}; + +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); + +@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); +@define-color wm_button_hover_color_b #{$bg_color}; +@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); +@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); +@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); + +//FIXME this is really an API + +@define-color content_view_bg #{"" + $base_color}; + +@define-color budgie_tasklist_indicator_color #{"" +$selected_bg_color}; +@define-color budgie_tasklist_indicator_color_active #{"" +$selected_bg_color}; +@define-color placeholder_text_color #{"" +$backdrop_text_color}; + + +// Elementary OS colors +@define-color STRAWBERRY_100 #{$STRAWBERRY_100}; +@define-color STRAWBERRY_300 #{$STRAWBERRY_300}; +@define-color STRAWBERRY_500 #{$STRAWBERRY_500}; +@define-color STRAWBERRY_700 #{$STRAWBERRY_700}; +@define-color STRAWBERRY_900 #{$STRAWBERRY_900}; + +@define-color ORANGE_100 #{$ORANGE_100}; +@define-color ORANGE_300 #{$ORANGE_300}; +@define-color ORANGE_500 #{$ORANGE_500}; +@define-color ORANGE_700 #{$ORANGE_700}; +@define-color ORANGE_900 #{$ORANGE_900}; + +@define-color BANANA_100 #{$BANANA_100}; +@define-color BANANA_300 #{$BANANA_300}; +@define-color BANANA_500 #{$BANANA_500}; +@define-color BANANA_700 #{$BANANA_700}; +@define-color BANANA_900 #{$BANANA_900}; + +@define-color LIME_100 #{$LIME_100}; +@define-color LIME_300 #{$LIME_300}; +@define-color LIME_500 #{$LIME_500}; +@define-color LIME_700 #{$LIME_700}; +@define-color LIME_900 #{$LIME_900}; + +@define-color MINT_100 #{$MINT_100}; +@define-color MINT_300 #{$MINT_300}; +@define-color MINT_500 #{$MINT_500}; +@define-color MINT_700 #{$MINT_700}; +@define-color MINT_900 #{$MINT_900}; + +@define-color BLUEBERRY_100 #{$BLUEBERRY_100}; +@define-color BLUEBERRY_300 #{$BLUEBERRY_300}; +@define-color BLUEBERRY_500 #{$BLUEBERRY_500}; +@define-color BLUEBERRY_700 #{$BLUEBERRY_700}; +@define-color BLUEBERRY_900 #{$BLUEBERRY_900}; + +@define-color BUBBLEGUM_100 #{$BUBBLEGUM_100}; +@define-color BUBBLEGUM_300 #{$BUBBLEGUM_300}; +@define-color BUBBLEGUM_500 #{$BUBBLEGUM_500}; +@define-color BUBBLEGUM_700 #{$BUBBLEGUM_700}; +@define-color BUBBLEGUM_900 #{$BUBBLEGUM_900}; + +@define-color GRAPE_100 #{$GRAPE_100}; +@define-color GRAPE_300 #{$GRAPE_300}; +@define-color GRAPE_500 #{$GRAPE_500}; +@define-color GRAPE_700 #{$GRAPE_700}; +@define-color GRAPE_900 #{$GRAPE_900}; + +@define-color COCOA_100 #{$COCOA_100}; +@define-color COCOA_300 #{$COCOA_300}; +@define-color COCOA_500 #{$COCOA_500}; +@define-color COCOA_700 #{$COCOA_700}; +@define-color COCOA_900 #{$COCOA_900}; + +@define-color SILVER_100 #{$SILVER_100}; +@define-color SILVER_300 #{$SILVER_300}; +@define-color SILVER_500 #{$SILVER_500}; +@define-color SILVER_700 #{$SILVER_700}; +@define-color SILVER_900 #{$SILVER_900}; + +@define-color SLATE_100 #{$SLATE_100}; +@define-color SLATE_300 #{$SLATE_300}; +@define-color SLATE_500 #{$SLATE_500}; +@define-color SLATE_700 #{$SLATE_700}; +@define-color SLATE_900 #{$SLATE_900}; + +@define-color BLACK_100 #{$BLACK_100}; +@define-color BLACK_300 #{$BLACK_300}; +@define-color BLACK_500 #{$BLACK_500}; +@define-color BLACK_700 #{$BLACK_700}; +@define-color BLACK_900 #{"" + $BLACK_900}; \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.20/_colors.scss b/filesystem/.themes/Dracula/gtk-3.20/_colors.scss new file mode 100755 index 00000000..6486f84e --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/_colors.scss @@ -0,0 +1,100 @@ +// When color definition differs for dark and light variant +// it gets @if ed depending on $variant + +// Main definitions +$base_color: #282a36; +$text_color: #f8f8f2; +$bg_color: #1e1f29; +$fg_color: #f8f8f2; + +// Primary colors +$lime: #50fa7a; +$red: #ff5555; +$orange: #ffb86c; +$yellow: #f1fa8c; +$purple: #bd93f9; +$darkpurple: #44475a; +$cyan: #72BFD0; +$blue: #13b1d5; +$slider: #7b7bbd; + +$selected_fg_color: #f8f8f2; +$selected_bg_color: transparentize($purple, 0.5); +$selected_borders_color: darken($selected_bg_color, 10%); +$borders_color: if($variant == 'light', transparentize(rgb(156, 156, 156),0.8), transparentize(#191A22, 0.1)); +$borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9)); +$link_color: $blue; +$link_visited_color:transparentize($link_color,0.5); +$top_highlight: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9)); +$bottom_highlight: if($variant == 'light', transparentize(black, 0.8), transparentize(black, 0.9)); +$dark_fill: mix($borders_color, $bg_color, 35%); +$headerbar_color: $bg_color; +$headerbar_fg_color: $text_color; +$menu_color: if($variant == 'light', $base_color, darken($base_color, 2%)); +$popover_bg_color: darken($base_color, 2%); +$popover_hover_color: lighten($bg_color, 12%); + +$scrollbar_bg_color: mix($base_color, $bg_color, 50%); +$scrollbar_slider_color: mix($fg_color, $bg_color, 60%); +$scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%); +$scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%)); + +$warning_color: if($variant == 'light', $orange, darken($orange,10%)); +$error_color: if($variant == 'light', $red, darken($red,5%)); +$success_color: if($variant == 'light', $cyan, darken($cyan,10%)); +$destructive_color: if($variant == 'light', darken($red,5%), darken($red,10%)); +$suggested_color: if($variant == 'light', $selected_bg_color, darken($selected_bg_color,10%)); + +$osd_fg_color: #fefefe; +$osd_text_color: white; +$osd_bg_color: transparentize(#14171a, 0.2); +$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); +$osd_borders_color: transparentize(black, 0.3); + +$sidebar_bg_color: mix($bg_color, $base_color, 50%); +$base_hover_color: transparentize($fg_color, 0.95); + +$tooltip_borders_color: transparentize(white, 0.9); +$shadow_color: transparentize(black, 0.9); + +$drop_target_color: #a1ce4b; + +$text_shadow_color: if($variant == 'dark', $shadow_color, transparentize(white, 0.9)); +$icon_shadow_color: $text_shadow_color; + +$drop_target_color: $lime; + +// Infobar colors +$info_color: transparentize($lime, 0.15); +$question_color: $cyan; + +// Panel colors +$panel_bg_color: rgb(30, 31, 41); +$panel_fg_color: white; +$panel_borders_color: transparentize(rgb(30, 31, 41), 0.8); + +// Disabled state colors +$insensitive_fg_color: mix($fg_color, $bg_color, 50%); +$insensitive_bg_color: mix($bg_color, $base_color, 60%); +$insensitive_base_color: darken($base_color, 5%); +$insensitive_borders_color: $borders_color; + +// Backdrop state colors +$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); +$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%); +$backdrop_bg_color: $bg_color; +$backdrop_headerbar_bg_color: $headerbar_color; +$backdrop_headerbar_fg_color: if($variant == 'light', transparentize($headerbar_fg_color, 0.5), transparentize($headerbar_fg_color, 0.2)); +$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); +$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); +$backdrop_selected_bg_color: transparentize($selected_bg_color, 0.1); +$backdrop_selected_fg_color: if($variant == 'light', $selected_fg_color, transparentize($selected_fg_color, 0.5)); +$backdrop_borders_color: mix($borders_color, $bg_color, 90%); +$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); +$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%); + +$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%); +$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40%); + +$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%)); diff --git a/filesystem/.themes/Dracula/gtk-3.20/_common.scss b/filesystem/.themes/Dracula/gtk-3.20/_common.scss new file mode 100755 index 00000000..e0e9303e --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/_common.scss @@ -0,0 +1,45 @@ +/********* +* Common * +*********/ + +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); +$asset_suffix: if($variant=='dark', '-dark', ''); +$backdrop_transition: 200ms ease-out; +$button_transition: all 200ms $ease-out-quad; + +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + + -GtkToolItemGroup-expander-size: 11; + + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + outline-color: transparentize($fg_color, 0.7); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; + + -gtk-secondary-caret-color: $selected_bg_color; +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/_drawing.scss b/filesystem/.themes/Dracula/gtk-3.20/_drawing.scss new file mode 100755 index 00000000..bd5e6090 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/_drawing.scss @@ -0,0 +1,603 @@ +/***************** +* Drawing mixins * +*****************/ + +// generic drawing of more complex things + +@function _widget_edge($c:$borders_edge) { +// outer highlight "used" on most widgets + @if $c == none { @return none; } + @else { @return 0 1px $c; } +} + +@mixin lines($t, $c:$selected_bg_color) { + @if $t==up { + box-shadow: inset 0 -3px 0 0 darken($c,5%); + } + @if $t==down { + box-shadow: inset 0 3px 0 0 darken($c,5%); + } + @if $t==both { + box-shadow: inset 0 -3px 0 0 darken($c,5%), + inset 0 3px 0 0 darken($c,5%); + } +} + +@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { +// +// Helper function to stack up to 4 box-shadows; +// + @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } + @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } + @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } + @else { box-shadow: $shadow1; } +} + +// entries + +@function entry_focus_border($fc:$selected_bg_color) { + @if $variant == 'light' { @return $fc; } + @else { @return if($fc==$selected_bg_color, $selected_borders_color, darken($fc, 35%)); } +} + + +@function entry_gradient($c) { + @if $variant=='light' { @return linear-gradient(to bottom, mix($borders_color, $c, 45%), + mix($borders_color, $c, 3%) 2px, + $c 90%); } + @else { @return linear-gradient(to bottom, mix($borders_color, $c, 95%), + mix($borders_color, $c, 40%) 3px, + $c 90%); } +} + +@mixin entry($t, $fc:$selected_bg_color, $edge: none) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop; +// + + $_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1)); + $_entry_edge: if($edge == none, none, _widget_edge($edge)); + + @if $t==normal { + color: $text_color; + border-color: $borders_color; + background-color: $base_color; + // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. + } + @if $t==focus { + border-color: entry_focus_border($fc); + } + @if $t==insensitive { + color: $insensitive_fg_color; + border-color: $borders_color; + background-color: $insensitive_bg_color; + box-shadow: $_entry_edge; + } + @if $t==backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + background-color: $backdrop_base_color; + box-shadow: $_blank_edge; + } + @if $t==backdrop-insensitive { + color: $backdrop_insensitive_color; + border-color: $backdrop_borders_color; + background-color: $insensitive_bg_color; + box-shadow: $_blank_edge; + } + @if $t==osd { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + } + @if $t==osd-focus { + color: $osd_text_color; + border-color: $selected_bg_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + } + @if $t==osd-insensitive { + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-color: $osd_insensitive_bg_color; + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + @if $t==osd-backdrop { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +// buttons + +@function _border_color ($c) { @return darken($c, 25%); } // colored buttons want + // the border form the + // base color + +@function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) { +// +// calculate the color of text shadows +// +// $tc is the text color +// $bg is the background color +// + $_lbg: lightness($bg)/100%; + @if lightness($tc)<50% { @return transparentize(white, 1-$_lbg/($_lbg*1.3)); } + @else { @return transparentize(black, $_lbg*0.8); } +} + +@function _button_hilight_color($c) { +// +// calculate the right top hilight color for buttons +// +// $c: base color; +// + @if lightness($c)>95% { @return white; } + @else if lightness($c)>90% { @return transparentize(white, 0.2); } + @else if lightness($c)>80% { @return transparentize(white, 0.4); } + @else if lightness($c)>50% { @return transparentize(white, 0.6); } + @else if lightness($c)>40% { @return transparentize(white, 0.8); } + @else { @return transparentize(white, 0.95); } +} + +@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) { +// +// helper function for the text emboss effect +// +// $tc is the optional text color, not the shadow color +// +// TODO: this functions needs a way to deal with special cases +// + + $_shadow: _text_shadow_color($tc, $bg); + + @if lightness($tc)<50% { + text-shadow: 0 1px $_shadow; + -gtk-icon-shadow: 0 1px $_shadow; + } + @else { + text-shadow: 0 -1px $_shadow; + -gtk-icon-shadow: 0 -1px $_shadow; + } +} + +@mixin button($t, $c:$base_color, $tc:$text_color, $edge: none) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, hover, active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + + $_hilight_color: _button_hilight_color($c); + $_button_edge: if($edge == none, none, _widget_edge($edge)); + $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1))); + + @if $t==normal { + // + // normal button + // + font-weight: normal; + color: $tc; + outline-color: transparentize($tc, 0.7); + background-color: $c; + text-shadow: none; + border: 1px solid $c; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + } + + @else if $t==hover { + // + // hovered button + // + color: $tc; + outline-color: transparentize($tc, 0.7); + background-color: $c; + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + } + + @if $t==normal-header { + // + // normal button headerbar look + // + color: if($tc==$text_color, $headerbar_fg_color, $tc); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; +} + + @else if $t==hover-header { + // + // hovered button headerbar look + // + color: if($tc==$text_color, $headerbar_fg_color, $tc); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; +} + +@else if $t==active-header { + // + // active button headerbar look + // + color: if($tc==$text_color, $selected_bg_color, $tc); + background-color: transparentize($selected_bg_color, $amount: 0.4);; + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; +} + +@else if $t==backdrop-header { +// +// backdrop button headerbar look +// +color: if($tc==$text_color, transparentize($tc, 0.6), $tc); +background-color: transparent; +border-radius: 0; +text-shadow: none; +box-shadow: none; +} + + + @else if $t==active { + // + // pushed button + // + color: $tc; + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $selected_bg_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + @else if $t==insensitive { + // + // insensitive button + // + color: if($tc==$text_color, $backdrop_text_color, $tc); + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $insensitive_bg_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: transparentize($selected_fg_color, 0.3); + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $selected_bg_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + label { color: transparentize($selected_fg_color, 0.3); } +} + @else if $t==backdrop { + // + // backdrop button + // + color: if($tc==$text_color, $backdrop_text_color, transparentize($tc, 0.6)); + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $backdrop_base_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + + @else if $t==backdrop-active { + // + // backdrop pushed button FIXME no colors here! + // + color: transparentize($selected_fg_color, 0.3); + outline-color: transparentize($tc, 0.7); + background-color: $selected_bg_color; + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + label { color: transparentize($selected_fg_color, 0.3); } +} + + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + color: if($tc==$text_color, $backdrop_text_color, $tc); + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $insensitive_bg_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + color: transparentize($selected_fg_color, 0.3); + outline-color: transparentize($tc, 0.7); + background-color: $selected_bg_color; + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + + @else if $t==osd { + // + // normal osd button + // + $_bg: if($c!=$base_color, transparentize($c, 0.5), + $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-color: $_bg; + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + @else if $t==osd-hover { + // + // active osd button + // + $_bg: if($c!=$base_color, transparentize($c, 0.3), + lighten($osd_bg_color, 12%)); + + color: white; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg, $_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + @else if $t==osd-active { + // + // active osd button + // + $_bg: if($c!=$base_color, $c, lighten($osd_bg_color, 6%)); + + color: white; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg, $_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: transparentize($osd_fg_color, 0.7); + } + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color, $osd_insensitive_bg_color); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + @else if $t==osd-backdrop { + // + // backdrop osd button + // + $_bg: if($c!=$base_color, transparentize($c, 0.5), + $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg, $_bg); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + + @include _shadows(inset 0 1px transparentize(white, 1), + $_blank_edge); + + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +@mixin trough($flat:false, $c:$bg_color, $tc:$fg_color, $noedge:true) { + color: mix($tc, $bg_color, 80%); + @if $flat { background-image: linear-gradient(to bottom, $c, $c); } + @else { + background-image: linear-gradient(to bottom, + mix(black,$c,15%) 5%, + mix(black,$c,10%) 20%, + mix(black,$c,10%) 90%, + $c); + } + + border-color: if($c!=$bg_color, _border_color($c), $border_color); + + @if not($noedge) { + @if lightness($c) > 60% { + box-shadow: inset 0 -1px $borders_edge, + 0 1px $borders_edge; + } + @else { + box-shadow: inset 0 -1px transparentize($borders_edge, 0.5), + 0 1px transparentize($borders_edge, 0.5); + } + } + @else { box-shadow: none; } +} + +@mixin headerbar_fill($c:$headerbar_color, $hc:$top_highlight, $ov: none) { +// +// headerbar fill +// +// $c: base color +// $hc: top highlight color +// $ov: a background layer for background shorthand (hence no commas!) +// + $gradient: linear-gradient(to top, darken($c, 13%), darken($c, 2%) 2px, $c 3px); + + @if $variant == 'dark' { $gradient: linear-gradient(to top, darken($c, 3%), darken($c, 1%) 2px, $c 3px); } + + @if $ov != none { background: $c $ov, $gradient; } + @else { background: $c $gradient; } + + box-shadow: inset 0 1px $hc; // top highlight +} + +@mixin overshoot($p, $t:normal, $c:$fg_color) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 5%; + $_big_gradient_length: 100%; + + $_position: center top; + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } + + @else if $p==right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: $c; + + @if $c==$fg_color { + $_small_gradient_color: darken($borders_color, 10%); + $_big_gradient_color: $fg_color; + + @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; } + } + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.5, + to($_small_gradient_color), + to(transparentize($_small_gradient_color, 1))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($_big_gradient_color, 0.93)), + to(transparentize($_big_gradient_color, 1))); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + +@mixin undershoot($p) { +// +// undershoot +// +// $p: position +// +// possible $p values: +// top, bottom, right, left +// + + $_undershoot_color_dark: transparentize(black, 0.8); + $_undershoot_color_light: transparentize(white, 0.8); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $p; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($p == left) or ($p == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $p center; + } + + background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%); + + padding-#{$p}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; + border: none; + box-shadow: none; +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/_elementary-colors.scss b/filesystem/.themes/Dracula/gtk-3.20/_elementary-colors.scss new file mode 100644 index 00000000..6229b132 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/_elementary-colors.scss @@ -0,0 +1,71 @@ +$STRAWBERRY_100: #ff8c82; +$STRAWBERRY_300: #ed5353; +$STRAWBERRY_500: #c6262e; +$STRAWBERRY_700: #a10705; +$STRAWBERRY_900: #7a0000; + +$ORANGE_100: #ffc27d; +$ORANGE_300: #ffa154; +$ORANGE_500: #f37329; +$ORANGE_700: #cc3b02; +$ORANGE_900: #a62100; + +$BANANA_100: #fff394; +$BANANA_300: #ffe16b; +$BANANA_500: #f9c440; +$BANANA_700: #d48e15; +$BANANA_900: #ad5f00; + +$LIME_100: #d1ff82; +$LIME_300: #9bdb4d; +$LIME_500: #68b723; +$LIME_700: #3a9104; +$LIME_900: #206b00; + +$MINT_100: #89ffdd; +$MINT_300: #43d6b5; +$MINT_500: #28bca3; +$MINT_700: #0e9a83; +$MINT_900: #007367; + +$BLUEBERRY_100: #8cd5ff; +$BLUEBERRY_300: #64baff; +$BLUEBERRY_500: #3689e6; +$BLUEBERRY_700: #0d52bf; +$BLUEBERRY_900: #002e99; + +$BUBBLEGUM_100: #fe9ab8; +$BUBBLEGUM_300: #f4679d; +$BUBBLEGUM_500: #de3e80; +$BUBBLEGUM_700: #bc245d; +$BUBBLEGUM_900: #910e38; + +$GRAPE_100: #e4c6fa; +$GRAPE_300: #cd9ef7; +$GRAPE_500: #a56de2; +$GRAPE_700: #7239b3; +$GRAPE_900: #452981; + +$COCOA_100: #a3907c; +$COCOA_300: #8a715e; +$COCOA_500: #715344; +$COCOA_700: #57392d; +$COCOA_900: #3d211b; + +$SILVER_100: #fafafa; +$SILVER_300: #d4d4d4; +$SILVER_500: #abacae; +$SILVER_700: #7e8087; +$SILVER_900: #555761; + +$SLATE_100: #95a3ab; +$SLATE_300: #667885; +$SLATE_500: #485a6c; +$SLATE_700: #273445; +$SLATE_900: #0e141f; + +$BLACK_100: #666; +$BLACK_300: #4d4d4d; +$BLACK_500: #333; +$BLACK_700: #1a1a1a; +$BLACK_900: #000; \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.20/_widgets.scss b/filesystem/.themes/Dracula/gtk-3.20/_widgets.scss new file mode 100755 index 00000000..9c999ee2 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/_widgets.scss @@ -0,0 +1,40 @@ +/*********** + * Widgets * + ***********/ + +@import 'widgets/action-bars'; +@import 'widgets/app-notifications'; +@import 'widgets/base-states'; +@import 'widgets/buttons'; +@import 'widgets/calendar'; +@import 'widgets/checks-radios'; +@import 'widgets/color-chooser'; +@import 'widgets/comboboxes'; +@import 'widgets/dialogs'; +@import 'widgets/entries'; +@import 'widgets/expanders'; +@import 'widgets/floating-bar'; +@import 'widgets/frames'; +@import 'widgets/granite'; +@import 'widgets/header-bars'; +@import 'widgets/infobars'; +@import 'widgets/level-bars'; +@import 'widgets/links'; +@import 'widgets/lists'; +@import 'widgets/menus'; +@import 'widgets/misc'; +@import 'widgets/notebooks'; +@import 'widgets/paned'; +@import 'widgets/pathbars'; +@import 'widgets/popovers'; +@import 'widgets/progress-bars'; +@import 'widgets/scales'; +@import 'widgets/scrollbars'; +@import 'widgets/sidebar'; +@import 'widgets/spinbuttons'; +@import 'widgets/spinner'; +@import 'widgets/switches'; +@import 'widgets/toolbars'; +@import 'widgets/tooltips'; +@import 'widgets/treeviews'; +@import 'widgets/windows'; diff --git a/filesystem/.themes/Dracula/gtk-3.20/apps/_budgie.scss b/filesystem/.themes/Dracula/gtk-3.20/apps/_budgie.scss new file mode 100755 index 00000000..aa109855 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/apps/_budgie.scss @@ -0,0 +1,904 @@ +/********* +* Budgie * +*********/ + +$alert_color: $red; +$button_bg: transparent; +$entry_border: transparent; +$mpris_overlay_fg: $fg_color; +$mpris_overlay_bg: transparentize(if($variant=='light',$base_color, darken($bg_color, 10%)), 0.1); +$mpris_overlay_border: $top_highlight; +$panel_bg: transparentize( darken($headerbar_color,10%),0.05); +$panel_border: transparentize(darken($headerbar_color, 7%), 0.08); +$panel_shadow: transparentize(black, 0.7); +$raven_bg: $bg_color; +$raven_expander_border: transparentize($borders_color, 0.05); +$raven_border: transparentize($bg_color, 0.08); +$raven_expander_bg: transparentize($bg_color, 0.8); +$raven_background_bg: transparent; +$raven_background_border: transparent; + +$depth: 0 1px 1px rgba(0, 0, 0, 0.06), +0 1px 2px rgba(0, 0, 0, 0.20), +inset 0px 1px 0px 0px $top_highlight; + +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$roundness: 2px; +$border_width: 1px; +$pos_list: ((top, bottom),(bottom,top),(left,right),(right,left)); + +// Container for both the "panel" area and the shadow. Wise to keep +// this transparent.. +.budgie-container { + background-color: transparent; + &:backdrop { background-color: transparent; } + + popover list, + popover row { + border: none; + background: none; + padding: 0; + margin: 0; + } +} + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + @extend %reset_style +} + +%reset_style { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; +} + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: transparentize(if($variant=='light',$popover_bg_color,$bg_color),if($variant=='light',0.04,0.02)); + background-clip: border-box; + box-shadow: 0 2px 3px 1px transparentize(black, 0.65); + border: 1px solid #{"@borders"}; + list, + row { + &:hover { background: none; } + } + + > frame.container { + margin: 0 -1px -1px; // remove gap + padding: 2px 0 0; + } +} + +.budgie-popover > .container { + padding: 2px; +} + +// Budgie Menu +.budgie-menu { + .container { padding: 0; } + + button:hover { -gtk-icon-effect: none; } + + entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid #{"@borders"}; + border-radius: 0; + font-size: 120%; + box-shadow: none; + + image { + &:dir(ltr) { padding-left: 8px; padding-right: 12px; } + &:dir(rtl) { padding-left: 12px; padding-right: 8px; } + } + } + + .categories { + border-width: 0; + margin-left: 3px; + + background-color: transparent; + &:dir(ltr) { border-right: 1px solid #{"@borders"}; } + &:dir(rtl) { border-left: 1px solid #{"@borders"}; } + } + + .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; + + &:hover { + background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.85)); + color: $fg_color; + } + &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } + &:checked { + color: $selected_fg_color; + background-color: transparentize( darken($selected_bg_color,5%),0.2); + } + &:checked:disabled { + opacity: 0.5; + + label { color: transparentize($selected_fg_color, 0.3); } + } + } + + scrollbar { + background-color: transparent; + border-color: transparent; + } + + button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; + } + + undershoot, overshoot { background: none; } +} + +// Menu Button +button.budgie-menu-launcher { + padding: 0 2px; + color: $headerbar_fg_color; + box-shadow: none; + background-color: transparent; + &:hover { color: $headerbar_fg_color; } + &:active, &:checked { color: $headerbar_fg_color; } + + &:backdrop { + color: $headerbar_fg_color; + background-color: transparent; + &:hover { color: $headerbar_fg_color; } + &:active, &:checked { + color: $selected_bg_color; + box-shadow: none; + background-color: transparent; + } + } +} + +// User Menu +.user-menu { + + .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: transparentize($fg_color, 0.9); + } + + button { margin: 5px; } + + // top-row (user-name and avatar) + > box.vertical row.activatable:first-child, + > frame.container > box.vertical row.activatable:first-child { + + .indicator-item { + box-shadow: $depth; + background-color: $cyan; + transition-duration: 0.2s; + + &:dir(ltr) { // mask avatar's background + padding-left: 7px; // non-scaling unit + background-position: left center; + background-repeat: no-repeat; + background-size: 38px auto; // non-scaling unit + } + &:dir(rtl) { + padding-right: 7px; + background-position: right center; + background-repeat: no-repeat; + background-size: 38px auto; + } + + label { + color: $selected_fg_color; + + &:dir(ltr) { padding-left: 5px; } + &:dir(rtl) { padding-right: 5px; } + } + + image { + color: $selected_fg_color; + + &:first-child { // avatar image + min-width: 24px; + min-height: 20px; + } + } + } + } +} + +// Raven Trigger +button.raven-trigger { + padding-left: 2px; + padding-right: 2px; + color: $headerbar_fg_color; + box-shadow: none; + &:hover { + color: $headerbar_fg_color; + background-color: transparent; + } + &:active, &:checked { + box-shadow: none; + background-color: transparent; + color: $selected_bg_color; + } + &:backdrop { + color: $headerbar_fg_color; + &:hover { + color: $headerbar_fg_color; + } + &:active, &:checked { + box-shadow: none; + color: $selected_bg_color; + background-color: transparent; + } + } +} + +// Places Menu +.places-menu { + .container { padding: 0; } + + .message-bar { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + + .name-button { + border: 0; + border-radius: 0; + padding: 4px 6px; + } + + .unmount-button { + padding: 4px 4px; + border: 0; + border-radius: 0; + } + + .places-section-header { + padding: 0px; + border-bottom: 1px solid $raven_expander_border; + box-shadow: 0px 1px 1px #{"alpha(@theme_fg_color, 0.03)"}; + } + + .places-section-header > button { + padding: 8px; + border: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + } + + .places-list { + background: transparentize($fg_color, 0.96); + border-bottom: 1px solid $raven_expander_border; + } + + .unlock-area { + border-top: 1px solid transparentize($raven_expander_border, 0.1); + border-bottom: 1px solid transparentize($raven_expander_border, 0.1); + } + + .unlock-area entry { + border-radius: 0; + border: 0; + } + + .unlock-area button { + border-radius: 0; + border: 0; + border-left: 1px solid transparentize($raven_expander_border, 0.1); + } + + .alternative-label { + font-size: 15px; + padding: 3px; + } + + .always-expand { + background: transparent; + border-bottom: none; + } +} + +// Night Light indicator +.night-light-indicator { + .container { padding: 0; } + + .view-header { + font-size: 14px; + padding: 10px; + border-bottom: #{"1px solid mix(@theme_base_color, #000000, 0.35);"}; + box-shadow: #{"0px 1px 1px alpha(@theme_fg_color, 0.04);"}; + } + + .display-settings-button { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border: none; + padding: 3px; + border-top: #{"1px solid mix(@theme_base_color, #000000, 0.35);"}; + box-shadow: #{"inset 0px 1px 1px alpha(@theme_fg_color, 0.04);"}; + } +} + +// Panel +.budgie-panel { + color: $headerbar_fg_color; + background-color: $panel_bg; + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; + + .alert { color: $alert_color; } + + &:backdrop { + color: $headerbar_fg_color; + background-color: $panel_bg; + } + + button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; + } + + popover list, + popover row { + padding: 0; + margin: 0; + } + + label { + color: $headerbar_fg_color; + font-weight: 700; + } + + &.transparent { + background-color: transparentize($panel_bg, 0.55); + + .top & { + border-bottom-color: transparent; + } + + .bottom & { + border-top-color: transparent; + } + + .left & { + border-right-color: transparent; + } + + .right & { + border-left-color: transparent; + } + } + + .end-region { + border-radius: 0px; + separator { background-color: transparentize($headerbar_fg_color, 0.85); } + label { + font-weight: 700; + color: $headerbar_fg_color; + } + } +} + +// Tasklist +.budgie-panel #tasklist-button, +.budgie-panel #tasklist-button:backdrop { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: transparentize($panel_bg,1); // fixes the transition + border-radius: 0; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; + + @extend %underscores; +} + +// Icon Tasklist +.budgie-panel { + + button.flat.launcher { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: transparentize($panel_bg,1); // fixes the transition + border-radius: 0; + padding: 0; + background-clip: padding-box; + background-color: transparent; + & { box-shadow: none; } + } + + .unpinned button.flat.launcher, + .pinned button.flat.launcher.running { @extend %underscores; } +} + +%underscores { + &:hover { box-shadow: none; } + &:active, &:checked { box-shadow: none; } + + @each $pos, $b_pos in $pos_list { + .#{$pos} & { + padding-#{$b_pos}: 2px; + border-#{$pos}: 2px solid transparent; + + @at-root { + .#{$pos} .budgie-panel .pinned button.flat.launcher:not(.running) { border-#{$pos}: 2px solid transparent; } + .#{$pos} .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-#{$pos}: 2px solid transparentize(white, 0.9); } + .#{$pos} .budgie-panel .unpinned button.flat.launcher, + .#{$pos} .budgie-panel .pinned button.flat.launcher.running { border-#{$pos}: 2px solid transparentize(white, 0.9); } + } + &:hover { + border-#{$pos}: 2px solid transparentize(white, 0.75); + } + &:active, &:checked { + border-#{$pos}: 2px solid $selected_bg_color; + } + } + } +} + +@each $pos, $b_pos in $pos_list { + + // Panel borders + .#{$pos} .budgie-panel { border-#{$b_pos}: $border_width solid $panel_border; } + + // Raven borders + .#{$pos} .raven-frame { + padding: 0; + background: none; + + border { + border: none; + border-#{$b_pos}: $border_width solid $raven_border; + } + } + + // Shadows + .#{$pos} .shadow-block { + background-color: transparent; + background-image: linear-gradient(to $b_pos, + $panel_shadow, + transparent); + } +} + +// Raven +.raven { + padding: 0; + color: $fg_color; + background-color: $raven_bg; + transition: 170ms ease-out; + + list { + background-color: transparent; + &:selected { background-color: transparentize($selected_bg_color,0.1); } + row, + row.activatable { + background-color: transparent; + &:selected { background-color: transparentize($selected_bg_color,0.1); } + } + } + + .raven-background { + color: $fg_color; + background-color: transparent; + border-color: transparent; + + &.middle { border-bottom-style: none; } // applet background between two headers + } + + .powerstrip { + background-color: transparent; + border-top-color: transparent; + } + + .powerstrip button.image-button { + border-radius:50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: transparentize($darkpurple,0.3); + color: $selected_fg_color; + box-shadow: $depth; + border: none; + font-size: 100%; + + &:hover { + transition: 170ms ease all; + background: transparentize($darkpurple,0.15); + color: $selected_fg_color; + } + &:active { + transition: 170ms ease all; + background: $darkpurple; + color: $selected_fg_color; + } + &:first-child { + background: transparentize($cyan,0.3); + + &:hover { + background: transparentize($cyan,0.15); + } + &:active { + background: $cyan; + } + } + &:last-child { + background: transparentize($red,0.3); + + &:hover { + background: transparentize($red,0.15); + } + &:active { + background: $red; + } + } + } + .option-subtitle { + font-size: 13px; + } +} + +// Calendar +calendar.raven-calendar { + padding: 4px; + color: $fg_color; + background-color: transparentize($base_color, 0.4); + border-color: transparent; + + &:indeterminate { color: gtkalpha(currentColor,0.3); } + + &:selected { + background: $selected_bg_color; + color: $selected_fg_color; + font-weight: bold; + } + + &:backdrop { background-color: transparent; } + + &.header { + color: $fg_color; + border: none; + border-radius: 0; + background-color: transparent; + } + & button, & button:focus { + color: gtkalpha(currentColor,0.5); + background-color: transparent; + + &:hover { + color: $fg_color; + background-color: transparent; + } + } +} + +// MPRIS Applet +.raven-mpris { + color: $mpris_overlay_fg; + background-color: $mpris_overlay_bg; + border: solid $mpris_overlay_border; + border-width: 1px 0; + border-bottom-color: $bottom_highlight; + + button.image-button { + padding: 10px; + background-color: $base_color; + box-shadow: $depth; + + &:hover { background-color: $selected_bg_color; } + + &:active { background-color: darken($selected_bg_color,5%); } + + &:first-child { margin-right: 4px; } + + &:last-child { margin-left: 4px; } + + &:last-child, + &:first-child { + padding: 4px; + margin-top: 6px; + margin-bottom: 6px; + } + } +} + +// Notifications +.budgie-notification-window { + background: none; + border-radius: 1px; + button { + background-color: $cyan; + color: darken($selected_fg_color, 75%); + border: none; + margin: 0 3px; + &:hover { + background-color: darken($cyan, 5%); + border: none; + } + &:active, &:checked { background-color: darken($cyan, 5%); } + } +} + +.budgie-notification { + &.background { + border-radius: 1px; + } + .notification-title { + font-size: 110%; + color: $headerbar_fg_color; + } + .notification-body { color: transparentize($headerbar_fg_color, 0.3); } + button { + background-color: transparent; + color: $selected_fg_color; + &:hover { + background-color: transparent; + color: $red; + box-shadow: none; + } + &:active, &:checked { + background-color: transparent; + color: darken($red, 5%); + } + } +} + +.drop-shadow { + color: $headerbar_fg_color; + background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05); + box-shadow: 0 1px 2px 0 transparentize(black, 0.8); + border-radius: 2px; +} + +// On Screen Display in Budgie +.budgie-osd-window { + @extend .budgie-notification-window; +} + +// Internal part of the OSD +.budgie-osd { + @extend .budgie-notification; +} + +// Alt+tab switcher in Budgie +.budgie-switcher-window { + @extend .budgie-notification-window; + + // Flowbox + flowbox { color: $fg_color; } + flowboxchild { + padding: 3px; + margin: 3px; + color: $fg_color; + + &:hover { background-color: $button_bg; } + &:active { color: $fg_color; } + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + + &:active { color: $selected_fg_color; } + &:hover { background-color: mix(black, $selected_bg_color, 10%); } + &:disabled { + color: transparentize($selected_fg_color, 0.3); + background-color: transparentize($selected_bg_color, 0.2); + label { color: transparentize($selected_fg_color, 0.2); } + } + } + } +} + +// Internal part of the Switcher +.budgie-switcher { + @extend .budgie-notification; +} + +// Session Dialog +.budgie-session-dialog { + color: $headerbar_fg_color; + background-color: $panel_bg; + + label:backdrop { color: $backdrop_headerbar_fg_color; } + &.background { @extend .drop-shadow; } + .dialog-title { font-size: 120%; } + + .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: $headerbar_fg_color; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.20); + + label { font-weight: 700; } + &:first-child { border-left: none; border-bottom-left-radius: 2px; } + &:last-child { border-right: none; border-bottom-right-radius: 2px; } + &:hover { + background-color: transparentize($selected_bg_color, 0.1); + &:backdrop { + label { color: transparentize(white, 0.5); } + } + } + + @each $b_type, $b_color in (suggested-action, $cyan), + (destructive-action, $destructive_color) { + &.#{$b_type} { + background-color: transparentize($b_color, 0.1); + &:hover { background-color: transparentize(lighten($b_color,5%), 0.1); } + &:active, &:checked { background-color: transparentize(lighten($b_color,5%), 0.1); } + } + } + } + + entry { + background-color: #505359; + color: $headerbar_fg_color; + &:focus { background-color: #505359; } + &:backdrop { background-color: #505359; } + } +} + +// PolKit Dialog +.budgie-polkit-dialog { + @extend .budgie-session-dialog; + + .message { color: transparentize($headerbar_fg_color, 0.3); } + .failure { color: $alert_color; } +} + +// Run Dialog +.budgie-run-dialog { + @extend .budgie-session-dialog; + + entry.search, entry.search:focus { + font-size: 120%; + padding: 8px 5px; + border: none; + box-shadow: none; + + image { + color: $headerbar_fg_color; + &:dir(ltr) { padding-left: 8px; padding-right: 12px; } + &:dir(rtl) { padding-left: 12px; padding-right: 8px; } + } + } + + list row:selected .dim-label { opacity: 1; } + + scrolledwindow { border-top: 1px solid darken($entry_border, 5%); } +} + +// Budgie styled Gtk Menus +.budgie-menubar { + menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: $panel_bg; + menuitem:hover { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + arrow { + border:none; + min-width:16px; + min-height:16px; + + &.top { + -gtk-icon-source:-gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid mix($fg_color, $raven_bg, 10%); + } + + &.bottom { + -gtk-icon-source:-gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid mix($fg_color, $raven_bg, 10%); + } + } + + menuitem { + accelerator { + color: transparentize($fg_color, 0.65); + } + + check, radio { + min-height: 16px; + min-width: 16px; + } + } +} + +// settings-window +window.background.budgie-settings-window.csd { + + > box.horizontal > stack > scrolledwindow { + + // hide double-borders + buttonbox.inline-toolbar { border-style: none none solid; } + + } +} + +.workspace-switcher { + + .workspace-layout { + border: 0 solid $panel_bg; + + .top &, + .bottom & { + &:dir(ltr) { border-left-width: 1px; } + + &:dir(rtl) { border-right-width: 1px; } + } + + .left &, + .right & { border-top-width: 1px; } + } + + .workspace-item, + .workspace-add-button { + border: 0 solid lighten($panel_bg, 10%); + + .top &, + .bottom & { + &:dir(ltr) { border-right-width: 1px; } + + &:dir(rtl) { border-left-width: 1px; } + } + + .left &, + .right & { border-bottom-width: 1px; } + } + + .workspace-item { + + &.current-workspace { background-color: darken($panel_bg, 5%); } + } + + .workspace-add-button { + border: none; + background: transparent; + box-shadow: none; + &:hover { box-shadow: none; } + + &:active { background-image: none; } + + &:active image { margin: 1px 0 -1px; } + } + + .workspace-icon-button { + .budgie-panel & { // to overwrite the .budgie-panel button style below + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; + } + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.20/apps/_caja.scss b/filesystem/.themes/Dracula/gtk-3.20/apps/_caja.scss new file mode 100644 index 00000000..a8542801 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/apps/_caja.scss @@ -0,0 +1,83 @@ +.caja-notebook { + + .frame { border-width: 0 0 1px; } + + .entry { + background: $bg_color; + color: $fg_color; + border-color: $selected_borders_color; + &:selected { + background: $selected_bg_color; + color: $selected_fg_color; + } + } +} + + + +/************** +* Caja sidebar * +**************/ + +.caja-side-pane { + + .frame { border-width: 1px 0 0; } + + background: $headerbar_color; + treeview.view, + textview.view text, + viewport.frame, + widget .vertical { + background: $headerbar_color; + padding: 3px 2px; + &:hover { + background-color: transparentize($base_color, 0.4); + } + &:selected { + @include button(active-header, $tc: $purple); + &:hover { + background-color: transparentize($selected_bg_color, 0.8); + } + } + } +} + +/************** +* Caja pathbar * +**************/ + +.caja-navigation-window paned { + background: $base_color; +} + +.caja-navigation-window .primary-toolbar { + background: $headerbar_color; + button { + &, &:backdrop { @include button(normal-header); } + &:hover, + &:active, + &:backdrop:active, + &:backdrop:checked { + background: $selected_bg_color; + box-shadow: none; + &, & label { + color: $selected_fg_color; + } + } + } + +} + +.caja-pathbar button { + &, &:backdrop { @include button(normal-header); } + &:hover, + &:active, + &:checked, + &:backdrop:active, + &:backdrop:checked { + @include button(active-header); + &, & label { + color: $purple; + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/apps/_geary.scss b/filesystem/.themes/Dracula/gtk-3.20/apps/_geary.scss new file mode 100755 index 00000000..2bae579e --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/apps/_geary.scss @@ -0,0 +1,37 @@ +/********* + * Geary * + *********/ + +.geary-titlebar-left, +.geary-titlebar-right { + + .separator { + opacity: 0; + } +} + +ConversationListView { + -GtkTreeView-grid-line-width: 0; + + .view { + &:active, + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &:backdrop { + background-color: $backdrop_selected_bg_color; + color: $backdrop_selected_fg_color; + } + } + + .cell { + border: solid transparentize(black, 0.8); + border-width: 0 0 1px 0; + &:selected { + color: $selected_fg_color; + border: 0px solid darken($selected_bg_color, 10% ); + } + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/apps/_gnome.scss b/filesystem/.themes/Dracula/gtk-3.20/apps/_gnome.scss new file mode 100755 index 00000000..a5f2ff4a --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/apps/_gnome.scss @@ -0,0 +1,243 @@ +/************ + * Nautilus * + ************/ +.nautilus-window { + // .frame{ + // *:selected, *:selected:backdrop{ + // background: transparent; + // color: $selected_bg_color; + // } + // *:selected:backdrop{ + // label { + // color: $backdrop_selected_bg_color; + // } + // } + // } + paned { + > separator { background-image: none; } + } + .sidebar { + background-color: transparent; + background-image: none; + + &:backdrop { + background-color: transparent; + background-image: none; + } + + .list-row { + button { + border: none; + background-color: transparentize(darken($base_color,3%),0.05); + &:active { + background-color: transparentize($selected_bg_color,0.25); + } + } + + &:selected { + background-color: transparentize($selected_bg_color,0.25); + &:hover { + background-color: transparentize($selected_bg_color,0.1); + } + } + + &:hover { + background-color: transparentize($base_color,0.5); + &:active { + background-color: transparentize($selected_bg_color,0.1); + } + } + } + } + &.background { + background-color: transparentize(darken($base_color,3%),0.05); + &:backdrop { + background-color: transparentize(darken($base_color,3%),0.05); + } + } + + notebook { + > stack:only-child { // the :not(:only-child) is for "hidden" notebooks + background-color: $base_color; + &:backdrop { background-color: $backdrop_base_color; } + } + } + + searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + } + + .searchbar-container { + margin-top: -1px; + } + + .titlebar { + .search{ + border: 1px solid $borders_color; + border-radius: 3px; + } + } + + .path-bar-box { + .dim-label { + color: transparent; + } + widget > .text-button:last-child{ + @include button(active-header, transparent, $purple); + &:backdrop label{ + color: $backdrop_selected_bg_color; + } + } + button { + transition: all 100ms ease-in; + margin-left: -5px; + &:backdrop { + &:hover, + &:active, + &:checked { + @include button(active-header); + label { + color: $backdrop_selected_bg_color; + } + } + } + } + } + + .path-buttons-box { + + .dim-label { color: transparent; } + + //Buttons before current path + button { + .horizontal .dim-label { color: $headerbar_fg_color; } + &:hover, &:focus { + .dim-label { color: $purple; } + } + } + button > .horizontal > image { + padding: 0px 6px; + border-right: none; + } + .current-dir { + label { padding: 0px 12px; } + + label, image { @include button(active-header, transparentize($selected_bg_color, 0.3), $purple); } + } + + button.current-dir:only-child { + image { + margin-right: -6px; + padding: 0px 0px 0px 6px; + border-radius: 7px 0px 0px 7px; + } + label { border-radius: 0px 7px 7px 0px; } + } + } +} + +.nautilus-circular-button { + border-radius: 20px; + -gtk-outline-radius: 20px; +} + +.disk-space-display { + border: 2px solid; + + .unknown { + background-color: #888a85; + border-color: darken(#888a85, 20%); + } + + .used { + background-color: #9FB0B9; + border-color: darken(#9FB0B9, 20%); + } + + .free { + background-color: #D8D8D8; + border-color: darken(#D8D8D8, 20%); + } +} + +.nautilus-desktop { + + color: $fg_color; + + .nautilus-canvas-item { + border-radius: 5px; + color: $selected_fg_color; + text-shadow: 1px 1px transparentize(black, 0.4); + + &:active { + color: $fg_color; + text-shadow: none; + } + + &:hover { + color: $fg_color; + text-shadow: none; + } + + &:selected { + color: $selected_fg_color; + text-shadow: none; + } + + .dim-label { + &:selected { + color: $selected_fg_color; + } + } + } + + .nautilus-list { + + .dim-label { + &:selected { + color: $selected_fg_color; + } + } + } +} + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: $bg_color; + } + + +/********* + * Gnucash * +*********/ +#gnc-id-main-window { + entry.gnc-class-register-foreground { + background: transparent; + border: none; + box-shadow: none; + } + .arrow.button.toggle { + transition: none; + box-shadow: none; + &:hover { border-color: $selected_bg_color; } + } +} + +/******************* + * Calendar events * +********************/ +.color-light { + &.timed label { + color: $fg_color; + opacity: 1; + } + .week-view &.timed label, & label, .year-view &:not(.timed) label { + color: $bg_color; + opacity: 1; + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.20/apps/_lightdm.scss b/filesystem/.themes/Dracula/gtk-3.20/apps/_lightdm.scss new file mode 100755 index 00000000..f9ff41ae --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/apps/_lightdm.scss @@ -0,0 +1,115 @@ +/*********** + * LightDm * + ***********/ + +// the panel widget at the top +#panel_window { + background-color: $panel_bg_color; + color: $panel_fg_color; + font-weight: bold; + box-shadow: inset 0 -1px darken($panel_bg_color, 7%); + + // the menubars/menus of the panel, i.e. indicators + .menubar, + .menubar > .menuitem + menubar, + menubar > menuitem { + background-color: transparent; + color: $panel_fg_color; + font-weight: bold; + } + + .menubar .menuitem:disabled, + menubar menuitem:disabled { + color: transparentize($panel_fg_color, 0.5); + + GtkLabel { color: inherit; } + label { color: inherit; } + } + .menubar .menu > .menuitem, + menubar menu > menuitem { font-weight: normal; } +} + +// the login window +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: $fg_color; +} + +// the top half of the login-window, in GtkDialog terms, the content +#content_frame { + padding-bottom: 14px; + background-color: $bg_color; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid transparentize(black, 0.9); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + @include button(normal); + + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:disabled { @include button(insensitive); } +} + +// the lower half of the login-window, in GtkDialog terms the buttonbox or action area +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: if($variant=='light', $osd_bg_color, $headerbar_color); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid transparentize(black, 0.9); + border-width: 0 1px 1px 1px; +} + +#buttonbox_frame button{ + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:disabled { @include button(osd-insensitive); } +} + +#login_window #user_combobox { + color: $fg_color; + font-size: 13px; + + .menu, + menu { font-weight: normal; } +} + +// the user's avatar box +#user_image { + padding: 3px; + border-radius: 2px; +} + +// the shutdown button +#shutdown_button.button { + @include button(suggested_destructive, $destructive_color); + + &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); } +} + +// the restart button +#restart_button.button { + @include button(suggested_destructive, $suggested_color); + + &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); } +} + +// the warning, in case a wrong password is entered or something else goes wrong according to PAM +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/apps/_mate.scss b/filesystem/.themes/Dracula/gtk-3.20/apps/_mate.scss new file mode 100644 index 00000000..ecb01408 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/apps/_mate.scss @@ -0,0 +1,39 @@ +// +// Mate OSD Window +// + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid $borders_color; + + .progressbar { + background-color: $selected_bg_color; + border: none; + border-color: $selected_bg_color; + border-radius: 5px; + } + .trough { + background-color: darken($osd_bg_color, 5%); + border: none; + border-radius: 5px; + } + } + +// +// Mate Panel +// + +.mate-panel-menu-bar { + border-radius: 0; + button { + border-radius: 0; + &, &:hover { + background-color: transparent; + color: $fg_color; + } + &:active, &:checked { + box-shadow: 0 -2px 0 $selected_bg_color inset; + color: $fg_color; + } + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.20/apps/_nemo.scss b/filesystem/.themes/Dracula/gtk-3.20/apps/_nemo.scss new file mode 100644 index 00000000..6dd1f105 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/apps/_nemo.scss @@ -0,0 +1,70 @@ +.nemo-window { + .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: darken($base_color, 15%); + -NemoPlacesTreeView-disk-full-fg-color: $yellow; + -GtkTreeView-vertical-separator: 7; + .view.cell, + iconview.cell { + &:hover, + &:selected { + @include button(active-header, transparent, $purple); + border-radius: 0; + } + } + } + + .sidebar { + color: $fg_color; + background-color: $sidebar_bg_color; + .view, .iconview, row { + background-color: transparent; + } + } + + .nemo-window-pane { + widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: $fg_color; + border: 1px solid $borders_color; + border-radius: 3px; + box-shadow: inset 0 1px transparentize(black, 0.1), + inset 1px 0 transparentize(black, 0.04), + inset -1px 0 transparentize(black, 0.04), + inset 0 -1px transparentize(black, 0.02), + 0 1px transparentize(white, 0.4); + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + + toolbar.primary-toolbar { + margin-bottom: -1px; + background: $headerbar_color; + button { + @include button(normal-header); + min-height: 24px; + padding: 3px; + &:hover { @include button(hover-header, transparent, $purple); } + + &:selected, + &:active, + &:checked { + @include button(active-header, transparent, $purple); + &:backdrop { + &, & label { + color: $backdrop_selected_bg_color; + } + } + } + } + } + + .nemo-inactive-pane .view:not(:selected), + .nemo-inactive-pane iconview { + background-color: darken($base_color, 5%); + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.20/apps/_pantheon.scss b/filesystem/.themes/Dracula/gtk-3.20/apps/_pantheon.scss new file mode 100755 index 00000000..3dd2e50c --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/apps/_pantheon.scss @@ -0,0 +1,418 @@ +/******** + * Gala * + *******/ + + .gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid $base_color; + background-color: $base_color; + + .title, + .label { + color: $fg_color; + } +} + +.gala-button { + padding: 3px; + color: $base_color; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, + #7e7e7e, + #3e3e3e + ); + box-shadow: inset 0 0 0 1px transparentize(white, 0.02), + inset 0 1px 0 0 transparentize(white, 0.07), + inset 0 -1px 0 0 transparentize(white, 0.01), + 0 0 0 1px transparentize(black, 0.40), + 0 3px 6px transparentize(black, 0.16), + 0 3px 6px transparentize(black, 0.23); + text-shadow: 0 1px 1px transparentize(black, 0.6); +} + +/********** + * Notify * + *********/ + +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + + border-radius: 5px; + border: 1px solid transparentize(black, 0.30); + + background-color: transparentize($base_color, 0.95); + + .low {} + .critical {} +} + + +/*************** + * SwitchBoard * + ***************/ + +.category-label { + font-weight: bold; + color: $fg_color; +} + + +/************* + * Slingshot * + ************/ + +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; + + .app { + &:hover{ + border-radius: 8px; + border: none; + background-color: transparentize($selected_bg_color, 0.7); + color: white; + } + &:focus{ + /*background-color: transparentize(black, 0.20);*/ + } + } +} + +.search-item { + border-radius: 0; + border: none; + color: $fg_color; + background: none; + + &:hover, + &:focus { + border-radius: 0; + background-color: transparentize($selected_bg_color, 0.7); + color: $selected_fg_color; + } +} + + +.search-entry-large, +.search-entry-large:focus { + border: none; + font-size: 18px; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; +} + +.search-category-header { + font-weight: bold; + color: $fg_color; +} + + + +/********* + * Panel * + ********/ + +.composited-indicator { + + > revealer, + > revealer image, + > revealer label, + > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px transparentize(black, 0.7), 0 1px 2px transparentize(black, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.7), 0 1px 2px transparentize(black, 0.5); + } + > revealer image:first-child + label { + margin-left: 5px; + } +} + +.panel.color-light .composited-indicator { + + > revealer, + > revealer image, + > revealer label, + > revealer spinner { + color: transparentize(black, 0.4); + text-shadow: 0 1px transparentize(white, 0.9); + -gtk-icon-shadow: 0 1px transparentize(white, 0.9); + } +} + +/************** + * Calculator * + **************/ + +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; + + .window-frame { + border-radius:3px; + } +} + +/********* + * Cards * + *********/ + +.deck { + background-color: darken($bg_color, 8%); +} + +.card { + background-color: $base_color; + border: none; + box-shadow: 0 0 0 1px transparentize(black, 0.95), + 0 3px 3px transparentize(black, 0.8); + transition: all 150ms ease-in-out; +} + +.card.collapsed { + background-color: darken($base_color, 5%); + box-shadow: 0 0 0 1px transparentize(black, 0.95), + 0 1px 2px transparentize(black, 0.8); +} + +/********* + * Noise * + *********/ + +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; + + .action-bar { + border-radius: 0 0 4px 4px; + } + + .window-frame { + border-radius:3px; + } +} + +/******** + * Snap * + ********/ + +SnapMainWindow, +SnapSnapWindow { + + .take-button { + border-radius: 0; + } +} + + +/******************* + * Photos/Shotwell * + *******************/ + +DirectWindow, +LibraryWindow { + + .the-button-in-the-combobox { + background: none; + } +} + +.checkerboard-layout { + background-color: $bg_color; + background-image: linear-gradient(45deg, + transparentize(black, 0.9) 25%, + transparent 25%, + transparent 75%, + transparentize(black, 0.9) 75%, + transparentize(black, 0.9)), + linear-gradient(45deg, + transparentize(black, 0.9) 25%, + transparent 25%, + transparent 75%, + transparentize(black, 0.9) 75%, + transparentize(black, 0.9)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px +} + +.checkboard-layout .item { + background-color: $fg_color; +} + +/********* +* Avatar * +*********/ + +.avatar { + border: 1px solid transparentize(#000, 0.77); + border-radius: 50%; + box-shadow: + inset 0 0 0 1px transparentize(#fff, 0.95), + inset 0 1px 0 0 transparentize(#fff, 0.55), + inset 0 -1px 0 0 transparentize(#fff, 0.85), + 0 1px 3px transparentize(#000, 0.88), + 0 1px 2px transparentize(#000, 0.77); +} + +/**level bars**/ + +.sidebar.source-list.view { + &.level-bar { + &, &:selected, &:selected:focus { + background: linear-gradient(transparentize(#fff, 0.86), transparentize(#fff, 0.86)) ; + border: 1px solid transparentize(black, 0.86); + box-shadow: 0 1px 0 transparentize(#000, 0.75); + border-radius: 2px; + } + } + &.fill-block { + border: none; + &, &:hover, &:selected, &:selected:focus { + background: linear-gradient($selected_bg_color, $selected_bg_color); + } + } +} + +/************************** + * Colors in context menu * +**************************/ + +checkbutton.color-button { + border: 1px solid $borders_color; + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; + + > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; + } + + &.none { + > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); + } + } + +} + +radiobutton.color-button { + > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(black, 0.15); + border-radius: 100px; + background-clip: border-box; + } + + &:active > radio { + border: 1px solid rgba(black, 0.35); + } +} + +.color-button { + check, + check:checked, + radio, + radio:checked, { + background-image: none; + border: 1px solid rgba(black, 0.2); + border-radius: 50%; + color: $base_color; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); + } + + &.red check, + &.red radio, + &.strawberry check, + &.strawberry radio { + background-color: #{'@STRAWBERRY_300'}; + -gtk-icon-shadow: 0 1px 1px #{'@STRAWBERRY_500'}; + } + + &.orange check, + &.orange radio { + background-color: #{'@ORANGE_300'}; + -gtk-icon-shadow: 0 1px 1px #{'@ORANGE_500'}; + } + + &.yellow check, + &.yellow radio, + &.banana check, + &.banana radio { + background-color: #{'@BANANA_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@BANANA_700'}; + } + + &.green check, + &.green radio, + &.lime check, + &.lime radio { + background-color: #{'@LIME_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@LIME_700'}; + } + + &.blue check, + &.blue radio, + &.blueberry check, + &.blueberry radio { + background-color: #{'@BLUEBERRY_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@BLUEBERRY_700'}; + } + + &.purple check, + &.purple radio, + &.grape check, + &.grape radio { + background-color: #{'@GRAPE_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@GRAPE_700'}; + } + + &.brown check, + &.brown radio, + &.cocoa check, + &.cocoa radio { + background-color: #{'@COCOA_300'}; + -gtk-icon-shadow: 0 1px 1px #{'@COCOA_500'}; + } + + &.mint check, + &.mint radio { + background-color: #{'@MINT_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@MINT_700'}; + } + + &.pink check, + &.pink radio, + &.bubblegum check, + &.bubblegum radio { + background-color: #{'@BUBBLEGUM_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@BUBBLEGUM_700'}; + } + + &.slate check, + &.slate radio { + background-color: #{'@SLATE_300'}; + -gtk-icon-shadow: 0 1px 1px #{'@SLATE_500'}; + + } + + &.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.20/apps/_thunar.scss b/filesystem/.themes/Dracula/gtk-3.20/apps/_thunar.scss new file mode 100644 index 00000000..43b1b75f --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/apps/_thunar.scss @@ -0,0 +1,40 @@ + +/* thunar */ +.thunar toolbar { + background-color: $headerbar_color; + } + + /* buttons in toolbar */ + .thunar toolbar.horizontal button image { + -gtk-icon-transform:scale(0.72); + } + + scrolledwindow.sidebar treeview.view, scrollbar.right { + background: $sidebar_bg_color; + padding: 2.5px 1.5px; + border: none; + box-shadow: none; + } + + scrolledwindow.standard-view scrollbar.right{ + background-color: $base_color; + } + /* path-bar of thunar */ + window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button, .thunar scrolledwindow.sidebar treeview.view, .thunar toolbar.horizontal button { + &:hover, &:checked, &:selected{ + @include button(active-header, $tc: $purple); + font-weight: normal; + } + + &:checked:backdrop, &:selected:backdrop { + label { color: $backdrop_selected_bg_color; } + } + } + + window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button { + background: none; + outline: none; + border: none; + box-shadow: none; + } + diff --git a/filesystem/.themes/Dracula/gtk-3.20/apps/_unity.scss b/filesystem/.themes/Dracula/gtk-3.20/apps/_unity.scss new file mode 100755 index 00000000..b461008b --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/apps/_unity.scss @@ -0,0 +1,170 @@ +/******** +* Unity * +*********/ + +$unity_color: #31363D; /* Unity window border color */ +$unity_text_color: #fefefe; /* Unity window text color */ +$backdrop_unity_text_color: darken($unity_text_color,10%); /* Backdrop Unity window text color */ +$unity_panel_color: darken($unity_color, 10%); /* Unity panel color #454D50 */ + +UnityDecoration { + + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px;/* the size of the decorations */ + -UnityDecoration-input-extents: 10px;/* the extra size of the input areas */ + + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px;/* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px;/* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px;/* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px;/* Size property, inactive windows shadow radius */ + + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px;/* Size property, size of glow */ + -UnityDecoration-glow-color: $selected_bg_color;/* Color property of the glow */ + + /* Title settings */ + -UnityDecoration-title-indent: 10px;/* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px;/* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0;/* Float from 0.0 to 1.0, to align the title */ + background-color: $unity_color; + color: $unity_text_color; + + .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid $unity_color; + border-bottom-width: 0; + background-color: $unity_color; + color: $unity_text_color; + border-top: 1px solid rgba(255,255,255,0.1); + + &:backdrop { + border-bottom-width: 0; + color: $backdrop_unity_text_color; + border-top: 1px solid rgba(255,255,255,0.1); + } + + .menuitem { + color: $unity_text_color; + + &:backdrop { + color: $backdrop_unity_text_color; + } + } + } +} + + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: darken($unity_color, 0.6); + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, + $unity_color, + darken($unity_color, 0.6) + ); +} + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: darken($unity_color, 0.6); +} + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; +} + + +/************** +* Unity Panel * +***************/ + +UnityPanelWidget, +.unity-panel { +background-color: $unity_panel_color; +color: $unity_text_color; +} + + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: $backdrop_unity_text_color; +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: $unity_text_color; +} + +.unity-panel.menubar, +.unity-panel .menubar { + color: $unity_text_color; +} + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: $unity_panel_color; + color: $unity_text_color; +} + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: $backdrop_fg_color; +} + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: $unity_text_color; + box-shadow: none; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: darken($unity_color, 1.05); + color: $unity_text_color; + box-shadow: none; +} + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; +} + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: $borders_color; +} + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: $base_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/filesystem/.themes/Dracula/gtk-3.20/apps/_xfce.scss b/filesystem/.themes/Dracula/gtk-3.20/apps/_xfce.scss new file mode 100644 index 00000000..e4f2daf8 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/apps/_xfce.scss @@ -0,0 +1,59 @@ +.xfce4-panel { + border-radius: 0; + &.background { + background-color: $panel_bg_color; + color: $fg_color; + + text-shadow: none; + -gtk-icon-shadow: none; + + button.flat:not(.open_group) { @extend %panelbutton; } + } + ࿎PanelWindow, ࿎PanelWindow.marching-ants {transition: none;} +} + +#tasklist-button { + color: transparentize($panel_fg_color, 0.2); + border-radius: 0; + border: none; + background-color: $panel_bg_color; + + &:hover { + color: lighten($panel_fg_color, 10%); + background-color: transparentize(black, 0.83); + } + + &:checked { + color: white; + background-color: transparentize(black, 0.75); + box-shadow: inset 0 -2px $selected_bg_color; + } +} + +%panelbutton { + color: $panel_fg_color; + border-radius: 0; + border: none; + background-color: $panel_bg_color; + font-weight: normal; + + &:hover { + border: none; + background-color: lighten($panel_bg_color, 10%); + } + &:active, &:checked { + color: $panel_fg_color; + box-shadow: 0px -2px $purple inset; + background-color: transparentize($selected_bg_color, 0.4); + + label, image { color: inherit; } + } +} + +/* Vala-appmenu-plugin*/ + +.-vala-panel-appmenu-core scrolledwindow, +.-vala-panel-appmenu-private > menuitem, +.-vala-panel-appmenu-private > menuitem:first-child > label { + color: $panel_fg_color; +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.20/assets/gtk3-assets-dark.svg b/filesystem/.themes/Dracula/gtk-3.20/assets/gtk3-assets-dark.svg new file mode 100755 index 00000000..481abaf2 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/assets/gtk3-assets-dark.svg @@ -0,0 +1,2615 @@ + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + Cornelis Peter + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gtk-3.20/assets/gtk3-assets.svg b/filesystem/.themes/Dracula/gtk-3.20/assets/gtk3-assets.svg new file mode 100755 index 00000000..587f79e6 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/assets/gtk3-assets.svg @@ -0,0 +1,2593 @@ + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + Peter Cornelis + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gtk-3.20/assets/gtk3-selection.svg b/filesystem/.themes/Dracula/gtk-3.20/assets/gtk3-selection.svg new file mode 100755 index 00000000..e06148ed --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/assets/gtk3-selection.svg @@ -0,0 +1,2965 @@ + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + Cornelis Peter + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gtk-3.20/assets/render-gtk3-assets-hidpi.py b/filesystem/.themes/Dracula/gtk-3.20/assets/render-gtk3-assets-hidpi.py new file mode 100755 index 00000000..cc964762 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/assets/render-gtk3-assets-hidpi.py @@ -0,0 +1,181 @@ +#!/usr/bin/python3 + +# Thanks to the GNOME theme nerds for the original source of this script + +import os +import sys +import xml.sax +import subprocess + +INKSCAPE = '/usr/bin/inkscape' +OPTIPNG = '/usr/bin/optipng' +MAINDIR = '../../' +SRC = os.path.join('.', '') + +inkscape_process = None + + +def optimize_png(png_file): + if os.path.exists(OPTIPNG): + process = subprocess.Popen([OPTIPNG, '-quiet', '-o7', png_file]) + process.wait() + + +def wait_for_prompt(process, command=None): + if command is not None: + process.stdin.write((command+'\n').encode('utf-8')) + + # This is kinda ugly ... + # Wait for just a '>', or '\n>' if some other char appearead first + output = process.stdout.read(1) + if output == b'>': + return + + output += process.stdout.read(1) + while output != b'\n>': + output += process.stdout.read(1) + output = output[1:] + + +def start_inkscape(): + process = subprocess.Popen( + [INKSCAPE, '--shell'], bufsize=0, + stdin=subprocess.PIPE, stdout=subprocess.PIPE + ) + wait_for_prompt(process) + return process + + +def inkscape_render_rect(icon_file, rect, output_file): + global inkscape_process + if inkscape_process is None: + inkscape_process = start_inkscape() + wait_for_prompt(inkscape_process, + '--export-dpi=180 %s -i %s -e %s' + % (icon_file, rect, output_file) + ) + optimize_png(output_file) + + +class ContentHandler(xml.sax.ContentHandler): + ROOT = 0 + SVG = 1 + LAYER = 2 + OTHER = 3 + TEXT = 4 + + def __init__(self, path, force=False, filter=None): + self.stack = [self.ROOT] + self.inside = [self.ROOT] + self.path = path + self.rects = [] + self.state = self.ROOT + self.chars = "" + self.force = force + self.filter = filter + + def endDocument(self): + pass + + def startElement(self, name, attrs): + if self.inside[-1] == self.ROOT: + if name == "svg": + self.stack.append(self.SVG) + self.inside.append(self.SVG) + return + elif self.inside[-1] == self.SVG: + if (name == "g" and ('inkscape:groupmode' in attrs) and ('inkscape:label' in attrs) + and attrs['inkscape:groupmode'] == 'layer' and attrs['inkscape:label'].startswith('Baseplate')): + self.stack.append(self.LAYER) + self.inside.append(self.LAYER) + self.context = None + self.icon_name = None + self.rects = [] + return + elif self.inside[-1] == self.LAYER: + if name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'context': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'context' + self.chars = "" + return + elif name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'icon-name': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'icon-name' + self.chars = "" + return + elif name == "rect": + self.rects.append(attrs) + + self.stack.append(self.OTHER) + + def endElement(self, name): + stacked = self.stack.pop() + if self.inside[-1] == stacked: + self.inside.pop() + + if stacked == self.TEXT and self.text is not None: + assert self.text in ['context', 'icon-name'] + if self.text == 'context': + self.context = self.chars + elif self.text == 'icon-name': + self.icon_name = self.chars + self.text = None + elif stacked == self.LAYER: + assert self.icon_name + assert self.context + + if self.filter is not None and not self.icon_name in self.filter: + return + + print (self.context, self.icon_name) + for rect in self.rects: + width = rect['width'] + height = rect['height'] + id = rect['id'] + + dir = os.path.join(MAINDIR, self.context) + outfile = os.path.join(dir, self.icon_name+'@2'+'.png') + if not os.path.exists(dir): + os.makedirs(dir) + # Do a time based check! + if self.force or not os.path.exists(outfile): + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + stat_in = os.stat(self.path) + stat_out = os.stat(outfile) + if stat_in.st_mtime > stat_out.st_mtime: + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + sys.stdout.write('-') + sys.stdout.flush() + sys.stdout.write('\n') + sys.stdout.flush() + + def characters(self, chars): + self.chars += chars.strip() + +if len(sys.argv) == 1: + if not os.path.exists(MAINDIR): + os.mkdir(MAINDIR) + print ('Rendering from SVGs in', SRC) + for file in os.listdir(SRC): + if file[-4:] == '.svg': + file = os.path.join(SRC, file) + handler = ContentHandler(file) + xml.sax.parse(open(file), handler) +else: + file = os.path.join(SRC, sys.argv[1] + '.svg') + if len(sys.argv) > 2: + icons = sys.argv[2:] + else: + icons = None + if os.path.exists(os.path.join(file)): + handler = ContentHandler(file, True, filter=icons) + xml.sax.parse(open(file), handler) + else: + print ("Error: No such file", file) + sys.exit(1) diff --git a/filesystem/.themes/Dracula/gtk-3.20/assets/render-gtk3-assets.py b/filesystem/.themes/Dracula/gtk-3.20/assets/render-gtk3-assets.py new file mode 100755 index 00000000..9f7cd90d --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/assets/render-gtk3-assets.py @@ -0,0 +1,180 @@ +#!/usr/bin/python3 + +# Thanks to the GNOME theme nerds for the original source of this script + +import os +import sys +import xml.sax +import subprocess + +INKSCAPE = '/usr/bin/inkscape' +OPTIPNG = '/usr/bin/optipng' +MAINDIR = '../../' +SRC = os.path.join('.', '') + +inkscape_process = None + + +def optimize_png(png_file): + if os.path.exists(OPTIPNG): + process = subprocess.Popen([OPTIPNG, '-quiet', '-o7', png_file]) + process.wait() + + +def wait_for_prompt(process, command=None): + if command is not None: + process.stdin.write((command+'\n').encode('utf-8')) + + # This is kinda ugly ... + # Wait for just a '>', or '\n>' if some other char appearead first + output = process.stdout.read(1) + if output == b'>': + return + + output += process.stdout.read(1) + while output != b'\n>': + output += process.stdout.read(1) + output = output[1:] + + +def start_inkscape(): + process = subprocess.Popen( + [INKSCAPE, '--shell'], + bufsize=0, stdin=subprocess.PIPE, stdout=subprocess.PIPE + ) + wait_for_prompt(process) + return process + + +def inkscape_render_rect(icon_file, rect, output_file): + global inkscape_process + if inkscape_process is None: + inkscape_process = start_inkscape() + wait_for_prompt(inkscape_process, + '%s -i %s -e %s' % + (icon_file, rect, output_file)) + optimize_png(output_file) + + +class ContentHandler(xml.sax.ContentHandler): + ROOT = 0 + SVG = 1 + LAYER = 2 + OTHER = 3 + TEXT = 4 + + def __init__(self, path, force=False, filter=None): + self.stack = [self.ROOT] + self.inside = [self.ROOT] + self.path = path + self.rects = [] + self.state = self.ROOT + self.chars = "" + self.force = force + self.filter = filter + + def endDocument(self): + pass + + def startElement(self, name, attrs): + if self.inside[-1] == self.ROOT: + if name == "svg": + self.stack.append(self.SVG) + self.inside.append(self.SVG) + return + elif self.inside[-1] == self.SVG: + if (name == "g" and ('inkscape:groupmode' in attrs) and ('inkscape:label' in attrs) + and attrs['inkscape:groupmode'] == 'layer' and attrs['inkscape:label'].startswith('Baseplate')): + self.stack.append(self.LAYER) + self.inside.append(self.LAYER) + self.context = None + self.icon_name = None + self.rects = [] + return + elif self.inside[-1] == self.LAYER: + if name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'context': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'context' + self.chars = "" + return + elif name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'icon-name': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'icon-name' + self.chars = "" + return + elif name == "rect": + self.rects.append(attrs) + + self.stack.append(self.OTHER) + + def endElement(self, name): + stacked = self.stack.pop() + if self.inside[-1] == stacked: + self.inside.pop() + + if stacked == self.TEXT and self.text is not None: + assert self.text in ['context', 'icon-name'] + if self.text == 'context': + self.context = self.chars + elif self.text == 'icon-name': + self.icon_name = self.chars + self.text = None + elif stacked == self.LAYER: + assert self.icon_name + assert self.context + + if self.filter is not None and not self.icon_name in self.filter: + return + + print (self.context, self.icon_name) + for rect in self.rects: + width = rect['width'] + height = rect['height'] + id = rect['id'] + + dir = os.path.join(MAINDIR, self.context) + outfile = os.path.join(dir, self.icon_name+'.png') + if not os.path.exists(dir): + os.makedirs(dir) + # Do a time based check! + if self.force or not os.path.exists(outfile): + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + stat_in = os.stat(self.path) + stat_out = os.stat(outfile) + if stat_in.st_mtime > stat_out.st_mtime: + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + sys.stdout.write('-') + sys.stdout.flush() + sys.stdout.write('\n') + sys.stdout.flush() + + def characters(self, chars): + self.chars += chars.strip() + +if len(sys.argv) == 1: + if not os.path.exists(MAINDIR): + os.mkdir(MAINDIR) + print ('Rendering from SVGs in', SRC) + for file in os.listdir(SRC): + if file[-4:] == '.svg': + file = os.path.join(SRC, file) + handler = ContentHandler(file) + xml.sax.parse(open(file), handler) +else: + file = os.path.join(SRC, sys.argv[1] + '.svg') + if len(sys.argv) > 2: + icons = sys.argv[2:] + else: + icons = None + if os.path.exists(os.path.join(file)): + handler = ContentHandler(file, True, filter=icons) + xml.sax.parse(open(file), handler) + else: + print ("Error: No such file", file) + sys.exit(1) diff --git a/filesystem/.themes/Dracula/gtk-3.20/assets/wm_controls.fish b/filesystem/.themes/Dracula/gtk-3.20/assets/wm_controls.fish new file mode 100644 index 00000000..e53c9182 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/assets/wm_controls.fish @@ -0,0 +1,5 @@ +set -l wm 'close' 'close_prelight' 'close_unfocused' 'min' 'min_prelight' 'maximize' 'maximize_prelight' +set -l path '../../assets/' +for item in $wm + inkscape -z $path$item.svg -e $path$item@2.png --export-dpi=192; optipng -o7 --quiet $path$item@2.png +end diff --git a/filesystem/.themes/Dracula/gtk-3.20/gtk-dark.css b/filesystem/.themes/Dracula/gtk-3.20/gtk-dark.css new file mode 100755 index 00000000..c6bc17ab --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/gtk-dark.css @@ -0,0 +1,6314 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #f8f8f2; +/* text color for entries, views and content in general */ +@define-color theme_text_color #f8f8f2; +/* widget base background color */ +@define-color theme_bg_color #1e1f29; +/* text widgets and the like base background color */ +@define-color theme_base_color #282a36; +/* base background color of selections */ +@define-color theme_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #f8f8f2; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #22232e; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #8b8c8e; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #282a36; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #8b8c8e; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #f8f8f2; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1f29; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2a2c39; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #f8f8f2; +/* widgets main borders color */ +@define-color borders rgba(25, 26, 34, 0.9); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(26, 27, 35, 0.91); +/* these are pretty self explicative */ +@define-color warning_color #ff9f39; +@define-color error_color #ff3c3c; +@define-color success_color #4caec3; +@define-color fg_color #f8f8f2; +@define-color text_color #f8f8f2; +@define-color bg_color #1e1f29; +@define-color base_color #282a36; +@define-color selected_bg_color rgba(189, 147, 249, 0.5); +@define-color selected_fg_color #f8f8f2; +@define-color unfocused_fg_color #8b8c8e; +@define-color unfocused_text_color #f8f8f2; +@define-color unfocused_bg_color #1e1f29; +@define-color unfocused_base_color #2a2c39; +@define-color unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +@define-color unfocused_selected_fg_color #f8f8f2; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#f8f8f2, 1.8); +@define-color wm_unfocused_title #8b8c8e; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#1e1f29, 1.2); +@define-color wm_bg_b #1e1f29; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#1e1f29, 1.3); +@define-color wm_button_hover_color_b #1e1f29; +@define-color wm_button_active_color_a shade(#1e1f29, 0.85); +@define-color wm_button_active_color_b shade(#1e1f29, 0.89); +@define-color wm_button_active_color_c shade(#1e1f29, 0.9); +@define-color content_view_bg #282a36; +@define-color budgie_tasklist_indicator_color rgba(189, 147, 249, 0.5); +@define-color budgie_tasklist_indicator_color_active rgba(189, 147, 249, 0.5); +@define-color placeholder_text_color #cfcfcd; +@define-color STRAWBERRY_100 #ff8c82; +@define-color STRAWBERRY_300 #ed5353; +@define-color STRAWBERRY_500 #c6262e; +@define-color STRAWBERRY_700 #a10705; +@define-color STRAWBERRY_900 #7a0000; +@define-color ORANGE_100 #ffc27d; +@define-color ORANGE_300 #ffa154; +@define-color ORANGE_500 #f37329; +@define-color ORANGE_700 #cc3b02; +@define-color ORANGE_900 #a62100; +@define-color BANANA_100 #fff394; +@define-color BANANA_300 #ffe16b; +@define-color BANANA_500 #f9c440; +@define-color BANANA_700 #d48e15; +@define-color BANANA_900 #ad5f00; +@define-color LIME_100 #d1ff82; +@define-color LIME_300 #9bdb4d; +@define-color LIME_500 #68b723; +@define-color LIME_700 #3a9104; +@define-color LIME_900 #206b00; +@define-color MINT_100 #89ffdd; +@define-color MINT_300 #43d6b5; +@define-color MINT_500 #28bca3; +@define-color MINT_700 #0e9a83; +@define-color MINT_900 #007367; +@define-color BLUEBERRY_100 #8cd5ff; +@define-color BLUEBERRY_300 #64baff; +@define-color BLUEBERRY_500 #3689e6; +@define-color BLUEBERRY_700 #0d52bf; +@define-color BLUEBERRY_900 #002e99; +@define-color BUBBLEGUM_100 #fe9ab8; +@define-color BUBBLEGUM_300 #f4679d; +@define-color BUBBLEGUM_500 #de3e80; +@define-color BUBBLEGUM_700 #bc245d; +@define-color BUBBLEGUM_900 #910e38; +@define-color GRAPE_100 #e4c6fa; +@define-color GRAPE_300 #cd9ef7; +@define-color GRAPE_500 #a56de2; +@define-color GRAPE_700 #7239b3; +@define-color GRAPE_900 #452981; +@define-color COCOA_100 #a3907c; +@define-color COCOA_300 #8a715e; +@define-color COCOA_500 #715344; +@define-color COCOA_700 #57392d; +@define-color COCOA_900 #3d211b; +@define-color SILVER_100 #fafafa; +@define-color SILVER_300 #d4d4d4; +@define-color SILVER_500 #abacae; +@define-color SILVER_700 #7e8087; +@define-color SILVER_900 #555761; +@define-color SLATE_100 #95a3ab; +@define-color SLATE_300 #667885; +@define-color SLATE_500 #485a6c; +@define-color SLATE_700 #273445; +@define-color SLATE_900 #0e141f; +@define-color BLACK_100 #666; +@define-color BLACK_300 #4d4d4d; +@define-color BLACK_500 #333; +@define-color BLACK_700 #1a1a1a; +@define-color BLACK_900 #000; +/***************** +* Drawing mixins * +*****************/ +/********* +* Common * +*********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #ff3c3c; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(248, 248, 242, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; + -gtk-secondary-caret-color: rgba(189, 147, 249, 0.5); } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #08090c; + border: solid rgba(25, 26, 34, 0.9); + border-width: 1px 0 0 0; + color: #f8f8f2; + box-shadow: none; } + .action-bar:backdrop { + background-color: #08090c; + box-shadow: none; + -gtk-icon-effect: dim; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(20, 23, 26, 0.8); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #f8f8f2; + background-color: #1e1f29; } + .background:backdrop { + color: #8b8c8e; + background-color: #1e1f29; + text-shadow: none; + -gtk-icon-shadow: none; } + .background.chromium { + background-color: #2f313f; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +selection { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: #f8f8f2; + background-color: #1e1f29; } + .gtkstyle-fallback:hover { + color: #f8f8f2; + background-color: #343546; } + .gtkstyle-fallback:active { + color: #f8f8f2; + background-color: #08090c; } + .gtkstyle-fallback:disabled { + color: #8b8c8e; + background-color: #22232e; } + .gtkstyle-fallback:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #f8f8f2; + background-color: #282a36; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: #cfcfcd; + background-color: #2a2c39; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 3px; } + +textview border { + background-color: #232530; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +treeview.view rubberband { + border: 1px solid rgba(159, 99, 246, 0.5); + background-color: rgba(159, 99, 246, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #f8f8f2; } + label.separator:backdrop { + color: #8b8c8e; } + label selection { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + label:disabled { + color: #8b8c8e; } + label:disabled:backdrop { + color: #3e4055; } + label:backdrop { + color: #8b8c8e; } + +.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #4a4a51; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd { + color: #fefefe; + border: none; + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + outline-color: rgba(254, 254, 254, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +*:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(rgba(233, 219, 253, 0.5)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(189, 147, 249, 0.5)), to(transparent)); } } +notebook > header > tabs > arrow, +button { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border: none; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + border: 1px solid #282a36; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-effect: highlight; } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(174, 123, 248, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition-duration: 50ms; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition: 200ms ease-out; + -gtk-icon-effect: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + button:backdrop.flat:active label, + button:backdrop.flat:checked label, + button:backdrop:active label, + button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #50fa7a; + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #f8f8f2; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #8b8c8e; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #fefefe; + border-radius: 5px; + outline-color: rgba(254, 254, 254, 0.3); + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification button, +.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, +.osd button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + .osd button:active:backdrop, + .osd button:active, + .osd button:checked:backdrop, + .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + .osd button:disabled:backdrop, + .osd button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + .osd button:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + .osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + .osd button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + .osd button.flat:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + .osd button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + .osd button.flat:active, + .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } +button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + border: 1px solid #bd93f9; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton, button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #bd93f9; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:active, button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(189, 147, 249, 0.8); } + button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd button.suggested-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(189, 147, 249, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.7), rgba(189, 147, 249, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #bd93f9, #bd93f9); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + border: 1px solid #ff2222; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #ff2222; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:active, button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(255, 34, 34, 0.8); } + button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd button.destructive-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(255, 34, 34, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.7), rgba(255, 34, 34, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #ff2222, #ff2222); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.5), rgba(255, 34, 34, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar button { + -gtk-icon-shadow: none; } + +.stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(233, 219, 253, 0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.888627451)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + +toolbar button:hover { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #0f0f14; + text-shadow: none; + border: 1px solid #0f0f14; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +toolbar button:active { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #040406; + text-shadow: none; + border: 1px solid #040406; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.inline-toolbar toolbutton > button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:hover { + color: rgba(189, 147, 249, 0.5); } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(174, 123, 248, 0); } + .inline-toolbar toolbutton > button:backdrop { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(174, 123, 248, 0); } + +toolbar.inline-toolbar toolbutton > button.flat:backdrop, +toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { + border-color: transparent; + box-shadow: none; } + +.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, +popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, +popover.background radiobutton:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: #383a4c; } + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, + popover.background radiobutton check:last-child, + modelbutton.flat radio:last-child, + popover.background checkbutton radio:last-child, + popover.background radiobutton radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, + popover.background radiobutton check:first-child, + modelbutton.flat radio:first-child, + popover.background checkbutton radio:first-child, + popover.background radiobutton radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, popover.background checkbutton arrow, +popover.background radiobutton arrow { + background: none; } + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, + popover.background radiobutton arrow:hover { + background: none; } + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, + popover.background radiobutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, + popover.background radiobutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +notebook button, list button, .view button, iconview button, popover button { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } + notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } +notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(248, 248, 242, 0.45); } + calendar.button:hover { + color: #f8f8f2; } + calendar.button:backdrop { + color: rgba(139, 140, 142, 0.45); } + calendar.button:disabled { + color: rgba(139, 140, 142, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #f8f8f2; } + calendar:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, iconview.content-view check, +.view.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, iconview.content-view radio, +.view.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, iconview.content-view check:hover, +.view.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, iconview.content-view radio:hover, +.view.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, iconview.content-view check:active, +.view.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, iconview.content-view radio:active, +.view.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, iconview.content-view check:disabled, +.view.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + margin: 0 4px; + min-height: 16px; + min-width: 16px; + border: none; } + menu menuitem check, menu menuitem + radio { + margin: 0; } + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem + radio, menu menuitem + radio:hover, menu menuitem + radio:disabled { + min-height: 14px; + min-width: 14px; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + border-color: currentColor; + animation: none; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #f8f8f2; } + colorswatch.dark overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.dark overlay:backdrop { + color: rgba(248, 248, 242, 0.5); } +colorswatch.light overlay { + color: #f8f8f2; } + colorswatch.light overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.light overlay:backdrop { + color: #cfcfcd; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } + colorswatch:drop(active).dark overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid rgba(25, 26, 34, 0.9); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(25, 26, 34, 0.9); + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + border: 1px solid #282a36; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #f8f8f2; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar:not(headerbar) { + background-color: rgba(30, 31, 41, 0.95); } +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(30, 31, 41, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } +messagedialog.csd.background { + background-color: rgba(30, 31, 41, 0.95); + color: #f8f8f2; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +messagedialog.csd .dialog-action-area button { + padding: 10px 14px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; + background-color: transparent; + color: #f8f8f2; + box-shadow: none; } + messagedialog.csd .dialog-action-area button:hover { + background-color: rgba(189, 147, 249, 0.4); } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 4px; } + +filechooser .dialog-action-box { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + filechooser .dialog-action-box:backdrop { + border-top-color: rgba(26, 27, 35, 0.91); } +filechooser #pathbarbox { + border-bottom: 1px solid #1e1f29; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), entry { + min-height: 32px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; } + spinbutton:not(.vertical) image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton:not(.vertical) undershoot.left, + entry 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; + border: none; + box-shadow: none; } + spinbutton:not(.vertical) undershoot.right, + entry 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; + border: none; + box-shadow: none; } + spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + box-shadow: none; + border-radius: 0; } + spinbutton:focus:not(.vertical), + entry:focus { + border-color: rgba(159, 99, 246, 0.5); } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #8b8c8e; + border-color: rgba(25, 26, 34, 0.9); + background-color: #22232e; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #3e4055; + border-color: rgba(26, 27, 35, 0.91); + background-color: #22232e; + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff3c3c; + border-color: #880000; } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + border-color: #880000; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #ff3c3c; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff9f39; + border-color: #864500; } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + border-color: #864500; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #ff9f39; } + spinbutton:not(.vertical) image, + entry image { + color: #cecfcc; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #f8f8f2; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: rgba(189, 147, 249, 0.5); } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #78797d; } + spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus, + entry:drop(active) { + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } + .osd spinbutton:not(.vertical), + .osd entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus:not(.vertical), + .osd entry:focus { + color: white; + border-color: rgba(189, 147, 249, 0.5); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), + .osd entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), + .osd entry:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(43, 46, 49, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: rgba(189, 147, 249, 0.5); + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:focus + button, .linked:not(.vertical) > +entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + +entry, .linked:not(.vertical) > +entry:focus + +entry { + border-left-color: rgba(159, 99, 246, 0.5); } +.linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > +entry:focus { + border-color: rgba(159, 99, 246, 0.5); } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #50fa7a; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: rgba(36, 38, 49, 0.97); + background-image: linear-gradient(to bottom, #282a36, #282a36); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: rgba(38, 40, 51, 0.973); + background-image: linear-gradient(to bottom, #2a2c39, #2a2c39); } +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: rgba(36, 38, 49, 0.97); } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: rgba(159, 99, 246, 0.5); } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #50fa7a; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: rgba(159, 99, 246, 0.5); } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #50fa7a; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: #282a36; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #282a36; } + treeview entry.flat:focus, treeview entry:focus { + border-color: rgba(189, 147, 249, 0.5); } + +/************* + * Expanders * + *************/ +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: white; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #1e1f29; + border-width: 1px; + border-style: solid solid none; + border-color: rgba(25, 26, 34, 0.9); + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #1e1f29; + border-color: rgba(26, 27, 35, 0.91); } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(25, 26, 34, 0.9); } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + actionbar > revealer > box:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow 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; + border: none; + box-shadow: none; } +scrolledwindow 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; + border: none; + box-shadow: none; } +scrolledwindow 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; + border: none; + box-shadow: none; } +scrolledwindow 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; + border: none; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(25, 26, 34, 0.9) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #232530; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, rgba(26, 27, 35, 0.91) 1px, transparent 1px); + background-color: #181820; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid #282a36; + background: #282a36; + color: #f8f8f2; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: rgba(189, 147, 249, 0.5); } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #282a36; + background-image: none; + border: 1px solid #282a36; + color: #f8f8f2; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #282a36; } + GraniteWidgetsWelcome GtkLabel { + color: #f8f8f2; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(248, 248, 242, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + background-color: #1e1f29; + border: solid rgba(25, 26, 34, 0.9); + color: #f8f8f2; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #1e1f29; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #13141a; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(248, 248, 242, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #f1fa8c; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #282a36; } + .storage-bar .fill-block.app { + background-color: #13b1d5; } + .storage-bar .fill-block.audio { + background-color: #ffb86c; } + .storage-bar .fill-block.photo { + background-color: #ff5555; } + .storage-bar .fill-block.video { + background-color: #bd93f9; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), headerbar { + padding: 0 6px; + min-height: 34px; + background-color: #1e1f29; + color: #f8f8f2; + border-radius: 0; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-image: none; + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) headerbar .linked > button:hover, + headerbar .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) headerbar .linked > button:active, + headerbar .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) headerbar .linked > button:checked, + headerbar .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button:backdrop, + headerbar .linked > button, + headerbar .linked > button:hover, + headerbar .linked > button:active, + headerbar .linked > button:checked, + headerbar .linked > button:backdrop { + border: none; + border-radius: 7px; + border-right-style: none; + box-shadow: none; } + .titlebar:not(headerbar) entry, + headerbar entry { + min-height: 24px; } + .titlebar:not(headerbar) button, + headerbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + min-height: 30px; + margin-top: 5px; + margin-bottom: 5px; } + .titlebar:not(headerbar) button:hover, + headerbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:active, + headerbar button:checked { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .titlebar:not(headerbar) button:backdrop, .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:backdrop:hover, .titlebar:not(headerbar) button:backdrop:active, .titlebar:not(headerbar) button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + background-color: transparent; + color: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + border: 1px solid #72BFD0; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:active, + headerbar button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action, + headerbar button.destructive-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + border: 1px solid #ff2222; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:active, + headerbar button.destructive-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop:hover, .titlebar:not(headerbar) button.titlebutton *, + headerbar button.titlebutton:hover, + headerbar button.titlebutton:active, + headerbar button.titlebutton:checked, + headerbar button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop:hover, + headerbar button.titlebutton * { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:active:backdrop, + .titlebar:not(headerbar) .linked > button:checked:backdrop, + headerbar .linked > button:active:backdrop, + headerbar .linked > button:checked:backdrop { + color: rgba(189, 147, 249, 0.4); } + .titlebar:not(headerbar) .linked > button:active:backdrop label, + .titlebar:not(headerbar) .linked > button:checked:backdrop label, + headerbar .linked > button:active:backdrop label, + headerbar .linked > button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + color: #f8f8f2; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: rgba(159, 99, 246, 0.5); + background: rgba(189, 147, 249, 0.5) linear-gradient(to top, rgba(180, 133, 248, 0.5), rgba(186, 142, 249, 0.5) 2px, rgba(189, 147, 249, 0.5) 3px); + box-shadow: inset 0 1px rgba(209, 179, 251, 0.3); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: rgba(189, 147, 249, 0.5); + background-image: none; + box-shadow: inset 0 1px rgba(215, 189, 251, 0.26); } + .selection-mode.titlebar:not(headerbar) button, + headerbar.selection-mode button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.flat, + headerbar.selection-mode button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:hover, + headerbar.selection-mode button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-effect: none; + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:disabled, + headerbar.selection-mode button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button.suggested-action, + headerbar.selection-mode button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + border: 1px solid #72BFD0; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(189, 147, 249, 0); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0), rgba(189, 147, 249, 0)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu:backdrop GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(248, 248, 242, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + padding: 4px; + min-height: 28px; } + .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator { + margin-top: 5px; + margin-bottom: 5px; } +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; } +headerbar separator { + background: transparent; } +headerbar viewswitcher > box.horizontal > button.radio, headerbar switcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; } + headerbar viewswitcher > box.horizontal > button.radio image, headerbar switcher > box.horizontal > button.radio image { + margin-left: 7px; } + headerbar viewswitcher > box.horizontal > button.radio label, headerbar switcher > box.horizontal > button.radio label { + margin-right: 7px; } + +.background:not(.tiled):not(.maximized) .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 4px; } +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 4px; } + +window { + border-radius: 6px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { + background: #1e1f29; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #f8f8f2; + background-color: #1e1f29; + border-bottom: 1px solid #08090c; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #f8f8f2; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #f8f8f2; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(248, 248, 242, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(40, 42, 54, 0.98); + color: #f8f8f2; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #f8f8f2; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #282a36; + color: #f8f8f2; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(40, 42, 54, 0.6); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(40, 42, 54, 0.5); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + +.info { + background-color: rgba(80, 250, 122, 0.85); + color: #1e1f29; } + .info:backdrop { + background-color: rgba(130, 251, 160, 0.85); + color: rgba(248, 248, 242, 0.5); } + +.warning { + background-color: #ff9f39; } + .warning:backdrop { + background-color: #ffb86c; + color: rgba(248, 248, 242, 0.5); } + +.question { + background-color: #72BFD0; } + .question:backdrop { + background-color: #98d0dd; + color: rgba(248, 248, 242, 0.5); } + +.error { + background-color: #ff3c3c; } + .error:backdrop { + background-color: #ff6f6f; + color: rgba(248, 248, 242, 0.5); } + +/************* + * Level Bar * + *************/ +levelbar block { + min-width: 32px; + min-height: 6px; } +levelbar.vertical block { + min-width: 6px; + min-height: 32px; } +levelbar:backdrop { + transition: 200ms ease-out; } +levelbar trough { + padding: 3px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.14); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + levelbar trough:backdrop { + background-color: rgba(0, 0, 0, 0.06); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } +levelbar.horizontal.discrete block { + margin: 0 1px; } +levelbar.vertical.discrete block { + margin: 1px 0; } +levelbar block { + border-radius: 2px; } + levelbar block:backdrop { + box-shadow: none; } + levelbar block.low { + background-color: #ff9f39; } + levelbar block.low:backdrop { + border-color: #ff9f39; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #72BFD0; } + levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { + border-color: #72BFD0; } + levelbar block.full { + background-color: #4caec3; } + levelbar block.full:backdrop { + border-color: #4caec3; } + levelbar block.empty { + background-color: rgba(0, 0, 0, 0.14); + box-shadow: none; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #13b1d5; } + *:link:visited, + button:visited { + color: rgba(19, 177, 213, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: rgba(237, 230, 243, 0.8); } + *:link:hover, button:hover:link, + button:hover:visited { + color: #2fc9ec; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: rgba(246, 244, 242, 0.95); } + *:link:active, button:active:link, + button:active:visited { + color: #13b1d5; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: rgba(243, 240, 243, 0.9); } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: rgba(189, 147, 249, 0.5); } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: rgba(243, 240, 243, 0.9); } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list { + color: #f8f8f2; + background-color: #282a36; + border-color: rgba(25, 26, 34, 0.9); } + list:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + +row { + background-color: transparent; + border-color: rgba(25, 26, 34, 0.9); } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(248, 248, 242, 0.05); } + row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + row.activatable:backdrop:hover { + background-color: transparent; } + row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + row.activatable:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #1e1f29; + color: #f8f8f2; + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + menubar > menuitem, + .menubar > menuitem { + min-height: 16px; + padding: 4px 8px; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + box-shadow: inset 0 -3px rgba(189, 147, 249, 0.5); } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: #8b8c8e; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background-color: #242530; + border: 1px solid rgba(25, 26, 34, 0.9); + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #282936; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #8b8c8e; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #3e4055; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #8b8c8e; + background-color: transparent; } + menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, .menu > arrow, .context-menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #242530; + border-radius: 0; } + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + background-color: #3d3f49; } + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + background-color: #282936; } + menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } +menuitem check, +menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f0f14; } + .content-view:hover { + -gtk-icon-effect: highlight; } + .content-view:backdrop { + background-color: #0f0f14; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(248, 248, 242, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #4a4a51; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: rgba(25, 26, 34, 0.9); + border-width: 0px; + background-color: #1e1f29; } + notebook > header:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: #1e1f29; } + notebook > header tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked { + background-color: #282a36; } + notebook > header.top > tabs > tab:checked:hover { + background-color: #282a36; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs { + margin-top: -2px; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + background-color: #282a36; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs { + margin-right: -2px; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + background-color: #282a36; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs { + margin-left: -2px; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + background-color: #282a36; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + 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.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + 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.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + outline-offset: -5px; + color: #8b8c8e; + font-weight: bold; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #c2c2c0; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(25, 26, 34, 0.2); + background-color: rgba(30, 31, 41, 0.2); } + notebook > header tab:backdrop { + color: #5f6066; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #f8f8f2; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(25, 26, 34, 0.4); + background-color: rgba(30, 31, 41, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(30, 31, 41, 0.7); } + notebook > header tab:backdrop:checked { + color: #8b8c8e; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + background: transparent; + box-shadow: none; + color: #ff5555; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 0.5px; + padding-right: 0.5px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0.5px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0.5px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #282a36; } + notebook > stack:not(:only-child):backdrop { + background-color: #2a2c39; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(rgba(189, 147, 249, 0.5)); } + paned > separator:backdrop { + background-image: image(rgba(26, 27, 35, 0.91)); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #1e1f29; + background-image: image(rgba(25, 26, 34, 0.9)), image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #1e1f29; + background-image: image(rgba(26, 27, 35, 0.91)), image(rgba(26, 27, 35, 0.91)); } +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.text-button.image-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; } + +/*************** + * Popovers * + ***************/ +popover.background { + padding: 2px; + border-radius: 5px; + background-color: #242530; + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); } + .csd popover.background, popover.background { + border: 1px solid rgba(25, 26, 34, 0.9); } + popover.background:backdrop { + background-color: #1e1f29; + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar { + border-style: none; + background-color: transparent; } + .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { + border: 1px solid rgba(255, 255, 255, 0.1); } + popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + popover.background list row { + padding: 8px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(248, 248, 242, 0.4); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar.horizontal progress { + margin: 0; } + progressbar.vertical progress { + margin: 0; } + progressbar:backdrop { + box-shadow: none; + transition: 200ms ease-out; } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + progressbar.osd progress { + border-style: none; + border-radius: 0; } + +/************ + * GtkScale * + ************/ +progressbar trough, scale trough, scale fill { + background-color: rgba(140, 143, 171, 0.14); + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: rgba(0, 0, 0, 0.14); } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: rgba(0, 0, 0, 0.14); + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.14); } + +progressbar progress, scale highlight { + border: none; + background-color: rgba(189, 147, 249, 0.5); + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(0, 0, 0, 0.14); } + progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: rgba(204, 171, 250, 0.5); + background-color: rgba(204, 171, 250, 0.5); } + progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.1); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 6px; } + scale.vertical trough, + scale.vertical progress { + min-width: 6px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + background-color: #bd93f9; } + scale slider:active:disabled { + background-color: #22232e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.05); } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + margin: -6px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 5px; + outline-color: transparent; } + scale fill:backdrop, scale fill { + background-color: rgba(25, 26, 34, 0.9); } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(97, 97, 97, 0.775); } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #282a36; + border: none; + border-radius: 12px; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:active { + border-color: rgba(159, 99, 246, 0.5); } + scale slider:disabled { + background-color: #22232e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:backdrop, scale slider:backdrop:disabled { + transition: 200ms ease-out; + background-color: #5e637f; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + row:selected scale slider:disabled, row:selected scale slider { + border-color: rgba(159, 99, 246, 0.5); } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + 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; } + scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + 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.horizontal.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + background-image: image(rgba(25, 26, 34, 0.9)); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #232530; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top { + border-bottom: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.bottom { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.left { + border-right: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar:backdrop { + background-color: #181820; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a2; } + scrollbar slider:hover { + background-color: #cccdca; } + scrollbar slider:hover:active { + background-color: rgba(219, 195, 252, 0.5); } + scrollbar slider:backdrop { + background-color: #4a4b51; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #f8f8f2; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #f8f8f2; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #a1a1a2; } + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #cccdca; } + scrollbar button:active, scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(219, 195, 252, 0.5); } + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(161, 161, 162, 0.2); } + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #4a4b51; } + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(74, 75, 81, 0.2); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid rgba(25, 26, 34, 0.9); + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: #20212b; } + .sidebar .frame { + border: none; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: none; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); + border-right-style: none; } + .sidebar:backdrop { + background-color: #242631; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + .sidebar list { + background-color: #20212b; } + .sidebar row { + margin: 0 10px; + padding: 10px 12px; + border-radius: 10px; } + .sidebar row:selected { + background: rgba(189, 147, 249, 0.1); + color: #bd93f9; } + .sidebar row:selected:backdrop { + background: rgba(189, 147, 249, 0.1); } + .sidebar row:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .sidebar row:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar row:selected label { + color: #bd93f9; } + .sidebar.source-list { + background-color: #1e1f29; + color: #F2EFEA; + padding: 4px 0px; } + .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { + background-color: rgba(40, 42, 54, 0.6); } + 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-color: rgba(25, 26, 34, 0.9); } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row label { + padding-left: 8px; } +placessidebar row.sidebar-new-bookmark-row { + color: rgba(189, 147, 249, 0.5); } +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #50fa7a, inset 0 -1px #50fa7a; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #f8f8f2; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; } + spinbutton:not(.vertical) entry { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #e3e3df; + background-image: none; + border-style: none none none solid; + border-color: rgba(25, 26, 34, 0.2); + border-radius: 0; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:hover { + color: #f8f8f2; + background-color: rgba(248, 248, 242, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(139, 140, 142, 0.3); } + spinbutton:not(.vertical) button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + color: #818286; + background-color: transparent; + border-color: rgba(26, 27, 35, 0.21); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(62, 64, 85, 0.3); + background-image: none; + border-style: none none none solid; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } +.osd spinbutton:not(.vertical) button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(254, 254, 254, 0.1); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #898b8c; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +spinbutton.vertical:disabled { + color: #8b8c8e; } +spinbutton.vertical:backdrop:disabled { + color: #3e4055; } +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } +spinbutton.vertical entry { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; } +spinbutton.vertical button { + min-height: 32px; + min-width: 32px; + padding: 0; + border-width: 1px; + border-color: rgba(25, 26, 34, 0.9); + box-shadow: 0 1px rgba(255, 255, 255, 0.1); } +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } +spinbutton.vertical button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } +.osd spinbutton.vertical button:first-child { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: rgba(189, 147, 249, 0.5); } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + 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; } + +/********** + * Switch * + **********/ +switch { + font-size: 1px; + min-width: 45px; + min-height: 27px; + background-size: 45px 27px; + background-color: transparent; + background-repeat: no-repeat; + background-position: center center; + background-image: -gtk-scaled(url("../assets/switch-off.svg"), url("../assets/switch-off.svg")); } + switch:disabled { + background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"), url("../assets/switch-insensitive.svg")); } + switch, switch slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; } + switch:checked { + background-image: -gtk-scaled(url("../assets/switch-on.svg"), url("../assets/switch-on.svg")); } + switch:checked slider { + background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"), url("../assets/switch-slider-on@2.png")); } + switch slider { + min-width: 1px; + min-height: 1px; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"), url("../assets/switch-slider-off@2.png")); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar, +.location-bar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #1e1f29; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(20, 23, 26, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + toolbar.horizontal separator { + margin: 0 7px 1px 6px; } + toolbar.vertical separator { + margin: 6px 1px 7px 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.inline-toolbar { + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; } + +searchbar, +.location-bar { + border-width: 0 0 1px; + padding: 3px; } + +.inline-toolbar, searchbar, +.location-bar { + border-style: solid; + border-color: rgba(25, 26, 34, 0.9); + background-color: rgba(29, 30, 39, 0.97); } + .inline-toolbar:backdrop, searchbar:backdrop, + .location-bar:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: rgba(29, 30, 39, 0.9685); + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #282a36; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(0, 0, 0, 0.8); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: white; } + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: #909194; + border-top-color: #1e1f29; } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view:selected:focus, treeview.view:selected { + border-radius: 0; } + treeview.view:selected:backdrop, treeview.view:selected { + border-left-color: rgba(233, 223, 244, 0.75); + border-top-color: rgba(248, 248, 242, 0.1); } + treeview.view:disabled { + color: #8b8c8e; } + treeview.view:disabled:selected { + color: rgba(228, 214, 244, 0.7); } + treeview.view:disabled:selected:backdrop { + color: rgba(207, 177, 247, 0.5); } + treeview.view:disabled:backdrop { + color: #3e4055; } + treeview.view.separator { + min-height: 2px; + color: #1e1f29; } + treeview.view.separator:backdrop { + color: rgba(30, 31, 41, 0.1); } + treeview.view:backdrop { + border-left-color: #55565c; + border-top: #1e1f29; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: rgba(159, 99, 246, 0.5); } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #bababa; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #f8f8f2; } + treeview.view.expander:selected { + color: rgba(241, 235, 243, 0.85); } + treeview.view.expander:selected:hover { + color: #f8f8f2; } + treeview.view.expander:selected:backdrop { + color: rgba(230, 218, 244, 0.5); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: #6e6f75; } + treeview.view.progressbar { + border: 1px solid rgba(159, 99, 246, 0.5); + border-radius: 4px; + background-color: rgba(189, 147, 249, 0.5); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(159, 99, 246, 0.5)); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + border-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #282a36, #121319); } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + border-color: #2a2c39; + background-color: #2a2c39; } + treeview.view.progressbar:backdrop { + border-color: #2a2c39; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(248, 248, 242, 0.1); + border-radius: 4px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: rgba(159, 99, 246, 0.5); + border-radius: 4px; } + treeview.view header button { + color: #909194; + background-color: #282a36; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #c4c5c3; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #f8f8f2; + transition: none; } + treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + border-right-style: none; } + treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 0 6px; + transition: none; + background-image: none; + background-color: rgba(189, 147, 249, 0.5); + color: #282a36; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #282a36; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: rgba(189, 147, 249, 0.5); } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 0 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-width: 1px; + border-style: none solid solid none; + border-color: #1e1f29; } + treeview.view header button:disabled { + border-color: #1e1f29; + background-image: none; } + treeview.view header button:backdrop { + border-color: #1e1f29; + border-style: none solid solid none; + color: #55565c; + background-image: none; + background-color: #2a2c39; + box-shadow: none; } + treeview.view header button:backdrop:disabled { + border-color: #1e1f29; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 4px 4px 0 0; + border-width: 0px; + border-width: 0px; + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.15); + transition: 200ms ease-out; } + .maximized decoration, .fullscreen decoration, .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; } + .csd.popup decoration { + border-radius: 0; + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(25, 26, 34, 0.7); } + tooltip.csd decoration { + border-radius: 5px; + box-shadow: none; } + messagedialog.csd decoration { + border-radius: 7px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(25, 26, 34, 0.7); } + .solid-csd decoration { + border-radius: 0; + margin: 0px; + background-color: #1e1f29; + border: solid 1px rgba(26, 27, 35, 0.91); + box-shadow: none; } + +button.titlebutton { + background-repeat: no-repeat; + background-position: center; + min-height: 32px; + padding: 0 3px; + box-shadow: none; } + button.titlebutton.close { + background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } + button.titlebutton.close:hover, button.titlebutton.close:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } + button.titlebutton.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } + button.titlebutton.maximize:hover, button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } + button.titlebutton.minimize { + background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } + button.titlebutton.minimize:hover, button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } + button.titlebutton.close:backdrop, button.titlebutton.minimize:backdrop, button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } + button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: 0 -1px rgba(0, 0, 0, 0.3788235294); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.3788235294); } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, +popover.background radiobutton:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + background-color: rgba(189, 147, 249, 0.5); } + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + color: #f8f8f2; + font-weight: bold; } + row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, + popover.background radiobutton:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: rgba(233, 223, 244, 0.75); } + row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + iconview text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + iconview text:backdrop:selected, + textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, + textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, + popover.background radiobutton:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(248, 248, 242, 0.5); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, + textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, + popover.background radiobutton:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(207, 177, 247, 0.5); } + +.monospace { + font-family: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********* +* Budgie * +*********/ +.budgie-container { + background-color: transparent; } + .budgie-container:backdrop { + background-color: transparent; } + .budgie-container popover list, + .budgie-container popover row { + border: none; + background: none; + padding: 0; + margin: 0; } + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; } + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: rgba(30, 31, 41, 0.98); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid @borders; } + .budgie-popover list:hover, + .budgie-popover row:hover, + .budgie-popover.background list:hover, + .budgie-popover.background row:hover { + background: none; } + .budgie-popover > frame.container, + .budgie-popover.background > frame.container { + margin: 0 -1px -1px; + padding: 2px 0 0; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu .container { + padding: 0; } +.budgie-menu button:hover { + -gtk-icon-effect: none; } +.budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid @borders; + border-radius: 0; + font-size: 120%; + box-shadow: none; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background-color: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid @borders; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid @borders; } +.budgie-menu .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(248, 248, 242, 0.15); + color: #f8f8f2; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #f8f8f2; + background-color: rgba(174, 123, 248, 0.3); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(248, 248, 242, 0.7); } +.budgie-menu scrollbar { + background-color: transparent; + border-color: transparent; } +.budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } +.budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #f8f8f2; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop { + color: #f8f8f2; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + box-shadow: none; + background-color: transparent; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(248, 248, 242, 0.1); } +.user-menu button { + margin: 5px; } +.user-menu > box.vertical row.activatable:first-child .indicator-item, +.user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + background-color: #72BFD0; + transition-duration: 0.2s; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { + padding-left: 7px; + background-position: left center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { + padding-right: 7px; + background-position: right center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { + color: #f8f8f2; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { + padding-left: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { + padding-right: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { + color: #f8f8f2; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { + min-width: 24px; + min-height: 20px; } + +button.raven-trigger { + padding-left: 2px; + padding-right: 2px; + color: #f8f8f2; + box-shadow: none; } + button.raven-trigger:hover { + color: #f8f8f2; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + button.raven-trigger:backdrop { + color: #f8f8f2; } + button.raven-trigger:backdrop:hover { + color: #f8f8f2; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: rgba(189, 147, 249, 0.5); + background-color: transparent; } + +.places-menu .container { + padding: 0; } +.places-menu .message-bar { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.places-menu .name-button { + border: 0; + border-radius: 0; + padding: 4px 6px; } +.places-menu .unmount-button { + padding: 4px 4px; + border: 0; + border-radius: 0; } +.places-menu .places-section-header { + padding: 0px; + border-bottom: 1px solid rgba(25, 26, 34, 0.85); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } +.places-menu .places-section-header > button { + padding: 8px; + border: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +.places-menu .places-list { + background: rgba(248, 248, 242, 0.04); + border-bottom: 1px solid rgba(25, 26, 34, 0.85); } +.places-menu .unlock-area { + border-top: 1px solid rgba(25, 26, 34, 0.75); + border-bottom: 1px solid rgba(25, 26, 34, 0.75); } +.places-menu .unlock-area entry { + border-radius: 0; + border: 0; } +.places-menu .unlock-area button { + border-radius: 0; + border: 0; + border-left: 1px solid rgba(25, 26, 34, 0.75); } +.places-menu .alternative-label { + font-size: 15px; + padding: 3px; } +.places-menu .always-expand { + background: transparent; + border-bottom: none; } + +.night-light-indicator .container { + padding: 0; } +.night-light-indicator .view-header { + font-size: 14px; + padding: 10px; + border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);; + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04);; } +.night-light-indicator .display-settings-button { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border: none; + padding: 3px; + border-top: 1px solid mix(@theme_base_color, #000000, 0.35);; + box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; } + +.budgie-panel { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #ff5555; } + .budgie-panel:backdrop { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #f8f8f2; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(8, 9, 12, 0.4); } + .top .budgie-panel.transparent { + border-bottom-color: transparent; } + .bottom .budgie-panel.transparent { + border-top-color: transparent; } + .left .budgie-panel.transparent { + border-right-color: transparent; } + .right .budgie-panel.transparent { + border-left-color: transparent; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(248, 248, 242, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #f8f8f2; } + +.budgie-panel #tasklist-button, +.budgie-panel #tasklist-button:backdrop { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(8, 9, 12, 0); + border-radius: 0; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; } + +.budgie-panel button.flat.launcher { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(8, 9, 12, 0); + border-radius: 0; + padding: 0; + background-clip: padding-box; + background-color: transparent; } + .budgie-panel button.flat.launcher { + box-shadow: none; } + +.budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, +.budgie-panel .pinned button.flat.launcher.running:hover { + box-shadow: none; } +.budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, +.budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, +.budgie-panel .pinned button.flat.launcher.running:checked { + box-shadow: none; } +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { + padding-bottom: 2px; + border-top: 2px solid transparent; } + .top .budgie-panel .pinned button.flat.launcher:not(.running) { + border-top: 2px solid transparent; } + + .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + + .top .budgie-panel .unpinned button.flat.launcher, + .top .budgie-panel .pinned button.flat.launcher.running { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { + border-top: 2px solid rgba(255, 255, 255, 0.25); } + .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { + border-top: 2px solid rgba(189, 147, 249, 0.5); } +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { + padding-top: 2px; + border-bottom: 2px solid transparent; } + .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { + border-bottom: 2px solid transparent; } + + .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + + .bottom .budgie-panel .unpinned button.flat.launcher, + .bottom .budgie-panel .pinned button.flat.launcher.running { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.25); } + .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + border-bottom: 2px solid rgba(189, 147, 249, 0.5); } +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { + padding-right: 2px; + border-left: 2px solid transparent; } + .left .budgie-panel .pinned button.flat.launcher:not(.running) { + border-left: 2px solid transparent; } + + .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + + .left .budgie-panel .unpinned button.flat.launcher, + .left .budgie-panel .pinned button.flat.launcher.running { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { + border-left: 2px solid rgba(255, 255, 255, 0.25); } + .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { + border-left: 2px solid rgba(189, 147, 249, 0.5); } +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { + padding-left: 2px; + border-right: 2px solid transparent; } + .right .budgie-panel .pinned button.flat.launcher:not(.running) { + border-right: 2px solid transparent; } + + .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + + .right .budgie-panel .unpinned button.flat.launcher, + .right .budgie-panel .pinned button.flat.launcher.running { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { + border-right: 2px solid rgba(255, 255, 255, 0.25); } + .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { + border-right: 2px solid rgba(189, 147, 249, 0.5); } + +.top .budgie-panel { + border-bottom: 1px solid rgba(15, 15, 20, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(30, 31, 41, 0.92); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(15, 15, 20, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(30, 31, 41, 0.92); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(15, 15, 20, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(30, 31, 41, 0.92); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(15, 15, 20, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(30, 31, 41, 0.92); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } + +.raven { + padding: 0; + color: #f8f8f2; + background-color: #1e1f29; + transition: 170ms ease-out; } + .raven list { + background-color: transparent; } + .raven list:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven .raven-background { + color: #f8f8f2; + background-color: transparent; + border-color: transparent; } + .raven .raven-background.middle { + border-bottom-style: none; } + .raven .powerstrip { + background-color: transparent; + border-top-color: transparent; } + .raven .powerstrip button.image-button { + border-radius: 50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: rgba(68, 71, 90, 0.7); + color: #f8f8f2; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + border: none; + font-size: 100%; } + .raven .powerstrip button.image-button:hover { + transition: 170ms ease all; + background: rgba(68, 71, 90, 0.85); + color: #f8f8f2; } + .raven .powerstrip button.image-button:active { + transition: 170ms ease all; + background: #44475a; + color: #f8f8f2; } + .raven .powerstrip button.image-button:first-child { + background: rgba(114, 191, 208, 0.7); } + .raven .powerstrip button.image-button:first-child:hover { + background: rgba(114, 191, 208, 0.85); } + .raven .powerstrip button.image-button:first-child:active { + background: #72BFD0; } + .raven .powerstrip button.image-button:last-child { + background: rgba(255, 85, 85, 0.7); } + .raven .powerstrip button.image-button:last-child:hover { + background: rgba(255, 85, 85, 0.85); } + .raven .powerstrip button.image-button:last-child:active { + background: #ff5555; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 4px; + color: #f8f8f2; + background-color: rgba(40, 42, 54, 0.6); + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #f8f8f2; + border: none; + border-radius: 0; + background-color: transparent; } + calendar.raven-calendar button, calendar.raven-calendar button:focus { + color: alpha(currentColor,0.5); + background-color: transparent; } + calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { + color: #f8f8f2; + background-color: transparent; } + +.raven-mpris { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.9); + border: solid rgba(255, 255, 255, 0.1); + border-width: 1px 0; + border-bottom-color: rgba(0, 0, 0, 0.1); } + .raven-mpris button.image-button { + padding: 10px; + background-color: #282a36; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + .raven-mpris button.image-button:hover { + background-color: rgba(189, 147, 249, 0.5); } + .raven-mpris button.image-button:active { + background-color: rgba(174, 123, 248, 0.5); } + .raven-mpris button.image-button:first-child { + margin-right: 4px; } + .raven-mpris button.image-button:last-child { + margin-left: 4px; } + .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { + padding: 4px; + margin-top: 6px; + margin-bottom: 6px; } + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background: none; + border-radius: 1px; } + .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { + background-color: #72BFD0; + color: #464626; + border: none; + margin: 0 3px; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #5fb6ca; + border: none; } + .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { + background-color: #5fb6ca; } + +.budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { + border-radius: 1px; } +.budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { + font-size: 110%; + color: #f8f8f2; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(248, 248, 242, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #f8f8f2; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #ff5555; + box-shadow: none; } + .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { + background-color: transparent; + color: #ff3c3c; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #f8f8f2; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: rgba(142, 110, 187, 0.55); } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(248, 248, 242, 0.7); + background-color: rgba(189, 147, 249, 0.3); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(248, 248, 242, 0.8); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(248, 248, 242, 0.8); } + .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + font-size: 120%; } + .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: #f8f8f2; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + font-weight: 700; } + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + border-left: none; + border-bottom-left-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + border-right: none; + border-bottom-right-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(189, 147, 249, 0.4); } + .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { + background-color: rgba(114, 191, 208, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { + background-color: rgba(133, 200, 214, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { + background-color: rgba(133, 200, 214, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { + background-color: rgba(255, 34, 34, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { + background-color: rgba(255, 60, 60, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { + background-color: rgba(255, 60, 60, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #f8f8f2; } + .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { + background-color: #505359; } + .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { + background-color: #505359; } + +.budgie-polkit-dialog .message { + color: rgba(248, 248, 242, 0.7); } +.budgie-polkit-dialog .failure { + color: #ff5555; } + +.budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { + font-size: 120%; + padding: 8px 5px; + border: none; + box-shadow: none; } + .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { + color: #f8f8f2; } + .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list row:selected .subtitle, +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle { + opacity: 1; } +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0); } + +.budgie-menubar menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-menubar menu menuitem:hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } +.budgie-menubar arrow { + border: none; + min-width: 16px; + min-height: 16px; } + .budgie-menubar arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #34353d; } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #34353d; } +.budgie-menubar menuitem accelerator { + color: rgba(248, 248, 242, 0.35); } +.budgie-menubar menuitem check, .budgie-menubar menuitem radio { + min-height: 16px; + min-width: 16px; } + +window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { + border-style: none none solid; } + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(8, 9, 12, 0.95); } + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; } + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; } + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; } +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { + border: 0 solid rgba(30, 31, 41, 0.95); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), + .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; } + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), + .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; } + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; } +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.95); } +.workspace-switcher .workspace-add-button { + border: none; + background: transparent; + box-shadow: none; } + .workspace-switcher .workspace-add-button:hover { + box-shadow: none; } + .workspace-switcher .workspace-add-button:active { + background-image: none; } + .workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; } +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; } + +/************ + * Nautilus * + ************/ +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(33, 35, 45, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(189, 147, 249, 0.4); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(40, 42, 54, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(189, 147, 249, 0.4); } +.nautilus-window.background { + background-color: rgba(33, 35, 45, 0.95); } + .nautilus-window.background:backdrop { + background-color: rgba(33, 35, 45, 0.95); } +.nautilus-window notebook > stack:only-child { + background-color: #282a36; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #2a2c39; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } +.nautilus-window .titlebar .search { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; } +.nautilus-window .path-bar-box .dim-label, .nautilus-window .path-bar-box label.separator, .nautilus-window .path-bar-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar-box .subtitle, +.nautilus-window .path-bar-box headerbar .subtitle, +headerbar .nautilus-window .path-bar-box .subtitle { + color: transparent; } +.nautilus-window .path-bar-box widget > .text-button:last-child { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window .path-bar-box button { + transition: all 100ms ease-in; + margin-left: -5px; } + .nautilus-window .path-bar-box button:backdrop:hover, .nautilus-window .path-bar-box button:backdrop:active, .nautilus-window .path-bar-box button:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box button:backdrop:hover label, .nautilus-window .path-bar-box button:backdrop:active label, .nautilus-window .path-bar-box button:backdrop:checked label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window .path-buttons-box .dim-label, .nautilus-window .path-buttons-box label.separator, .nautilus-window .path-buttons-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box .subtitle, +.nautilus-window .path-buttons-box headerbar .subtitle, +headerbar .nautilus-window .path-buttons-box .subtitle { + color: transparent; } +.nautilus-window .path-buttons-box button .horizontal .dim-label, .nautilus-window .path-buttons-box button .horizontal label.separator, .nautilus-window .path-buttons-box button .horizontal .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button .horizontal .subtitle, +.nautilus-window .path-buttons-box button .horizontal headerbar .subtitle, +headerbar .nautilus-window .path-buttons-box button .horizontal .subtitle { + color: #f8f8f2; } +.nautilus-window .path-buttons-box button:hover .dim-label, .nautilus-window .path-buttons-box button:hover label.separator, .nautilus-window .path-buttons-box button:hover .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button:hover .subtitle, +.nautilus-window .path-buttons-box button:hover headerbar .subtitle, +headerbar .nautilus-window .path-buttons-box button:hover .subtitle, .nautilus-window .path-buttons-box button:focus .dim-label, .nautilus-window .path-buttons-box button:focus label.separator, .nautilus-window .path-buttons-box button:focus .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button:focus .subtitle, +.nautilus-window .path-buttons-box button:focus headerbar .subtitle, +headerbar .nautilus-window .path-buttons-box button:focus .subtitle { + color: #bd93f9; } +.nautilus-window .path-buttons-box button > .horizontal > image { + padding: 0px 6px; + border-right: none; } +.nautilus-window .path-buttons-box .current-dir label { + padding: 0px 12px; } +.nautilus-window .path-buttons-box .current-dir label, .nautilus-window .path-buttons-box .current-dir image { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } +.nautilus-window .path-buttons-box button.current-dir:only-child image { + margin-right: -6px; + padding: 0px 0px 0px 6px; + border-radius: 7px 0px 0px 7px; } +.nautilus-window .path-buttons-box button.current-dir:only-child label { + border-radius: 0px 7px 7px 0px; } + +.nautilus-circular-button { + border-radius: 20px; + -gtk-outline-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #f8f8f2; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #f8f8f2; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #f8f8f2; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #f8f8f2; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #1e1f29; } + +/********* + * Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + transition: none; + box-shadow: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + border-color: rgba(189, 147, 249, 0.5); } + +/******************* + * Calendar events * +********************/ +.color-light.timed label { + color: #f8f8f2; + opacity: 1; } +.week-view .color-light.timed label, .color-light label, .year-view .color-light:not(.timed) label { + color: #1e1f29; + opacity: 1; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #282a36; + background-color: #282a36; } + .gala-notification .title, + .gala-notification .label { + color: #f8f8f2; } + +.gala-button { + padding: 3px; + color: #282a36; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(40, 42, 54, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #f8f8f2; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(189, 147, 249, 0); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #f8f8f2; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(189, 147, 249, 0); + color: #f8f8f2; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font-size: 18px; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #f8f8f2; } + +/********* + * Panel * + ********/ +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { + color: rgba(0, 0, 0, 0.6); + text-shadow: 0 1px rgba(255, 255, 255, 0.1); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/********* + * Cards * + *********/ +.deck { + background-color: #0d0d11; } + +.card { + background-color: #282a36; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #1d1f27; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/******** + * Snap * + ********/ +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #1e1f29; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #f8f8f2; } + +/********* +* Avatar * +*********/ +.avatar { + border: 1px solid rgba(0, 0, 0, 0.23); + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } + +/**level bars**/ +.sidebar.source-list.view.level-bar, iconview.sidebar.source-list.level-bar, .sidebar.source-list.view.level-bar:selected, iconview.sidebar.source-list.level-bar:selected, .sidebar.source-list.view.level-bar:selected:focus, iconview.sidebar.source-list.level-bar:selected:focus { + background: linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14)); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + border-radius: 2px; } +.sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block { + border: none; } + .sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block, .sidebar.source-list.view.fill-block:hover, iconview.sidebar.source-list.fill-block:hover, .sidebar.source-list.view.fill-block:selected, iconview.sidebar.source-list.fill-block:selected, .sidebar.source-list.view.fill-block:selected:focus, iconview.sidebar.source-list.fill-block:selected:focus { + background: linear-gradient(rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; } + checkbutton.color-button > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; } + checkbutton.color-button.none > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); } + +radiobutton.color-button > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 100px; + background-clip: border-box; } +radiobutton.color-button:active > radio { + border: 1px solid rgba(0, 0, 0, 0.35); } + +.color-button check, +.color-button check:checked, +.color-button radio, +.color-button radio:checked { + background-image: none; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; + color: #282a36; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { + background-color: @STRAWBERRY_300; + -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } +.color-button.orange check, .color-button.orange radio { + background-color: @ORANGE_300; + -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { + background-color: @BANANA_500; + -gtk-icon-shadow: 0 1px 1px @BANANA_700; } +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { + background-color: @LIME_500; + -gtk-icon-shadow: 0 1px 1px @LIME_700; } +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { + background-color: @BLUEBERRY_500; + -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { + background-color: @GRAPE_500; + -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { + background-color: @COCOA_300; + -gtk-icon-shadow: 0 1px 1px @COCOA_500; } +.color-button.mint check, .color-button.mint radio { + background-color: @MINT_500; + -gtk-icon-shadow: 0 1px 1px @MINT_700; } +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { + background-color: @BUBBLEGUM_500; + -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } +.color-button.slate check, .color-button.slate radio { + background-color: @SLATE_300; + -gtk-icon-shadow: 0 1px 1px @SLATE_500; } +.color-button.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); } + +.xfce4-panel { + border-radius: 0; } + .xfce4-panel.background { + background-color: #1e1f29; + color: #f8f8f2; + text-shadow: none; + -gtk-icon-shadow: none; } + .xfce4-panel#XfcePanelWindow, .xfce4-panel#XfcePanelWindow.marching-ants { + transition: none; } + +#tasklist-button { + color: rgba(255, 255, 255, 0.8); + border-radius: 0; + border: none; + background-color: #1e1f29; } + #tasklist-button:hover { + color: white; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px rgba(189, 147, 249, 0.5); } + +.xfce4-panel.background button.flat:not(.open_group) { + color: white; + border-radius: 0; + border: none; + background-color: #1e1f29; + font-weight: normal; } + .xfce4-panel.background button.flat:hover:not(.open_group) { + border: none; + background-color: #343546; } + .xfce4-panel.background button.flat:active:not(.open_group), .xfce4-panel.background button.flat:checked:not(.open_group) { + color: white; + box-shadow: 0px -2px #bd93f9 inset; + background-color: rgba(189, 147, 249, 0.1); } + .xfce4-panel.background button.flat:active:not(.open_group) label, .xfce4-panel.background button.flat:active:not(.open_group) image, .xfce4-panel.background button.flat:checked:not(.open_group) label, .xfce4-panel.background button.flat:checked:not(.open_group) image { + color: inherit; } + +/* Vala-appmenu-plugin*/ +.-vala-panel-appmenu-core scrolledwindow, +.-vala-panel-appmenu-private > menuitem, +.-vala-panel-appmenu-private > menuitem:first-child > label { + color: white; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: rgba(189, 147, 249, 0.5); + /* Color property of the glow */ + /* Title settings */ + -UnityDecoration-title-indent: 10px; + /* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px; + /* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0; + /* Float from 0.0 to 1.0, to align the title */ + background-color: #31363D; + color: #fefefe; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #31363D; + border-bottom-width: 0; + background-color: #31363D; + color: #fefefe; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: #e5e5e5; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #fefefe; } + UnityDecoration .top .menuitem:backdrop { + color: #e5e5e5; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #30343b; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #31363D, #30343b); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #30343b; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #1a1d21; + color: #fefefe; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #e5e5e5; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #fefefe; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #fefefe; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #1a1d21; + color: #fefefe; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #8b8c8e; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #2f333a; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: rgba(25, 26, 34, 0.9); } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #282a36; } + +@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: rgba(189, 147, 249, 0.5); } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(25, 26, 34, 0.9); } + MsdOsdWindow.background.osd .progressbar { + background-color: rgba(189, 147, 249, 0.5); + border: none; + border-color: rgba(189, 147, 249, 0.5); + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(9, 10, 12, 0.8); + border: none; + border-radius: 5px; } + +.mate-panel-menu-bar { + border-radius: 0; } + .mate-panel-menu-bar button { + border-radius: 0; } + .mate-panel-menu-bar button, .mate-panel-menu-bar button:hover { + background-color: transparent; + color: #f8f8f2; } + .mate-panel-menu-bar button:active, .mate-panel-menu-bar button:checked { + box-shadow: 0 -2px 0 rgba(189, 147, 249, 0.5) inset; + color: #f8f8f2; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left .separator, +.geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView { + -GtkTreeView-grid-line-width: 0; } + ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); + color: rgba(248, 248, 242, 0.5); } + ConversationListView .view .cell, ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { + color: #f8f8f2; + border: 0px solid rgba(159, 99, 246, 0.5); } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #1e1f29; + color: white; + font-weight: bold; + box-shadow: inset 0 -1px #0f0f14; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); } + #panel_window .menubar .menuitem:disabled GtkLabel, + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:disabled label, + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #f8f8f2; } + +#content_frame { + padding-bottom: 14px; + background-color: #1e1f29; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + border: 1px solid #282a36; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:active, #content_frame button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #1e1f29; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #f8f8f2; + font-size: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +/* thunar */ +.thunar toolbar { + background-color: #1e1f29; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +scrolledwindow.sidebar treeview.view, scrollbar.right { + background: #232530; + padding: 2.5px 1.5px; + border: none; + box-shadow: none; } + +scrolledwindow.standard-view scrollbar.right { + background-color: #282a36; } + +/* path-bar of thunar */ +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:selected, .thunar scrolledwindow.sidebar treeview.view:hover, .thunar scrolledwindow.sidebar treeview.view:checked, .thunar scrolledwindow.sidebar treeview.view:selected, .thunar toolbar.horizontal button:hover, .thunar toolbar.horizontal button:checked, .thunar toolbar.horizontal button:selected { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; + font-weight: normal; } +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:backdrop label, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:selected:backdrop label, .thunar scrolledwindow.sidebar treeview.view:checked:backdrop label, .thunar scrolledwindow.sidebar treeview.view:selected:backdrop label, .thunar toolbar.horizontal button:checked:backdrop label, .thunar toolbar.horizontal button:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button { + background: none; + outline: none; + border: none; + box-shadow: none; } + +.nemo-window .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #07080a; + -NemoPlacesTreeView-disk-full-fg-color: #f1fa8c; + -GtkTreeView-vertical-separator: 7; } + .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, + .nemo-window .places-treeview iconview.cell:hover, + .nemo-window .places-treeview iconview.cell:selected { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; + border-radius: 0; } +.nemo-window .sidebar { + color: #f8f8f2; + background-color: #232530; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { + background-color: transparent; } +.nemo-window .nemo-window-pane widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } + .nemo-window .nemo-window-pane widget.entry:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #1e1f29; } + .nemo-window toolbar.primary-toolbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + min-height: 24px; + padding: 3px; } + .nemo-window toolbar.primary-toolbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:selected:backdrop label, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop label, .nemo-window toolbar.primary-toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nemo-window .nemo-inactive-pane .view:not(:selected), .nemo-window .nemo-inactive-pane iconview:not(:selected), +.nemo-window .nemo-inactive-pane iconview { + background-color: #1d1f27; } + +.caja-notebook .frame { + border-width: 0 0 1px; } +.caja-notebook .entry { + background: #1e1f29; + color: #f8f8f2; + border-color: rgba(159, 99, 246, 0.5); } + .caja-notebook .entry:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/************** +* Caja sidebar * +**************/ +.caja-side-pane { + background: #1e1f29; } + .caja-side-pane .frame { + border-width: 1px 0 0; } + .caja-side-pane treeview.view, + .caja-side-pane textview.view text, + .caja-side-pane viewport.frame, + .caja-side-pane widget .vertical { + background: #1e1f29; + padding: 3px 2px; } + .caja-side-pane treeview.view:hover, + .caja-side-pane textview.view text:hover, + .caja-side-pane viewport.frame:hover, + .caja-side-pane widget .vertical:hover { + background-color: rgba(40, 42, 54, 0.6); } + .caja-side-pane treeview.view:selected, + .caja-side-pane textview.view text:selected, + .caja-side-pane viewport.frame:selected, + .caja-side-pane widget .vertical:selected { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .caja-side-pane treeview.view:selected:hover, + .caja-side-pane textview.view text:selected:hover, + .caja-side-pane viewport.frame:selected:hover, + .caja-side-pane widget .vertical:selected:hover { + background-color: rgba(189, 147, 249, 0); } + +/************** +* Caja pathbar * +**************/ +.caja-navigation-window paned { + background: #282a36; } + +.caja-navigation-window .primary-toolbar { + background: #1e1f29; } + .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked { + background: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label { + color: #f8f8f2; } + +.caja-pathbar button, .caja-pathbar button:backdrop { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; } +.caja-pathbar button:hover, .caja-pathbar button:active, .caja-pathbar button:checked, .caja-pathbar button:backdrop:active, .caja-pathbar button:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .caja-pathbar button:hover, .caja-pathbar button:hover label, .caja-pathbar button:active, .caja-pathbar button:active label, .caja-pathbar button:checked, .caja-pathbar button:checked label, .caja-pathbar button:backdrop:active, .caja-pathbar button:backdrop:active label, .caja-pathbar button:backdrop:checked, .caja-pathbar button:backdrop:checked label { + color: #bd93f9; } + +/*# sourceMappingURL=gtk-dark.css.map */ diff --git a/filesystem/.themes/Dracula/gtk-3.20/gtk-dark.scss b/filesystem/.themes/Dracula/gtk-3.20/gtk-dark.scss new file mode 100755 index 00000000..334d1b6f --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/gtk-dark.scss @@ -0,0 +1,11 @@ + + +$variant: 'dark'; + +@import 'colors'; +@import 'elementary-colors'; +@import 'colors-public'; +@import 'drawing'; +@import 'common'; +@import 'widgets'; +@import 'apps'; diff --git a/filesystem/.themes/Dracula/gtk-3.20/gtk.css b/filesystem/.themes/Dracula/gtk-3.20/gtk.css new file mode 100755 index 00000000..0f3f5a80 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/gtk.css @@ -0,0 +1,6314 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #f8f8f2; +/* text color for entries, views and content in general */ +@define-color theme_text_color #f8f8f2; +/* widget base background color */ +@define-color theme_bg_color #1e1f29; +/* text widgets and the like base background color */ +@define-color theme_base_color #282a36; +/* base background color of selections */ +@define-color theme_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #f8f8f2; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #22232e; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #8b8c8e; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #282a36; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #8b8c8e; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #f8f8f2; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1f29; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2a2c39; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #f8f8f2; +/* widgets main borders color */ +@define-color borders rgba(25, 26, 34, 0.9); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(26, 27, 35, 0.91); +/* these are pretty self explicative */ +@define-color warning_color #ff9f39; +@define-color error_color #ff3c3c; +@define-color success_color #4caec3; +@define-color fg_color #f8f8f2; +@define-color text_color #f8f8f2; +@define-color bg_color #1e1f29; +@define-color base_color #282a36; +@define-color selected_bg_color rgba(189, 147, 249, 0.5); +@define-color selected_fg_color #f8f8f2; +@define-color unfocused_fg_color #8b8c8e; +@define-color unfocused_text_color #f8f8f2; +@define-color unfocused_bg_color #1e1f29; +@define-color unfocused_base_color #2a2c39; +@define-color unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +@define-color unfocused_selected_fg_color #f8f8f2; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#f8f8f2, 1.8); +@define-color wm_unfocused_title #8b8c8e; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#1e1f29, 1.2); +@define-color wm_bg_b #1e1f29; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#1e1f29, 1.3); +@define-color wm_button_hover_color_b #1e1f29; +@define-color wm_button_active_color_a shade(#1e1f29, 0.85); +@define-color wm_button_active_color_b shade(#1e1f29, 0.89); +@define-color wm_button_active_color_c shade(#1e1f29, 0.9); +@define-color content_view_bg #282a36; +@define-color budgie_tasklist_indicator_color rgba(189, 147, 249, 0.5); +@define-color budgie_tasklist_indicator_color_active rgba(189, 147, 249, 0.5); +@define-color placeholder_text_color #cfcfcd; +@define-color STRAWBERRY_100 #ff8c82; +@define-color STRAWBERRY_300 #ed5353; +@define-color STRAWBERRY_500 #c6262e; +@define-color STRAWBERRY_700 #a10705; +@define-color STRAWBERRY_900 #7a0000; +@define-color ORANGE_100 #ffc27d; +@define-color ORANGE_300 #ffa154; +@define-color ORANGE_500 #f37329; +@define-color ORANGE_700 #cc3b02; +@define-color ORANGE_900 #a62100; +@define-color BANANA_100 #fff394; +@define-color BANANA_300 #ffe16b; +@define-color BANANA_500 #f9c440; +@define-color BANANA_700 #d48e15; +@define-color BANANA_900 #ad5f00; +@define-color LIME_100 #d1ff82; +@define-color LIME_300 #9bdb4d; +@define-color LIME_500 #68b723; +@define-color LIME_700 #3a9104; +@define-color LIME_900 #206b00; +@define-color MINT_100 #89ffdd; +@define-color MINT_300 #43d6b5; +@define-color MINT_500 #28bca3; +@define-color MINT_700 #0e9a83; +@define-color MINT_900 #007367; +@define-color BLUEBERRY_100 #8cd5ff; +@define-color BLUEBERRY_300 #64baff; +@define-color BLUEBERRY_500 #3689e6; +@define-color BLUEBERRY_700 #0d52bf; +@define-color BLUEBERRY_900 #002e99; +@define-color BUBBLEGUM_100 #fe9ab8; +@define-color BUBBLEGUM_300 #f4679d; +@define-color BUBBLEGUM_500 #de3e80; +@define-color BUBBLEGUM_700 #bc245d; +@define-color BUBBLEGUM_900 #910e38; +@define-color GRAPE_100 #e4c6fa; +@define-color GRAPE_300 #cd9ef7; +@define-color GRAPE_500 #a56de2; +@define-color GRAPE_700 #7239b3; +@define-color GRAPE_900 #452981; +@define-color COCOA_100 #a3907c; +@define-color COCOA_300 #8a715e; +@define-color COCOA_500 #715344; +@define-color COCOA_700 #57392d; +@define-color COCOA_900 #3d211b; +@define-color SILVER_100 #fafafa; +@define-color SILVER_300 #d4d4d4; +@define-color SILVER_500 #abacae; +@define-color SILVER_700 #7e8087; +@define-color SILVER_900 #555761; +@define-color SLATE_100 #95a3ab; +@define-color SLATE_300 #667885; +@define-color SLATE_500 #485a6c; +@define-color SLATE_700 #273445; +@define-color SLATE_900 #0e141f; +@define-color BLACK_100 #666; +@define-color BLACK_300 #4d4d4d; +@define-color BLACK_500 #333; +@define-color BLACK_700 #1a1a1a; +@define-color BLACK_900 #000; +/***************** +* Drawing mixins * +*****************/ +/********* +* Common * +*********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #ff3c3c; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(248, 248, 242, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; + -gtk-secondary-caret-color: rgba(189, 147, 249, 0.5); } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #08090c; + border: solid rgba(25, 26, 34, 0.9); + border-width: 1px 0 0 0; + color: #f8f8f2; + box-shadow: none; } + .action-bar:backdrop { + background-color: #08090c; + box-shadow: none; + -gtk-icon-effect: dim; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(20, 23, 26, 0.8); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #f8f8f2; + background-color: #1e1f29; } + .background:backdrop { + color: #8b8c8e; + background-color: #1e1f29; + text-shadow: none; + -gtk-icon-shadow: none; } + .background.chromium { + background-color: #2f313f; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +selection { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: #f8f8f2; + background-color: #1e1f29; } + .gtkstyle-fallback:hover { + color: #f8f8f2; + background-color: #343546; } + .gtkstyle-fallback:active { + color: #f8f8f2; + background-color: #08090c; } + .gtkstyle-fallback:disabled { + color: #8b8c8e; + background-color: #22232e; } + .gtkstyle-fallback:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #f8f8f2; + background-color: #282a36; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: #cfcfcd; + background-color: #2a2c39; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 3px; } + +textview border { + background-color: #232530; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +treeview.view rubberband { + border: 1px solid rgba(159, 99, 246, 0.5); + background-color: rgba(159, 99, 246, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #f8f8f2; } + label.separator:backdrop { + color: #8b8c8e; } + label selection { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + label:disabled { + color: #8b8c8e; } + label:disabled:backdrop { + color: #3e4055; } + label:backdrop { + color: #8b8c8e; } + +.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #4a4a51; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd { + color: #fefefe; + border: none; + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + outline-color: rgba(254, 254, 254, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +*:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(rgba(233, 219, 253, 0.5)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(189, 147, 249, 0.5)), to(transparent)); } } +notebook > header > tabs > arrow, +button { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border: none; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + border: 1px solid #282a36; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-effect: highlight; } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(174, 123, 248, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition-duration: 50ms; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition: 200ms ease-out; + -gtk-icon-effect: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + button:backdrop.flat:active label, + button:backdrop.flat:checked label, + button:backdrop:active label, + button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #50fa7a; + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #f8f8f2; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #8b8c8e; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #fefefe; + border-radius: 5px; + outline-color: rgba(254, 254, 254, 0.3); + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification button, +.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, +.osd button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + .osd button:active:backdrop, + .osd button:active, + .osd button:checked:backdrop, + .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + .osd button:disabled:backdrop, + .osd button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + .osd button:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + .osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + .osd button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + .osd button.flat:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + .osd button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + .osd button.flat:active, + .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } +button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + border: 1px solid #bd93f9; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton, button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #bd93f9; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:active, button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(189, 147, 249, 0.8); } + button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd button.suggested-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(189, 147, 249, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.7), rgba(189, 147, 249, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #bd93f9, #bd93f9); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + border: 1px solid #ff2222; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #ff2222; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:active, button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(255, 34, 34, 0.8); } + button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd button.destructive-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(255, 34, 34, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.7), rgba(255, 34, 34, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #ff2222, #ff2222); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.5), rgba(255, 34, 34, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar button { + -gtk-icon-shadow: none; } + +.stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(233, 219, 253, 0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.888627451)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + +toolbar button:hover { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #0f0f14; + text-shadow: none; + border: 1px solid #0f0f14; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +toolbar button:active { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #040406; + text-shadow: none; + border: 1px solid #040406; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.inline-toolbar toolbutton > button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:hover { + color: rgba(189, 147, 249, 0.5); } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(174, 123, 248, 0); } + .inline-toolbar toolbutton > button:backdrop { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(174, 123, 248, 0); } + +toolbar.inline-toolbar toolbutton > button.flat:backdrop, +toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { + border-color: transparent; + box-shadow: none; } + +.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, +popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, +popover.background radiobutton:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: #383a4c; } + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, + popover.background radiobutton check:last-child, + modelbutton.flat radio:last-child, + popover.background checkbutton radio:last-child, + popover.background radiobutton radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, + popover.background radiobutton check:first-child, + modelbutton.flat radio:first-child, + popover.background checkbutton radio:first-child, + popover.background radiobutton radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, popover.background checkbutton arrow, +popover.background radiobutton arrow { + background: none; } + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, + popover.background radiobutton arrow:hover { + background: none; } + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, + popover.background radiobutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, + popover.background radiobutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +notebook button, list button, .view button, iconview button, popover button { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } + notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } +notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(248, 248, 242, 0.45); } + calendar.button:hover { + color: #f8f8f2; } + calendar.button:backdrop { + color: rgba(139, 140, 142, 0.45); } + calendar.button:disabled { + color: rgba(139, 140, 142, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #f8f8f2; } + calendar:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, iconview.content-view check, +.view.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, iconview.content-view radio, +.view.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, iconview.content-view check:hover, +.view.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, iconview.content-view radio:hover, +.view.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, iconview.content-view check:active, +.view.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, iconview.content-view radio:active, +.view.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, iconview.content-view check:disabled, +.view.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + margin: 0 4px; + min-height: 16px; + min-width: 16px; + border: none; } + menu menuitem check, menu menuitem + radio { + margin: 0; } + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem + radio, menu menuitem + radio:hover, menu menuitem + radio:disabled { + min-height: 14px; + min-width: 14px; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + border-color: currentColor; + animation: none; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #f8f8f2; } + colorswatch.dark overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.dark overlay:backdrop { + color: rgba(248, 248, 242, 0.5); } +colorswatch.light overlay { + color: #f8f8f2; } + colorswatch.light overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.light overlay:backdrop { + color: #cfcfcd; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } + colorswatch:drop(active).dark overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid rgba(25, 26, 34, 0.9); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(25, 26, 34, 0.9); + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + border: 1px solid #282a36; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #f8f8f2; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar:not(headerbar) { + background-color: rgba(30, 31, 41, 0.95); } +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(30, 31, 41, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } +messagedialog.csd.background { + background-color: rgba(30, 31, 41, 0.95); + color: #f8f8f2; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +messagedialog.csd .dialog-action-area button { + padding: 10px 14px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; + background-color: transparent; + color: #f8f8f2; + box-shadow: none; } + messagedialog.csd .dialog-action-area button:hover { + background-color: rgba(189, 147, 249, 0.4); } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 4px; } + +filechooser .dialog-action-box { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + filechooser .dialog-action-box:backdrop { + border-top-color: rgba(26, 27, 35, 0.91); } +filechooser #pathbarbox { + border-bottom: 1px solid #1e1f29; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), entry { + min-height: 32px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; } + spinbutton:not(.vertical) image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton:not(.vertical) undershoot.left, + entry 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; + border: none; + box-shadow: none; } + spinbutton:not(.vertical) undershoot.right, + entry 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; + border: none; + box-shadow: none; } + spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + box-shadow: none; + border-radius: 0; } + spinbutton:focus:not(.vertical), + entry:focus { + border-color: rgba(159, 99, 246, 0.5); } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #8b8c8e; + border-color: rgba(25, 26, 34, 0.9); + background-color: #22232e; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #3e4055; + border-color: rgba(26, 27, 35, 0.91); + background-color: #22232e; + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff3c3c; + border-color: #880000; } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + border-color: #880000; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #ff3c3c; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff9f39; + border-color: #864500; } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + border-color: #864500; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #ff9f39; } + spinbutton:not(.vertical) image, + entry image { + color: #cecfcc; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #f8f8f2; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: rgba(189, 147, 249, 0.5); } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #78797d; } + spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus, + entry:drop(active) { + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } + .osd spinbutton:not(.vertical), + .osd entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus:not(.vertical), + .osd entry:focus { + color: white; + border-color: rgba(189, 147, 249, 0.5); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), + .osd entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), + .osd entry:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(43, 46, 49, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: rgba(189, 147, 249, 0.5); + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:focus + button, .linked:not(.vertical) > +entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + +entry, .linked:not(.vertical) > +entry:focus + +entry { + border-left-color: rgba(159, 99, 246, 0.5); } +.linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > +entry:focus { + border-color: rgba(159, 99, 246, 0.5); } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #50fa7a; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: rgba(36, 38, 49, 0.97); + background-image: linear-gradient(to bottom, #282a36, #282a36); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: rgba(38, 40, 51, 0.973); + background-image: linear-gradient(to bottom, #2a2c39, #2a2c39); } +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: rgba(36, 38, 49, 0.97); } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: rgba(159, 99, 246, 0.5); } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #50fa7a; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: rgba(159, 99, 246, 0.5); } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #50fa7a; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: #282a36; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #282a36; } + treeview entry.flat:focus, treeview entry:focus { + border-color: rgba(189, 147, 249, 0.5); } + +/************* + * Expanders * + *************/ +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: white; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #1e1f29; + border-width: 1px; + border-style: solid solid none; + border-color: rgba(25, 26, 34, 0.9); + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #1e1f29; + border-color: rgba(26, 27, 35, 0.91); } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(25, 26, 34, 0.9); } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + actionbar > revealer > box:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow 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; + border: none; + box-shadow: none; } +scrolledwindow 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; + border: none; + box-shadow: none; } +scrolledwindow 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; + border: none; + box-shadow: none; } +scrolledwindow 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; + border: none; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(25, 26, 34, 0.9) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #232530; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, rgba(26, 27, 35, 0.91) 1px, transparent 1px); + background-color: #181820; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid #282a36; + background: #282a36; + color: #f8f8f2; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: rgba(189, 147, 249, 0.5); } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #282a36; + background-image: none; + border: 1px solid #282a36; + color: #f8f8f2; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #282a36; } + GraniteWidgetsWelcome GtkLabel { + color: #f8f8f2; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(248, 248, 242, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + background-color: #1e1f29; + border: solid rgba(25, 26, 34, 0.9); + color: #f8f8f2; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #1e1f29; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #13141a; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(248, 248, 242, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #f1fa8c; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #282a36; } + .storage-bar .fill-block.app { + background-color: #13b1d5; } + .storage-bar .fill-block.audio { + background-color: #ffb86c; } + .storage-bar .fill-block.photo { + background-color: #ff5555; } + .storage-bar .fill-block.video { + background-color: #bd93f9; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), headerbar { + padding: 0 6px; + min-height: 34px; + background-color: #1e1f29; + color: #f8f8f2; + border-radius: 0; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-image: none; + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) headerbar .linked > button:hover, + headerbar .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) headerbar .linked > button:active, + headerbar .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) headerbar .linked > button:checked, + headerbar .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button:backdrop, + headerbar .linked > button, + headerbar .linked > button:hover, + headerbar .linked > button:active, + headerbar .linked > button:checked, + headerbar .linked > button:backdrop { + border: none; + border-radius: 7px; + border-right-style: none; + box-shadow: none; } + .titlebar:not(headerbar) entry, + headerbar entry { + min-height: 24px; } + .titlebar:not(headerbar) button, + headerbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + min-height: 30px; + margin-top: 5px; + margin-bottom: 5px; } + .titlebar:not(headerbar) button:hover, + headerbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:active, + headerbar button:checked { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .titlebar:not(headerbar) button:backdrop, .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:backdrop:hover, .titlebar:not(headerbar) button:backdrop:active, .titlebar:not(headerbar) button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + background-color: transparent; + color: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + border: 1px solid #72BFD0; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:active, + headerbar button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action, + headerbar button.destructive-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + border: 1px solid #ff2222; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:active, + headerbar button.destructive-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop:hover, .titlebar:not(headerbar) button.titlebutton *, + headerbar button.titlebutton:hover, + headerbar button.titlebutton:active, + headerbar button.titlebutton:checked, + headerbar button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop:hover, + headerbar button.titlebutton * { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:active:backdrop, + .titlebar:not(headerbar) .linked > button:checked:backdrop, + headerbar .linked > button:active:backdrop, + headerbar .linked > button:checked:backdrop { + color: rgba(189, 147, 249, 0.4); } + .titlebar:not(headerbar) .linked > button:active:backdrop label, + .titlebar:not(headerbar) .linked > button:checked:backdrop label, + headerbar .linked > button:active:backdrop label, + headerbar .linked > button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + color: #f8f8f2; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: rgba(159, 99, 246, 0.5); + background: rgba(189, 147, 249, 0.5) linear-gradient(to top, rgba(180, 133, 248, 0.5), rgba(186, 142, 249, 0.5) 2px, rgba(189, 147, 249, 0.5) 3px); + box-shadow: inset 0 1px rgba(209, 179, 251, 0.3); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: rgba(189, 147, 249, 0.5); + background-image: none; + box-shadow: inset 0 1px rgba(215, 189, 251, 0.26); } + .selection-mode.titlebar:not(headerbar) button, + headerbar.selection-mode button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + border: 1px solid rgba(189, 147, 249, 0.5); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.flat, + headerbar.selection-mode button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:hover, + headerbar.selection-mode button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-effect: none; + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:disabled, + headerbar.selection-mode button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button.suggested-action, + headerbar.selection-mode button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + border: 1px solid #72BFD0; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(189, 147, 249, 0); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0), rgba(189, 147, 249, 0)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu:backdrop GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(248, 248, 242, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + padding: 4px; + min-height: 28px; } + .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator { + margin-top: 5px; + margin-bottom: 5px; } +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; } +headerbar separator { + background: transparent; } +headerbar viewswitcher > box.horizontal > button.radio, headerbar switcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; } + headerbar viewswitcher > box.horizontal > button.radio image, headerbar switcher > box.horizontal > button.radio image { + margin-left: 7px; } + headerbar viewswitcher > box.horizontal > button.radio label, headerbar switcher > box.horizontal > button.radio label { + margin-right: 7px; } + +.background:not(.tiled):not(.maximized) .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 4px; } +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 4px; } + +window { + border-radius: 6px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { + background: #1e1f29; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #f8f8f2; + background-color: #1e1f29; + border-bottom: 1px solid #08090c; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #f8f8f2; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #f8f8f2; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(248, 248, 242, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(40, 42, 54, 0.98); + color: #f8f8f2; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #f8f8f2; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #282a36; + color: #f8f8f2; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(40, 42, 54, 0.6); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(40, 42, 54, 0.5); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + +.info { + background-color: rgba(80, 250, 122, 0.85); + color: #1e1f29; } + .info:backdrop { + background-color: rgba(130, 251, 160, 0.85); + color: rgba(248, 248, 242, 0.5); } + +.warning { + background-color: #ff9f39; } + .warning:backdrop { + background-color: #ffb86c; + color: rgba(248, 248, 242, 0.5); } + +.question { + background-color: #72BFD0; } + .question:backdrop { + background-color: #98d0dd; + color: rgba(248, 248, 242, 0.5); } + +.error { + background-color: #ff3c3c; } + .error:backdrop { + background-color: #ff6f6f; + color: rgba(248, 248, 242, 0.5); } + +/************* + * Level Bar * + *************/ +levelbar block { + min-width: 32px; + min-height: 6px; } +levelbar.vertical block { + min-width: 6px; + min-height: 32px; } +levelbar:backdrop { + transition: 200ms ease-out; } +levelbar trough { + padding: 3px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.14); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + levelbar trough:backdrop { + background-color: rgba(0, 0, 0, 0.06); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } +levelbar.horizontal.discrete block { + margin: 0 1px; } +levelbar.vertical.discrete block { + margin: 1px 0; } +levelbar block { + border-radius: 2px; } + levelbar block:backdrop { + box-shadow: none; } + levelbar block.low { + background-color: #ff9f39; } + levelbar block.low:backdrop { + border-color: #ff9f39; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #72BFD0; } + levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { + border-color: #72BFD0; } + levelbar block.full { + background-color: #4caec3; } + levelbar block.full:backdrop { + border-color: #4caec3; } + levelbar block.empty { + background-color: rgba(0, 0, 0, 0.14); + box-shadow: none; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #13b1d5; } + *:link:visited, + button:visited { + color: rgba(19, 177, 213, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: rgba(237, 230, 243, 0.8); } + *:link:hover, button:hover:link, + button:hover:visited { + color: #2fc9ec; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: rgba(246, 244, 242, 0.95); } + *:link:active, button:active:link, + button:active:visited { + color: #13b1d5; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: rgba(243, 240, 243, 0.9); } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: rgba(189, 147, 249, 0.5); } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: rgba(243, 240, 243, 0.9); } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list { + color: #f8f8f2; + background-color: #282a36; + border-color: rgba(25, 26, 34, 0.9); } + list:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + +row { + background-color: transparent; + border-color: rgba(25, 26, 34, 0.9); } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(248, 248, 242, 0.05); } + row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + row.activatable:backdrop:hover { + background-color: transparent; } + row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + row.activatable:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #1e1f29; + color: #f8f8f2; + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + menubar > menuitem, + .menubar > menuitem { + min-height: 16px; + padding: 4px 8px; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + box-shadow: inset 0 -3px rgba(189, 147, 249, 0.5); } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: #8b8c8e; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background-color: #242530; + border: 1px solid rgba(25, 26, 34, 0.9); + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #282936; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #8b8c8e; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #3e4055; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #8b8c8e; + background-color: transparent; } + menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, .menu > arrow, .context-menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #242530; + border-radius: 0; } + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + background-color: #3d3f49; } + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + background-color: #282936; } + menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } +menuitem check, +menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f0f14; } + .content-view:hover { + -gtk-icon-effect: highlight; } + .content-view:backdrop { + background-color: #0f0f14; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(248, 248, 242, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #4a4a51; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: rgba(25, 26, 34, 0.9); + border-width: 0px; + background-color: #1e1f29; } + notebook > header:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: #1e1f29; } + notebook > header tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked { + background-color: #282a36; } + notebook > header.top > tabs > tab:checked:hover { + background-color: #282a36; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs { + margin-top: -2px; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + background-color: #282a36; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs { + margin-right: -2px; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + background-color: #282a36; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs { + margin-left: -2px; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + background-color: #282a36; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + 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.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + 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.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + outline-offset: -5px; + color: #8b8c8e; + font-weight: bold; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #c2c2c0; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(25, 26, 34, 0.2); + background-color: rgba(30, 31, 41, 0.2); } + notebook > header tab:backdrop { + color: #5f6066; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #f8f8f2; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(25, 26, 34, 0.4); + background-color: rgba(30, 31, 41, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(30, 31, 41, 0.7); } + notebook > header tab:backdrop:checked { + color: #8b8c8e; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + background: transparent; + box-shadow: none; + color: #ff5555; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 0.5px; + padding-right: 0.5px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0.5px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0.5px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #282a36; } + notebook > stack:not(:only-child):backdrop { + background-color: #2a2c39; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(rgba(189, 147, 249, 0.5)); } + paned > separator:backdrop { + background-image: image(rgba(26, 27, 35, 0.91)); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #1e1f29; + background-image: image(rgba(25, 26, 34, 0.9)), image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #1e1f29; + background-image: image(rgba(26, 27, 35, 0.91)), image(rgba(26, 27, 35, 0.91)); } +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.text-button.image-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; } + +/*************** + * Popovers * + ***************/ +popover.background { + padding: 2px; + border-radius: 5px; + background-color: #242530; + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); } + .csd popover.background, popover.background { + border: 1px solid rgba(25, 26, 34, 0.9); } + popover.background:backdrop { + background-color: #1e1f29; + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar { + border-style: none; + background-color: transparent; } + .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { + border: 1px solid rgba(255, 255, 255, 0.1); } + popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + popover.background list row { + padding: 8px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(248, 248, 242, 0.4); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar.horizontal progress { + margin: 0; } + progressbar.vertical progress { + margin: 0; } + progressbar:backdrop { + box-shadow: none; + transition: 200ms ease-out; } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + progressbar.osd progress { + border-style: none; + border-radius: 0; } + +/************ + * GtkScale * + ************/ +progressbar trough, scale trough, scale fill { + background-color: rgba(140, 143, 171, 0.14); + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: rgba(0, 0, 0, 0.14); } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: rgba(0, 0, 0, 0.14); + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.14); } + +progressbar progress, scale highlight { + border: none; + background-color: rgba(189, 147, 249, 0.5); + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(0, 0, 0, 0.14); } + progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: rgba(204, 171, 250, 0.5); + background-color: rgba(204, 171, 250, 0.5); } + progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.1); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 6px; } + scale.vertical trough, + scale.vertical progress { + min-width: 6px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + background-color: #bd93f9; } + scale slider:active:disabled { + background-color: #22232e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.05); } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + margin: -6px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 5px; + outline-color: transparent; } + scale fill:backdrop, scale fill { + background-color: rgba(25, 26, 34, 0.9); } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(97, 97, 97, 0.775); } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #282a36; + border: none; + border-radius: 12px; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:active { + border-color: rgba(159, 99, 246, 0.5); } + scale slider:disabled { + background-color: #22232e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:backdrop, scale slider:backdrop:disabled { + transition: 200ms ease-out; + background-color: #5e637f; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + row:selected scale slider:disabled, row:selected scale slider { + border-color: rgba(159, 99, 246, 0.5); } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + 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; } + scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + 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.horizontal.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + background-image: image(rgba(25, 26, 34, 0.9)); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #232530; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top { + border-bottom: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.bottom { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.left { + border-right: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar:backdrop { + background-color: #181820; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a2; } + scrollbar slider:hover { + background-color: #cccdca; } + scrollbar slider:hover:active { + background-color: rgba(219, 195, 252, 0.5); } + scrollbar slider:backdrop { + background-color: #4a4b51; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #f8f8f2; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #f8f8f2; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #a1a1a2; } + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #cccdca; } + scrollbar button:active, scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(219, 195, 252, 0.5); } + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(161, 161, 162, 0.2); } + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #4a4b51; } + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(74, 75, 81, 0.2); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid rgba(25, 26, 34, 0.9); + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: #20212b; } + .sidebar .frame { + border: none; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: none; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); + border-right-style: none; } + .sidebar:backdrop { + background-color: #242631; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + .sidebar list { + background-color: #20212b; } + .sidebar row { + margin: 0 10px; + padding: 10px 12px; + border-radius: 10px; } + .sidebar row:selected { + background: rgba(189, 147, 249, 0.1); + color: #bd93f9; } + .sidebar row:selected:backdrop { + background: rgba(189, 147, 249, 0.1); } + .sidebar row:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .sidebar row:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar row:selected label { + color: #bd93f9; } + .sidebar.source-list { + background-color: #1e1f29; + color: #F2EFEA; + padding: 4px 0px; } + .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { + background-color: rgba(40, 42, 54, 0.6); } + 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-color: rgba(25, 26, 34, 0.9); } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row label { + padding-left: 8px; } +placessidebar row.sidebar-new-bookmark-row { + color: rgba(189, 147, 249, 0.5); } +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #50fa7a, inset 0 -1px #50fa7a; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #f8f8f2; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; } + spinbutton:not(.vertical) entry { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #e3e3df; + background-image: none; + border-style: none none none solid; + border-color: rgba(25, 26, 34, 0.2); + border-radius: 0; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:hover { + color: #f8f8f2; + background-color: rgba(248, 248, 242, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(139, 140, 142, 0.3); } + spinbutton:not(.vertical) button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + color: #818286; + background-color: transparent; + border-color: rgba(26, 27, 35, 0.21); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(62, 64, 85, 0.3); + background-image: none; + border-style: none none none solid; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } +.osd spinbutton:not(.vertical) button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(254, 254, 254, 0.1); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #898b8c; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +spinbutton.vertical:disabled { + color: #8b8c8e; } +spinbutton.vertical:backdrop:disabled { + color: #3e4055; } +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } +spinbutton.vertical entry { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; } +spinbutton.vertical button { + min-height: 32px; + min-width: 32px; + padding: 0; + border-width: 1px; + border-color: rgba(25, 26, 34, 0.9); + box-shadow: 0 1px rgba(255, 255, 255, 0.1); } +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } +spinbutton.vertical button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } +.osd spinbutton.vertical button:first-child { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: rgba(189, 147, 249, 0.5); } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + 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; } + +/********** + * Switch * + **********/ +switch { + font-size: 1px; + min-width: 45px; + min-height: 27px; + background-size: 45px 27px; + background-color: transparent; + background-repeat: no-repeat; + background-position: center center; + background-image: -gtk-scaled(url("../assets/switch-off.svg"), url("../assets/switch-off.svg")); } + switch:disabled { + background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"), url("../assets/switch-insensitive.svg")); } + switch, switch slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; } + switch:checked { + background-image: -gtk-scaled(url("../assets/switch-on.svg"), url("../assets/switch-on.svg")); } + switch:checked slider { + background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"), url("../assets/switch-slider-on@2.png")); } + switch slider { + min-width: 1px; + min-height: 1px; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"), url("../assets/switch-slider-off@2.png")); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar, +.location-bar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #1e1f29; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(20, 23, 26, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + toolbar.horizontal separator { + margin: 0 7px 1px 6px; } + toolbar.vertical separator { + margin: 6px 1px 7px 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.inline-toolbar { + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; } + +searchbar, +.location-bar { + border-width: 0 0 1px; + padding: 3px; } + +.inline-toolbar, searchbar, +.location-bar { + border-style: solid; + border-color: rgba(25, 26, 34, 0.9); + background-color: rgba(29, 30, 39, 0.97); } + .inline-toolbar:backdrop, searchbar:backdrop, + .location-bar:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: rgba(29, 30, 39, 0.9685); + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #282a36; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(0, 0, 0, 0.8); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: white; } + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: #909194; + border-top-color: #1e1f29; } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view:selected:focus, treeview.view:selected { + border-radius: 0; } + treeview.view:selected:backdrop, treeview.view:selected { + border-left-color: rgba(233, 223, 244, 0.75); + border-top-color: rgba(248, 248, 242, 0.1); } + treeview.view:disabled { + color: #8b8c8e; } + treeview.view:disabled:selected { + color: rgba(228, 214, 244, 0.7); } + treeview.view:disabled:selected:backdrop { + color: rgba(207, 177, 247, 0.5); } + treeview.view:disabled:backdrop { + color: #3e4055; } + treeview.view.separator { + min-height: 2px; + color: #1e1f29; } + treeview.view.separator:backdrop { + color: rgba(30, 31, 41, 0.1); } + treeview.view:backdrop { + border-left-color: #55565c; + border-top: #1e1f29; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: rgba(159, 99, 246, 0.5); } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #bababa; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #f8f8f2; } + treeview.view.expander:selected { + color: rgba(241, 235, 243, 0.85); } + treeview.view.expander:selected:hover { + color: #f8f8f2; } + treeview.view.expander:selected:backdrop { + color: rgba(230, 218, 244, 0.5); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: #6e6f75; } + treeview.view.progressbar { + border: 1px solid rgba(159, 99, 246, 0.5); + border-radius: 4px; + background-color: rgba(189, 147, 249, 0.5); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(159, 99, 246, 0.5)); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + border-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #282a36, #121319); } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + border-color: #2a2c39; + background-color: #2a2c39; } + treeview.view.progressbar:backdrop { + border-color: #2a2c39; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(248, 248, 242, 0.1); + border-radius: 4px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: rgba(159, 99, 246, 0.5); + border-radius: 4px; } + treeview.view header button { + color: #909194; + background-color: #282a36; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #c4c5c3; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #f8f8f2; + transition: none; } + treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + border-right-style: none; } + treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 0 6px; + transition: none; + background-image: none; + background-color: rgba(189, 147, 249, 0.5); + color: #282a36; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #282a36; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: rgba(189, 147, 249, 0.5); } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 0 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-width: 1px; + border-style: none solid solid none; + border-color: #1e1f29; } + treeview.view header button:disabled { + border-color: #1e1f29; + background-image: none; } + treeview.view header button:backdrop { + border-color: #1e1f29; + border-style: none solid solid none; + color: #55565c; + background-image: none; + background-color: #2a2c39; + box-shadow: none; } + treeview.view header button:backdrop:disabled { + border-color: #1e1f29; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 4px 4px 0 0; + border-width: 0px; + border-width: 0px; + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.15); + transition: 200ms ease-out; } + .maximized decoration, .fullscreen decoration, .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; } + .csd.popup decoration { + border-radius: 0; + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(25, 26, 34, 0.7); } + tooltip.csd decoration { + border-radius: 5px; + box-shadow: none; } + messagedialog.csd decoration { + border-radius: 7px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(25, 26, 34, 0.7); } + .solid-csd decoration { + border-radius: 0; + margin: 0px; + background-color: #1e1f29; + border: solid 1px rgba(26, 27, 35, 0.91); + box-shadow: none; } + +button.titlebutton { + background-repeat: no-repeat; + background-position: center; + min-height: 32px; + padding: 0 3px; + box-shadow: none; } + button.titlebutton.close { + background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } + button.titlebutton.close:hover, button.titlebutton.close:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } + button.titlebutton.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } + button.titlebutton.maximize:hover, button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } + button.titlebutton.minimize { + background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } + button.titlebutton.minimize:hover, button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } + button.titlebutton.close:backdrop, button.titlebutton.minimize:backdrop, button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } + button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: 0 -1px rgba(0, 0, 0, 0.3788235294); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.3788235294); } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, +popover.background radiobutton:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + background-color: rgba(189, 147, 249, 0.5); } + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + color: #f8f8f2; + font-weight: bold; } + row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, + popover.background radiobutton:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: rgba(233, 223, 244, 0.75); } + row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + iconview text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + iconview text:backdrop:selected, + textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, + textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, + popover.background radiobutton:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(248, 248, 242, 0.5); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, + textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, + popover.background radiobutton:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(207, 177, 247, 0.5); } + +.monospace { + font-family: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********* +* Budgie * +*********/ +.budgie-container { + background-color: transparent; } + .budgie-container:backdrop { + background-color: transparent; } + .budgie-container popover list, + .budgie-container popover row { + border: none; + background: none; + padding: 0; + margin: 0; } + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; } + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: rgba(30, 31, 41, 0.98); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid @borders; } + .budgie-popover list:hover, + .budgie-popover row:hover, + .budgie-popover.background list:hover, + .budgie-popover.background row:hover { + background: none; } + .budgie-popover > frame.container, + .budgie-popover.background > frame.container { + margin: 0 -1px -1px; + padding: 2px 0 0; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu .container { + padding: 0; } +.budgie-menu button:hover { + -gtk-icon-effect: none; } +.budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid @borders; + border-radius: 0; + font-size: 120%; + box-shadow: none; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background-color: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid @borders; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid @borders; } +.budgie-menu .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(248, 248, 242, 0.15); + color: #f8f8f2; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #f8f8f2; + background-color: rgba(174, 123, 248, 0.3); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(248, 248, 242, 0.7); } +.budgie-menu scrollbar { + background-color: transparent; + border-color: transparent; } +.budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } +.budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #f8f8f2; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop { + color: #f8f8f2; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + box-shadow: none; + background-color: transparent; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(248, 248, 242, 0.1); } +.user-menu button { + margin: 5px; } +.user-menu > box.vertical row.activatable:first-child .indicator-item, +.user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + background-color: #72BFD0; + transition-duration: 0.2s; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { + padding-left: 7px; + background-position: left center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { + padding-right: 7px; + background-position: right center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { + color: #f8f8f2; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { + padding-left: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { + padding-right: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { + color: #f8f8f2; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { + min-width: 24px; + min-height: 20px; } + +button.raven-trigger { + padding-left: 2px; + padding-right: 2px; + color: #f8f8f2; + box-shadow: none; } + button.raven-trigger:hover { + color: #f8f8f2; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + button.raven-trigger:backdrop { + color: #f8f8f2; } + button.raven-trigger:backdrop:hover { + color: #f8f8f2; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: rgba(189, 147, 249, 0.5); + background-color: transparent; } + +.places-menu .container { + padding: 0; } +.places-menu .message-bar { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.places-menu .name-button { + border: 0; + border-radius: 0; + padding: 4px 6px; } +.places-menu .unmount-button { + padding: 4px 4px; + border: 0; + border-radius: 0; } +.places-menu .places-section-header { + padding: 0px; + border-bottom: 1px solid rgba(25, 26, 34, 0.85); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } +.places-menu .places-section-header > button { + padding: 8px; + border: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +.places-menu .places-list { + background: rgba(248, 248, 242, 0.04); + border-bottom: 1px solid rgba(25, 26, 34, 0.85); } +.places-menu .unlock-area { + border-top: 1px solid rgba(25, 26, 34, 0.75); + border-bottom: 1px solid rgba(25, 26, 34, 0.75); } +.places-menu .unlock-area entry { + border-radius: 0; + border: 0; } +.places-menu .unlock-area button { + border-radius: 0; + border: 0; + border-left: 1px solid rgba(25, 26, 34, 0.75); } +.places-menu .alternative-label { + font-size: 15px; + padding: 3px; } +.places-menu .always-expand { + background: transparent; + border-bottom: none; } + +.night-light-indicator .container { + padding: 0; } +.night-light-indicator .view-header { + font-size: 14px; + padding: 10px; + border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);; + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04);; } +.night-light-indicator .display-settings-button { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border: none; + padding: 3px; + border-top: 1px solid mix(@theme_base_color, #000000, 0.35);; + box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; } + +.budgie-panel { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #ff5555; } + .budgie-panel:backdrop { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #f8f8f2; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(8, 9, 12, 0.4); } + .top .budgie-panel.transparent { + border-bottom-color: transparent; } + .bottom .budgie-panel.transparent { + border-top-color: transparent; } + .left .budgie-panel.transparent { + border-right-color: transparent; } + .right .budgie-panel.transparent { + border-left-color: transparent; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(248, 248, 242, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #f8f8f2; } + +.budgie-panel #tasklist-button, +.budgie-panel #tasklist-button:backdrop { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(8, 9, 12, 0); + border-radius: 0; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; } + +.budgie-panel button.flat.launcher { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(8, 9, 12, 0); + border-radius: 0; + padding: 0; + background-clip: padding-box; + background-color: transparent; } + .budgie-panel button.flat.launcher { + box-shadow: none; } + +.budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, +.budgie-panel .pinned button.flat.launcher.running:hover { + box-shadow: none; } +.budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, +.budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, +.budgie-panel .pinned button.flat.launcher.running:checked { + box-shadow: none; } +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { + padding-bottom: 2px; + border-top: 2px solid transparent; } + .top .budgie-panel .pinned button.flat.launcher:not(.running) { + border-top: 2px solid transparent; } + + .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + + .top .budgie-panel .unpinned button.flat.launcher, + .top .budgie-panel .pinned button.flat.launcher.running { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { + border-top: 2px solid rgba(255, 255, 255, 0.25); } + .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { + border-top: 2px solid rgba(189, 147, 249, 0.5); } +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { + padding-top: 2px; + border-bottom: 2px solid transparent; } + .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { + border-bottom: 2px solid transparent; } + + .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + + .bottom .budgie-panel .unpinned button.flat.launcher, + .bottom .budgie-panel .pinned button.flat.launcher.running { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.25); } + .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + border-bottom: 2px solid rgba(189, 147, 249, 0.5); } +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { + padding-right: 2px; + border-left: 2px solid transparent; } + .left .budgie-panel .pinned button.flat.launcher:not(.running) { + border-left: 2px solid transparent; } + + .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + + .left .budgie-panel .unpinned button.flat.launcher, + .left .budgie-panel .pinned button.flat.launcher.running { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { + border-left: 2px solid rgba(255, 255, 255, 0.25); } + .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { + border-left: 2px solid rgba(189, 147, 249, 0.5); } +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { + padding-left: 2px; + border-right: 2px solid transparent; } + .right .budgie-panel .pinned button.flat.launcher:not(.running) { + border-right: 2px solid transparent; } + + .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + + .right .budgie-panel .unpinned button.flat.launcher, + .right .budgie-panel .pinned button.flat.launcher.running { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { + border-right: 2px solid rgba(255, 255, 255, 0.25); } + .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { + border-right: 2px solid rgba(189, 147, 249, 0.5); } + +.top .budgie-panel { + border-bottom: 1px solid rgba(15, 15, 20, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(30, 31, 41, 0.92); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(15, 15, 20, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(30, 31, 41, 0.92); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(15, 15, 20, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(30, 31, 41, 0.92); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(15, 15, 20, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(30, 31, 41, 0.92); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } + +.raven { + padding: 0; + color: #f8f8f2; + background-color: #1e1f29; + transition: 170ms ease-out; } + .raven list { + background-color: transparent; } + .raven list:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven .raven-background { + color: #f8f8f2; + background-color: transparent; + border-color: transparent; } + .raven .raven-background.middle { + border-bottom-style: none; } + .raven .powerstrip { + background-color: transparent; + border-top-color: transparent; } + .raven .powerstrip button.image-button { + border-radius: 50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: rgba(68, 71, 90, 0.7); + color: #f8f8f2; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + border: none; + font-size: 100%; } + .raven .powerstrip button.image-button:hover { + transition: 170ms ease all; + background: rgba(68, 71, 90, 0.85); + color: #f8f8f2; } + .raven .powerstrip button.image-button:active { + transition: 170ms ease all; + background: #44475a; + color: #f8f8f2; } + .raven .powerstrip button.image-button:first-child { + background: rgba(114, 191, 208, 0.7); } + .raven .powerstrip button.image-button:first-child:hover { + background: rgba(114, 191, 208, 0.85); } + .raven .powerstrip button.image-button:first-child:active { + background: #72BFD0; } + .raven .powerstrip button.image-button:last-child { + background: rgba(255, 85, 85, 0.7); } + .raven .powerstrip button.image-button:last-child:hover { + background: rgba(255, 85, 85, 0.85); } + .raven .powerstrip button.image-button:last-child:active { + background: #ff5555; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 4px; + color: #f8f8f2; + background-color: rgba(40, 42, 54, 0.6); + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #f8f8f2; + border: none; + border-radius: 0; + background-color: transparent; } + calendar.raven-calendar button, calendar.raven-calendar button:focus { + color: alpha(currentColor,0.5); + background-color: transparent; } + calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { + color: #f8f8f2; + background-color: transparent; } + +.raven-mpris { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.9); + border: solid rgba(255, 255, 255, 0.1); + border-width: 1px 0; + border-bottom-color: rgba(0, 0, 0, 0.1); } + .raven-mpris button.image-button { + padding: 10px; + background-color: #282a36; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + .raven-mpris button.image-button:hover { + background-color: rgba(189, 147, 249, 0.5); } + .raven-mpris button.image-button:active { + background-color: rgba(174, 123, 248, 0.5); } + .raven-mpris button.image-button:first-child { + margin-right: 4px; } + .raven-mpris button.image-button:last-child { + margin-left: 4px; } + .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { + padding: 4px; + margin-top: 6px; + margin-bottom: 6px; } + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background: none; + border-radius: 1px; } + .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { + background-color: #72BFD0; + color: #464626; + border: none; + margin: 0 3px; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #5fb6ca; + border: none; } + .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { + background-color: #5fb6ca; } + +.budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { + border-radius: 1px; } +.budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { + font-size: 110%; + color: #f8f8f2; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(248, 248, 242, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #f8f8f2; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #ff5555; + box-shadow: none; } + .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { + background-color: transparent; + color: #ff3c3c; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #f8f8f2; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: rgba(142, 110, 187, 0.55); } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(248, 248, 242, 0.7); + background-color: rgba(189, 147, 249, 0.3); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(248, 248, 242, 0.8); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(248, 248, 242, 0.8); } + .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + font-size: 120%; } + .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: #f8f8f2; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + font-weight: 700; } + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + border-left: none; + border-bottom-left-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + border-right: none; + border-bottom-right-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(189, 147, 249, 0.4); } + .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { + background-color: rgba(114, 191, 208, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { + background-color: rgba(133, 200, 214, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { + background-color: rgba(133, 200, 214, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { + background-color: rgba(255, 34, 34, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { + background-color: rgba(255, 60, 60, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { + background-color: rgba(255, 60, 60, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #f8f8f2; } + .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { + background-color: #505359; } + .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { + background-color: #505359; } + +.budgie-polkit-dialog .message { + color: rgba(248, 248, 242, 0.7); } +.budgie-polkit-dialog .failure { + color: #ff5555; } + +.budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { + font-size: 120%; + padding: 8px 5px; + border: none; + box-shadow: none; } + .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { + color: #f8f8f2; } + .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list row:selected .subtitle, +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle { + opacity: 1; } +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0); } + +.budgie-menubar menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-menubar menu menuitem:hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } +.budgie-menubar arrow { + border: none; + min-width: 16px; + min-height: 16px; } + .budgie-menubar arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #34353d; } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #34353d; } +.budgie-menubar menuitem accelerator { + color: rgba(248, 248, 242, 0.35); } +.budgie-menubar menuitem check, .budgie-menubar menuitem radio { + min-height: 16px; + min-width: 16px; } + +window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { + border-style: none none solid; } + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(8, 9, 12, 0.95); } + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; } + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; } + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; } +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { + border: 0 solid rgba(30, 31, 41, 0.95); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), + .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; } + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), + .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; } + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; } +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.95); } +.workspace-switcher .workspace-add-button { + border: none; + background: transparent; + box-shadow: none; } + .workspace-switcher .workspace-add-button:hover { + box-shadow: none; } + .workspace-switcher .workspace-add-button:active { + background-image: none; } + .workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; } +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; } + +/************ + * Nautilus * + ************/ +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(33, 35, 45, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(189, 147, 249, 0.4); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(40, 42, 54, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(189, 147, 249, 0.4); } +.nautilus-window.background { + background-color: rgba(33, 35, 45, 0.95); } + .nautilus-window.background:backdrop { + background-color: rgba(33, 35, 45, 0.95); } +.nautilus-window notebook > stack:only-child { + background-color: #282a36; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #2a2c39; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } +.nautilus-window .titlebar .search { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; } +.nautilus-window .path-bar-box .dim-label, .nautilus-window .path-bar-box label.separator, .nautilus-window .path-bar-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar-box .subtitle, +.nautilus-window .path-bar-box headerbar .subtitle, +headerbar .nautilus-window .path-bar-box .subtitle { + color: transparent; } +.nautilus-window .path-bar-box widget > .text-button:last-child { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window .path-bar-box button { + transition: all 100ms ease-in; + margin-left: -5px; } + .nautilus-window .path-bar-box button:backdrop:hover, .nautilus-window .path-bar-box button:backdrop:active, .nautilus-window .path-bar-box button:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box button:backdrop:hover label, .nautilus-window .path-bar-box button:backdrop:active label, .nautilus-window .path-bar-box button:backdrop:checked label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window .path-buttons-box .dim-label, .nautilus-window .path-buttons-box label.separator, .nautilus-window .path-buttons-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box .subtitle, +.nautilus-window .path-buttons-box headerbar .subtitle, +headerbar .nautilus-window .path-buttons-box .subtitle { + color: transparent; } +.nautilus-window .path-buttons-box button .horizontal .dim-label, .nautilus-window .path-buttons-box button .horizontal label.separator, .nautilus-window .path-buttons-box button .horizontal .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button .horizontal .subtitle, +.nautilus-window .path-buttons-box button .horizontal headerbar .subtitle, +headerbar .nautilus-window .path-buttons-box button .horizontal .subtitle { + color: #f8f8f2; } +.nautilus-window .path-buttons-box button:hover .dim-label, .nautilus-window .path-buttons-box button:hover label.separator, .nautilus-window .path-buttons-box button:hover .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button:hover .subtitle, +.nautilus-window .path-buttons-box button:hover headerbar .subtitle, +headerbar .nautilus-window .path-buttons-box button:hover .subtitle, .nautilus-window .path-buttons-box button:focus .dim-label, .nautilus-window .path-buttons-box button:focus label.separator, .nautilus-window .path-buttons-box button:focus .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button:focus .subtitle, +.nautilus-window .path-buttons-box button:focus headerbar .subtitle, +headerbar .nautilus-window .path-buttons-box button:focus .subtitle { + color: #bd93f9; } +.nautilus-window .path-buttons-box button > .horizontal > image { + padding: 0px 6px; + border-right: none; } +.nautilus-window .path-buttons-box .current-dir label { + padding: 0px 12px; } +.nautilus-window .path-buttons-box .current-dir label, .nautilus-window .path-buttons-box .current-dir image { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } +.nautilus-window .path-buttons-box button.current-dir:only-child image { + margin-right: -6px; + padding: 0px 0px 0px 6px; + border-radius: 7px 0px 0px 7px; } +.nautilus-window .path-buttons-box button.current-dir:only-child label { + border-radius: 0px 7px 7px 0px; } + +.nautilus-circular-button { + border-radius: 20px; + -gtk-outline-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #f8f8f2; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #f8f8f2; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #f8f8f2; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #f8f8f2; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #1e1f29; } + +/********* + * Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + transition: none; + box-shadow: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + border-color: rgba(189, 147, 249, 0.5); } + +/******************* + * Calendar events * +********************/ +.color-light.timed label { + color: #f8f8f2; + opacity: 1; } +.week-view .color-light.timed label, .color-light label, .year-view .color-light:not(.timed) label { + color: #1e1f29; + opacity: 1; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #282a36; + background-color: #282a36; } + .gala-notification .title, + .gala-notification .label { + color: #f8f8f2; } + +.gala-button { + padding: 3px; + color: #282a36; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(40, 42, 54, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #f8f8f2; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(189, 147, 249, 0); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #f8f8f2; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(189, 147, 249, 0); + color: #f8f8f2; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font-size: 18px; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #f8f8f2; } + +/********* + * Panel * + ********/ +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { + color: rgba(0, 0, 0, 0.6); + text-shadow: 0 1px rgba(255, 255, 255, 0.1); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/********* + * Cards * + *********/ +.deck { + background-color: #0d0d11; } + +.card { + background-color: #282a36; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #1d1f27; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/******** + * Snap * + ********/ +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #1e1f29; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #f8f8f2; } + +/********* +* Avatar * +*********/ +.avatar { + border: 1px solid rgba(0, 0, 0, 0.23); + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } + +/**level bars**/ +.sidebar.source-list.view.level-bar, iconview.sidebar.source-list.level-bar, .sidebar.source-list.view.level-bar:selected, iconview.sidebar.source-list.level-bar:selected, .sidebar.source-list.view.level-bar:selected:focus, iconview.sidebar.source-list.level-bar:selected:focus { + background: linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14)); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + border-radius: 2px; } +.sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block { + border: none; } + .sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block, .sidebar.source-list.view.fill-block:hover, iconview.sidebar.source-list.fill-block:hover, .sidebar.source-list.view.fill-block:selected, iconview.sidebar.source-list.fill-block:selected, .sidebar.source-list.view.fill-block:selected:focus, iconview.sidebar.source-list.fill-block:selected:focus { + background: linear-gradient(rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; } + checkbutton.color-button > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; } + checkbutton.color-button.none > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); } + +radiobutton.color-button > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 100px; + background-clip: border-box; } +radiobutton.color-button:active > radio { + border: 1px solid rgba(0, 0, 0, 0.35); } + +.color-button check, +.color-button check:checked, +.color-button radio, +.color-button radio:checked { + background-image: none; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; + color: #282a36; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { + background-color: @STRAWBERRY_300; + -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } +.color-button.orange check, .color-button.orange radio { + background-color: @ORANGE_300; + -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { + background-color: @BANANA_500; + -gtk-icon-shadow: 0 1px 1px @BANANA_700; } +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { + background-color: @LIME_500; + -gtk-icon-shadow: 0 1px 1px @LIME_700; } +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { + background-color: @BLUEBERRY_500; + -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { + background-color: @GRAPE_500; + -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { + background-color: @COCOA_300; + -gtk-icon-shadow: 0 1px 1px @COCOA_500; } +.color-button.mint check, .color-button.mint radio { + background-color: @MINT_500; + -gtk-icon-shadow: 0 1px 1px @MINT_700; } +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { + background-color: @BUBBLEGUM_500; + -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } +.color-button.slate check, .color-button.slate radio { + background-color: @SLATE_300; + -gtk-icon-shadow: 0 1px 1px @SLATE_500; } +.color-button.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); } + +.xfce4-panel { + border-radius: 0; } + .xfce4-panel.background { + background-color: #1e1f29; + color: #f8f8f2; + text-shadow: none; + -gtk-icon-shadow: none; } + .xfce4-panel#XfcePanelWindow, .xfce4-panel#XfcePanelWindow.marching-ants { + transition: none; } + +#tasklist-button { + color: rgba(255, 255, 255, 0.8); + border-radius: 0; + border: none; + background-color: #1e1f29; } + #tasklist-button:hover { + color: white; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px rgba(189, 147, 249, 0.5); } + +.xfce4-panel.background button.flat:not(.open_group) { + color: white; + border-radius: 0; + border: none; + background-color: #1e1f29; + font-weight: normal; } + .xfce4-panel.background button.flat:hover:not(.open_group) { + border: none; + background-color: #343546; } + .xfce4-panel.background button.flat:active:not(.open_group), .xfce4-panel.background button.flat:checked:not(.open_group) { + color: white; + box-shadow: 0px -2px #bd93f9 inset; + background-color: rgba(189, 147, 249, 0.1); } + .xfce4-panel.background button.flat:active:not(.open_group) label, .xfce4-panel.background button.flat:active:not(.open_group) image, .xfce4-panel.background button.flat:checked:not(.open_group) label, .xfce4-panel.background button.flat:checked:not(.open_group) image { + color: inherit; } + +/* Vala-appmenu-plugin*/ +.-vala-panel-appmenu-core scrolledwindow, +.-vala-panel-appmenu-private > menuitem, +.-vala-panel-appmenu-private > menuitem:first-child > label { + color: white; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: rgba(189, 147, 249, 0.5); + /* Color property of the glow */ + /* Title settings */ + -UnityDecoration-title-indent: 10px; + /* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px; + /* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0; + /* Float from 0.0 to 1.0, to align the title */ + background-color: #31363D; + color: #fefefe; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #31363D; + border-bottom-width: 0; + background-color: #31363D; + color: #fefefe; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: #e5e5e5; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #fefefe; } + UnityDecoration .top .menuitem:backdrop { + color: #e5e5e5; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #30343b; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #31363D, #30343b); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #30343b; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #1a1d21; + color: #fefefe; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #e5e5e5; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #fefefe; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #fefefe; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #1a1d21; + color: #fefefe; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #8b8c8e; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #2f333a; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: rgba(25, 26, 34, 0.9); } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #282a36; } + +@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: rgba(189, 147, 249, 0.5); } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(25, 26, 34, 0.9); } + MsdOsdWindow.background.osd .progressbar { + background-color: rgba(189, 147, 249, 0.5); + border: none; + border-color: rgba(189, 147, 249, 0.5); + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(9, 10, 12, 0.8); + border: none; + border-radius: 5px; } + +.mate-panel-menu-bar { + border-radius: 0; } + .mate-panel-menu-bar button { + border-radius: 0; } + .mate-panel-menu-bar button, .mate-panel-menu-bar button:hover { + background-color: transparent; + color: #f8f8f2; } + .mate-panel-menu-bar button:active, .mate-panel-menu-bar button:checked { + box-shadow: 0 -2px 0 rgba(189, 147, 249, 0.5) inset; + color: #f8f8f2; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left .separator, +.geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView { + -GtkTreeView-grid-line-width: 0; } + ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); + color: rgba(248, 248, 242, 0.5); } + ConversationListView .view .cell, ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { + color: #f8f8f2; + border: 0px solid rgba(159, 99, 246, 0.5); } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #1e1f29; + color: white; + font-weight: bold; + box-shadow: inset 0 -1px #0f0f14; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); } + #panel_window .menubar .menuitem:disabled GtkLabel, + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:disabled label, + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #f8f8f2; } + +#content_frame { + padding-bottom: 14px; + background-color: #1e1f29; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + border: 1px solid #282a36; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:active, #content_frame button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #1e1f29; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #f8f8f2; + font-size: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +/* thunar */ +.thunar toolbar { + background-color: #1e1f29; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +scrolledwindow.sidebar treeview.view, scrollbar.right { + background: #232530; + padding: 2.5px 1.5px; + border: none; + box-shadow: none; } + +scrolledwindow.standard-view scrollbar.right { + background-color: #282a36; } + +/* path-bar of thunar */ +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:selected, .thunar scrolledwindow.sidebar treeview.view:hover, .thunar scrolledwindow.sidebar treeview.view:checked, .thunar scrolledwindow.sidebar treeview.view:selected, .thunar toolbar.horizontal button:hover, .thunar toolbar.horizontal button:checked, .thunar toolbar.horizontal button:selected { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; + font-weight: normal; } +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:backdrop label, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:selected:backdrop label, .thunar scrolledwindow.sidebar treeview.view:checked:backdrop label, .thunar scrolledwindow.sidebar treeview.view:selected:backdrop label, .thunar toolbar.horizontal button:checked:backdrop label, .thunar toolbar.horizontal button:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button { + background: none; + outline: none; + border: none; + box-shadow: none; } + +.nemo-window .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #07080a; + -NemoPlacesTreeView-disk-full-fg-color: #f1fa8c; + -GtkTreeView-vertical-separator: 7; } + .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, + .nemo-window .places-treeview iconview.cell:hover, + .nemo-window .places-treeview iconview.cell:selected { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; + border-radius: 0; } +.nemo-window .sidebar { + color: #f8f8f2; + background-color: #232530; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { + background-color: transparent; } +.nemo-window .nemo-window-pane widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } + .nemo-window .nemo-window-pane widget.entry:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #1e1f29; } + .nemo-window toolbar.primary-toolbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + min-height: 24px; + padding: 3px; } + .nemo-window toolbar.primary-toolbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:selected:backdrop label, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop label, .nemo-window toolbar.primary-toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nemo-window .nemo-inactive-pane .view:not(:selected), .nemo-window .nemo-inactive-pane iconview:not(:selected), +.nemo-window .nemo-inactive-pane iconview { + background-color: #1d1f27; } + +.caja-notebook .frame { + border-width: 0 0 1px; } +.caja-notebook .entry { + background: #1e1f29; + color: #f8f8f2; + border-color: rgba(159, 99, 246, 0.5); } + .caja-notebook .entry:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/************** +* Caja sidebar * +**************/ +.caja-side-pane { + background: #1e1f29; } + .caja-side-pane .frame { + border-width: 1px 0 0; } + .caja-side-pane treeview.view, + .caja-side-pane textview.view text, + .caja-side-pane viewport.frame, + .caja-side-pane widget .vertical { + background: #1e1f29; + padding: 3px 2px; } + .caja-side-pane treeview.view:hover, + .caja-side-pane textview.view text:hover, + .caja-side-pane viewport.frame:hover, + .caja-side-pane widget .vertical:hover { + background-color: rgba(40, 42, 54, 0.6); } + .caja-side-pane treeview.view:selected, + .caja-side-pane textview.view text:selected, + .caja-side-pane viewport.frame:selected, + .caja-side-pane widget .vertical:selected { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .caja-side-pane treeview.view:selected:hover, + .caja-side-pane textview.view text:selected:hover, + .caja-side-pane viewport.frame:selected:hover, + .caja-side-pane widget .vertical:selected:hover { + background-color: rgba(189, 147, 249, 0); } + +/************** +* Caja pathbar * +**************/ +.caja-navigation-window paned { + background: #282a36; } + +.caja-navigation-window .primary-toolbar { + background: #1e1f29; } + .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked { + background: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label { + color: #f8f8f2; } + +.caja-pathbar button, .caja-pathbar button:backdrop { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; } +.caja-pathbar button:hover, .caja-pathbar button:active, .caja-pathbar button:checked, .caja-pathbar button:backdrop:active, .caja-pathbar button:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .caja-pathbar button:hover, .caja-pathbar button:hover label, .caja-pathbar button:active, .caja-pathbar button:active label, .caja-pathbar button:checked, .caja-pathbar button:checked label, .caja-pathbar button:backdrop:active, .caja-pathbar button:backdrop:active label, .caja-pathbar button:backdrop:checked, .caja-pathbar button:backdrop:checked label { + color: #bd93f9; } + +/*# sourceMappingURL=gtk.css.map */ diff --git a/filesystem/.themes/Dracula/gtk-3.20/gtk.scss b/filesystem/.themes/Dracula/gtk-3.20/gtk.scss new file mode 100755 index 00000000..334d1b6f --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/gtk.scss @@ -0,0 +1,11 @@ + + +$variant: 'dark'; + +@import 'colors'; +@import 'elementary-colors'; +@import 'colors-public'; +@import 'drawing'; +@import 'common'; +@import 'widgets'; +@import 'apps'; diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_action-bars.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_action-bars.scss new file mode 100644 index 00000000..c610c3d7 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_action-bars.scss @@ -0,0 +1,27 @@ +/*************** +* Action bars * +***************/ + +.action-bar { + background-color: darken($bg_color, 10%); + border: solid $borders_color; + border-width: 1px 0 0 0; + color: $fg_color; + box-shadow: none; + + &:backdrop { + background-color: darken($backdrop_bg_color, 10%); + box-shadow: none; + -gtk-icon-effect: dim; + } + + &:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; + } + + &:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_app-notifications.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_app-notifications.scss new file mode 100644 index 00000000..fa46542a --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_app-notifications.scss @@ -0,0 +1,23 @@ +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + @extend %osd; + + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: $osd_bg_color; + background-image: linear-gradient(to bottom, transparentize(black, 0.8), + transparent 2px); + background-clip: padding-box; + + &:backdrop { + background-image: none; + transition: $backdrop_transition; + } + + button { @extend %osd_button; } + + border { border: none; } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_base-states.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_base-states.scss new file mode 100644 index 00000000..e674ab85 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_base-states.scss @@ -0,0 +1,185 @@ +/*************** + * Base States * + ***************/ +.background { + color: $fg_color; + background-color: $bg_color; + + &:backdrop { + color: $backdrop_fg_color; + background-color: $backdrop_bg_color; + text-shadow: none; + -gtk-icon-shadow: none; + } + + &.chromium { background-color: lighten($base_color, 3%); } +} + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ + +selection { + background-color: $selected_bg_color; + color: $selected_fg_color; +} + +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: $fg_color; + background-color: $bg_color; + + &:hover { + color: $fg_color; + background-color: lighten($bg_color, 10%); + } + + &:active { + color: $fg_color; + background-color: darken($bg_color, 10%); + } + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +.view, +%view { + color: $text_color; + background-color: $base_color; + + &:backdrop { + color: $backdrop_text_color; + background-color: $backdrop_base_color; + } + + &:selected { + &:focus, & { + @extend %selected_items; + + border-radius: 3px; + } + } +} + +.view, +textview { + text { + @extend %view; + + selection { &:focus, & { @extend %selected_items; }} + } +} + +textview border { background-color: mix($bg_color, $base_color, 50%); } + +iconview { @extend .view; } + +.rubberband, +rubberband { + border: 1px solid darken($selected_bg_color, 10%); + background-color: transparentize(darken($selected_bg_color, 10%), 0.3); +} + +flowbox { + rubberband { @extend rubberband; } + + flowboxchild { + padding: 3px; + border-radius: 3px; + + &:selected { + @extend %selected_items; + + outline-offset: -2px; + } + } +} + +label { + caret-color: currentColor; // this shouldn't be needed. + + &.separator { + @extend .dim-label; + + color: $fg_color; + + &:backdrop { color: $backdrop_fg_color; } + } + + row:selected &, + &:selected { @extend %nobg_selected_items; } + + selection { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:disabled { + color: $insensitive_fg_color; + + selection { @extend %selected_items:disabled; } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop { + color: $backdrop_fg_color; + + selection { @extend %selected_items:backdrop; } + } +} + +.dim-label { + opacity: 0.55; + text-shadow: none; +} + +assistant { + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar label { padding: 6px 12px; } + + .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); } +} + +%osd, .osd { + color: $osd_fg_color; + border: none; + background-color: $osd_bg_color; + background-clip: padding-box; + outline-color: transparentize($osd_fg_color, 0.7); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + + &:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +*:selected { + background: $selected_bg_color; + color: $selected_fg_color; +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_buttons.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_buttons.scss new file mode 100644 index 00000000..3f878423 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_buttons.scss @@ -0,0 +1,554 @@ +/*********** + * Buttons * + ***********/ +// stuff for .needs-attention +$_dot_color: if($variant=='light', $selected_bg_color, + lighten($selected_bg_color,15%)); +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to($_dot_color), + to(transparent)); + } + + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($selected_bg_color), + to(transparent)); + } +} + +%button, +button { + @at-root %button_basic, & { + + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border: none; + border-radius: 3px; + transition: $button_transition; + + @include button(normal); + + &.flat { + @include button(undecorated); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + + &:hover { + transition: $button_transition; + transition-duration: 500ms; + + &:active { transition: $button_transition; } + } + } + + &:hover { + @include button(hover,$selected_bg_color,$selected_fg_color); + -gtk-icon-effect: highlight; + } + + &:active, + &:checked { + @include button(active,darken($selected_bg_color,5%),$selected_fg_color); + + transition-duration: 50ms; + } + + &:backdrop { + &.flat, & { + @include button(backdrop); + + transition: $backdrop_transition; + -gtk-icon-effect: none; + + &:active, + &:checked { @include button(backdrop-active); } + + &:disabled { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active); } + } + } + } + + &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }} + + &:disabled { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active); } + } + + &.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; + } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + &.text-button.image-button { + padding-left: 8px; + padding-right: 8px; + + label { + padding-left: 8px; + padding-right: 8px; + } + } + + &:drop(active) { + color: $drop_target_color; + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + @at-root %button_selected, & { + row:selected & { + @if $variant == 'light' { border-color: $selected_borders_color; } + + &.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: $selected_fg_color; + border-color: transparent; + + &:backdrop { color: if($variant=='light', $backdrop_base_color, $backdrop_fg_color); } + } + } + } + + + // big standalone buttons like in Documents pager + &.osd { + min-width: 24px; + min-height: 32px; + + &.image-button { min-width: 32px; } + + color: $osd_fg_color; + border-radius: 5px; + outline-color: transparentize($osd_fg_color, 0.7); //FIXME: define a color var? + + @include button(osd); + + border: none; + box-shadow: none; + + &:hover { + @include button(osd-hover); + + border: none; + box-shadow: none; + } + + &:active, + &:checked { + @include button(osd-active); + + border: none; + box-shadow: none; + } + + &:disabled { + &:backdrop, & { + @include button(osd-insensitive); + + border: none; + } + } + + &:backdrop { + @include button(osd-backdrop); + + border: none; + } + } + + //overlay / OSD style + @at-root %osd_button, + .osd & { + @include button(osd); + + &:hover { @include button(osd-hover); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active); }} + + &:disabled { &:backdrop, & { @include button(osd-insensitive); }} + + &:backdrop { @include button(osd-backdrop); } + + &.flat { + @include button(undecorated); + + box-shadow: none; //FIXME respect no edge on the button mixin + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + + &:hover { @include button(osd-hover); } + + &:disabled { + @include button(osd-insensitive); + background-image: none; + border-color: transparent; + box-shadow: none; + } + + &:backdrop { @include button(undecorated); } + + &:active, + &:checked { @include button(osd-active); } + } + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $purple), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(normal, $b_color, white); + + &.flat { + @include button(undecorated); + + color: $b_color; //FIXME: does it work on the dark variant? + } + + &:hover { @include button(hover, $b_color, white); } + + &:active, + &:checked { @include button(active, $b_color, white); } + + &:backdrop, + &.flat:backdrop { + @include button(backdrop, $b_color, white); + label { color: transparentize(white, 0.5);} + &:active, + &:checked { @include button(backdrop-active, $b_color, white); } + + &:disabled { + @include button(backdrop-insensitive, $b_color, white); + label { color: transparentize(white, 0.5);} + + &:active, + &:checked { @include button(backdrop-insensitive-active, $b_color, white); } + } + } + + &.flat { + &:backdrop, &:disabled, &:backdrop:disabled { + @include button(undecorated); + + color: transparentize($b_color, 0.2); + } + } + + &:disabled { + @include button(insensitive, $b_color, white); + label { color: transparentize($selected_fg_color, 0.2); } + &:active, + &:checked { @include button(insensitive-active, $b_color, white); } + } + + .osd & { + @include button(osd, $b_color); + + &:hover { @include button(osd-hover, $b_color); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active, $b_color); }} + + &:disabled { &:backdrop, & { @include button(osd-insensitive, $b_color); }} + + &:backdrop { @include button(osd-backdrop, $b_color); } + } + } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + outline-offset: -3px; // needs to be set or it gets overriden by GtkRadioButton outline-offset + + > label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + + > image { + padding-left: 6px; // image padding + padding-right: 6px; // + padding-top: 3px; // + padding-bottom: 3px; // + } + + &.text-button { + // compensate text-button paddings + padding-left: 10px; + padding-right: 10px; + } + + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the GtkImage is needed + padding-left: 2px; + padding-right: 2px; + } + + &.needs-attention { + > label, + > image { @extend %needs_attention; } + + &:active, + &:checked { + > label, + > image { + animation: none; + background-image: none; + } + } + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: 2px; + border-width: 1px; + @extend %linked; + } + + .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows + + .linked > &, + .linked > &:hover, + .linked > &:active, + .linked > &:checked, + .linked > &:backdrop { @extend %linked; } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked, + .linked.vertical > &:backdrop { @extend %linked_vertical; } +} + +%needs_attention { + animation: needs_attention 150ms ease-in; + $_dot_shadow: _text_shadow_color(); + $_dot_shadow_r: if($variant=='light',0.5,0.45); + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)), + -gtk-gradient(radial, + center center, 0, + center center, $_dot_shadow_r, + to($_dot_shadow), + to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + + @if $variant == 'light' { background-position: right 3px, right 4px; } + + @else { background-position: right 3px, right 2px; } + + &:backdrop { background-size: 6px 6px, 0 0;} + + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + + @else { background-position: left 3px, left 2px; } + } +} + +toolbar { + button { + &:hover { @include button(normal,darken($bg_color,7%));} + &:active { @include button(normal,darken($bg_color,12%));} + } +} +// all the following is for the +|- buttons on inline toolbars, that way +// should really be deprecated... +.inline-toolbar toolbutton > button { // redefining the button look is + // needed since those are flat... + @include button(undecorated); + + &:hover { color: $selected_bg_color; } + + &:active, + &:checked{ color: darken($selected_bg_color, 5%); } + + &:disabled { + color: $backdrop_text_color; + + &:active, + &:checked { color: transparentize(darken($selected_bg_color, 5%),0.7); } + } + + &:backdrop { + color: $backdrop_text_color; + + &:active, + &:checked { color: darken($selected_bg_color, 5%); } + + &:disabled { + color: $backdrop_text_color; + + &:active, + &:checked { color: transparentize(darken($selected_bg_color, 5%),0.7); } + } + } +} + +// More inline toolbar buttons +toolbar.inline-toolbar toolbutton, +toolbar.inline-toolbar toolbutton:backdrop { + > button.flat { + &:backdrop { + border-color: transparent; + box-shadow: none; + } + } +} + +%linked_middle { + border: 1px solid $borders_color; + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px $top_highlight; +} + +%linked { + @extend %linked_middle; + + &:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + + &:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; + } + + &:only-child { + border-radius: 3px; + border-style: solid; + } +} + +%linked_vertical_middle { + border-style: solid solid none solid; + border-radius: 0; +} + +%linked_vertical{ + @extend %linked_vertical_middle; + + &:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + + &:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; + } + + &:only-child { + border-radius: 3px; + border-style: solid; + } +} + +%undecorated_button { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px transparentize(white,1), + 0 1px transparentize(white, 1); + text-shadow: none; + -gtk-icon-shadow: none; +} + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; + + @extend %undecorated_button; + + &:hover { background-color: $popover_hover_color; } + + &:selected { @extend %selected_items; } + + &:backdrop, + &:backdrop:hover { @extend %undecorated_button; } + + // FIXME: remove the following when the checks/radios rewrite lands + check:last-child, + radio:last-child { margin-left: 8px; } + + check:first-child, + radio:first-child { margin-right: 8px; } +} + +modelbutton.flat arrow { + background: none; + + &:hover { background: none; } + + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +button.color { + padding: 4px; + + colorswatch:only-child { + &, overlay { border-radius: 0; } + + @if $variant == 'light' { + box-shadow: 0 1px _text_shadow_color(); + + &:disabled, + &:backdrop { box-shadow: none; } + } + } +} + +notebook, list, .view, popover { + button { + box-shadow: inset 0px 0px 0px 1px $borders_color; + &:backdrop { + box-shadow: inset 0px 0px 0px 1px $borders_color; + } + } + .linked > button { + box-shadow: none; + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_calendar.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_calendar.scss new file mode 100644 index 00000000..1fa0c8cd --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_calendar.scss @@ -0,0 +1,59 @@ +/************ + * Calendar * + ***********/ +calendar { + color: $text_color; + border: 1px solid $borders_color; + + &:selected { + @extend %selected_items; + + border-radius: 3px; + } + + &.header { + border-bottom: 1px solid transparentize(black, 0.9); + border-radius: 0; + + &:backdrop { border-color: transparentize(black, 0.9); } + } + + &.button { + @extend %undecorated_button; + + color: transparentize($fg_color, 0.55); + + &:hover { + @extend %undecorated_button; + + color: $fg_color; + } + + &:backdrop { + @extend %undecorated_button; + + color: transparentize($backdrop_fg_color,0.55); + } + + &:disabled { + @extend %undecorated_button; + + color: transparentize($insensitive_fg_color,0.55); + } + } + + &:indeterminate, + &:indeterminate:backdrop { color: gtkalpha(currentColor, 0.55); } + + &.highlight, + &.highlight:backdrop { + font-size: smaller; + color: $fg_color; + } + + + &:backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_checks-radios.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_checks-radios.scss new file mode 100644 index 00000000..e4aa5f47 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_checks-radios.scss @@ -0,0 +1,165 @@ +/************************* + * Check and Radio Items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + + +// unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked'), + (':disabled', '-unchecked'), + (':disabled:backdrop', '-unchecked') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$un}.png"),url("../assets/radio#{$un}@2.png")), -gtk-scaled(url("../assets/radio#{$un}.png"),url("../assets/radio#{$un}@2.png"))); + -gtk-icon-shadow: none; + } +} + +// checked +@each $s,$ch in (':checked', '-checked'), + (':checked:hover', '-checked-hover'), + (':checked:active', '-checked-active'), + (':checked:backdrop', '-checked'), + (':checked:disabled', '-checked'), + (':checked:disabled:backdrop', '-checked') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png")), -gtk-scaled(url("../assets/radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png"))); + -gtk-icon-shadow: none; + } +} + +// mixed +@each $s,$mx in (':indeterminate', '-mixed'), + (':indeterminate:hover', '-mixed-hover'), + (':indeterminate:active', '-mixed-active'), + (':indeterminate:backdrop', '-mixed'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':indeterminate:disabled:backdrop', '-mixed-insensitive') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$mx}.png"),url("../assets/checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/checkbox#{$mx}.png"),url("../assets/checkbox#{$mx}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$mx}.png"),url("../assets/radio#{$mx}@2.png")), -gtk-scaled(url("../assets/radio#{$mx}.png"),url("../assets/radio#{$mx}@2.png"))); + -gtk-icon-shadow: none; + } +} + +// unchecked:selected +@each $s,$un in (':selected','-unchecked'), + (':hover:selected', '-unchecked'), + (':active:selected', '-unchecked'), + (':backdrop:selected', '-unchecked'), + (':disabled:selected', '-unchecked'), + (':disabled:backdrop:selected', '-unchecked') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$un}.png"),url("../assets/selected-radio#{$un}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$un}.png"),url("../assets/selected-radio#{$un}@2.png"))); + -gtk-icon-shadow: none; + } +} + +// checked:selected +@each $s,$ch in (':checked:selected', '-checked'), + (':checked:hover:selected', '-checked'), + (':checked:active:selected', '-checked'), + (':checked:backdrop:selected', '-checked'), + (':checked:disabled:selected', '-checked'), + (':checked:disabled:backdrop:selected', '-checked') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$ch}.png"),url("../assets/selected-radio#{$ch}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$ch}.png"),url("../assets/selected-radio#{$ch}@2.png"))); + -gtk-icon-shadow: none; + } +} + + +// mixed:selected +@each $s,$mx in (':indeterminate:selected', '-mixed'), + (':indeterminate:hover:selected', '-mixed'), + (':indeterminate:active:selected', '-mixed'), + (':indeterminate:backdrop:selected', '-mixed'), + (':indeterminate:disabled:selected', '-mixed'), + (':indeterminate:disabled:backdrop:selected', '-mixed') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$mx}.png"),url("../assets/selected-checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$mx}.png"),url("../assets/selected-checkbox#{$mx}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$mx}.png"),url("../assets/selected-radio#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$mx}.png"),url("../assets/selected-radio#{$mx}@2.png"))); + -gtk-icon-shadow: none; + } +} + + +// selection-mode unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':disabled', '-unchecked-insensitive'), + (':disabled:backdrop', '-unchecked-backdrop-insensitive') { + .view.content-view check#{$s}, + .view.content-view.check#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")); + -gtk-icon-shadow: none; + } + .view.content-view radio#{$s}, + .view.content-view.radio#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio#{$un}.png"),url("../assets/radio#{$un}@2.png")); + -gtk-icon-shadow: none; + } +} + +checkbutton.text-button, radiobutton.text-button { + // this is for a nice focus on check and radios text + padding: 2px 0; + outline-offset: 0; + + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } +} + +check, +radio { + margin: 0 4px; + + min-height: 16px; + min-width: 16px; + border: none; + + menu menuitem & { + margin: 0; // this is a workaround for a menu check/radio size allocation issue + + &, &:hover, &:disabled { //FIXME use button reset mixin + min-height: 14px; + min-width: 14px; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + border-color: currentColor; + animation: none; + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_color-chooser.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_color-chooser.scss new file mode 100644 index 00000000..3502a55e --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_color-chooser.scss @@ -0,0 +1,139 @@ +/***************** + * Color Chooser * + *****************/ +colorswatch { + // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one + // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is + // applied to the overlay box. + + &, &:drop(active) { border-style: none; } // FIXME: implement a proper drop(active) state + + $_colorswatch_radius: 5px; + $_colorswatch_overlay_shadow: if($variant == 'light', inset 0 2px 2px -3px transparentize(black, 0.3), + inset 0 3px 2px -2px transparentize(black, 0.5)); + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing the base color + // sports a bigger radius. + // nth-child is needed by the custom color strip. + + &.top { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-top-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-top-right-radius: $_colorswatch_radius; + } + } + + &.bottom { + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-bottom-left-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.left, + &:first-child:not(.top) { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-bottom-left-radius: $_colorswatch_radius; + } + } + + &.right, + &:last-child:not(.bottom) { + border-top-right-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-right-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.dark overlay { + color: $selected_fg_color; + + &:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); } + + &:backdrop { color: $backdrop_selected_fg_color; } + } + + &.light overlay { + color: $text_color; + + &:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); } + + &:backdrop { color: $backdrop_text_color; } + } + + &:drop(active) { + box-shadow: none; + + &.light overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', darken($drop_target_color, 7%), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + + &.dark overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', transparentize(black, 0.7), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + } + + overlay { + box-shadow: $_colorswatch_overlay_shadow; + border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color); + + &:hover { box-shadow: inset 0 1px transparentize(white, 0.7); } + + &:backdrop, &:backdrop:hover { + border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color); + box-shadow: none; + } + } + + &#add-color-button { + border-radius: $_colorswatch_radius $_colorswatch_radius 0 0; + + &:only-child { border-radius: $_colorswatch_radius; } + + overlay { + @include button(normal); + + &:hover { @include button(hover); } + + &:backdrop { @include button(backdrop); } + } + } + + &:disabled { + opacity: 0.5; + + overlay { + border-color: transparentize(black, 0.4); + box-shadow: none; + } + } + + row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } + + &#editor-color-sample { + border-radius: 4px; + + overlay { border-radius: 4.5px; } + } +} + +// colorscale popup +colorchooser .popover.osd { border-radius: 5px; } diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_comboboxes.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_comboboxes.scss new file mode 100644 index 00000000..3424c6d2 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_comboboxes.scss @@ -0,0 +1,41 @@ +/************** + * ComboBoxes * + **************/ +combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked:last-child; } + &:dir(rtl) { @extend %linked:first-child; } + } + } + + &:drop(active) { // FIXME: untested + box-shadow: none; + + button.combo { @extend %button_basic:drop(active); } + } +} + +.linked > combobox > box > button.combo { + // the combo is a composite widget so the way we do button linking doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + + &:dir(ltr), + &:dir(rtl) { @extend %linked_middle; } // specificity bump +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { @extend %linked:first-child; } +.linked:not(.vertical) > combobox:last-child > box > button.combo { @extend %linked:last-child; } +.linked:not(.vertical) > combobox:only-child > box > button.combo {@extend %linked:only-child; } + +.linked.vertical > combobox > box > button.combo { @extend %linked_vertical_middle; } +.linked.vertical > combobox:first-child > box > button.combo { @extend %linked_vertical:first-child;} +.linked.vertical > combobox:last-child > box > button.combo { @extend %linked_vertical:last-child; } +.linked.vertical > combobox:only-child > box > button.combo { @extend %linked_vertical:only-child; } diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_dialogs.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_dialogs.scss new file mode 100644 index 00000000..08ca2aa3 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_dialogs.scss @@ -0,0 +1,66 @@ +/*********** + * Dialogs * + ***********/ +messagedialog { // Message Dialog styling + .titlebar:not(headerbar) { + background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05); + } + .titlebar { + min-height: 20px; + background-image: none; + background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + + &.csd { // rounded bottom border styling for csd version + &.background { + background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05); + color: if($variant=='light', $headerbar_fg_color, $fg_color); + + // bigger radius for better antialiasing + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + } + + .dialog-action-area button { + padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; + background-color: transparent; + color: if($variant=='light', $headerbar_fg_color, $fg_color); + box-shadow: none; + + &:hover { + background-color: transparentize($selected_bg_color, 0.1); + } + + &:first-child{ + border-left-style: none; + border-bottom-left-radius: 4px; + } + + &:last-child { + border-bottom-right-radius: 4px; + } + } + } +} + +filechooser { + .dialog-action-box { + border-top: 1px solid $borders_color; + + &:backdrop { border-top-color: $backdrop_borders_color; } + } + + #pathbarbox { border-bottom: 1px solid $bg_color; } +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_entries.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_entries.scss new file mode 100644 index 00000000..8b3b9a9b --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_entries.scss @@ -0,0 +1,181 @@ +/**************** + * Text Entries * + ****************/ + +%entry, +entry { + %entry_basic, & { + min-height: 32px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms $ease-out-quad; + + @include entry(normal); + + image { // icons inside the entry + &.left { padding-left: 0; padding-right: 6px; } + &.right { padding-left: 6px; padding-right: 0; } + } + + undershoot { + &.left { @include undershoot(left); } + &.right { @include undershoot(right); } + } + + &.flat { + &:focus, & { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + box-shadow: none; + border-radius: 0; + } + } + + &:focus { @include entry(focus); } + + &:disabled { @include entry(insensitive); } + + &:backdrop { + @include entry(backdrop); + + transition: $backdrop_transition; + } + + &:backdrop:disabled { @include entry(backdrop-insensitive); } + + selection { &:focus, & { @extend %selected_items; }} + + // entry error and warning style + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + @include entry(normal); + color: $e_color; + border-color: entry_focus_border($e_color); + + &:focus { @include entry(focus, $e_color); } + + &:selected { &:focus, & { background-color: $e_color; }} + } + } + + & image { // entry icons colors + color: mix($fg_color, $base_color, 80%); + + &:hover { color: $fg_color; } + + &:active { color: $selected_bg_color; } + + &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 80%); } + } + + &:drop(active) { + &:focus, & { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + .osd & { + @include entry(osd); + + &:focus { @include entry(osd-focus); } + + &:backdrop { @include entry(osd-backdrop); } + + &:disabled { @include entry(osd-insensitive); } + } + } + + progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + box-shadow: none; + + &:backdrop { background-color: transparent; } + } + + // linked entries + .linked:not(.vertical) > & { @extend %linked; } + .linked:not(.vertical) > &:focus + &, + .linked:not(.vertical) > &:focus + button, + .linked:not(.vertical) > &:focus + combobox > box > button.combo { border-left-color: entry_focus_border(); } + + .linked:not(.vertical) > &:focus { border-color: entry_focus_border(); } + + .linked:not(.vertical) > &:drop(active) + &, + .linked:not(.vertical) > &:drop(active) + button, + .linked:not(.vertical) > &:drop(active) + combobox > box > button.combo { border-left-color: $drop_target_color; } + + // Vertically linked entries + // FIXME: take care of "colored" entries + .linked.vertical > & { + @extend %linked_vertical; + + // brighter border between linked entries + &:not(:disabled) + entry:not(:disabled), + &:not(:disabled) + %entry:not(:disabled) { + border-top-color: mix($borders_color, $base_color, 30%); + background-image: linear-gradient(to bottom, $base_color, $base_color); + + &:backdrop { + border-top-color: mix($backdrop_borders_color, $backdrop_base_color, 30%); + background-image: linear-gradient(to bottom, $backdrop_base_color, $backdrop_base_color); + } + } + + // brighter border between linked insensitive entries + &:disabled + %entry:disabled, + &:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); } + + // color back the top border of a linked focused entry following another entry and add back the focus shadow. + // :not(:only-child) is a specificity bump hack. + + %entry:focus:not(:only-child), + + entry:focus:not(:only-child) { border-top-color: entry_focus_border(); } + + + %entry:drop(active):not(:only-child), + + entry:drop(active):not(:only-child) { border-top-color: $drop_target_color; } + + // this takes care of coloring the top border of the focused entry subsequent widget. + // :not(:only-child) is a specificity bump hack. + &:focus:not(:only-child) { + + %entry, + + entry, + + button, + + combobox > box > button.combo { border-top-color: entry_focus_border(); } + } + + &:drop(active):not(:only-child) { + + %entry, + + entry, + + button, + + combobox > box > button.combo { border-top-color: $drop_target_color; } + } + } +} + +treeview entry { + &:focus { + &:dir(rtl), &:dir(ltr) { // specificity bump hack + background-color: $base_color; + transition-property: color, background; + } + } + + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus { border-color: $selected_bg_color; } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_expanders.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_expanders.scss new file mode 100644 index 00000000..47b44481 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_expanders.scss @@ -0,0 +1,16 @@ +/************* + * Expanders * + *************/ +expander { + arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + &:hover { color: lighten($fg_color,30%); } //only lightens the arrow + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_file-chooser.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_file-chooser.scss new file mode 100644 index 00000000..2f7d146c --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_file-chooser.scss @@ -0,0 +1,102 @@ +/**************** + * File chooser * + ****************/ +$_placesidebar_icons_opacity: 0.7; + +placessidebar { + > viewport.frame { border-style: none; } + + row { + // Needs overriding of the GtkListBoxRow padding + min-height: 36px; + padding: 0px; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 14px; } + + &:selected { color: $selected_fg_color; } + + &:disabled { color: $insensitive_fg_color; } + + &:backdrop { + color: $backdrop_fg_color; + + &:selected { color: $backdrop_selected_fg_color; } + + &:disabled { color: $backdrop_insensitive_color; } + } + + image.sidebar-icon { + opacity: $_placesidebar_icons_opacity; // dim the device icons + + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + + label.sidebar-label { + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } + + @at-root button.sidebar-button { + @extend %button_basic.flat; + + @extend %button_selected.flat; + + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; + + &:not(:hover):not(:active), + &:backdrop { > image { opacity: $_placesidebar_icons_opacity; }} + } + + // in the sidebar case it makes no sense to click the selected row + &:selected:active { box-shadow: none; } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image($drop_target_color); + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + color: $drop_target_color; + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + color: $selected_fg_color; + background-color: $drop_target_color; + } + } + } +} + +placesview { + .server-list-button > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(-0.5turn); + } + + row.activatable:hover { background-color: transparent; } + + // this selects the "connect to server" label + > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_floating-bar.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_floating-bar.scss new file mode 100644 index 00000000..e9a24653 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_floating-bar.scss @@ -0,0 +1,33 @@ +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: $bg_color; + border-width: 1px; + border-style: solid solid none; + border-color: $borders_color; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px $top_highlight; + + &.bottom { + + &.left { + border-left-style: none; + border-top-left-radius: 0; + } + + &.right { + border-right-style: none; + border-top-right-radius: 0; + } + } + + > button { + padding:4px; + } + + &:backdrop { + background-color: $backdrop_bg_color; + border-color: $backdrop_borders_color; + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_frames.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_frames.scss new file mode 100644 index 00000000..d85b8327 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_frames.scss @@ -0,0 +1,87 @@ +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $borders_color; + + &.flat { border-style: none; } + + &:backdrop { border-color: $backdrop_borders_color; } +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid $borders_color; + + &:backdrop { border-color: $backdrop_borders_color; } +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside scrolled window + border-style: none; + } + + // This is used when content is touch-dragged past boundaries. + // draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { + @include overshoot(top); + + &:backdrop { @include overshoot(top, backdrop); } + } + + &.bottom { + @include overshoot(bottom); + + &:backdrop { @include overshoot(bottom, backdrop); } + } + + &.left { + @include overshoot(left); + + &:backdrop { @include overshoot(left, backdrop); } + } + + &.right { + @include overshoot(right); + + &:backdrop { @include overshoot(right, backdrop); } + } + } + + // Overflow indication, works similarly to the overshoot, the size if fixed tho. + undershoot { + &.top { @include undershoot(top); } + + &.bottom { @include undershoot(bottom); } + + &.left { @include undershoot(left); } + + &.right { @include undershoot(right); } + } + + junction { // the small square between two scrollbars + border-color: transparent; + // the border image is used to add the missing dot between the borders, details, details, details... + border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; + background-color: $scrollbar_bg_color; + + &:dir(rtl) { border-image-slice: 0 1 0 0; } + + &:backdrop { + border-image-source: linear-gradient(to bottom, $backdrop_borders_color 1px, transparent 1px); + background-color: $backdrop_scrollbar_bg_color; + transition: $backdrop_transition; + } + } +} + +//vbox and hbox separators +separator { + background: transparentize(black, 0.9); +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_granite.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_granite.scss new file mode 100644 index 00000000..3e49050c --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_granite.scss @@ -0,0 +1,206 @@ +/************ + * Popovers * + ************/ + +GraniteWidgetsPopOver { + + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + + border: 1px solid $base_color; + background: $base_color; + color: $fg_color; + + .button { + background-image: none; + background: none; + border: none; + + &:active, + &:active:hover, { + color: $selected_bg_color; + } + } + + > .frame { + border:none; + } + + .sidebar.view { + border: none; + background: none; + } +} + +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.popover_bg { + background-color: $base_color; + background-image: none; + border: 1px solid $base_color; + color: $fg_color; +} + + +/*********** + * Welcome * + **********/ + +GraniteWidgetsWelcome { + background-color: $base_color; + + GtkLabel { + color: $fg_color; + } + + .h1,.h3 { + color: transparentize($fg_color, 0.2); + } +} + +/************** +* Source List * +***************/ + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + + background-color: $bg_color; + border: solid $borders_color; + color: $fg_color; + border-right-width: 1px; + + &:backdrop {} + + .category-expander { + color: transparent; + } + + .badge { + background-image: none; + background-color: transparentize(black, 0.6); + color: $bg_color; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; + + &:selected:backdrop, + &:selected:hover:backdrop { + background-color: transparentize(black, 0.8); + color: darken($bg_color, 5%); + } + } + + row, + .list-row { + border:none; + padding: 0; + + > GtkLabel, + > label { + padding-left: 6px; + padding-right: 6px; + } + } +} + + +/************** +* Text Styles * +**************/ + +.h1 { + font-size: 24px; +} + +.h2 { + font-weight: 300; + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: transparentize($fg_color, 0.7); + font-weight: bold; + text-shadow: 0 1px transparentize(white,0.8); +} + + +/************** +* Storage Bar * +**************/ +.storage-bar { + + .trough { + border: none; + box-shadow:0 1px 0 0 $bottom_highlight; + background-image: none; + background-color: transparent; + padding: 8px 6px; + } + + .fill-block { + background-color: $yellow; + border:none; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), inset 0 -1px 0 0 transparentize(black, 0.9); + + transition: all 200ms ease-in-out; + + padding: 8px 6px; + + &:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), + inset 1px 0 0 transparentize(black, 0.9), + inset 0 -1px 0 0 transparentize(black, 0.9); + } + + &:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), + inset -1px 0 0 transparentize(black, 0.9), + inset 0 -1px 0 0 transparentize(black, 0.9); + } + + &.empty-block { + background-color: $base_color; + } + + &.app { + background-color: $blue; + } + + &.audio { + background-color: $orange; + } + + &.photo { + background-color: $red; + } + + &.video { + background-color: $purple; + } + + .legend { + padding: 12px; + border-radius: 4px; + } + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_header-bars.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_header-bars.scss new file mode 100644 index 00000000..e9f40961 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_header-bars.scss @@ -0,0 +1,330 @@ +/*************** + * Header bars * + ***************/ +%titlebar, +headerbar { + padding: 0 6px; + min-height: 34px; + background-color: $headerbar_color; + color: $headerbar_fg_color; + border-radius: 0; + + &:backdrop { + border-color: $backdrop_borders_color; + background-image: none; + + transition: $backdrop_transition; + } + + .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; + } + + .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + + @extend .dim-label; + } + + %linked-header { + border: none; + border-radius: 7px; + border-right-style: none; + box-shadow: none; + + // &:first-child { + // border-top-left-radius: 7px; + // border-bottom-left-radius: 0px; + // } + + // &:last-child { + // border-top-right-radius: 0px; + // border-bottom-right-radius: 0px; + // border-right-style: solid; + // } + + // &:only-child { + // border-radius: 0px; + // border-style: solid; + // } + } + entry { min-height: 24px; } + button { + @include button(normal-header); + min-height: 30px; + margin-top: 5px; + margin-bottom: 5px; + &:hover { + @include button(hover-header, transparent, $purple); + } + &:active, + &:checked { + @include button(active-header, red, $purple); + } + + &:backdrop, + &:disabled, + &:backdrop:disabled { + @include button(backdrop-header,transparent,transparentize(white,0.7)); + } + + &:backdrop { + &:hover, + &:active, + &:checked { + background-color: transparent; + color: $selected_bg_color; + box-shadow: none; + // @include button(hover-header,transparent,transparentize(white,0.7)); + } + } + + @each $b_type, $b_color in (suggested-action, $cyan), + (destructive-action, $destructive_color) { + &.#{$b_type} { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + @include button(normal, $b_color, white); + + &:hover { @include button(hover, $b_color, white); } + + &:active { @include button(active, $b_color, white); } + + &:disabled { + @include button(insensitive, $b_color, white); + label {color: transparentize(white,0.5);} + } + + &:backdrop { + @include button(backdrop, $b_color, white); + border-radius: 3px; + } + + &:backdrop:disabled { @include button(backdrop-insensitive, $b_color, white); } + + } + } + + //Reset style + &.titlebutton { + color: transparent; + box-shadow: none; + + &:hover, + &:active, + &:checked, + &:backdrop, + &:backdrop:hover,* { + color: transparent; + box-shadow: none; + } + } + } + .linked > button, + .linked > button:hover, + .linked > button:active, + .linked > button:checked, + .linked > button:backdrop { @extend %linked-header; } + .linked > button:active, + .linked > button:checked{ + &:backdrop{ + color: $backdrop_selected_bg_color; + label{ + color: $backdrop_selected_bg_color; + } + } + } + // End reset style + + &.selection-mode { + $_hc: mix($top_highlight,$selected_bg_color, 50%); // highlight color + + color: $selected_fg_color; + text-shadow: 0 -1px transparentize(black, 0.5); + border-color: $selected_borders_color; + + @include headerbar_fill($selected_bg_color, $_hc); + + &:backdrop { + background-color: $selected_bg_color; + background-image: none; + box-shadow: inset 0 1px mix($top_highlight, $selected_bg_color, 60%); + } + + .subtitle:link { @extend *:link:selected; } + + button { + @include button(normal, $selected_bg_color, $selected_fg_color); + + &.flat { @include button(undecorated); } + + &:hover { @include button(hover, $selected_bg_color, $selected_fg_color); } + + &:active, + &:checked { @include button(active, $selected_bg_color, $selected_fg_color); } + + &:backdrop { + &.flat, & { + @include button(backdrop, $selected_bg_color, $selected_fg_color); + + -gtk-icon-effect: none; + border-color: $selected_borders_color; + + &:active, + &:checked { + @include button(backdrop-active, $selected_bg_color, $selected_fg_color); + + border-color: $selected_borders_color; + } + + &:disabled { + @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color); + + border-color: $selected_borders_color; + + &:active, &:checked { + @include button(backdrop-insensitive-active, $selected_bg_color, $selected_fg_color); + + border-color: $selected_borders_color; + } + } + } + } + + &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }} + + &:disabled { + @include button(insensitive, $selected_bg_color, $selected_fg_color); + + &:active, + &:checked { @include button(insensitive-active, $selected_bg_color, $selected_fg_color); } + } + + &.suggested-action { + @include button(normal, $cyan, white); + + &:hover { @include button(hover, $cyan, white); } + + &:active { @include button(active, $cyan, white); } + + &:disabled { @include button(insensitive, $cyan, white); } + + &:backdrop { @include button(backdrop, $cyan, white); } + + &:backdrop:disabled { @include button(backdrop-insensitive, $cyan, white); } + } + } + + .selection-menu { + &:backdrop, & { + border-color: transparentize($selected_bg_color, 1); + background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 1), transparentize($selected_bg_color, 1)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; + + GtkArrow { -GtkArrow-arrow-scaling: 1; } + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + color: transparentize($selected_fg_color,0.5); + -gtk-icon-shadow: none; + } + } + } + } + + .tiled &, + .maximized & { + &.titlebar { + @if $variant == 'light' { box-shadow: none; } + @else { box-shadow: inset 0 -1px $bottom_highlight; } + } + &:backdrop, & { border-radius: 0; } + } // squared corners when the window is maximized or tiled + + &.default-decoration { + padding: 4px; + min-height: 28px; + + button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; + } + } +} + +headerbar { + // add vertical margins to common widget on the headerbar to avoid them spanning the whole height + entry, + spinbutton, + separator { + margin-top: 5px; + margin-bottom: 5px; + } + switch { + margin-top: 10px; + margin-bottom: 10px; + } + separator { background: transparent; } + + viewswitcher, switcher { + > box.horizontal { + > button.radio { + image { margin-left: 7px; } + label { margin-right: 7px; } + margin: 0; + padding: 0; + border-radius: 0; + } + } + } +} + +.background:not(.tiled):not(.maximized) .titlebar { + @if $variant == 'light' { box-shadow: inset 0 1px lighten($headerbar_color, 5%); } + @else { box-shadow: inset 0 1px $top_highlight,inset 0 -1px $bottom_highlight; } + + + &:backdrop, & { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } +} + +headerbar { + window:not(.tiled):not(.maximized) separator:first-child + &, // tackles the paned container case + window:not(.tiled):not(.maximized) &:first-child { &:backdrop, & { border-top-left-radius: 4px; }} + + window:not(.tiled):not(.maximized) &:last-child { &:backdrop, & { border-top-right-radius: 4px; }} +} +window { border-radius: 6px; } + +.titlebar:not(headerbar) { + window.csd > & { + // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; + } + + > separator { + &, &:backdrop { + background: $headerbar_color; + } + } + + @extend %titlebar; +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_infobars.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_infobars.scss new file mode 100644 index 00000000..aa41e2ce --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_infobars.scss @@ -0,0 +1,120 @@ +/************** + * GtkInfoBar * + **************/ +%infobar, +infobar { + text-shadow: none; + color: $fg_color; + background-color: $bg_color; + border-bottom:1px solid darken($bg_color,10%); + box-shadow: 0 1px 0 0 transparentize(black, 0.95), + 0 1px 2px 0 transparentize(black, 0.85); + +} + +%color_infobar { + + @extend %infobar; + + text-shadow: none; + color: $selected_fg_color; + border:none; + + .label { + color: $selected_fg_color; + + &:backdrop { + color: $backdrop_selected_fg_color; + } + } + + button { + border-radius: 2px; + border: none; + background: transparentize($base_color, 0.02); + color: $fg_color; + box-shadow: 0 1px 0 0 transparentize(black, 0.8); + + .label { + color: $fg_color; + } + + &:active { + background: $base_color; + color: $fg_color; + + box-shadow: 0 1px 2px 0 transparentize(black, 0.6); + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:hover, + &:focus { + box-shadow: 0 1px 2px 0 transparentize(black, 0.6); + } + + &:disabled { + background: transparentize($base_color, 0.4); + color: transparentize($fg_color, 0.5); + box-shadow: none; + + &:backdrop { + background: transparentize($base_color, 0.5); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } +} + +.info { + @extend %color_infobar; + background-color: $info_color; + color: $bg_color; + + &:backdrop { + background-color:lighten($info_color,10%); + color: $backdrop_selected_fg_color; + } +} + +.warning { + @extend %color_infobar; + background-color: $warning_color; + + &:backdrop { + background-color:lighten($warning_color,10%); + color: $backdrop_selected_fg_color; + } +} + +.question { + @extend %color_infobar; + background-color: $question_color; + + &:backdrop { + background-color:lighten($question_color,10%); + color: $backdrop_selected_fg_color; + } + +} + +.error { + @extend %color_infobar; + background-color: $error_color; + + &:backdrop { + background-color:lighten($error_color,10%); + color: $backdrop_selected_fg_color; + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_level-bars.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_level-bars.scss new file mode 100644 index 00000000..46ca221b --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_level-bars.scss @@ -0,0 +1,62 @@ +/************* + * Level Bar * + *************/ +levelbar { + block { + min-width: 32px; + min-height: 6px; + } + + &.vertical block { + min-width: 6px; + min-height: 32px; + } + + &:backdrop { transition: $backdrop_transition; } + + trough { + padding: 3px; + border-radius: 3px; + background-color: if($variant == 'light' ,transparentize(white,0.2),transparentize(black,0.86)); + box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1); + + &:backdrop { + background-color: if($variant == 'light' ,transparentize(white,0.4),transparentize(black,0.94)); + box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1); + } + } + + &.horizontal.discrete block { margin: 0 1px; } + + &.vertical.discrete block { margin: 1px 0; } + + block { + border-radius: 2px; + + &:backdrop { box-shadow: none; } + + &.low { + background-color: $warning_color; + + &:backdrop { border-color: $warning_color; }; + } + + &.high, + &:not(.empty) { + background-color: $cyan; + + &:backdrop { border-color: $cyan; } + } + + &.full { + background-color: $success_color; + + &:backdrop { border-color: $success_color; }; + } + + &.empty { + background-color: transparentize(black,0.86); + box-shadow: none; + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_links.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_links.scss new file mode 100644 index 00000000..db6d1e8a --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_links.scss @@ -0,0 +1,49 @@ +/********* + * Links * + *********/ +*:link { + color: $link_color; + + &:visited { + color: $link_visited_color; + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } + } + + &:hover { + color: lighten($link_color,10%); + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } + } + + &:active { + color: $link_color; + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } + } + + &:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: $selected_bg_color; }} + + @at-root %link_selected, + &:selected, + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } +} + +button:link, +button:visited { + @extend %undecorated_button; + + @extend *:link; + + text-shadow: none; + + &:hover, + &:active, + &:checked { + @extend %undecorated_button; + + text-shadow: none; + } + + > label { text-decoration-line: underline; } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_lists.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_lists.scss new file mode 100644 index 00000000..84e96315 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_lists.scss @@ -0,0 +1,43 @@ +/********* + * Lists * + *********/ +list { + color: $text_color; + background-color: $base_color; + border-color: $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } +} + +row { + background-color: transparent; + border-color: $borders_color; + + &:hover { transition: none; } + + &:backdrop { transition: $backdrop_transition; } + + &.activatable { + &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + + &:hover { background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95)); } + + &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } + + &:backdrop:hover { background-color: transparent; } + + &:selected { + &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } + + &.has-open-popup, + &:hover { background-color: transparentize($selected_bg_color, 0.2); } + + &:backdrop { background-color: $backdrop_selected_bg_color; } + } + } + + &:selected { @extend %selected_items; } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_menus.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_menus.scss new file mode 100644 index 00000000..8b2de58b --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_menus.scss @@ -0,0 +1,128 @@ +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: $headerbar_color; + color: $headerbar_fg_color; + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px transparentize(black, 0.9); + + > menuitem { + min-height: 16px; + padding: 4px 8px; + + &:hover { //Seems like it :hover even with keyboard focus + box-shadow: inset 0 -3px $selected_bg_color; + } + + &:disabled { + color: $insensitive_fg_color; + box-shadow: none; + } + } +} + +menu, +.menu, +.context-menu { + margin: 4px; + padding: 2px 0px; + background-color: $menu_color; + border: 1px solid $borders_color; // adds borders in a non composited env + font: initial; + + .csd & { border: none; } // axes borders in a composited env + + &:backdrop { background-color: $backdrop_menu_color; } + + menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; + + &:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:disabled { + color: $insensitive_fg_color; + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop, + &:backdrop:hover { + color: $backdrop_fg_color; + background-color: transparent; + } + + // submenu indicators + arrow { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: 10px; + } + + &:dir(rtl) { + -gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); + margin-right: 10px; + } + } + + // avoids labels color being overridden, see + // https://bugzilla.gnome.org/show_bug.cgi?id=767058 + label { &:dir(rtl), &:dir(ltr) { color: inherit; }} + } + + // overflow arrows + > arrow { + @include button(undecorated); + + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: $menu_color; + border-radius: 0; + + &.top { + margin-top: -6px; + border-bottom: 1px solid mix($fg_color, $base_color, 10%); + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.bottom { + margin-bottom: -6px; + border-top: 1px solid mix($fg_color, $base_color, 10%); + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &:hover { background-color: mix($fg_color, $base_color, 10%); } + + &:backdrop { background-color: $backdrop_menu_color; } + + &:disabled { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +menuitem { + accelerator { color: gtkalpha(currentColor,0.55); } + + check, + radio { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { margin-right: 7px; } + &:dir(rtl) { margin-left: 7px; } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_misc.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_misc.scss new file mode 100644 index 00000000..390f1a58 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_misc.scss @@ -0,0 +1,62 @@ +/******** + * Misc * + ********/ +//content view (grid/list) +.content-view { + background-color: darken($bg_color,7%); + + &:hover { -gtk-icon-effect: highlight; } + + &:backdrop { background-color: darken($bg_color,7%); } + + rubberband { @extend rubberband; } +} + +.scale-popup { + .osd & { @extend %osd; } + + .osd & button.flat { //FIXME: quick hack, redo properly + border-style: none; + border-radius: 5px; + } + + button { // +/- buttons on GtkVolumeButton popup + &:hover { + @extend %undecorated_button; + background-color: transparentize($fg_color,0.9); + border-radius: 5px; + } + + &:backdrop { &:hover, &:disabled, & { @extend %undecorated_button; }} + } +} + +/************ +* Assistant * +*************/ + +assistant { + + border-bottom-left-radius:4px; + border-bottom-right-radius:4px; + + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + + border-bottom-left-radius:4px; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar GtkLabel, + .sidebar label { padding: 6px 12px; } + + .sidebar GtkLabel.highlight, + .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_notebooks.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_notebooks.scss new file mode 100644 index 00000000..d0ba80a0 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_notebooks.scss @@ -0,0 +1,273 @@ +/************* + * Notebooks * + *************/ +notebook { + > header { + padding: 1px; + border-color: $borders_color; + border-width: 0px; + background-color: $bg_color; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_bg_color; + } + + tabs { margin: -1px; } + + &.top { + border-bottom-style: solid; + > tabs { + margin-bottom: -2px; + > tab { + + + &:backdrop { box-shadow: none; } + + &:checked { + background-color: $base_color; + &:hover{background-color: $base_color;} + } + } + } + } + + &.bottom { + border-top-style: solid; + > tabs { + margin-top: -2px; + > tab { + + + &:backdrop { box-shadow: none; } + + &:checked { background-color: $base_color; } + } + } + } + + &.left { + border-right-style: solid; + > tabs { + margin-right: -2px; + > tab { + + + &:backdrop { box-shadow: none; } + + &:checked { background-color: $base_color; } + } + } + } + + &.right { + border-left-style: solid; + > tabs { + margin-left: -2px; + > tab { + + + &:backdrop { box-shadow: none; } + + &:checked { background-color: $base_color; } + } + } + } + + &.top > tabs > arrow { + @extend %notebook_vert_arrows; + + border-top-style: none; + } + + &.bottom > tabs > arrow { + @extend %notebook_vert_arrows; + + border-bottom-style: none; + } + + @at-root %notebook_vert_arrows { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + } + + &.left > tabs > arrow { + @extend %notebook_horz_arrows; + + border-left-style: none; + } + + &.right > tabs > arrow { + @extend %notebook_horz_arrows; + + border-right-style: none; + } + + @at-root %notebook_horz_arrows { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + + > tabs > arrow { + @extend %button_basic; + + @extend %button_basic.flat; + + min-height: 16px; + min-width: 16px; + border-radius: 0; + + &:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: transparentize(white, 0.7); + border-color: transparent; + box-shadow: none; + } + + &:disabled { @include button(undecorated); } + } + + tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + + outline-offset: -5px; + + color: $insensitive_fg_color; + font-weight: bold; + + border-width: 1px; // for reorderable tabs + border-color: transparent; // + + &:hover { + color: mix($insensitive_fg_color, $fg_color, 50%); + + &.reorderable-page { + border-color: transparentize($borders_color, 0.7); + background-color: transparentize($bg_color, 0.8); + } + } + + &:backdrop { + color: mix($backdrop_fg_color, $backdrop_bg_color, 60%); + + &.reorderable-page { + border-color: transparent; + background-color: transparent; + } + } + + &:checked { + color: $fg_color; + &.reorderable-page { + border-color: transparentize($borders_color, 0.5); + background-color: transparentize($bg_color, 0.5); + + &:hover { background-color: transparentize($bg_color, 0.3); } + } + } + + &:backdrop:checked { + color: $backdrop_fg_color; + + &.reorderable-page { + border-color: $backdrop_borders_color; + background-color: $backdrop_base_color; + } + } + + // colors the button like the label, overridden otherwise + button.flat { + &:hover { background: transparent; box-shadow: none; color: $red; } + + &, &:backdrop { color: gtkalpha(currentColor, 0.3); } + + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + // FIXME: generalize .small-button? + min-width: 20px; + min-height: 20px; + + &:last-child { + margin-left: 4px; + margin-right: -4px; + } + + &:first-child { + margin-left: -4px; + margin-right: 4px; + } + } + } + + &.top, + &.bottom { + tabs { + padding-left: 0.5px; + padding-right: 0.5px; + + &:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; + + &:first-child { margin-left: 0.5px; } + &:last-child { margin-right: 0.5px; } + } + + tab { + margin-left: 0.5px; + margin-right: 0.5px; + + &.reorderable-page { border-style: none solid; } + } + } + } + + &.left, + &.right { + tabs { + padding-top: 4px; + padding-bottom: 4px; + + &:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; + + &:first-child { margin-top: -1px; } + &:last-child { margin-bottom: -1px; } + } + + tab { + margin-top: 4px; + margin-bottom: 4px; + + &.reorderable-page { border-style: solid none; } + } + } + } + + &.top tab { padding-bottom: 4px; } + &.bottom tab { padding-top: 4px; } + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: $base_color; + + &:backdrop { background-color: $backdrop_base_color; } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_paned.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_paned.scss new file mode 100644 index 00000000..e3d6bbd7 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_paned.scss @@ -0,0 +1,69 @@ +/********* + * Paned * + *********/ +paned { + > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: transparent; + // workaround, using background istead of a border since the border will get rendered twice (?) + background-image: image($borders_color); + background-size: 1px 1px; + + &:selected { background-image: image($selected_bg_color); } // FIXME is this needed? + + &:backdrop { background-image: image($backdrop_borders_color); } + + &.wide { + min-width: 5px; + min-height: 5px; + background-color: $bg_color; + background-image: image($borders_color), image($borders_color); + background-size: 1px 1px, 1px 1px; + + &:backdrop { + background-color: $backdrop_bg_color; + background-image: image($backdrop_borders_color), + image($backdrop_borders_color); + } + } + } + + &.horizontal > separator { + background-repeat: repeat-y; + + &:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; + } + &:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; + } + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_pathbars.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_pathbars.scss new file mode 100644 index 00000000..65083c90 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_pathbars.scss @@ -0,0 +1,29 @@ +/************ + * Pathbars * + ************/ +.path-bar button { + &.text-button, &.image-button, & { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button.image-button label { + padding-left: 0; + padding-right: 0; + } + + &.text-button.image-button, & { + label:last-child { padding-right: 8px; } + label:first-child { padding-left: 8px; } + } + + image { + padding-left: 4px; + padding-right: 4px; + } + + &.slider-button { + padding-left: 0; + padding-right: 0; + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_popovers.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_popovers.scss new file mode 100644 index 00000000..26a9c469 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_popovers.scss @@ -0,0 +1,46 @@ +/*************** + * Popovers * + ***************/ + +popover.background { + padding: 2px; + border-radius: 5px; + background-color: $popover_bg_color; + + .csd &, & { border: 1px solid $borders_color; } + + box-shadow: 0 1px 6px transparentize(black, 0.6); + + &:backdrop { + background-color: $backdrop_bg_color; + box-shadow: none; + } + + > list, + > .view, + > toolbar { + border-style: none; + background-color: transparent; + } + + .csd &, & { + &.touch-selection, + &.magnifier { + @extend %osd; + + border: 1px solid transparentize(white, 0.9); + + button { @extend %osd_button }; + } + + &.osd { @extend %osd; } + } + + separator { margin: 3px; } + + list separator { margin: 0px; } + list row { padding: 8px; } + + checkbutton, + radiobutton { @extend modelbutton.flat; } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_print-dialog.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_print-dialog.scss new file mode 100644 index 00000000..7ae1b8d8 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_print-dialog.scss @@ -0,0 +1,18 @@ +/**************** + * Print dialog * +*****************/ +printdialog { + paper { + color: $fg_color; + border: 1px solid $borders_color; + background: white; + padding: 0; + + &:backdrop { + color: $backdrop_fg_color; + border-color: $backdrop_borders_color; + } + } + + .dialog-action-box { margin: 12px; } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_progress-bars.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_progress-bars.scss new file mode 100644 index 00000000..c962fdcd --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_progress-bars.scss @@ -0,0 +1,56 @@ +/***************** + * Progress bars * + *****************/ +progressbar { + // sizing + &.horizontal { + trough, + progress { min-height: 6px; } + } + + &.vertical { + trough, + progress { min-width: 6px; } + } + + &.horizontal progress { margin: 0; } // the progress node is positioned after the trough border + &.vertical progress { margin: 0; } // this moves it over it. + + + // FIXME: insensitive state missing and some other state should be set probably + font-size: smaller; + color: transparentize($fg_color, 0.6); + + &:backdrop { + box-shadow: none; + transition: $backdrop_transition; + } + + trough { @extend %scale_trough; } + + &:backdrop trough { @extend %scale_trough:backdrop; } // looks like states are not passed to the trough component here + + progress { + @extend %scale_highlight; + } + + &:backdrop progress { @extend %scale_highlight:backdrop; } // states not passed here as well + + &.osd { // progressbar.osd used for epiphany page loading progress + min-width: 3px; + min-height: 3px; + background-color: transparent; + + trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; + } + + progress { + border-style: none; + border-radius: 0; + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_scales.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_scales.scss new file mode 100644 index 00000000..4afd88f4 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_scales.scss @@ -0,0 +1,419 @@ +/************ + * GtkScale * + ************/ + $scale_slider_bg: if($variant == 'light', $base_color, lighten($base_color, 45%)); + $scale_trough_bg: if($variant == 'light', transparentize(black,0.86), lighten(transparentize($bg_color,0.86), 47%)); +%scale_trough { + background-color: $scale_trough_bg; + border: none; + border-radius: 3px; + margin: 0; + + &:disabled { background-color: transparentize(black,0.86); } + + &:backdrop { + background-color: transparentize(black,0.86); + transition: $backdrop_transition; + + &:disabled { background-color: transparentize(black,0.86); } + } +} + +%scale_highlight { + border: none; + background-color: $selected_bg_color; + border-radius: 3px; + margin: 0; + + &:disabled { + border: none; + background-color: transparentize(black, 0.86); + } + + &:backdrop, + &:active:backdrop { + border-color: lighten($selected_bg_color, 5%); + background-color: lighten($selected_bg_color, 5%); + &:disabled { + background-color: transparentize(black, 0.9); + } + } +} + +scale { + // sizing + $_marks_lenght: 6px; + $_marks_distance: 6px; + + min-height: 16px; + min-width: 16px; + padding: 8px; + + &.horizontal { + trough, + progress { min-height: 6px; } + } + + &.vertical { + trough, + progress { min-width: 6px; } + } + + // the slider is inside the trough, so to have make it bigger there's a negative margin + + slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + + background-color: $scale_slider_bg; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + border-radius: 12px; + + transition: $button_transition; + transition-property: background, border, box-shadow; + + &:active { + background-color: $purple; + + &:disabled { + background-color: $insensitive_bg_color; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.05); + } + } + } + + // click-and-hold the slider to activate + &.fine-tune { + &.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; + } + + &.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; + } + + // to make the trough grow in fine-tune mode + slider { margin: -6px; } + + fill, + highlight, + trough { + border-radius: 5px; + -gtk-outline-radius: 7px; + } + } + + // the backing bit + trough { + @extend %scale_trough; + + outline-offset: 2px; + -gtk-outline-radius: 5px; + outline-color: transparent; + } + + // the colored part of the backing bit + highlight { @extend %scale_highlight; } + + // this is another differently styled part of the backing bit, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + fill { + @extend %scale_trough; + + &:backdrop, & { background-color: $borders_color; } + + &:disabled { + &:backdrop, & { + border-color: transparent; + background-color: transparent; + } + } + + // OSD + .osd & { + background-color: mix($osd_fg_color, $osd_borders_color, 25%); + + &:disabled { + &:backdrop, & { + border-color: transparent; + background-color: transparent; + } + } + } + } + + slider { + border-color: $base_color; + border: none; + border-radius: 12px; + + background-color: $scale_slider_bg; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + + &:hover { @include button(hover-alt, $edge: $shadow_color); } + + &:active { border-color: $selected_borders_color; } + + &:disabled { + background-color: $insensitive_bg_color; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + } + + &:backdrop, + &:backdrop:disabled { + transition: $backdrop_transition; + + background-color: darken($scale_slider_bg, 20%); + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + } + + // ...on selected list rows + row:selected & { &:disabled, & { border-color: $selected_borders_color; } } + + // OSD + // .osd & { + // @include button(osd); + // border-color: darken($osd_borders_color, 3%); + // background-color: opacify($osd_bg_color, 1); // solid background needed here + + // &:hover { + // @include button(osd-hover); + // background-color: opacify($osd_bg_color, 1); // solid background needed here + // } + + // &:active { + // @include button(osd-active); + // background-color: opacify($osd_bg_color, 1); // solid background needed here + // } + + // &:disabled { + // @include button(osd-insensitive); + // background-color: opacify($osd_bg_color, 1); // solid background needed here + // } + + // &:backdrop { + // @include button(osd-backdrop); + // background-color: opacify($osd_bg_color, 1); // solid background needed here + + // &:disabled { + // @include button(osd-backdrop-insensitive); + // background-color: opacify($osd_bg_color, 1); // solid background needed here + // } + // } + // } + } + + value { color: gtkalpha(currentColor, 0.4); } + + marks { + color: gtkalpha(currentColor, 0.4); + + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_lenght); + } + } + } + + &.fine-tune marks { + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_lenght - 3px); + } + } + } + + &.horizontal { + indicator { + min-height: $_marks_lenght; + min-width: 1px; + } + + &.fine-tune indicator { min-height: ($_marks_lenght - 3px); } + } + + &.vertical { + indicator { + min-height: 1px; + min-width: $_marks_lenght; + } + + &.fine-tune indicator { min-width: ($_marks_lenght - 3px); } + } + + // *WARNING* scale with marks madness following + + // FIXME: OSD and selected list rows missing, I don't feel like adding the other 144 assets needed for those... + $suffix: if($variant == 'light', '', '-dark'); + + @each $dir_class, $dir_infix in ('horizontal', 'horz'), + ('vertical', 'vert') { + @each $marks_infix, $marks_class in ('scale-has-marks-above', 'marks-before:not(.marks-after)'), + ('scale-has-marks-below', 'marks-after:not(.marks-before)') { + @each $state, $state_infix in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':disabled', '-insensitive'), + (':backdrop', '-backdrop'), + (':backdrop:disabled', '-backdrop-insensitive') { + &.#{$dir_class}.#{$marks_class} { + + slider { + &#{$state} { + // an asymmetric slider asset is used here, so the margins are uneven, the smaller + // margin is set on the point side. + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + + background-color: $scale_slider_bg; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + } + } + + &.fine-tune slider { + // bigger negative margins to make the trough grow here as well + margin: -7px; + } + } + } + } + } + + &.color { + min-height: 0; + min-width: 0; + + trough { + background-image: image($borders_color); + background-repeat: no-repeat; + } + + &.horizontal { + padding: 0 0 15px 0; + + trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:dir(ltr), &:dir(rtl) { // specificity bumb + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 15px; + + trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-left: -15px; + margin-right: 6px; + } + } + } + + &:dir(rtl) { + padding: 0 15px 0 0; + + trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-right: -15px; + margin-left: 6px; + } + } + } + } + + &.fine-tune { + &.horizontal { + &:dir(ltr), &:dir(rtl) { // specificity bump + padding: 0 0 12px 0; + + trough { + padding-bottom: 7px; + background-position: 0 -6px; + } + + slider { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 12px; + + trough { + padding-left: 7px; + background-position: 6px 0; + } + + slider { + margin-left: -15px; + margin-right: 6px; + } + } + + &:dir(rtl) { + padding: 0 12px 0 0; + + trough { + padding-right: 7px; + background-position: -6px 0; + } + + slider { + margin-right: -15px; + margin-left: 6px; + } + } + } + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_scrollbars.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_scrollbars.scss new file mode 100644 index 00000000..eff1e0d7 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_scrollbars.scss @@ -0,0 +1,176 @@ +/************** + * Scrollbars * + **************/ +scrollbar { + $_slider_min_length: 40px; + + // disable steppers + @at-root * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + } + + background-color: $scrollbar_bg_color; + transition: 300ms $ease-out-quad; + + // scrollbar border + &.top { border-bottom: 1px solid $borders_color; } + &.bottom { border-top: 1px solid $borders_color; } + &.left { border-right: 1px solid $borders_color; } + &.right { border-left: 1px solid $borders_color; } + + &:backdrop { + background-color: $backdrop_scrollbar_bg_color; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + } + + // slider + slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: $scrollbar_slider_color; + + &:hover { background-color: $scrollbar_slider_hover_color; } + + &:hover:active { background-color: $scrollbar_slider_active_color; } + + &:backdrop { background-color: $backdrop_scrollbar_slider_color; } + + &:disabled { background-color: transparent; } + } + + &.fine-tune { + slider { + min-width: 4px; + min-height: 4px; + } + + &.horizontal slider { border-width: 5px 4px; } + &.vertical slider { border-width: 4px 5px; } + } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; + + slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: $fg_color; + border: 1px solid if($variant == 'light', white, black); + } + + button { + min-width: 5px; + min-height: 5px; + background-color: $fg_color; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid if($variant == 'light', white, black); + -gtk-icon-source: none; + } + + &.horizontal { + slider { + margin: 0 2px; + min-width: $_slider_min_length; + } + + button { + margin: 1px 2px; + min-width: 5px; + } + } + + &.vertical { + slider { + margin: 2px 0; + min-height: $_slider_min_length; + } + + button { + margin: 2px 1px; + min-height: 5px; + } + } + } + + &.dragging, + &.hovering { opacity: 0.8; } + } + + &.horizontal slider { min-width: $_slider_min_length; } + + &.vertical slider { min-height: $_slider_min_length; } + + // button styling + button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + + @include button(undecorated); + + color: $scrollbar_slider_color; + + &:hover { + @include button(undecorated); + + color: $scrollbar_slider_hover_color; + } + &:active, &:checked { + @include button(undecorated); + + color: $scrollbar_slider_active_color; + } + &:disabled { + @include button(undecorated); + + color: transparentize($scrollbar_slider_color, 0.8); + } + &:backdrop { + @include button(undecorated); + + color: $backdrop_scrollbar_slider_color; + + &:disabled { + @include button(undecorated); + + color: transparentize($backdrop_scrollbar_slider_color, 0.8); + } + } + } + + // button icons + &.vertical { + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + } + } + + &.horizontal { + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-right-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); } + } + } +} + +treeview ~ scrollbar.vertical { + border-top: 1px solid $borders_color; + margin-top: -1px; +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_sidebar.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_sidebar.scss new file mode 100644 index 00000000..08287b43 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_sidebar.scss @@ -0,0 +1,129 @@ +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: lighten($bg_color, 0.77%); + .frame{ + border: none; + } + + @at-root %sidebar_left, + &:dir(ltr), + &.left, + &.left:dir(rtl) { + border-right: none; + border-left-style: none; + } + + @at-root %sidebar_right + &:dir(rtl), + &.right { + border-left: 1px solid $borders_color; + border-right-style: none; + } + + &:backdrop { + background-color: $backdrop_sidebar_bg_color; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + } + + list { background-color: lighten($bg_color, 0.77%); } + row{ + margin: 0 10px; + padding: 10px 12px; + border-radius: 10px; + &:selected { + &:backdrop{ + background: transparentize($backdrop_selected_bg_color, 0.3); + label{ + color: $backdrop_selected_bg_color; + } + } + &:hover{ + background-color: transparentize($selected_bg_color, 0.2); + } + background: transparentize($selected_bg_color, 0.4); + color: $purple; + label{ + color: $purple; + } + } + } + + //elementary os file manager + &.source-list{ + background-color: $headerbar_color; + color: #F2EFEA; + padding: 4px 0px; + &.view{ + + &:selected { + &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } + + &.has-open-popup, + &:hover { background-color: transparentize($selected_bg_color, 0.2); } + + &:backdrop { background-color: $backdrop_selected_bg_color; } + } + &:hover, iconview.source-list:hover { + background-color: if(variant == light, transparentize($base_color, 0.4), transparentize($base_color, 0.4)); + } + } + } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { + border-style: none; + border-color: $borders_color; + } +} +} + +stacksidebar { + &.sidebar { + &:dir(ltr), + &.left, + &.left:dir(rtl) { list { @extend %sidebar_left; }} + + &:dir(rtl), + &.right { list { @extend %sidebar_right; }} + } + + row { + padding: 10px 4px; + + > label { + padding-left: 6px; + padding-right: 6px; + } + + &.needs-attention > label { + @extend %needs_attention; + + background-size: 6px 6px, 0 0; + } + } +} + +placessidebar { + > viewport.frame { border-style: none; } + + row { + label { padding-left: 8px; } + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + &, label, image { color: $drop_target_color; } + + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + &, label, image { color: $selected_fg_color; } + background-color: $drop_target_color; + } + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_spinbuttons.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_spinbuttons.scss new file mode 100644 index 00000000..4810bbe3 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_spinbuttons.scss @@ -0,0 +1,192 @@ +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend %entry; + + padding: 0; + + entry { + min-width: 28px; + // reset all the other props since the spinbutton node is styled here + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + } + + button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: mix($fg_color, $base_color, 90%); + background-image: none; + border-style: none none none solid; + border-color: transparentize($borders_color, 0.7); + border-radius: 0; + box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.07); + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + color: $fg_color; + background-color: $base_hover_color; + } + + &:disabled { color: transparentize($insensitive_fg_color, 0.7); } + + &:active { + background-color: transparentize(black, 0.9); + box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8); + } + + &:backdrop { + color: mix($backdrop_fg_color, $backdrop_base_color, 90%); + background-color: transparent; + border-color: transparentize($backdrop_borders_color, 0.7); + transition: $backdrop_transition; + } + + &:backdrop:disabled { + color: transparentize($backdrop_insensitive_color,0.7); + background-image: none; + border-style: none none none solid; // It is needed or it gets overridden + box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.07); + + &:dir(rtl) { border-style: none solid none none; } + } + + &:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + } + } + + // OSD horizontal + .osd &:not(.vertical) { + button { + @include button(undecorated); + + color: $osd_fg_color; + border-style: none none none solid; + border-color: transparentize($osd_borders_color, 0.3); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + @include button(undecorated); + + color: $osd_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-color: transparentize($osd_fg_color, 0.9); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; + } + + &:backdrop { + @include button(undecorated); + + color: $osd_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + -gtk-icon-shadow: none; + box-shadow: none; + } + + &:disabled { + @include button(undecorated); + + color: $osd_insensitive_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + -gtk-icon-shadow: none; + box-shadow: none; + } + + &:last-child { border-radius: 0 3px 3px 0; } + + &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + } + } + + // Vertical + &.vertical { + // in the vertical configuration, we treat the spinbutton + // as a box, and tweak the style of the entry in the middle + // so that it's linked + + // FIXME: this should not be set at all, but otherwise it gets the wrong + // color + &:disabled { color: $insensitive_fg_color; } + &:backdrop:disabled { color: $backdrop_insensitive_color; } + + &:drop(active) { + border-color: transparent; + box-shadow: none; + } + + entry { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; + } + + button { + min-height: 32px; + min-width: 32px; + padding: 0; + border-width: 1px; + border-color: $borders_color; + box-shadow: 0 1px $top_highlight; + + &.up { @extend %top_button; } + + &.down { @extend %bottom_button; } + } + + %top_button { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; + } + + %bottom_button { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; + } + } + + // OSD vertical + .osd &.vertical button:first-child { + @include button(osd); + + &:hover { @include button(osd-hover);} + + &:active { @include button(osd-active); } + + &:disabled { @include button(osd-insensitive); } + + &:backdrop { @include button(osd-backdrop); } + } + + // Misc + treeview &:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; + + entry { + min-height: 0; + padding: 1px 2px; + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_spinner.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_spinner.scss new file mode 100644 index 00000000..1bd61a6f --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_spinner.scss @@ -0,0 +1,27 @@ +/*********** + * Spinner * + ***********/ + +menu spinner { + color: $selected_bg_color; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +spinner { + background: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { opacity: 0.5; } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_switches.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_switches.scss new file mode 100644 index 00000000..eeed58e6 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_switches.scss @@ -0,0 +1,44 @@ +/********** + * Switch * + **********/ + $_switch_bg: if($variant == 'light', transparentize(black, 0.9), lighten($base_color, 10%)); + $_switch_slider_bg:$base_color; + + switch { + font-size: 1px; + min-width: 45px; + min-height: 27px; + background-size: 45px 27px; + background-color: transparent; + background-repeat: no-repeat; + background-position: center center; + background-image: -gtk-scaled(url("../assets/switch-off.svg"),url("../assets/switch-off.svg")); + + &:disabled { + background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"),url("../assets/switch-insensitive.svg")); + } + + &, & slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; + } + + &:checked { + background-image: -gtk-scaled(url("../assets/switch-on.svg"),url("../assets/switch-on.svg")); + slider { + background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"),url("../assets/switch-slider-on@2.png")); + } + } + + // Handle + slider { + min-width: 1px; + min-height: 1px; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"),url("../assets/switch-slider-off@2.png")); + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_toolbars.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_toolbars.scss new file mode 100644 index 00000000..c7d5b900 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_toolbars.scss @@ -0,0 +1,84 @@ +/************ + * Toolbars * + ************/ +%toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: $bg_color; +} + +toolbar { + @extend %toolbar; + + padding: 4px 3px 3px 4px; + + // on OSD + .osd & { background-color: transparent; } + + // stand-alone OSD toolbars + &.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: $osd_bg_color; + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } + + // toolbar separators + &.horizontal separator { margin: 0 7px 1px 6px; } + &.vertical separator { margin: 6px 1px 7px 0; } + + &:not(.inline-toolbar):not(.osd) { + switch, + scale, + entry, + spinbutton, + button { + margin-right: 1px; + margin-bottom: 1px; + } + } +} + +//searchbar, location-bar & inline-toolbar +.inline-toolbar { + @extend %toolbar; + + @extend %darkbar; + + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; +} + +searchbar, +.location-bar { + @extend %toolbar; + + @extend %darkbar; + + border-width: 0 0 1px; + padding: 3px; +} + +%darkbar { + border-style: solid; + border-color: $borders_color; + $_bg: mix($bg_color, $borders_color, 70%); + background-color: $_bg; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + box-shadow: none; + transition: $backdrop_transition; + } +} + +searchbar{ + background: $base_color; +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_tooltips.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_tooltips.scss new file mode 100644 index 00000000..00a4554a --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_tooltips.scss @@ -0,0 +1,28 @@ +/************ + * Tooltips * + ************/ +tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: transparentize(black, 0.2); + background-clip: padding-box; + border: 1px solid $tooltip_borders_color; // this suble border is meant to + // not make the tooltip melt with + // very dark backgrounds + } + + padding: 4px; /* not working */ + border-radius: 5px; + box-shadow: none; // otherwise it gets inherited by windowframe.csd + text-shadow: 0 1px black; + + // FIXME: we need a border or tooltips vanish on black background. + decoration { background-color: transparent; } + + * { // Yeah this is ugly + padding: 4px; + background-color: transparent; + color: white; + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_touch-copy-paste.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_touch-copy-paste.scss new file mode 100644 index 00000000..c9f4db23 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_touch-copy-paste.scss @@ -0,0 +1,82 @@ +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active') { //no need for insensitive and backdrop + &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) { + $_url: 'assets/text-select-start#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-left: 10px; + } + + &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) { + $_url: 'assets/text-select-end#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-right: 10px; + } + + &.insertion-cursor#{$s}:dir(ltr), &.insertion-cursor#{$s}:dir(rtl) { + $_url: 'assets/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + } +} + +.context-menu { font: initial; } // Decouple the font of context menus from their entry/textview + +button.circular { // FIXME: aggregate to buttons + border-radius: 20px; + -gtk-outline-radius: 20px; + + label { padding: 0; } +} + +// shortcut window keys +.keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + + color: $fg_color; + background-color: $base_color; + border: 1px solid; + border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color); + border-radius: 5px; + box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%)); + font-size: smaller; + + &:backdrop { + background-color: $backdrop_base_color; + color: $backdrop_fg_color; + transition: $backdrop_transition; + } +} + +*:drop(active):focus, +*:drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; +} + +stackswitcher button.text-button { min-width: 100px; } // FIXME aggregate with buttons + +stackswitcher button.circular, +stackswitcher button.text-button.circular { // FIXME aggregate with buttons + min-width: 32px; + min-height: 32px; + padding: 0; +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_treeviews.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_treeviews.scss new file mode 100644 index 00000000..6d95aebb --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_treeviews.scss @@ -0,0 +1,234 @@ +/************** + * Tree Views * + **************/ +treeview.view { + @at-root * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + } + + border-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color, + border-top-color: $bg_color; // while this is the grid lines color, better then nothing + + rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + &:focus, & { + border-radius: 0; + + @extend %selected_items; + } + + &:backdrop, & { + border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); + border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly + } + } + + &:disabled { + color: $insensitive_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &.separator { + min-height: 2px; + color: $bg_color; + + &:backdrop { color: transparentize($bg_color, 0.9); } + } + + &:backdrop { + border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); + border-top: $backdrop_bg_color; + } + &:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: $selected_borders_color; + + &.after { border-top-style: none; } + + &.before { border-bottom-style: none; } + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: mix($fg_color, $base_color, 70%); + + &:hover { color: $fg_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + + &:hover { color: $selected_fg_color; } + + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 70%); } + } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 70%); } + } + + &.progressbar { // progress bar in treeviews + @if $variant == light { color: $base_color; } + + border: 1px solid $selected_borders_color; + border-radius: 4px; + background-color: $selected_bg_color; + background-image: linear-gradient(to bottom, + $selected_bg_color, + darken($selected_bg_color,10%)); + box-shadow: inset 0 1px if($variant=='light', transparentize(white,0.7), + transparentize(white,0.85)), + 0 1px if($variant=='light', transparentize(black, 0.8), + transparentize(black,0.9)); + + &:selected { + &:focus, & { + border-radius: 4px; + + @if $variant == 'light' { + color: $selected_bg_color; + box-shadow: none; + } + + @else { box-shadow: inset 0 1px transparentize(white, 0.95); } + + background-image: linear-gradient(to bottom, + $base_color, + darken($base_color,10%)); + + &:backdrop { + @if $variant == 'light' { + color: $selected_bg_color; + border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?) + } + + @else { border-color: $backdrop_base_color; } + + background-color: $backdrop_base_color; + } + } + } + + &:backdrop { + @if $variant == 'light' { color: $backdrop_base_color; } + + @else { border-color: $backdrop_base_color; } + + background-image: none; + box-shadow: none; + } + } + + &.trough { // progress bar trough in treeviews + background-color: transparentize($fg_color,0.9); + border-radius: 4px; + + &:selected { + &:focus, & { + background-color: if($variant == 'light', + transparentize($selected_fg_color, 0.7), + darken($selected_bg_color, 10%)); + border-radius: 4px; + + @if $variant == 'light' { + border-width: 1px 0; + border-style: solid; + border-color: $selected_bg_color; + } + } + } + } + + header { + button { + $_column_header_color: mix($fg_color, $base_color, 50%); + + @extend %column_header_button; + + color: $_column_header_color; + background-color: $base_color; + font-weight: bold; + text-shadow: none; + box-shadow: none; + + &:hover { + @extend %column_header_button; + + color: mix($_column_header_color, $fg_color, 50%); + box-shadow: none; + transition: none; //I shouldn't need this + } + + &:active { + @extend %column_header_button; + + color: $fg_color; + transition: none; //I shouldn't need this + } + } + + button:last-child { &:backdrop, & { border-right-style: none; }} + } + + button.dnd, + header.button.dnd { // for treeview-like derive widgets + &:active, &:selected, &:hover, & { + padding: 0 6px; + transition: none; + background-image: none; + background-color: $selected_bg_color; + color: $base_color; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px $base_color; + text-shadow: none; + } + } + + acceleditor > label { background-color: $selected_bg_color; } // see tests/testaccel to test +} + +%column_header_button { + padding: 0 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-width: 1px; + border-style: none solid solid none; + border-color: $bg_color; + + &:disabled { + border-color: $bg_color; + background-image: none; + } + + &:backdrop { + border-color: $backdrop_bg_color; + border-style: none solid solid none; + color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); + background-image: none; + background-color: $backdrop_base_color; + box-shadow: none; + + &:disabled { + border-color: $backdrop_bg_color; + background-image: none; + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-3.20/widgets/_windows.scss b/filesystem/.themes/Dracula/gtk-3.20/widgets/_windows.scss new file mode 100644 index 00000000..ce2d1184 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-3.20/widgets/_windows.scss @@ -0,0 +1,142 @@ +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 4px 4px 0 0; + + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + // this needs to be transparent + // see bug #722563 + $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1)); + $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize($borders_color, 0.1)); + + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + box-shadow: 0 2px 4px 2px transparentize(black, 0.8); + + // FIXME rationalize shadows + + // this is used for the resize cursor area + margin: 10px; + + &:backdrop { + // the transparent shadow here is to enforce that the shadow extents don't + // change when we go to backdrop, to prevent jumping windows. + // The biggest shadow should be in the same order then in the active state + // or the jumping will happen during the transition. + box-shadow: 0 2px 4px 2px transparentize(black, 0.85); + transition: $backdrop_transition; + } + + .maximized &, + .fullscreen &, + .tiled & { border-radius: 0; } + + .popup & { box-shadow: none; } + + // server-side decorations as used by mutter + .ssd & { } //just doing borders, wm draws actual shadows + + .csd.popup & { + border-radius: 0; + box-shadow: 0 1px 6px transparentize(black, 0.6), + 0 0 0 1px transparentize($_wm_border,0.1); + } + + tooltip.csd & { + border-radius: 5px; + box-shadow: none; + } + + messagedialog.csd & { + border-radius: 7px; + box-shadow: 0 1px 2px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border,0.1); + } + + .solid-csd & { + border-radius: 0; + margin: 0px; + background-color: $backdrop_bg_color; + border: solid 1px $backdrop_borders_color; + box-shadow: none; + } +} + +// Window Close button +button.titlebutton { + background-repeat: no-repeat; + background-position: center; + min-height: 32px; + padding: 0 3px; + box-shadow: none; + + &.close { + background-image: -gtk-scaled(url("../assets/close.png"),url("../assets/close@2.png")); + &:hover,&:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"),url("../assets/close_prelight@2.png")); + } + } + &.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"),url("../assets/maximize@2.png")); + &:hover,&:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"),url("../assets/maximize_prelight@2.png")); + } + } + &.minimize { + background-image: -gtk-scaled(url("../assets/min.png"),url("../assets/min@2.png")); + &:hover,&:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"),url("../assets/min_prelight@2.png")); + } + } + + &.close, &.minimize, &.maximize { + &:backdrop { + background-image: -gtk-scaled(url("../assets/close_unfocused.png"),url("../assets/close_unfocused@2.png")); + } + } + + .selection-mode & { + @extend %button.flat.suggested-action; + + @extend %nobg_selected_items; + } + + &:backdrop { + -gtk-icon-shadow: none; + } +} + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + @include _button_text_shadow(white, $selected_bg_color); + + &:backdrop { -gtk-icon-shadow: none; } +} + + +// catch all extend :) + +%selected_items { + background-color: $selected_bg_color; + + @at-root %nobg_selected_items, & { + color: $selected_fg_color; + font-weight: bold; + + @if $variant == 'light' { outline-color: transparentize($selected_fg_color, 0.7); } + + &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } + + &:backdrop { + color: $backdrop_selected_fg_color; + + &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + } +} + +.monospace { font-family: Monospace; } diff --git a/filesystem/.themes/Dracula/gtk-4.0/_apps.scss b/filesystem/.themes/Dracula/gtk-4.0/_apps.scss new file mode 100755 index 00000000..39f5229e --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/_apps.scss @@ -0,0 +1,20 @@ +/********************** + * DE-Specific Styles * + **********************/ + +@import 'apps/budgie'; +@import 'apps/gnome'; +@import 'apps/pantheon'; +@import 'apps/xfce'; +@import 'apps/unity'; +@import 'apps/mate'; + +/*********************** + * App-Specific Styles * + ***********************/ + +@import 'apps/geary'; +@import 'apps/lightdm'; +@import 'apps/thunar'; +@import 'apps/nemo'; +@import 'apps/caja'; diff --git a/filesystem/.themes/Dracula/gtk-4.0/_common.scss b/filesystem/.themes/Dracula/gtk-4.0/_common.scss new file mode 100755 index 00000000..8184df58 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/_common.scss @@ -0,0 +1,26 @@ +/********* +* Common * +*********/ + +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); +$asset_suffix: if($variant=='dark', '-dark', ''); +$backdrop_transition: 200ms ease-out; +$button_transition: all 200ms $ease-out-quad; + +* { + padding: 0; + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + outline-color: transparentize($fg_color, 0.7); + outline-style: dashed; + outline-offset: -3px; + outline-width: 0px; + + -gtk-secondary-caret-color: $selected_bg_color; +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/_drawing.scss b/filesystem/.themes/Dracula/gtk-4.0/_drawing.scss new file mode 100755 index 00000000..fcc22e49 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/_drawing.scss @@ -0,0 +1,546 @@ +/***************** +* Drawing mixins * +*****************/ + +// generic drawing of more complex things + +@function _widget_edge($c:$borders_edge) { +// outer highlight "used" on most widgets + @if $c == none { @return none; } + @else { @return 0 1px $c; } +} + +@mixin lines($t, $c:$selected_bg_color) { + @if $t==up { + box-shadow: inset 0 -3px 0 0 darken($c,5%); + } + @if $t==down { + box-shadow: inset 0 3px 0 0 darken($c,5%); + } + @if $t==both { + box-shadow: inset 0 -3px 0 0 darken($c,5%), + inset 0 3px 0 0 darken($c,5%); + } +} + +@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { +// +// Helper function to stack up to 4 box-shadows; +// + @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } + @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } + @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } + @else { box-shadow: $shadow1; } +} + +// entries + +@function entry_focus_border($fc:$selected_bg_color) { + @if $variant == 'light' { @return $fc; } + @else { @return if($fc==$selected_bg_color, $selected_borders_color, darken($fc, 35%)); } +} + + +@function entry_gradient($c) { + @if $variant=='light' { @return linear-gradient(to bottom, mix($borders_color, $c, 45%), + mix($borders_color, $c, 3%) 2px, + $c 90%); } + @else { @return linear-gradient(to bottom, mix($borders_color, $c, 95%), + mix($borders_color, $c, 40%) 3px, + $c 90%); } +} + +@mixin entry($t, $fc:$selected_bg_color, $edge: none) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop; +// + + $_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1)); + $_entry_edge: if($edge == none, none, _widget_edge($edge)); + + @if $t==normal { + color: $text_color; + border-color: $borders_color; + background-color: $base_color; + // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. + } + @if $t==focus { + border-color: entry_focus_border($fc); + box-shadow: 0px 0px 1px 1px $selected_bg_color inset; + } + @if $t==insensitive { + color: $insensitive_fg_color; + border-color: $borders_color; + background-color: $insensitive_bg_color; + box-shadow: $_entry_edge; + } + @if $t==backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + background-color: $backdrop_base_color; + box-shadow: $_blank_edge; + } + @if $t==backdrop-insensitive { + color: $backdrop_insensitive_color; + border-color: $backdrop_borders_color; + background-color: $insensitive_bg_color; + box-shadow: $_blank_edge; + } + @if $t==osd { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + } + @if $t==osd-focus { + color: $osd_text_color; + border-color: $selected_bg_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + } + @if $t==osd-insensitive { + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-color: $osd_insensitive_bg_color; + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + @if $t==osd-backdrop { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +// buttons + +@function _border_color ($c) { @return darken($c, 25%); } // colored buttons want + // the border form the + // base color + +@function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) { +// +// calculate the color of text shadows +// +// $tc is the text color +// $bg is the background color +// + $_lbg: lightness($bg)/100%; + @if lightness($tc)<50% { @return transparentize(white, 1-$_lbg/($_lbg*1.3)); } + @else { @return transparentize(black, $_lbg*0.8); } +} + +@function _button_hilight_color($c) { +// +// calculate the right top hilight color for buttons +// +// $c: base color; +// + @if lightness($c)>95% { @return white; } + @else if lightness($c)>90% { @return transparentize(white, 0.2); } + @else if lightness($c)>80% { @return transparentize(white, 0.4); } + @else if lightness($c)>50% { @return transparentize(white, 0.6); } + @else if lightness($c)>40% { @return transparentize(white, 0.8); } + @else { @return transparentize(white, 0.95); } +} + +@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) { +// +// helper function for the text emboss effect +// +// $tc is the optional text color, not the shadow color +// +// TODO: this functions needs a way to deal with special cases +// + + $_shadow: _text_shadow_color($tc, $bg); + + @if lightness($tc)<50% { + text-shadow: 0 1px $_shadow; + -gtk-icon-shadow: 0 1px $_shadow; + } + @else { + text-shadow: 0 -1px $_shadow; + -gtk-icon-shadow: 0 -1px $_shadow; + } +} + +@mixin button($t, $c:$base_color, $tc:$text_color, $edge: none) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, hover, active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + + $_hilight_color: _button_hilight_color($c); + $_button_edge: if($edge == none, none, _widget_edge($edge)); + $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1))); + + @if $t==normal { + // + // normal button + // + font-weight: normal; + color: $tc; + outline-color: transparentize($tc, 0.7); + background-color: $c; + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + } + + @else if $t==hover { + // + // hovered button + // + color: $tc; + outline-color: transparentize($tc, 0.7); + background-color: $c; + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + } + + @if $t==normal-header { + // + // normal button headerbar look + // + color: if($tc==$text_color, $headerbar_fg_color, $tc); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; +} + + @else if $t==hover-header { + // + // hovered button headerbar look + // + color: if($tc==$text_color, $headerbar_fg_color, $tc); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; +} + +@else if $t==active-header { + // + // active button headerbar look + // + color: if($tc==$text_color, $selected_bg_color, $tc); + background-color: transparentize($selected_bg_color, $amount: 0.4); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; +} + +@else if $t==backdrop-header { +// +// backdrop button headerbar look +// +color: if($tc==$text_color, transparentize($tc, 0.6), $tc); +background-color: transparent; +border-radius: 0; +text-shadow: none; +box-shadow: none; +} + + + @else if $t==active { + // + // pushed button + // + color: $tc; + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $selected_bg_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + @else if $t==insensitive { + // + // insensitive button + // + color: if($tc==$text_color, $backdrop_text_color, $tc); + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $insensitive_bg_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: transparentize($selected_fg_color, 0.3); + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $selected_bg_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + label { color: transparentize($selected_fg_color, 0.3); } +} + @else if $t==backdrop { + // + // backdrop button + // + color: if($tc==$text_color, $backdrop_text_color, transparentize($tc, 0.6)); + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $backdrop_base_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + + @else if $t==backdrop-active { + // + // backdrop pushed button FIXME no colors here! + // + color: transparentize($selected_fg_color, 0.3); + outline-color: transparentize($tc, 0.7); + background-color: $selected_bg_color; + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + label { color: transparentize($selected_fg_color, 0.3); } +} + + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + color: if($tc==$text_color, $backdrop_text_color, $tc); + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $insensitive_bg_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + color: transparentize($selected_fg_color, 0.3); + outline-color: transparentize($tc, 0.7); + background-color: $selected_bg_color; + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + + @else if $t==osd { + // + // normal osd button + // + $_bg: if($c!=$base_color, transparentize($c, 0.5), + $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-color: $_bg; + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + @else if $t==osd-hover { + // + // active osd button + // + $_bg: if($c!=$base_color, transparentize($c, 0.3), + lighten($osd_bg_color, 12%)); + + color: white; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg, $_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + @else if $t==osd-active { + // + // active osd button + // + $_bg: if($c!=$base_color, $c, lighten($osd_bg_color, 6%)); + + color: white; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg, $_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: transparentize($osd_fg_color, 0.7); + } + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color, $osd_insensitive_bg_color); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + @else if $t==osd-backdrop { + // + // backdrop osd button + // + $_bg: if($c!=$base_color, transparentize($c, 0.5), + $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg, $_bg); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + + @include _shadows(inset 0 1px transparentize(white, 1), + $_blank_edge); + + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +@mixin trough($flat:false, $c:$bg_color, $tc:$fg_color, $noedge:true) { + color: mix($tc, $bg_color, 80%); + @if $flat { background-image: linear-gradient(to bottom, $c, $c); } + @else { + background-image: linear-gradient(to bottom, + mix(black,$c,15%) 5%, + mix(black,$c,10%) 20%, + mix(black,$c,10%) 90%, + $c); + } + + border-color: if($c!=$bg_color, _border_color($c), $border_color); + + @if not($noedge) { + @if lightness($c) > 60% { + box-shadow: inset 0 -1px $borders_edge, + 0 1px $borders_edge; + } + @else { + box-shadow: inset 0 -1px transparentize($borders_edge, 0.5), + 0 1px transparentize($borders_edge, 0.5); + } + } + @else { box-shadow: none; } +} + +@mixin headerbar_fill($c:$headerbar_color, $hc:$top_highlight, $ov: none) { +// +// headerbar fill +// +// $c: base color +// $hc: top highlight color +// $ov: a background layer for background shorthand (hence no commas!) +// + $gradient: linear-gradient(to top, darken($c, 13%), darken($c, 2%) 2px, $c 3px); + + @if $variant == 'dark' { $gradient: linear-gradient(to top, darken($c, 3%), darken($c, 1%) 2px, $c 3px); } + + @if $ov != none { background: $c $ov, $gradient; } + @else { background: $c $gradient; } + + box-shadow: inset 0 1px $hc; // top highlight +} + +@mixin overshoot($p, $t:normal, $c:$fg_color) { + // + // overshoot + // + // $p: position + // $t: type + // $c: base color + // + // possible $p values: + // top, bottom, right, left + // + // possible $t values: + // normal, backdrop + // + + $_small_gradient_length: 3%; + $_big_gradient_length: 50%; + + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==right or $p==left { + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: transparentize($c, 0.93); + + @if $c==$fg_color { + $_small_gradient_color: darken($borders_color, 10%); + $_big_gradient_color: transparentize($fg_color, 0.93); + + @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; } + } + + $_small_gradient: radial-gradient(farthest-side at $p, + $_small_gradient_color 85%, + transparentize($_small_gradient_color, 1)); + + $_big_gradient: radial-gradient(farthest-side at $p, + $_big_gradient_color, + transparentize($_big_gradient_color, 1)); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $p; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // + } \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/_widgets.scss b/filesystem/.themes/Dracula/gtk-4.0/_widgets.scss new file mode 100755 index 00000000..9c999ee2 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/_widgets.scss @@ -0,0 +1,40 @@ +/*********** + * Widgets * + ***********/ + +@import 'widgets/action-bars'; +@import 'widgets/app-notifications'; +@import 'widgets/base-states'; +@import 'widgets/buttons'; +@import 'widgets/calendar'; +@import 'widgets/checks-radios'; +@import 'widgets/color-chooser'; +@import 'widgets/comboboxes'; +@import 'widgets/dialogs'; +@import 'widgets/entries'; +@import 'widgets/expanders'; +@import 'widgets/floating-bar'; +@import 'widgets/frames'; +@import 'widgets/granite'; +@import 'widgets/header-bars'; +@import 'widgets/infobars'; +@import 'widgets/level-bars'; +@import 'widgets/links'; +@import 'widgets/lists'; +@import 'widgets/menus'; +@import 'widgets/misc'; +@import 'widgets/notebooks'; +@import 'widgets/paned'; +@import 'widgets/pathbars'; +@import 'widgets/popovers'; +@import 'widgets/progress-bars'; +@import 'widgets/scales'; +@import 'widgets/scrollbars'; +@import 'widgets/sidebar'; +@import 'widgets/spinbuttons'; +@import 'widgets/spinner'; +@import 'widgets/switches'; +@import 'widgets/toolbars'; +@import 'widgets/tooltips'; +@import 'widgets/treeviews'; +@import 'widgets/windows'; diff --git a/filesystem/.themes/Dracula/gtk-4.0/apps/_budgie.scss b/filesystem/.themes/Dracula/gtk-4.0/apps/_budgie.scss new file mode 100755 index 00000000..8ee65596 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/apps/_budgie.scss @@ -0,0 +1,977 @@ +/********* +* Budgie * +*********/ + +$alert_color: $red; +$button_bg: transparent; +$entry_border: transparent; +$mpris_overlay_fg: $fg_color; +$mpris_overlay_bg: transparentize(if($variant=='light',$base_color, darken($bg_color, 10%)), 0.1); +$mpris_overlay_border: $top_highlight; +$panel_bg: transparentize( darken($headerbar_color,10%),0.05); +$panel_border: transparentize(darken($headerbar_color, 7%), 0.08); +$panel_shadow: transparentize(black, 0.7); +$raven_bg: transparentize($bg_color, 0.08); +$raven_expander_border: transparentize($borders_color, 0.05); +$raven_border: transparentize($bg_color, 0.08); +$raven_expander_bg: transparentize($bg_color, 0.8); +$raven_background_bg: transparent; +$raven_background_border: transparent; + +$depth: 0 1px 1px rgba(0, 0, 0, 0.06), +0 1px 2px rgba(0, 0, 0, 0.20), +inset 0px 1px 0px 0px $top_highlight; + +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$roundness: 2px; +$border_width: 1px; +$pos_list: ((top, bottom),(bottom,top),(left,right),(right,left)); + +// Container for both the "panel" area and the shadow. Wise to keep +// this transparent.. +.budgie-container { + background-color: transparent; + &:backdrop { background-color: transparent; } + + popover list, + popover row { + border: none; + background: none; + padding: 0; + margin: 0; + } +} + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + @extend %reset_style +} + +%reset_style { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; +} + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: transparentize(if($variant=='light',$popover_bg_color,$bg_color),if($variant=='light',0.04,0.02)); + background-clip: border-box; + box-shadow: 0 2px 3px 1px transparentize(black, 0.65); + border: 1px solid #{"@borders"}; + list, + row { + &:hover { background: none; } + } + + > frame.container { + margin: 0 -1px -1px; // remove gap + padding: 2px 0 0; + } +} + +.budgie-popover > .container { + padding: 2px; +} + +// Budgie Menu +.budgie-menu { + .container { padding: 0; } + + button:hover { -gtk-icon-filter: none; } + + entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid #{"@borders"}; + border-radius: 0; + font-size: 120%; + box-shadow: none; + + image { + &:dir(ltr) { padding-left: 8px; padding-right: 12px; } + &:dir(rtl) { padding-left: 12px; padding-right: 8px; } + } + } + + .categories { + border-width: 0; + margin-left: 3px; + + background-color: transparent; + &:dir(ltr) { border-right: 1px solid #{"@borders"}; } + &:dir(rtl) { border-left: 1px solid #{"@borders"}; } + } + + .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; + + &:hover { + background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95)); + color: $fg_color; + } + &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } + &:checked { + color: $selected_fg_color; + background-color: transparentize( darken($selected_bg_color,5%),0.2); + } + &:checked:disabled { + opacity: 0.5; + + label { color: transparentize($selected_fg_color, 0.3); } + } + } + + scrollbar { + background-color: transparent; + border-color: transparent; + } + + button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; + } + + undershoot, overshoot { background: none; } +} + +// Menu Button +button.budgie-menu-launcher { + padding: 0 2px; + color: $headerbar_fg_color; + box-shadow: none; + background-color: transparent; + &:hover { color: $headerbar_fg_color; } + &:active, &:checked { color: $headerbar_fg_color; } + + &:backdrop { + color: $headerbar_fg_color; + background-color: transparent; + &:hover { color: $headerbar_fg_color; } + &:active, &:checked { + color: $selected_bg_color; + box-shadow: none; + background-color: transparent; + } + } +} + +// User Menu +.user-menu { + + .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: transparentize($fg_color, 0.9); + } + + button { margin: 5px; } + + // top-row (user-name and avatar) + > box.vertical row.activatable:first-child, + > frame.container > box.vertical row.activatable:first-child { + + .indicator-item { + box-shadow: $depth; + background-color: $cyan; + transition-duration: 0.2s; + + &:dir(ltr) { // mask avatar's background + padding-left: 7px; // non-scaling unit + background-position: left center; + background-repeat: no-repeat; + background-size: 38px auto; // non-scaling unit + } + &:dir(rtl) { + padding-right: 7px; + background-position: right center; + background-repeat: no-repeat; + background-size: 38px auto; + } + + label { + color: $selected_fg_color; + + &:dir(ltr) { padding-left: 5px; } + &:dir(rtl) { padding-right: 5px; } + } + + image { + color: $selected_fg_color; + + &:first-child { // avatar image + min-width: 24px; + min-height: 20px; + } + } + } + } +} + +// Raven Trigger +button.raven-trigger { + padding-left: 2px; + padding-right: 2px; + color: $headerbar_fg_color; + box-shadow: none; + &:hover { + color: $headerbar_fg_color; + background-color: transparent; + } + &:active, &:checked { + box-shadow: none; + background-color: transparent; + color: $selected_bg_color; + } + &:backdrop { + color: $headerbar_fg_color; + &:hover { + color: $headerbar_fg_color; + } + &:active, &:checked { + box-shadow: none; + color: $selected_bg_color; + background-color: transparent; + } + } +} + +// Places Menu +.places-menu { + .container { padding: 0; } + + .message-bar { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + + .name-button { + border: 0; + border-radius: 0; + padding: 4px 6px; + } + + .unmount-button { + padding: 4px 4px; + border: 0; + border-radius: 0; + } + + .places-section-header { + padding: 0px; + border-bottom: 1px solid $raven_expander_border; + box-shadow: 0px 1px 1px #{"alpha(@theme_fg_color, 0.03)"}; + } + + .places-section-header > button { + padding: 8px; + border: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + } + + .places-list { + background: transparentize($fg_color, 0.96); + border-bottom: 1px solid $raven_expander_border; + } + + .unlock-area { + border-top: 1px solid transparentize($raven_expander_border, 0.1); + border-bottom: 1px solid transparentize($raven_expander_border, 0.1); + } + + .unlock-area entry { + border-radius: 0; + border: 0; + } + + .unlock-area button { + border-radius: 0; + border: 0; + border-left: 1px solid transparentize($raven_expander_border, 0.1); + } + + .alternative-label { + font-size: 15px; + padding: 3px; + } + + .always-expand { + background: transparent; + border-bottom: none; + } +} + +// Night Light indicator +.night-light-indicator { + .container { padding: 0; } + + .view-header { + font-size: 14px; + padding: 10px; + border-bottom: #{"1px solid mix(@theme_base_color, #000000, 0.35)"}; + box-shadow: #{"0px 1px 1px alpha(@theme_fg_color, 0.04)"}; + } + + .display-settings-button { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border: none; + padding: 3px; + border-top: #{"1px solid mix(@theme_base_color, #000000, 0.35)"}; + box-shadow: #{"inset 0px 1px 1px alpha(@theme_fg_color, 0.04)"}; + } +} + +// Panel +.budgie-panel { + color: $headerbar_fg_color; + background-color: $panel_bg; + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; + + .alert { color: $alert_color; } + + &:backdrop { + color: $headerbar_fg_color; + background-color: $panel_bg; + } + + button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; + } + + popover list, + popover row { + padding: 0; + margin: 0; + } + + label { + color: $headerbar_fg_color; + font-weight: 700; + } + + &.transparent { + background-color: transparentize($panel_bg, 0.75); + + .top & { + border-bottom-color: transparent; + } + + .bottom & { + border-top-color: transparent; + } + + .left & { + border-right-color: transparent; + } + + .right & { + border-left-color: transparent; + } + } + + .end-region { + border-radius: 0px; + separator { background-color: transparentize($headerbar_fg_color, 0.85); } + label { + font-weight: 700; + color: $headerbar_fg_color; + } + } +} + +// Tasklist +.budgie-panel #tasklist-button, +.budgie-panel #tasklist-button:backdrop { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: transparentize($panel_bg,1); // fixes the transition + border-radius: 0; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; + + @extend %underscores; +} + +// Icon Tasklist +.budgie-panel { + + button.flat.launcher { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: transparentize($panel_bg,1); // fixes the transition + border-radius: 0; + padding: 0; + background-clip: padding-box; + background-color: transparent; + & { box-shadow: none; } + } + + .unpinned button.flat.launcher, + .pinned button.flat.launcher.running { @extend %underscores; } +} + +%underscores { + &:hover { box-shadow: none; } + &:active, &:checked { box-shadow: none; } + + @each $pos, $b_pos in $pos_list { + .#{$pos} & { + padding-#{$b_pos}: 2px; + border-#{$pos}: 2px solid transparent; + + @at-root { + .#{$pos} .budgie-panel .pinned button.flat.launcher:not(.running) { border-#{$pos}: 2px solid transparent; } + .#{$pos} .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-#{$pos}: 2px solid transparentize(white, 0.9); } + .#{$pos} .budgie-panel .unpinned button.flat.launcher, + .#{$pos} .budgie-panel .pinned button.flat.launcher.running { border-#{$pos}: 2px solid transparentize(white, 0.9); } + } + &:hover { + border-#{$pos}: 2px solid transparentize(white, 0.75); + } + &:active, &:checked { + border-#{$pos}: 2px solid $selected_bg_color; + } + } + } +} + +@each $pos, $b_pos in $pos_list { + + // Panel borders + .#{$pos} .budgie-panel { border-#{$b_pos}: $border_width solid $panel_border; } + + // Raven borders + .#{$pos} .raven-frame { + padding: 0; + background: none; + + border { + border: none; + border-#{$b_pos}: $border_width solid $raven_border; + } + } + + // Shadows + .#{$pos} .shadow-block { + background-color: transparent; + background-image: linear-gradient(to $b_pos, + $panel_shadow, + transparent); + } +} + +// Raven +.raven { + padding: 0; + color: $fg_color; + background-color: $raven_bg; + transition: 170ms ease-out; + + .raven-header { + * { + padding-top: 0; + padding-bottom: 0; + } + + min-height: 32px; + color: $fg_color; + border: solid $raven_expander_border; + border-width: 1px 0; + background-color: $raven_expander_bg; + + &.top { + border-top-style: none; + border-color: transparent; + margin-top: 3px; + min-height: 32px; + button.image-button { + &:hover { + color: darken($selected_bg_color,5%); + box-shadow: none; + } + } + } + + > button.text-button { + border-radius: 2px; + color: $selected_fg_color; + background-color: transparentize(darken($red,5%), 0.1); + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + &:hover { + border-radius: 2px; + color: $selected_fg_color; + background-color: transparentize($red, 0.1); + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + } + &:active { + color: $selected_fg_color; + background-color: transparentize(lighten($red,5%), 0.1); + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + } + } + + &.bottom { border-bottom-style: none; } + button { + background-color: transparent; + color: $fg_color; + border-radius: 0; + border: none; + box-shadow: none; + margin-top: -4px; + margin-bottom: -4px; + min-height: 32px; + + &:hover { + border-radius: 0; + background-color: transparent; + color: $selected_bg_color; + } + + &:active, + &:checked { + color: $selected_bg_color; + border-radius: 0; + background-color: transparent; + } + + &:disabled { + color: $insensitive_fg_color; + } + } + } + + list { + background-color: transparent; + &:selected { background-color: transparentize($selected_bg_color,0.1); } + row, + row.activatable { + background-color: transparent; + &:selected { background-color: transparentize($selected_bg_color,0.1); } + } + } + + .raven-background { + color: $fg_color; + background-color: transparent; + border-color: transparent; + + &.middle { border-bottom-style: none; } // applet background between two headers + } + + .powerstrip { + background-color: transparent; + border-top-color: transparent; + } + + .powerstrip button.image-button { + border-radius:50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: transparentize($darkpurple,0.3); + color: $selected_fg_color; + box-shadow: $depth; + border: none; + font-size: 100%; + + &:hover { + transition: 170ms ease all; + background: transparentize($darkpurple,0.15); + color: $selected_fg_color; + } + &:active { + transition: 170ms ease all; + background: $darkpurple; + color: $selected_fg_color; + } + &:first-child { + background: transparentize($cyan,0.3); + + &:hover { + background: transparentize($cyan,0.15); + } + &:active { + background: $cyan; + } + } + &:last-child { + background: transparentize($red,0.3); + + &:hover { + background: transparentize($red,0.15); + } + &:active { + background: $red; + } + } + } + .option-subtitle { + font-size: 13px; + } +} + +// Calendar +calendar.raven-calendar { + padding: 4px; + color: $fg_color; + background-color: transparentize($bg_color, 0.8); + border-color: transparent; + + &:indeterminate { color: gtkalpha(currentColor,0.3); } + + &:selected { + background: transparent; + color: $selected_bg_color; + font-weight: bold; + } + + &:backdrop { background-color: transparent; } + + &.header { + color: $fg_color; + border: none; + border-radius: 0; + background-color: transparent; + } + & button, & button:focus { + color: gtkalpha(currentColor,0.5); + background-color: transparent; + + &:hover { + color: $fg_color; + background-color: transparent; + } + } +} + +// MPRIS Applet +.raven-mpris { + color: $mpris_overlay_fg; + background-color: $mpris_overlay_bg; + border: solid $mpris_overlay_border; + border-width: 1px 0; + border-bottom-color: $bottom_highlight; + + button.image-button { + padding: 10px; + background-color: $base_color; + box-shadow: $depth; + + &:hover { background-color: $selected_bg_color; } + + &:active { background-color: darken($selected_bg_color,5%); } + + &:first-child { margin-right: 4px; } + + &:last-child { margin-left: 4px; } + + &:last-child, + &:first-child { + padding: 4px; + margin-top: 6px; + margin-bottom: 6px; + } + } +} + +// Notifications +.budgie-notification-window { + background: none; + border-radius: 1px; + button { + background-color: $cyan; + color: darken($selected_fg_color, 75%); + border: none; + margin: 0 3px; + &:hover { + background-color: darken($cyan, 5%); + border: none; + } + &:active, &:checked { background-color: darken($cyan, 5%); } + } +} + +.budgie-notification { + &.background { + border-radius: 1px; + } + .notification-title { + font-size: 110%; + color: $headerbar_fg_color; + } + .notification-body { color: transparentize($headerbar_fg_color, 0.3); } + button { + background-color: transparent; + color: $selected_fg_color; + &:hover { + background-color: transparent; + color: $red; + box-shadow: none; + } + &:active, &:checked { + background-color: transparent; + color: darken($red, 5%); + } + } +} + +.drop-shadow { + color: $headerbar_fg_color; + background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05); + box-shadow: 0 1px 2px 0 transparentize(black, 0.8); + border-radius: 2px; +} + +// On Screen Display in Budgie +.budgie-osd-window { + @extend .budgie-notification-window; +} + +// Internal part of the OSD +.budgie-osd { + @extend .budgie-notification; +} + +// Alt+tab switcher in Budgie +.budgie-switcher-window { + @extend .budgie-notification-window; + + // Flowbox + flowbox { color: $fg_color; } + flowboxchild { + padding: 3px; + margin: 3px; + color: $fg_color; + + &:hover { background-color: $button_bg; } + &:active { color: $fg_color; } + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + + &:active { color: $selected_fg_color; } + &:hover { background-color: mix(black, $selected_bg_color, 10%); } + &:disabled { + color: transparentize($selected_fg_color, 0.3); + background-color: transparentize($selected_bg_color, 0.2); + label { color: transparentize($selected_fg_color, 0.2); } + } + } + } +} + +// Internal part of the Switcher +.budgie-switcher { + @extend .budgie-notification; +} + +// Session Dialog +.budgie-session-dialog { + color: $headerbar_fg_color; + background-color: $panel_bg; + + label:backdrop { color: $backdrop_headerbar_fg_color; } + &.background { @extend .drop-shadow; } + .dialog-title { font-size: 120%; } + + .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: $headerbar_fg_color; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.20); + + label { font-weight: 700; } + &:first-child { border-left: none; border-bottom-left-radius: 2px; } + &:last-child { border-right: none; border-bottom-right-radius: 2px; } + &:hover { + background-color: transparentize($selected_bg_color, 0.1); + &:backdrop { + label { color: transparentize(white, 0.5); } + } + } + + @each $b_type, $b_color in (suggested-action, $cyan), + (destructive-action, $destructive_color) { + &.#{$b_type} { + background-color: transparentize($b_color, 0.1); + &:hover { background-color: transparentize(lighten($b_color,5%), 0.1); } + &:active, &:checked { background-color: transparentize(lighten($b_color,5%), 0.1); } + } + } + } + + entry { + background-color: #505359; + color: $headerbar_fg_color; + &:focus { background-color: #505359; } + &:backdrop { background-color: #505359; } + } +} + +// PolKit Dialog +.budgie-polkit-dialog { + @extend .budgie-session-dialog; + + .message { color: transparentize($headerbar_fg_color, 0.3); } + .failure { color: $alert_color; } +} + +// Run Dialog +.budgie-run-dialog { + @extend .budgie-session-dialog; + + entry.search, entry.search:focus { + font-size: 120%; + padding: 8px 5px; + border: none; + box-shadow: none; + + image { + color: $headerbar_fg_color; + &:dir(ltr) { padding-left: 8px; padding-right: 12px; } + &:dir(rtl) { padding-left: 12px; padding-right: 8px; } + } + } + + list row:selected .dim-label { opacity: 1; } + + scrolledwindow { border-top: 1px solid darken($entry_border, 5%); } +} + +// Budgie styled Gtk Menus +.budgie-menubar { + menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: $panel_bg; + menuitem:hover { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + arrow { + border:none; + min-width:16px; + min-height:16px; + + &.top { + -gtk-icon-source:-gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid mix($fg_color, $raven_bg, 10%); + } + + &.bottom { + -gtk-icon-source:-gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid mix($fg_color, $raven_bg, 10%); + } + } + + menuitem { + accelerator { + color: transparentize($fg_color, 0.65); + } + + check, radio { + min-height: 16px; + min-width: 16px; + } + } +} + +// settings-window +window.background.budgie-settings-window.csd { + + > box.horizontal > stack > scrolledwindow { + + // hide double-borders + buttonbox.inline-toolbar { border-style: none none solid; } + + } +} + +.workspace-switcher { + + .workspace-layout { + border: 0 solid $panel_bg; + + .top &, + .bottom & { + &:dir(ltr) { border-left-width: 1px; } + + &:dir(rtl) { border-right-width: 1px; } + } + + .left &, + .right & { border-top-width: 1px; } + } + + .workspace-item, + .workspace-add-button { + border: 0 solid lighten($panel_bg, 10%); + + .top &, + .bottom & { + &:dir(ltr) { border-right-width: 1px; } + + &:dir(rtl) { border-left-width: 1px; } + } + + .left &, + .right & { border-bottom-width: 1px; } + } + + .workspace-item { + + &.current-workspace { background-color: darken($panel_bg, 5%); } + } + + .workspace-add-button { + border: none; + background: transparent; + box-shadow: none; + &:hover { box-shadow: none; } + + &:active { background-image: none; } + + &:active image { margin: 1px 0 -1px; } + } + + .workspace-icon-button { + .budgie-panel & { // to overwrite the .budgie-panel button style below + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; + } + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/apps/_caja.scss b/filesystem/.themes/Dracula/gtk-4.0/apps/_caja.scss new file mode 100644 index 00000000..feda9540 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/apps/_caja.scss @@ -0,0 +1,85 @@ +.caja-notebook { + + .frame { border-width: 0 0 1px; } + + .entry { + background: $bg_color; + color: $fg_color; + border-color: $borders_color; + &:selected { + background: $selected_bg_color; + color: $selected_fg_color; + } + } +} + + + +/************** +* Caja sidebar * +**************/ + +.caja-side-pane { + + .frame { border-width: 1px 0 0; } + + background: $headerbar_color; + treeview.view, + textview.view text, + viewport.frame, + widget .vertical { + background: $headerbar_color; + padding: 3px 2px; + &:hover { + background-color: transparentize($base_color, 0.4); + } + &:selected { + color: $purple; + background: $headerbar_color; + &:hover { + background-color: transparentize($selected_bg_color, 0.8); + } + } + } +} + +/************** +* Caja pathbar * +**************/ + +.caja-navigation-window paned { + background: $base_color; +} + +.caja-navigation-window .primary-toolbar { + background: $headerbar_color; + button { + &, &:backdrop { @include button(normal-header); } + &:hover, + &:active, + &:backdrop:active, + &:backdrop:checked { + background: $selected_bg_color; + box-shadow: none; + &, & label { + color: $selected_fg_color; + } + } + } + +} + +.caja-pathbar button { + &, &:backdrop { @include button(normal-header); } + &:hover, + &:active, + &:checked, + &:backdrop:active, + &:backdrop:checked { + background: transparent; + box-shadow: none; + &, & label { + color: $purple; + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/apps/_geary.scss b/filesystem/.themes/Dracula/gtk-4.0/apps/_geary.scss new file mode 100755 index 00000000..b4708bb8 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/apps/_geary.scss @@ -0,0 +1,36 @@ +/********* + * Geary * + *********/ + +.geary-titlebar-left, +.geary-titlebar-right { + + .separator { + opacity: 0; + } +} + +ConversationListView { + + .view { + &:active, + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &:backdrop { + background-color: $backdrop_selected_bg_color; + color: $backdrop_selected_fg_color; + } + } + + .cell { + border: solid transparentize(black, 0.8); + border-width: 0 0 1px 0; + &:selected { + color: $selected_fg_color; + border: 0px solid darken($selected_bg_color, 10% ); + } + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/apps/_gnome.scss b/filesystem/.themes/Dracula/gtk-4.0/apps/_gnome.scss new file mode 100755 index 00000000..3d41af56 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/apps/_gnome.scss @@ -0,0 +1,273 @@ +/************ + * Nautilus * + ************/ +.nautilus-window { + .frame{ + *:selected, *:selected:backdrop{ + background: transparent; + color: $selected_bg_color; + } + *:selected:backdrop{ + label { + color: $backdrop_selected_bg_color; + } + } + } + paned { + > separator { background-image: none; } + } + .sidebar { + background-color: transparent; + background-image: none; + + &:backdrop { + background-color: transparent; + background-image: none; + } + + .list-row { + button { + border: none; + background-color: transparentize(darken($base_color,3%),0.05); + &:active { + background-color: transparentize($selected_bg_color,0.25); + } + } + + &:selected { + background-color: transparentize($selected_bg_color,0.25); + &:hover { + background-color: transparentize($selected_bg_color,0.1); + } + } + + &:hover { + background-color: transparentize($base_color,0.5); + &:active { + background-color: transparentize($selected_bg_color,0.1); + } + } + } + } + + notebook { + > stack:only-child { // the :not(:only-child) is for "hidden" notebooks + background-color: $base_color; + &:backdrop { background-color: $backdrop_base_color; } + } + } + + searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + } + + .searchbar-container { + margin-top: -1px; + } + + .titlebar { + .search{ + border: 1px solid $borders_color; + border-radius: 3px; + } + } + + .path-bar-box { + .dim-label { + color: transparent; + } + widget > .text-button:last-child{ + @include button(active-header, transparent, $purple); + &:backdrop label{ + color: $backdrop_selected_bg_color; + } + } + button { + transition: all 100ms ease-in; + margin-left: -5px; + &:backdrop { + &:hover, + &:active, + &:checked { + @include button(active-header); + label { + color: $backdrop_selected_bg_color; + } + } + } + } + } + + .path-buttons-box, #NautilusPathBar { + background: transparent; + margin-top: 7px; + margin-bottom: 7px; + + .dim-label { + color: transparent; + margin-right: -5px; + } + + //Buttons before current path + button { + .horizontal .dim-label { + color: $headerbar_fg_color; + padding: 3px 12px; + margin: 0; + } + &:hover, &:focus { + .dim-label { color: $purple; } + background-color: transparent; + box-shadow: none; + } + &:active { background-color: transparent; } + } + // Home icon + button > .horizontal > image.dim-label { + padding: 3px 0px 3px 12px; + border-right: none; + margin-right: -6px; + } + + // Reset path buttons appearance + button { + background: transparent; + border: none; + margin: 0; + padding: 0; + } + + // Selected dir + .current-dir { + label { + border-radius: 4px; + padding: 1px 12px; + } + + label, image { + @include button(active-header, transparent, $purple); + } + } + + button.current-dir:only-child { + image { + margin-right: -6px; + padding: 0px 0px 0px 12px; + border-radius: 4px 0px 0px 4px; + } + label { border-radius:0px 4px 4px 0px; } + } + } + + // search entry + #NautilusQueryEditor > menubutton > button { + &:hover, &:active, &:checked { + image { color: $selected_fg_color; } + } + } +} + +.nautilus-circular-button { + border-radius: 20px; +} + +.disk-space-display { + border: 2px solid; + + .unknown { + background-color: #888a85; + border-color: darken(#888a85, 20%); + } + + .used { + background-color: #9FB0B9; + border-color: darken(#9FB0B9, 20%); + } + + .free { + background-color: #D8D8D8; + border-color: darken(#D8D8D8, 20%); + } +} + +.nautilus-desktop { + + color: $fg_color; + + .nautilus-canvas-item { + border-radius: 5px; + color: $selected_fg_color; + text-shadow: 1px 1px transparentize(black, 0.4); + + &:active { + color: $fg_color; + text-shadow: none; + } + + &:hover { + color: $fg_color; + text-shadow: none; + } + + &:selected { + color: $selected_fg_color; + text-shadow: none; + } + + .dim-label { + &:selected { + color: $selected_fg_color; + } + } + } + + .nautilus-list { + + .dim-label { + &:selected { + color: $selected_fg_color; + } + } + } +} + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: $bg_color; + } + + +/********* + * Gnucash * +*********/ +#gnc-id-main-window { + entry.gnc-class-register-foreground { + background: transparent; + border: none; + box-shadow: none; + } + .arrow.button.toggle { + transition: none; + box-shadow: none; + &:hover { border-color: $selected_bg_color; } + } +} + +/******************* + * Calendar events * +********************/ +.color-light { + &.timed label, .event-popover label { + color: $fg_color; + opacity: 1; + } + & label { + color: $bg_color; + opacity: 1; + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/apps/_lightdm.scss b/filesystem/.themes/Dracula/gtk-4.0/apps/_lightdm.scss new file mode 100755 index 00000000..f9ff41ae --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/apps/_lightdm.scss @@ -0,0 +1,115 @@ +/*********** + * LightDm * + ***********/ + +// the panel widget at the top +#panel_window { + background-color: $panel_bg_color; + color: $panel_fg_color; + font-weight: bold; + box-shadow: inset 0 -1px darken($panel_bg_color, 7%); + + // the menubars/menus of the panel, i.e. indicators + .menubar, + .menubar > .menuitem + menubar, + menubar > menuitem { + background-color: transparent; + color: $panel_fg_color; + font-weight: bold; + } + + .menubar .menuitem:disabled, + menubar menuitem:disabled { + color: transparentize($panel_fg_color, 0.5); + + GtkLabel { color: inherit; } + label { color: inherit; } + } + .menubar .menu > .menuitem, + menubar menu > menuitem { font-weight: normal; } +} + +// the login window +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: $fg_color; +} + +// the top half of the login-window, in GtkDialog terms, the content +#content_frame { + padding-bottom: 14px; + background-color: $bg_color; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid transparentize(black, 0.9); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + @include button(normal); + + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:disabled { @include button(insensitive); } +} + +// the lower half of the login-window, in GtkDialog terms the buttonbox or action area +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: if($variant=='light', $osd_bg_color, $headerbar_color); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid transparentize(black, 0.9); + border-width: 0 1px 1px 1px; +} + +#buttonbox_frame button{ + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:disabled { @include button(osd-insensitive); } +} + +#login_window #user_combobox { + color: $fg_color; + font-size: 13px; + + .menu, + menu { font-weight: normal; } +} + +// the user's avatar box +#user_image { + padding: 3px; + border-radius: 2px; +} + +// the shutdown button +#shutdown_button.button { + @include button(suggested_destructive, $destructive_color); + + &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); } +} + +// the restart button +#restart_button.button { + @include button(suggested_destructive, $suggested_color); + + &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); } +} + +// the warning, in case a wrong password is entered or something else goes wrong according to PAM +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/apps/_mate.scss b/filesystem/.themes/Dracula/gtk-4.0/apps/_mate.scss new file mode 100644 index 00000000..05c9b41f --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/apps/_mate.scss @@ -0,0 +1,20 @@ +// +// Mate OSD Window +// + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid $borders_color; + + .progressbar { + background-color: $selected_bg_color; + border: none; + border-color: $selected_bg_color; + border-radius: 5px; + } + .trough { + background-color: darken($osd_bg_color, 5%); + border: none; + border-radius: 5px; + } + } \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/apps/_nemo.scss b/filesystem/.themes/Dracula/gtk-4.0/apps/_nemo.scss new file mode 100644 index 00000000..c97d66fd --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/apps/_nemo.scss @@ -0,0 +1,64 @@ +.nemo-window { + .places-treeview { + .view.cell, + iconview.cell { + &:hover, + &:selected { @include button(active-header, transparent, $purple); } + } + } + + .sidebar { + color: $fg_color; + background-color: $base_color; + .view, .iconview, row { + background-color: transparent; + } + } + + .nemo-window-pane { + widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: $fg_color; + border: 1px solid $borders_color; + border-radius: 3px; + box-shadow: inset 0 1px transparentize(black, 0.1), + inset 1px 0 transparentize(black, 0.04), + inset -1px 0 transparentize(black, 0.04), + inset 0 -1px transparentize(black, 0.02), + 0 1px transparentize(white, 0.4); + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + + toolbar.primary-toolbar { + margin-bottom: -1px; + background: $headerbar_color; + button { + @include button(normal-header); + min-height: 24px; + padding: 3px; + &:hover { @include button(hover-header, transparent, $purple); } + + &:selected, + &:active, + &:checked { + @include button(active-header, transparent, $purple); + &:backdrop { + &, & label { + color: $backdrop_selected_bg_color; + } + } + } + } + } + + .nemo-inactive-pane .view, + .nemo-inactive-pane iconview { + background-color: darken($base_color, 2%); + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/apps/_pantheon.scss b/filesystem/.themes/Dracula/gtk-4.0/apps/_pantheon.scss new file mode 100755 index 00000000..e2b5743a --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/apps/_pantheon.scss @@ -0,0 +1,418 @@ +/******** + * Gala * + *******/ + + .gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid $base_color; + background-color: $base_color; + + .title, + .label { + color: $fg_color; + } +} + +.gala-button { + padding: 3px; + color: $base_color; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, + #7e7e7e, + #3e3e3e + ); + box-shadow: inset 0 0 0 1px transparentize(white, 0.02), + inset 0 1px 0 0 transparentize(white, 0.07), + inset 0 -1px 0 0 transparentize(white, 0.01), + 0 0 0 1px transparentize(black, 0.40), + 0 3px 6px transparentize(black, 0.16), + 0 3px 6px transparentize(black, 0.23); + text-shadow: 0 1px 1px transparentize(black, 0.6); +} + +/********** + * Notify * + *********/ + +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + + border-radius: 5px; + border: 1px solid transparentize(black, 0.30); + + background-color: transparentize($base_color, 0.95); + + .low {} + .critical {} +} + + +/*************** + * SwitchBoard * + ***************/ + +.category-label { + font-weight: bold; + color: $fg_color; +} + + +/************* + * Slingshot * + ************/ + +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; + + .app { + &:hover{ + border-radius: 8px; + border: none; + background-color: transparentize($selected_bg_color, 0.7); + color: white; + } + &:focus{ + /*background-color: transparentize(black, 0.20);*/ + } + } +} + +.search-item { + border-radius: 0; + border: none; + color: $fg_color; + background: none; + + &:hover, + &:focus { + border-radius: 0; + background-color: transparentize($selected_bg_color, 0.7); + color: $selected_fg_color; + } +} + + +.search-entry-large, +.search-entry-large:focus { + border: none; + font-size: 18px; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; +} + +.search-category-header { + font-weight: bold; + color: $fg_color; +} + + + +/********* + * Panel * + ********/ + +.composited-indicator { + + > revealer, + > revealer image, + > revealer label, + > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px transparentize(black, 0.7), 0 1px 2px transparentize(black, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.7), 0 1px 2px transparentize(black, 0.5); + } + > revealer image:first-child + label { + margin-left: 5px; + } +} + +.panel.color-light .composited-indicator { + + > revealer, + > revealer image, + > revealer label, + > revealer spinner { + color: transparentize(black, 0.4); + text-shadow: 0 1px transparentize(white, 0.9); + -gtk-icon-shadow: 0 1px transparentize(white, 0.9); + } +} + +/************** + * Calculator * + **************/ + +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; + + .window-frame { + border-radius:3px; + } +} + +/********* + * Cards * + *********/ + +.deck { + background-color: darken($bg_color, 8%); +} + +.card { + background-color: $base_color; + border: none; + box-shadow: 0 0 0 1px transparentize(black, 0.95), + 0 3px 3px transparentize(black, 0.8); + transition: all 150ms ease-in-out; +} + +.card.collapsed { + background-color: darken($base_color, 5%); + box-shadow: 0 0 0 1px transparentize(black, 0.95), + 0 1px 2px transparentize(black, 0.8); +} + +/********* + * Noise * + *********/ + +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; + + .action-bar { + border-radius: 0 0 4px 4px; + } + + .window-frame { + border-radius:3px; + } +} + +/******** + * Snap * + ********/ + +SnapMainWindow, +SnapSnapWindow { + + .take-button { + border-radius: 0; + } +} + + +/******************* + * Photos/Shotwell * + *******************/ + +DirectWindow, +LibraryWindow { + + .the-button-in-the-combobox { + background: none; + } +} + +.checkerboard-layout { + background-color: $bg_color; + background-image: linear-gradient(45deg, + transparentize(black, 0.9) 25%, + transparent 25%, + transparent 75%, + transparentize(black, 0.9) 75%, + transparentize(black, 0.9)), + linear-gradient(45deg, + transparentize(black, 0.9) 25%, + transparent 25%, + transparent 75%, + transparentize(black, 0.9) 75%, + transparentize(black, 0.9)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px +} + +.checkboard-layout .item { + background-color: $fg_color; +} + +/********* +* Avatar * +*********/ + +.avatar { + border: 1px solid transparentize(#000, 0.77); + border-radius: 50%; + box-shadow: + inset 0 0 0 1px transparentize(#fff, 0.95), + inset 0 1px 0 0 transparentize(#fff, 0.55), + inset 0 -1px 0 0 transparentize(#fff, 0.85), + 0 1px 3px transparentize(#000, 0.88), + 0 1px 2px transparentize(#000, 0.77); +} + +/**level bars**/ + +.sidebar.source-list.view { + &.level-bar { + &, &:selected, &:selected:focus { + background: linear-gradient(transparentize(#fff, 0.86), transparentize(#fff, 0.86)) ; + border: 1px solid transparentize(black, 0.86); + box-shadow: 0 1px 0 transparentize(#000, 0.75); + border-radius: 2px; + } + } + &.fill-block { + border: none; + &, &:hover, &:selected, &:selected:focus { + background: linear-gradient($selected_bg_color, $selected_bg_color); + } + } +} + +/************************** + * Colors in context menu * +**************************/ + +checkbutton.color-button { + border: 1px solid $borders_color; + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; + + > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; + } + + &.none { + > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); + } + } + +} + +radiobutton.color-button { + > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(black, 0.15); + border-radius: 100px; + background-clip: border-box; + } + + &:active > radio { + border: 1px solid rgba(black, 0.35); + } +} + +.color-button { + check, + check:checked, + radio, + radio:checked, { + background-image: none; + border: 1px solid rgba(black, 0.2); + border-radius: 50%; + color: $base_color; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); + } + + &.red check, + &.red radio, + &.strawberry check, + &.strawberry radio { + background-color: #{'@STRAWBERRY_300'}; + -gtk-icon-shadow: 0 1px 1px #{'@STRAWBERRY_500'}; + } + + &.orange check, + &.orange radio { + background-color: #{'@ORANGE_300'}; + -gtk-icon-shadow: 0 1px 1px #{'@ORANGE_500'}; + } + + &.yellow check, + &.yellow radio, + &.banana check, + &.banana radio { + background-color: #{'@BANANA_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@BANANA_700'}; + } + + &.green check, + &.green radio, + &.lime check, + &.lime radio { + background-color: #{'@LIME_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@LIME_700'}; + } + + &.blue check, + &.blue radio, + &.blueberry check, + &.blueberry radio { + background-color: #{'@BLUEBERRY_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@BLUEBERRY_700'}; + } + + &.purple check, + &.purple radio, + &.grape check, + &.grape radio { + background-color: #{'@GRAPE_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@GRAPE_700'}; + } + + &.brown check, + &.brown radio, + &.cocoa check, + &.cocoa radio { + background-color: #{'@COCOA_300'}; + -gtk-icon-shadow: 0 1px 1px #{'@COCOA_500'}; + } + + &.mint check, + &.mint radio { + background-color: #{'@MINT_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@MINT_700'}; + } + + &.pink check, + &.pink radio, + &.bubblegum check, + &.bubblegum radio { + background-color: #{'@BUBBLEGUM_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@BUBBLEGUM_700'}; + } + + &.slate check, + &.slate radio { + background-color: #{'@SLATE_300'}; + -gtk-icon-shadow: 0 1px 1px #{'@SLATE_500'}; + + } + + &.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/apps/_thunar.scss b/filesystem/.themes/Dracula/gtk-4.0/apps/_thunar.scss new file mode 100644 index 00000000..2b283225 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/apps/_thunar.scss @@ -0,0 +1,41 @@ + +/* thunar */ +.thunar toolbar { + background-color: $headerbar_color; + } + + /* buttons in toolbar */ + .thunar toolbar.horizontal button image { + -gtk-icon-transform:scale(0.72); + } + + scrolledwindow.sidebar treeview.view, scrollbar.right { + background: $sidebar_bg_color; + padding: 1.5px; + border: none; + box-shadow: none; + } + + scrolledwindow.standard-view scrollbar.right{ + background-color: $base_color; + } + /* path-bar of thunar */ + window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button, window.thunar paned > scrolledwindow treeview.view { + &:hover, &:checked, &:selected{ + background-color: transparent; + color: $purple; + box-shadow: none; + } + + &:checked:backdrop, &:selected:backdrop { + label { color: $backdrop_selected_bg_color; } + } + } + + window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button { + background: none; + outline: none; + border: none; + box-shadow: none; + } + diff --git a/filesystem/.themes/Dracula/gtk-4.0/apps/_unity.scss b/filesystem/.themes/Dracula/gtk-4.0/apps/_unity.scss new file mode 100755 index 00000000..a06938a5 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/apps/_unity.scss @@ -0,0 +1,150 @@ +/******** +* Unity * +*********/ + +$unity_color: #31363D; /* Unity window border color */ +$unity_text_color: #fefefe; /* Unity window text color */ +$backdrop_unity_text_color: darken($unity_text_color,10%); /* Backdrop Unity window text color */ +$unity_panel_color: darken($unity_color, 10%); /* Unity panel color #454D50 */ + +UnityDecoration { + + background-color: $unity_color; + color: $unity_text_color; + + .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid $unity_color; + border-bottom-width: 0; + background-color: $unity_color; + color: $unity_text_color; + border-top: 1px solid rgba(255,255,255,0.1); + + &:backdrop { + border-bottom-width: 0; + color: $backdrop_unity_text_color; + border-top: 1px solid rgba(255,255,255,0.1); + } + + .menuitem { + color: $unity_text_color; + + &:backdrop { + color: $backdrop_unity_text_color; + } + } + } +} + + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: darken($unity_color, 0.6); + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, + $unity_color, + darken($unity_color, 0.6) + ); +} + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: darken($unity_color, 0.6); +} + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; +} + + +/************** +* Unity Panel * +***************/ + +UnityPanelWidget, +.unity-panel { +background-color: $unity_panel_color; +color: $unity_text_color; +} + + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: $backdrop_unity_text_color; +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: $unity_text_color; +} + +.unity-panel.menubar, +.unity-panel .menubar { + color: $unity_text_color; +} + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: $unity_panel_color; + color: $unity_text_color; +} + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: $backdrop_fg_color; +} + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: $unity_text_color; + box-shadow: none; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: darken($unity_color, 1.05); + color: $unity_text_color; + box-shadow: none; +} + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; +} + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: $borders_color; +} + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: $base_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/filesystem/.themes/Dracula/gtk-4.0/apps/_xfce.scss b/filesystem/.themes/Dracula/gtk-4.0/apps/_xfce.scss new file mode 100644 index 00000000..0ff1232c --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/apps/_xfce.scss @@ -0,0 +1,58 @@ +.xfce4-panel { + &.background { + background-color: $panel_bg_color; + color: $fg_color; + + text-shadow: none; + -gtk-icon-shadow: none; + + button.flat:not(.open_group) { @extend %panelbutton; } + } + ࿎PanelWindow, ࿎PanelWindow.marching-ants {transition: none;} +} + +#tasklist-button { + color: transparentize($panel_fg_color, 0.2); + border-radius: 0; + border: none; + background-color: transparentize($panel_bg_color, 1); + + &:hover { + color: lighten($panel_fg_color, 10%); + background-color: transparentize(black, 0.83); + } + + &:checked { + color: white; + background-color: transparentize(black, 0.75); + box-shadow: inset 0 -2px $selected_bg_color; + } +} + +%panelbutton { + color: $panel_fg_color; + border-radius: 0; + border: none; + background-color: transparentize($panel_bg_color, 1); + font-weight: normal; + + &:hover { + border: none; + background-color: lighten($panel_bg_color, 10%); + } + &:active, &:checked { + color: $panel_fg_color; + border-bottom: 2px solid $selected_bg_color; + background-color: darken($panel_bg_color, 2%); + + label, image { color: inherit; } + } +} + +/* Vala-appmenu-plugin*/ + +.-vala-panel-appmenu-core scrolledwindow, +.-vala-panel-appmenu-private > menuitem, +.-vala-panel-appmenu-private > menuitem:first-child > label { + color: $panel_fg_color; +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/assets/gtk3-assets-dark.svg b/filesystem/.themes/Dracula/gtk-4.0/assets/gtk3-assets-dark.svg new file mode 100755 index 00000000..481abaf2 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/assets/gtk3-assets-dark.svg @@ -0,0 +1,2615 @@ + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + Cornelis Peter + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gtk-4.0/assets/gtk3-assets.svg b/filesystem/.themes/Dracula/gtk-4.0/assets/gtk3-assets.svg new file mode 100755 index 00000000..587f79e6 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/assets/gtk3-assets.svg @@ -0,0 +1,2593 @@ + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + Peter Cornelis + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gtk-4.0/assets/gtk3-selection.svg b/filesystem/.themes/Dracula/gtk-4.0/assets/gtk3-selection.svg new file mode 100755 index 00000000..e06148ed --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/assets/gtk3-selection.svg @@ -0,0 +1,2965 @@ + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + Cornelis Peter + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/gtk-4.0/assets/render-gtk3-assets-hidpi.py b/filesystem/.themes/Dracula/gtk-4.0/assets/render-gtk3-assets-hidpi.py new file mode 100755 index 00000000..cc964762 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/assets/render-gtk3-assets-hidpi.py @@ -0,0 +1,181 @@ +#!/usr/bin/python3 + +# Thanks to the GNOME theme nerds for the original source of this script + +import os +import sys +import xml.sax +import subprocess + +INKSCAPE = '/usr/bin/inkscape' +OPTIPNG = '/usr/bin/optipng' +MAINDIR = '../../' +SRC = os.path.join('.', '') + +inkscape_process = None + + +def optimize_png(png_file): + if os.path.exists(OPTIPNG): + process = subprocess.Popen([OPTIPNG, '-quiet', '-o7', png_file]) + process.wait() + + +def wait_for_prompt(process, command=None): + if command is not None: + process.stdin.write((command+'\n').encode('utf-8')) + + # This is kinda ugly ... + # Wait for just a '>', or '\n>' if some other char appearead first + output = process.stdout.read(1) + if output == b'>': + return + + output += process.stdout.read(1) + while output != b'\n>': + output += process.stdout.read(1) + output = output[1:] + + +def start_inkscape(): + process = subprocess.Popen( + [INKSCAPE, '--shell'], bufsize=0, + stdin=subprocess.PIPE, stdout=subprocess.PIPE + ) + wait_for_prompt(process) + return process + + +def inkscape_render_rect(icon_file, rect, output_file): + global inkscape_process + if inkscape_process is None: + inkscape_process = start_inkscape() + wait_for_prompt(inkscape_process, + '--export-dpi=180 %s -i %s -e %s' + % (icon_file, rect, output_file) + ) + optimize_png(output_file) + + +class ContentHandler(xml.sax.ContentHandler): + ROOT = 0 + SVG = 1 + LAYER = 2 + OTHER = 3 + TEXT = 4 + + def __init__(self, path, force=False, filter=None): + self.stack = [self.ROOT] + self.inside = [self.ROOT] + self.path = path + self.rects = [] + self.state = self.ROOT + self.chars = "" + self.force = force + self.filter = filter + + def endDocument(self): + pass + + def startElement(self, name, attrs): + if self.inside[-1] == self.ROOT: + if name == "svg": + self.stack.append(self.SVG) + self.inside.append(self.SVG) + return + elif self.inside[-1] == self.SVG: + if (name == "g" and ('inkscape:groupmode' in attrs) and ('inkscape:label' in attrs) + and attrs['inkscape:groupmode'] == 'layer' and attrs['inkscape:label'].startswith('Baseplate')): + self.stack.append(self.LAYER) + self.inside.append(self.LAYER) + self.context = None + self.icon_name = None + self.rects = [] + return + elif self.inside[-1] == self.LAYER: + if name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'context': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'context' + self.chars = "" + return + elif name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'icon-name': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'icon-name' + self.chars = "" + return + elif name == "rect": + self.rects.append(attrs) + + self.stack.append(self.OTHER) + + def endElement(self, name): + stacked = self.stack.pop() + if self.inside[-1] == stacked: + self.inside.pop() + + if stacked == self.TEXT and self.text is not None: + assert self.text in ['context', 'icon-name'] + if self.text == 'context': + self.context = self.chars + elif self.text == 'icon-name': + self.icon_name = self.chars + self.text = None + elif stacked == self.LAYER: + assert self.icon_name + assert self.context + + if self.filter is not None and not self.icon_name in self.filter: + return + + print (self.context, self.icon_name) + for rect in self.rects: + width = rect['width'] + height = rect['height'] + id = rect['id'] + + dir = os.path.join(MAINDIR, self.context) + outfile = os.path.join(dir, self.icon_name+'@2'+'.png') + if not os.path.exists(dir): + os.makedirs(dir) + # Do a time based check! + if self.force or not os.path.exists(outfile): + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + stat_in = os.stat(self.path) + stat_out = os.stat(outfile) + if stat_in.st_mtime > stat_out.st_mtime: + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + sys.stdout.write('-') + sys.stdout.flush() + sys.stdout.write('\n') + sys.stdout.flush() + + def characters(self, chars): + self.chars += chars.strip() + +if len(sys.argv) == 1: + if not os.path.exists(MAINDIR): + os.mkdir(MAINDIR) + print ('Rendering from SVGs in', SRC) + for file in os.listdir(SRC): + if file[-4:] == '.svg': + file = os.path.join(SRC, file) + handler = ContentHandler(file) + xml.sax.parse(open(file), handler) +else: + file = os.path.join(SRC, sys.argv[1] + '.svg') + if len(sys.argv) > 2: + icons = sys.argv[2:] + else: + icons = None + if os.path.exists(os.path.join(file)): + handler = ContentHandler(file, True, filter=icons) + xml.sax.parse(open(file), handler) + else: + print ("Error: No such file", file) + sys.exit(1) diff --git a/filesystem/.themes/Dracula/gtk-4.0/assets/render-gtk3-assets.py b/filesystem/.themes/Dracula/gtk-4.0/assets/render-gtk3-assets.py new file mode 100755 index 00000000..9f7cd90d --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/assets/render-gtk3-assets.py @@ -0,0 +1,180 @@ +#!/usr/bin/python3 + +# Thanks to the GNOME theme nerds for the original source of this script + +import os +import sys +import xml.sax +import subprocess + +INKSCAPE = '/usr/bin/inkscape' +OPTIPNG = '/usr/bin/optipng' +MAINDIR = '../../' +SRC = os.path.join('.', '') + +inkscape_process = None + + +def optimize_png(png_file): + if os.path.exists(OPTIPNG): + process = subprocess.Popen([OPTIPNG, '-quiet', '-o7', png_file]) + process.wait() + + +def wait_for_prompt(process, command=None): + if command is not None: + process.stdin.write((command+'\n').encode('utf-8')) + + # This is kinda ugly ... + # Wait for just a '>', or '\n>' if some other char appearead first + output = process.stdout.read(1) + if output == b'>': + return + + output += process.stdout.read(1) + while output != b'\n>': + output += process.stdout.read(1) + output = output[1:] + + +def start_inkscape(): + process = subprocess.Popen( + [INKSCAPE, '--shell'], + bufsize=0, stdin=subprocess.PIPE, stdout=subprocess.PIPE + ) + wait_for_prompt(process) + return process + + +def inkscape_render_rect(icon_file, rect, output_file): + global inkscape_process + if inkscape_process is None: + inkscape_process = start_inkscape() + wait_for_prompt(inkscape_process, + '%s -i %s -e %s' % + (icon_file, rect, output_file)) + optimize_png(output_file) + + +class ContentHandler(xml.sax.ContentHandler): + ROOT = 0 + SVG = 1 + LAYER = 2 + OTHER = 3 + TEXT = 4 + + def __init__(self, path, force=False, filter=None): + self.stack = [self.ROOT] + self.inside = [self.ROOT] + self.path = path + self.rects = [] + self.state = self.ROOT + self.chars = "" + self.force = force + self.filter = filter + + def endDocument(self): + pass + + def startElement(self, name, attrs): + if self.inside[-1] == self.ROOT: + if name == "svg": + self.stack.append(self.SVG) + self.inside.append(self.SVG) + return + elif self.inside[-1] == self.SVG: + if (name == "g" and ('inkscape:groupmode' in attrs) and ('inkscape:label' in attrs) + and attrs['inkscape:groupmode'] == 'layer' and attrs['inkscape:label'].startswith('Baseplate')): + self.stack.append(self.LAYER) + self.inside.append(self.LAYER) + self.context = None + self.icon_name = None + self.rects = [] + return + elif self.inside[-1] == self.LAYER: + if name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'context': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'context' + self.chars = "" + return + elif name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'icon-name': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'icon-name' + self.chars = "" + return + elif name == "rect": + self.rects.append(attrs) + + self.stack.append(self.OTHER) + + def endElement(self, name): + stacked = self.stack.pop() + if self.inside[-1] == stacked: + self.inside.pop() + + if stacked == self.TEXT and self.text is not None: + assert self.text in ['context', 'icon-name'] + if self.text == 'context': + self.context = self.chars + elif self.text == 'icon-name': + self.icon_name = self.chars + self.text = None + elif stacked == self.LAYER: + assert self.icon_name + assert self.context + + if self.filter is not None and not self.icon_name in self.filter: + return + + print (self.context, self.icon_name) + for rect in self.rects: + width = rect['width'] + height = rect['height'] + id = rect['id'] + + dir = os.path.join(MAINDIR, self.context) + outfile = os.path.join(dir, self.icon_name+'.png') + if not os.path.exists(dir): + os.makedirs(dir) + # Do a time based check! + if self.force or not os.path.exists(outfile): + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + stat_in = os.stat(self.path) + stat_out = os.stat(outfile) + if stat_in.st_mtime > stat_out.st_mtime: + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + sys.stdout.write('-') + sys.stdout.flush() + sys.stdout.write('\n') + sys.stdout.flush() + + def characters(self, chars): + self.chars += chars.strip() + +if len(sys.argv) == 1: + if not os.path.exists(MAINDIR): + os.mkdir(MAINDIR) + print ('Rendering from SVGs in', SRC) + for file in os.listdir(SRC): + if file[-4:] == '.svg': + file = os.path.join(SRC, file) + handler = ContentHandler(file) + xml.sax.parse(open(file), handler) +else: + file = os.path.join(SRC, sys.argv[1] + '.svg') + if len(sys.argv) > 2: + icons = sys.argv[2:] + else: + icons = None + if os.path.exists(os.path.join(file)): + handler = ContentHandler(file, True, filter=icons) + xml.sax.parse(open(file), handler) + else: + print ("Error: No such file", file) + sys.exit(1) diff --git a/filesystem/.themes/Dracula/gtk-4.0/assets/wm_controls.fish b/filesystem/.themes/Dracula/gtk-4.0/assets/wm_controls.fish new file mode 100644 index 00000000..e53c9182 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/assets/wm_controls.fish @@ -0,0 +1,5 @@ +set -l wm 'close' 'close_prelight' 'close_unfocused' 'min' 'min_prelight' 'maximize' 'maximize_prelight' +set -l path '../../assets/' +for item in $wm + inkscape -z $path$item.svg -e $path$item@2.png --export-dpi=192; optipng -o7 --quiet $path$item@2.png +end diff --git a/filesystem/.themes/Dracula/gtk-4.0/gtk-dark.css b/filesystem/.themes/Dracula/gtk-4.0/gtk-dark.css new file mode 100755 index 00000000..d27d3144 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/gtk-dark.css @@ -0,0 +1,6503 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #f8f8f2; +/* text color for entries, views and content in general */ +@define-color theme_text_color #f8f8f2; +/* widget base background color */ +@define-color theme_bg_color #1e1f29; +/* text widgets and the like base background color */ +@define-color theme_base_color #282a36; +/* base background color of selections */ +@define-color theme_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #f8f8f2; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #22232e; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #8b8c8e; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #282a36; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #8b8c8e; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #f8f8f2; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1f29; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2a2c39; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #f8f8f2; +/* widgets main borders color */ +@define-color borders rgba(25, 26, 34, 0.9); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(26, 27, 35, 0.91); +/* these are pretty self explicative */ +@define-color warning_color #ff9f39; +@define-color error_color #ff3c3c; +@define-color success_color #4caec3; +@define-color fg_color #f8f8f2; +@define-color text_color #f8f8f2; +@define-color bg_color #1e1f29; +@define-color base_color #282a36; +@define-color selected_bg_color rgba(189, 147, 249, 0.5); +@define-color selected_fg_color #f8f8f2; +@define-color unfocused_fg_color #8b8c8e; +@define-color unfocused_text_color #f8f8f2; +@define-color unfocused_bg_color #1e1f29; +@define-color unfocused_base_color #2a2c39; +@define-color unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +@define-color unfocused_selected_fg_color #f8f8f2; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#f8f8f2, 1.8); +@define-color wm_unfocused_title #8b8c8e; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#1e1f29, 1.2); +@define-color wm_bg_b #1e1f29; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#1e1f29, 1.3); +@define-color wm_button_hover_color_b #1e1f29; +@define-color wm_button_active_color_a shade(#1e1f29, 0.85); +@define-color wm_button_active_color_b shade(#1e1f29, 0.89); +@define-color wm_button_active_color_c shade(#1e1f29, 0.9); +@define-color content_view_bg #282a36; +@define-color budgie_tasklist_indicator_color rgba(189, 147, 249, 0.5); +@define-color budgie_tasklist_indicator_color_active rgba(189, 147, 249, 0.5); +@define-color placeholder_text_color #cfcfcd; +@define-color STRAWBERRY_100 #ff8c82; +@define-color STRAWBERRY_300 #ed5353; +@define-color STRAWBERRY_500 #c6262e; +@define-color STRAWBERRY_700 #a10705; +@define-color STRAWBERRY_900 #7a0000; +@define-color ORANGE_100 #ffc27d; +@define-color ORANGE_300 #ffa154; +@define-color ORANGE_500 #f37329; +@define-color ORANGE_700 #cc3b02; +@define-color ORANGE_900 #a62100; +@define-color BANANA_100 #fff394; +@define-color BANANA_300 #ffe16b; +@define-color BANANA_500 #f9c440; +@define-color BANANA_700 #d48e15; +@define-color BANANA_900 #ad5f00; +@define-color LIME_100 #d1ff82; +@define-color LIME_300 #9bdb4d; +@define-color LIME_500 #68b723; +@define-color LIME_700 #3a9104; +@define-color LIME_900 #206b00; +@define-color MINT_100 #89ffdd; +@define-color MINT_300 #43d6b5; +@define-color MINT_500 #28bca3; +@define-color MINT_700 #0e9a83; +@define-color MINT_900 #007367; +@define-color BLUEBERRY_100 #8cd5ff; +@define-color BLUEBERRY_300 #64baff; +@define-color BLUEBERRY_500 #3689e6; +@define-color BLUEBERRY_700 #0d52bf; +@define-color BLUEBERRY_900 #002e99; +@define-color BUBBLEGUM_100 #fe9ab8; +@define-color BUBBLEGUM_300 #f4679d; +@define-color BUBBLEGUM_500 #de3e80; +@define-color BUBBLEGUM_700 #bc245d; +@define-color BUBBLEGUM_900 #910e38; +@define-color GRAPE_100 #e4c6fa; +@define-color GRAPE_300 #cd9ef7; +@define-color GRAPE_500 #a56de2; +@define-color GRAPE_700 #7239b3; +@define-color GRAPE_900 #452981; +@define-color COCOA_100 #a3907c; +@define-color COCOA_300 #8a715e; +@define-color COCOA_500 #715344; +@define-color COCOA_700 #57392d; +@define-color COCOA_900 #3d211b; +@define-color SILVER_100 #fafafa; +@define-color SILVER_300 #d4d4d4; +@define-color SILVER_500 #abacae; +@define-color SILVER_700 #7e8087; +@define-color SILVER_900 #555761; +@define-color SLATE_100 #95a3ab; +@define-color SLATE_300 #667885; +@define-color SLATE_500 #485a6c; +@define-color SLATE_700 #273445; +@define-color SLATE_900 #0e141f; +@define-color BLACK_100 #666; +@define-color BLACK_300 #4d4d4d; +@define-color BLACK_500 #333; +@define-color BLACK_700 #1a1a1a; +@define-color BLACK_900 #000; +/***************** +* Drawing mixins * +*****************/ +/********* +* Common * +*********/ +* { + padding: 0; + outline-color: rgba(248, 248, 242, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 0px; + -gtk-secondary-caret-color: rgba(189, 147, 249, 0.5); } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar, actionbar > revealer > box { + background-color: #1a1b23; + border: solid rgba(25, 26, 34, 0.9); + border-width: 1px 0 0 0; + color: #f8f8f2; + box-shadow: none; } + .action-bar:backdrop, actionbar > revealer > box:backdrop { + background-color: #08090c; + box-shadow: none; } + .action-bar:first-child, actionbar > revealer > box:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child, actionbar > revealer > box:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(20, 23, 26, 0.8); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #f8f8f2; + background-color: #1e1f29; } + .background:backdrop { + color: #8b8c8e; + background-color: #1e1f29; + text-shadow: none; + -gtk-icon-shadow: none; } + .background.chromium { + background-color: #2f313f; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +.gtkstyle-fallback { + color: #f8f8f2; + background-color: #1e1f29; } + .gtkstyle-fallback:hover { + color: #f8f8f2; + background-color: #343546; } + .gtkstyle-fallback:active { + color: #f8f8f2; + background-color: #08090c; } + .gtkstyle-fallback:disabled { + color: #8b8c8e; + background-color: #22232e; } + .gtkstyle-fallback:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + +.view, iconview, +textview > text { + color: #f8f8f2; + background-color: #282a36; } + .view:backdrop, iconview:backdrop, + textview > text:backdrop { + color: #cfcfcd; + background-color: #2a2c39; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected { + border-radius: 3px; } + +textview > text { + background-color: transparent; } + +textview border { + background-color: #232530; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +columnview.view > rubberband, +treeview.view > rubberband { + border: 1px solid rgba(159, 99, 246, 0.5); + background-color: rgba(159, 99, 246, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #f8f8f2; } + label.separator:backdrop { + color: #8b8c8e; } + label selection { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + label:disabled { + color: #8b8c8e; } + label:disabled:backdrop { + color: #3e4055; } + label:backdrop { + color: #8b8c8e; } + +.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #4a4a51; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .osd popover.background > arrow, +.osd popover.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents, .osd { + color: #fefefe; + border: none; + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + outline-color: rgba(254, 254, 254, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, .osd popover.background > arrow:backdrop, + .osd popover.background > contents:backdrop, popover.background.touch-selection > arrow:backdrop, + popover.background.touch-selection > contents:backdrop, popover.background.magnifier > arrow:backdrop, + popover.background.magnifier > contents:backdrop, .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +*:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, rgba(233, 219, 253, 0.5) 0%, rgba(233, 219, 253, 0) 0%); } + to { + background-image: radial-gradient(farthest-side, rgba(233, 219, 253, 0.5) 95%, rgba(233, 219, 253, 0)); } } +notebook > header > tabs > arrow, +button { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border: none; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-filter: brightness(1.2); } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(174, 123, 248, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition-duration: 50ms; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition: 200ms ease-out; + -gtk-icon-filter: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + button:backdrop.flat:active label, + button:backdrop.flat:checked label, + button:backdrop:active label, + button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #50fa7a; + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #f8f8f2; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #8b8c8e; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #fefefe; + border-radius: 5px; + outline-color: rgba(254, 254, 254, 0.3); + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification button, +.app-notification.frame button, popover.background.touch-selection button, popover.background.magnifier button, +.osd button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + .osd button:active:backdrop, + .osd button:active, + .osd button:checked:backdrop, + .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + .osd button:disabled:backdrop, + .osd button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + .osd button:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + .osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + .osd button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + .osd button.flat:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + .osd button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + .osd button.flat:active, + .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } +button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button, button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #bd93f9; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:active, button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode windowcontrols button:backdrop:active, .selection-mode windowcontrols button:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop:active label, .selection-mode windowcontrols button:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode windowcontrols button:backdrop:disabled:active, .selection-mode windowcontrols button:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(189, 147, 249, 0.8); } + button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd button.suggested-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(189, 147, 249, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.7), rgba(189, 147, 249, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #bd93f9, #bd93f9); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #ff2222; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:active, button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(255, 34, 34, 0.8); } + button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd button.destructive-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(255, 34, 34, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.7), rgba(255, 34, 34, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #ff2222, #ff2222); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.5), rgba(255, 34, 34, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar button { + -gtk-icon-shadow: none; } + +.stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: radial-gradient(farthest-side, rgba(233, 219, 253, 0.5) 96%, rgba(233, 219, 253, 0)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + +toolbar button:hover { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #0f0f14; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +toolbar button:active { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #040406; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.inline-toolbar toolbutton > button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:hover { + color: rgba(189, 147, 249, 0.5); } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(174, 123, 248, 0); } + .inline-toolbar toolbutton > button:backdrop { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(174, 123, 248, 0); } + +toolbar.inline-toolbar toolbutton > button.flat:backdrop, +toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { + border-color: transparent; + box-shadow: none; } + +.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:first-child, .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:last-child, .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:only-child, .linked:not(.vertical) > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), spinbutton.vertical.linked > text, .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked > text:first-child, .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked > text:last-child, .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked > text:only-child, .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, +.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, + .menuitem.button.flat:hover { + background-color: #383a4c; } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow { + background: none; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +notebook button, list button, popover button { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } + notebook button:backdrop, list button:backdrop, popover button:backdrop { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } +notebook .linked > button, list .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(248, 248, 242, 0.45); } + calendar.button:hover { + color: #f8f8f2; } + calendar.button:backdrop { + color: rgba(139, 140, 142, 0.45); } + calendar.button:disabled { + color: rgba(139, 140, 142, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #f8f8f2; } + calendar:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, iconview.content-view check, +.view.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, iconview.content-view radio, +.view.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, iconview.content-view check:hover, +.view.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, iconview.content-view radio:hover, +.view.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, iconview.content-view check:active, +.view.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, iconview.content-view radio:active, +.view.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, iconview.content-view check:disabled, +.view.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + margin: 0 4px; + min-height: 16px; + min-width: 16px; + border: none; } + menu menuitem check, menu menuitem + radio { + margin: 0; } + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem + radio, menu menuitem + radio:hover, menu menuitem + radio:disabled { + min-height: 14px; + min-width: 14px; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + border-color: currentColor; + animation: none; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #f8f8f2; } + colorswatch.dark overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.dark overlay:backdrop { + color: rgba(248, 248, 242, 0.5); } +colorswatch.light overlay { + color: #f8f8f2; } + colorswatch.light overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.light overlay:backdrop { + color: #cfcfcd; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } + colorswatch:drop(active).dark overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid rgba(25, 26, 34, 0.9); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(25, 26, 34, 0.9); + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #f8f8f2; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog, .messagedialog, .dialog { + background-color: #282a36; + border-radius: 10px; } + messagedialog .titlebar:not(headerbar), .messagedialog .titlebar:not(headerbar), .dialog .titlebar:not(headerbar) { + background-color: rgba(30, 31, 41, 0.95); } + messagedialog .titlebar, .messagedialog .titlebar, .dialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(30, 31, 41, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + messagedialog.csd, .messagedialog.csd, .dialog.csd { + border-radius: 10px; } + messagedialog.csd.background, .messagedialog.csd.background, .dialog.csd.background { + background-color: #1a1b23; + color: #f8f8f2; + border-radius: 10px; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .response-area button, .messagedialog.csd .dialog-action-area button, .messagedialog.csd .response-area button, .dialog.csd .dialog-action-area button, .dialog.csd .response-area button { + padding: 7px 11px; + border-radius: 0; + color: #f8f8f2; + box-shadow: none; + border: none; } + messagedialog.csd .dialog-action-area button:not(.destructive-action):hover, messagedialog.csd .response-area button:not(.destructive-action):hover, .messagedialog.csd .dialog-action-area button:not(.destructive-action):hover, .messagedialog.csd .response-area button:not(.destructive-action):hover, .dialog.csd .dialog-action-area button:not(.destructive-action):hover, .dialog.csd .response-area button:not(.destructive-action):hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.messagedialog .message-area { + padding: 26px; } + +filechooser .dialog-action-box { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + filechooser .dialog-action-box:backdrop { + border-top-color: rgba(26, 27, 35, 0.91); } +filechooser #pathbarbox { + border-bottom: 1px solid #1e1f29; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), spinbutton.vertical > text, entry { + min-height: 32px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; } + spinbutton:not(.vertical) image.left, spinbutton.vertical > text image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, spinbutton.vertical > text image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton.flat:focus-within:not(.vertical), spinbutton.vertical > text.flat:focus-within, spinbutton.flat:not(.vertical), spinbutton.vertical > text.flat, + entry.flat:focus-within, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + box-shadow: none; + border-radius: 0; } + spinbutton:focus-within:not(.vertical), spinbutton.vertical > text:focus-within, + entry:focus-within { + border-color: rgba(159, 99, 246, 0.5); + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + spinbutton:disabled:not(.vertical), spinbutton.vertical > text:disabled, + entry:disabled { + color: #8b8c8e; + border-color: rgba(25, 26, 34, 0.9); + background-color: #22232e; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, + entry:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), spinbutton.vertical > text:backdrop:disabled, + entry:backdrop:disabled { + color: #3e4055; + border-color: rgba(26, 27, 35, 0.91); + background-color: #22232e; + box-shadow: none; } + spinbutton.error:not(.vertical), spinbutton.vertical > text.error, + entry.error { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff3c3c; + border-color: #880000; } + spinbutton.error:focus-within:not(.vertical), spinbutton.vertical > text.error:focus-within, + entry.error:focus-within { + border-color: #880000; + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.vertical > text.error:selected:focus, spinbutton.error:selected:not(.vertical), spinbutton.vertical > text.error:selected, + entry.error:selected:focus, + entry.error:selected { + background-color: #ff3c3c; } + spinbutton.warning:not(.vertical), spinbutton.vertical > text.warning, + entry.warning { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff9f39; + border-color: #864500; } + spinbutton.warning:focus-within:not(.vertical), spinbutton.vertical > text.warning:focus-within, + entry.warning:focus-within { + border-color: #864500; + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.vertical > text.warning:selected:focus, spinbutton.warning:selected:not(.vertical), spinbutton.vertical > text.warning:selected, + entry.warning:selected:focus, + entry.warning:selected { + background-color: #ff9f39; } + spinbutton:not(.vertical) image, spinbutton.vertical > text image, + entry image { + color: #cecfcc; } + spinbutton:not(.vertical) image:hover, spinbutton.vertical > text image:hover, + entry image:hover { + color: #f8f8f2; } + spinbutton:not(.vertical) image:active, spinbutton.vertical > text image:active, + entry image:active { + color: rgba(189, 147, 249, 0.5); } + spinbutton:not(.vertical) image:backdrop, spinbutton.vertical > text image:backdrop, + entry image:backdrop { + color: #78797d; } + spinbutton:drop(active):focus-within:not(.vertical), spinbutton.vertical > text:drop(active):focus-within, spinbutton:drop(active):not(.vertical), spinbutton.vertical > text:drop(active), + entry:drop(active):focus-within, + entry:drop(active) { + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } + .osd spinbutton:not(.vertical), .osd spinbutton.vertical > text, + .osd entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus-within:not(.vertical), .osd spinbutton.vertical > text:focus-within, + .osd entry:focus-within { + color: white; + border-color: rgba(189, 147, 249, 0.5); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), .osd spinbutton.vertical > text:backdrop, + .osd entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), .osd spinbutton.vertical > text:disabled, + .osd entry:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(43, 46, 49, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, spinbutton.vertical > text progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: rgba(189, 147, 249, 0.5); + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, spinbutton.vertical > text progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + appchooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + menubutton > button, .linked:not(.vertical) > +entry:drop(active) + dropdown > button, .linked:not(.vertical) > +entry:drop(active) + colorbutton > button, .linked:not(.vertical) > +entry:drop(active) + fontbutton > button, .linked:not(.vertical) > +entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > +entry:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #50fa7a; } +.linked:not(.vertical) > spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > +entry { + border-right-style: solid; + border-right-color: transparent; } + .linked:not(.vertical) > spinbutton:focus-within:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:focus-within, .linked:not(.vertical) > + entry:focus-within { + border-color: rgba(159, 99, 246, 0.5); + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text:focus-within + .popup button, .linked:not(.vertical) > + entry:focus-within + .popup button { + border-left-width: 1px; + border-left-style: solid; + border-left-color: rgba(189, 147, 249, 0.5); } + .linked:not(.vertical) > spinbutton:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text + .popup button, .linked:not(.vertical) > + entry + .popup button { + border-radius: 0px 6px 6px 0px; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled) { + border-top-color: rgba(36, 38, 49, 0.97); + background-image: linear-gradient(to bottom, #282a36, #282a36); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled):backdrop { + border-top-color: rgba(38, 40, 51, 0.973); + background-image: linear-gradient(to bottom, #2a2c39, #2a2c39); } +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + text:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: rgba(36, 38, 49, 0.97); } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:focus:not(:only-child), spinbutton.vertical.linked > text + text:focus:not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), +spinbutton.vertical.linked > text + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:focus:not(:only-child), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: rgba(159, 99, 246, 0.5); } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + text:drop(active):not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), +spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #50fa7a; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:focus:not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:focus:not(:only-child) + text, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:focus:not(:only-child) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, +spinbutton.vertical.linked > text:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:focus:not(:only-child) + text, +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: rgba(159, 99, 246, 0.5); } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #50fa7a; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { + background-color: #282a36; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #282a36; } + treeview entry.flat:focus-within, treeview entry:focus-within { + border-color: rgba(189, 147, 249, 0.5); } + +/************* + * Expanders * + *************/ +expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander:hover { + color: white; } + expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #1e1f29; + border-width: 1px; + border-style: solid solid none; + border-color: rgba(25, 26, 34, 0.9); + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #1e1f29; + border-color: rgba(26, 27, 35, 0.91); } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(25, 26, 34, 0.9); } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + actionbar > revealer > box:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: radial-gradient(farthest-side at top, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at top, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: radial-gradient(farthest-side at top, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 100% 3%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at bottom, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: radial-gradient(farthest-side at bottom, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 100% 3%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: radial-gradient(farthest-side at left, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at left, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: radial-gradient(farthest-side at left, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 3% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: radial-gradient(farthest-side at right, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at right, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: radial-gradient(farthest-side at right, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 3% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(25, 26, 34, 0.9) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #232530; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, rgba(26, 27, 35, 0.91) 1px, transparent 1px); + background-color: #181820; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + border: 1px solid #282a36; + background: #282a36; + color: #f8f8f2; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: rgba(189, 147, 249, 0.5); } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #282a36; + background-image: none; + border: 1px solid #282a36; + color: #f8f8f2; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #282a36; } + GraniteWidgetsWelcome GtkLabel { + color: #f8f8f2; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(248, 248, 242, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + background-color: #1e1f29; + border: solid rgba(25, 26, 34, 0.9); + color: #f8f8f2; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #1e1f29; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #13141a; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(248, 248, 242, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #f1fa8c; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #282a36; } + .storage-bar .fill-block.app { + background-color: #13b1d5; } + .storage-bar .fill-block.audio { + background-color: #ffb86c; } + .storage-bar .fill-block.photo { + background-color: #ff5555; } + .storage-bar .fill-block.video { + background-color: #bd93f9; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), headerbar { + padding: 0 6px; + min-height: 34px; + background-color: #1e1f29; + color: #f8f8f2; + border-radius: 0; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-image: none; + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) headerbar .linked > button:hover, + headerbar .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) headerbar .linked > button:active, + headerbar .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) headerbar .linked > button:checked, + headerbar .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button:backdrop, + headerbar .linked > button, + headerbar .linked > button:hover, + headerbar .linked > button:active, + headerbar .linked > button:checked, + headerbar .linked > button:backdrop { + border: none; + border-radius: 0; + border-right-style: none; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:first-child, + .titlebar:not(headerbar) headerbar .linked > button:first-child, + headerbar .titlebar:not(headerbar) .linked > button:first-child, + headerbar .linked > button:first-child { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + .titlebar:not(headerbar) .linked > button:last-child, + .titlebar:not(headerbar) headerbar .linked > button:last-child, + headerbar .titlebar:not(headerbar) .linked > button:last-child, + headerbar .linked > button:last-child { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-right-style: solid; } + .titlebar:not(headerbar) .linked > button:only-child, + .titlebar:not(headerbar) headerbar .linked > button:only-child, + headerbar .titlebar:not(headerbar) .linked > button:only-child, + headerbar .linked > button:only-child { + border-radius: 0px; + border-style: solid; } + .titlebar:not(headerbar) entry, + headerbar entry { + min-height: 24px; } + .titlebar:not(headerbar) button, + headerbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + min-height: 24px; + margin-top: 5px; + margin-bottom: 5px; } + .titlebar:not(headerbar) button:hover, + headerbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:active, + headerbar button:checked { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .titlebar:not(headerbar) button:backdrop, .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:backdrop:hover, .titlebar:not(headerbar) button:backdrop:active, .titlebar:not(headerbar) button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + background-color: transparent; + color: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:active, + headerbar button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action, + headerbar button.destructive-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:active, + headerbar button.destructive-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop:hover, .titlebar:not(headerbar) button.titlebutton *, + headerbar button.titlebutton:hover, + headerbar button.titlebutton:active, + headerbar button.titlebutton:checked, + headerbar button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop:hover, + headerbar button.titlebutton * { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:active:backdrop, + .titlebar:not(headerbar) .linked > button:checked:backdrop, + headerbar .linked > button:active:backdrop, + headerbar .linked > button:checked:backdrop { + color: rgba(189, 147, 249, 0.4); } + .titlebar:not(headerbar) .linked > button:active:backdrop label, + .titlebar:not(headerbar) .linked > button:checked:backdrop label, + headerbar .linked > button:active:backdrop label, + headerbar .linked > button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + color: #f8f8f2; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: rgba(159, 99, 246, 0.5); + background: rgba(189, 147, 249, 0.5) linear-gradient(to top, rgba(180, 133, 248, 0.5), rgba(186, 142, 249, 0.5) 2px, rgba(189, 147, 249, 0.5) 3px); + box-shadow: inset 0 1px rgba(209, 179, 251, 0.3); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: rgba(189, 147, 249, 0.5); + background-image: none; + box-shadow: inset 0 1px rgba(215, 189, 251, 0.26); } + .selection-mode.titlebar:not(headerbar) button, + headerbar.selection-mode button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.flat, + headerbar.selection-mode button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:hover, + headerbar.selection-mode button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-filter: none; + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:disabled, + headerbar.selection-mode button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button.suggested-action, + headerbar.selection-mode button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(189, 147, 249, 0); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0), rgba(189, 147, 249, 0)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(248, 248, 242, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + padding: 4px; + min-height: 28px; } + .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button, +headerbar menubutton { + margin-top: 5px; + margin-bottom: 5px; } +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar entry > menubutton { + margin-top: 0px; + margin-bottom: 0px; } +headerbar switch { + margin-top: 0; + margin-bottom: 0; } +headerbar separator { + background: transparent; } + +.background:not(.tiled):not(.maximized) .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 4px; } +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { + background: #1e1f29; } + +.sidebar-pane .top-bar, .sidebar-pane .top-bar headerbar, .content-pane .top-bar, .content-pane .top-bar headerbar { + background-color: #1e1f29; } + +.nautilus-window .sidebar-pane .top-bar headerbar { + padding-top: 3px; + padding-bottom: 3px; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #f8f8f2; + background-color: #1e1f29; + border-bottom: 1px solid #08090c; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #f8f8f2; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #f8f8f2; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(248, 248, 242, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(40, 42, 54, 0.98); + color: #f8f8f2; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #f8f8f2; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #282a36; + color: #f8f8f2; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(40, 42, 54, 0.6); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(40, 42, 54, 0.5); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + +.info, .info:backdrop { + color: rgba(80, 250, 122, 0.85); + background-color: transparent; } + +.warning, .warning:backdrop { + color: #ff9f39; + background-color: transparent; } + +.question, .question:backdrop { + color: #72BFD0; + background-color: transparent; } + +.error, .error:backdrop { + color: #ff3c3c; + background-color: transparent; } + +levelbar.horizontal trough > block { + min-height: 5px; + border-radius: 5px; } + levelbar.horizontal trough > block:dir(rtl) { + border-radius: 0 5px 5px 0; } + levelbar.horizontal trough > block:dir(ltr) { + border-radius: 5px 0 0 5px; } + levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { + border-radius: 5px; } +levelbar.horizontal.discrete trough > block { + min-height: 2px; + margin: 1px; + min-width: 24px; + border-radius: 0; } + levelbar.horizontal.discrete trough > block:first-child { + border-radius: 2px 0 0 2px; } + levelbar.horizontal.discrete trough > block:last-child { + border-radius: 0 2px 2px 0; } +levelbar.vertical trough > block { + min-width: 5px; + border-radius: 5px; } +levelbar.vertical.discrete > trough > block { + min-width: 2px; + margin: 1px 0; + min-height: 32px; } +levelbar > trough { + padding: 0; } +levelbar > trough > block { + border: 1px solid; } + levelbar > trough > block.low { + border-color: #ff9f39; + background-color: #ff9f39; } + levelbar > trough > block.high, levelbar > trough > block:not(.empty) { + border-color: #50fa7a; + background-color: #50fa7a; } + levelbar > trough > block.full { + border-color: #4caec3; + background-color: #4caec3; } + levelbar > trough > block.empty { + background-color: #373a4b; + border-color: #373a4b; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #13b1d5; } + *:link:visited, + button:visited { + color: rgba(19, 177, 213, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: rgba(237, 230, 243, 0.8); } + *:link:hover, button:hover:link, + button:hover:visited { + color: #2fc9ec; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: rgba(246, 244, 242, 0.95); } + *:link:active, button:active:link, + button:active:visited { + color: #13b1d5; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: rgba(243, 240, 243, 0.9); } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: rgba(189, 147, 249, 0.5); } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: rgba(243, 240, 243, 0.9); } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list, listview { + color: #f8f8f2; + background-color: #282a36; + border-color: rgba(25, 26, 34, 0.9); } + list:backdrop, listview:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) { + border-left: 1px solid rgba(25, 26, 34, 0.9); } + list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator), listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid rgba(25, 26, 34, 0.9); } + +row:hover { + transition: none; } +row:backdrop { + transition: 200ms ease-out; } +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(248, 248, 242, 0.05); } +row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } +row.activatable:backdrop:hover { + background-color: transparent; } +row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } +row.activatable:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + +columnview > listview > row { + padding: 0; } + columnview > listview > row > cell { + padding: 2px 6px; } + columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; } +columnview.column-separators > listview > row > cell { + border-left-color: rgba(25, 26, 34, 0.9); } +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; } + +treeexpander { + border-spacing: 4px; } + +/******************************************************** + * Data Tables * + * treeview like tables with individual focusable cells * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * + ********************************************************/ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid rgba(25, 26, 34, 0.9); } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid rgba(189, 147, 249, 0.5); } + +columnview row:not(:selected) cell editablelabel.editing text selection { + background-color: rgba(189, 147, 249, 0.4); + color: transparent; } + columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/******************************************************* + * Rich Lists * + * Large list usually containing lots of widgets * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * + *******************************************************/ +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ } + .rich-list > row { + padding: 8px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ } + .rich-list > row > box { + border-spacing: 12px; } + +/******************************************************** + * Complex Lists * + * Put padding on the cell content so event controllers * + * can cover the whole area. * + ********************************************************/ +columnview.complex > listview > row > cell { + padding: 0; } + columnview.complex > listview > row > cell > * { + padding: 8px 6px; } +columnview.complex.data-table > listview > row > cell { + padding: 0; } + columnview.complex.data-table > listview > row > cell > * { + padding-top: 2px; + padding-bottom: 2px; } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #1e1f29; + color: #f8f8f2; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + menubar > item, + .menubar > item { + min-height: 16px; + padding: 4px 8px; } + menubar > item:hover, + .menubar > item:hover { + box-shadow: inset 0 -3px rgba(189, 147, 249, 0.5); } + menubar > item:disabled, + .menubar > item:disabled { + color: #8b8c8e; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background-color: #242530; + border: 1px solid rgba(25, 26, 34, 0.9); + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #282936; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #8b8c8e; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #3e4055; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #8b8c8e; + background-color: transparent; } + menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, .menu > arrow, .context-menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #242530; + border-radius: 0; } + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + background-color: #3d3f49; } + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + background-color: #282936; } + menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } +menuitem check, +menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f0f14; } + .content-view:hover { + -gtk-icon-filter: brightness(1.2); } + .content-view:backdrop { + background-color: #0f0f14; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(248, 248, 242, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #4a4a51; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: rgba(25, 26, 34, 0.9); + border-width: 0px; + background-color: #1e1f29; } + notebook > header:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: #1e1f29; } + notebook > header tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:hover { + background-color: #282a36; + box-shadow: none; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs { + margin-top: -2px; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + background-color: #282a36; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs { + margin-right: -2px; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + background-color: #282a36; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs { + margin-left: -2px; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + background-color: #282a36; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + 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.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + 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.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + outline-offset: -5px; + color: #8b8c8e; + font-weight: bold; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #c2c2c0; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(25, 26, 34, 0.2); + background-color: rgba(30, 31, 41, 0.2); } + notebook > header tab:backdrop { + color: #5f6066; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #f8f8f2; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(25, 26, 34, 0.4); + background-color: rgba(30, 31, 41, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(30, 31, 41, 0.7); } + notebook > header tab:backdrop:checked { + color: #8b8c8e; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + background: transparent; + box-shadow: none; + color: #ff5555; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 0.5px; + padding-right: 0.5px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0.5px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0.5px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #282a36; } + notebook > stack:not(:only-child):backdrop { + background-color: #2a2c39; } + +tabbar:backdrop .box > scrolledwindow, +tabbar:backdrop .box > .start-action, +tabbar:backdrop .box > .end-action { + filter: opacity(1); } +tabbar tabbox { + background-color: #1e1f29; + padding: 0px; + color: #f8f8f2; } + tabbar tabbox > tab:checked, tabbar tabbox > tab:selected, + tabbar tabbox > tabboxchild > tab:checked, + tabbar tabbox > tabboxchild > tab:selected { + background-color: #282a36; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(rgba(189, 147, 249, 0.5)); } + paned > separator:backdrop { + background-image: image(rgba(26, 27, 35, 0.91)); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #1e1f29; + background-image: image(rgba(25, 26, 34, 0.9)), image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #1e1f29; + background-image: image(rgba(26, 27, 35, 0.91)), image(rgba(26, 27, 35, 0.91)); } +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.text-button.image-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; } + +/*************** + * Popovers * + ***************/ +popover.background { + background-color: transparent; + font: initial; } + popover.background > arrow, + popover.background > contents { + background-color: #242530; + background-clip: padding-box; + border: 1px solid rgba(25, 26, 34, 0.9); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); + color: #f8f8f2; } + popover.background:backdrop { + background-color: transparent; + box-shadow: none; } + popover.background > contents { + padding: 8px; + border-radius: 5px; } + popover.background > contents > list, + popover.background > contents > .view, + popover.background > contents > iconview, + popover.background > contents > toolbar { + border-style: none; + background-color: transparent; } + popover.background > contents separator { + background-color: #373a4b; + margin: 3px; } + popover.background > contents list separator { + margin: 0; } + .osd popover.background, popover.background.touch-selection, popover.background.magnifier { + background-color: transparent; } + .osd popover.background > arrow, + .osd popover.background > contents, popover.background.touch-selection > arrow, + popover.background.touch-selection > contents, popover.background.magnifier > arrow, + popover.background.magnifier > contents { + border: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: none; } + +magnifier { + background-color: #282a36; } + +/********************** + * Popover Base Menus * + **********************/ +popover.menu { + padding: 0; } + popover.menu box.inline-buttons { + padding: 0 12px; } + popover.menu box.inline-buttons button.image-button.model { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 30px; + min-width: 30px; + padding: 0; + border: none; + outline: none; + transition: none; } + popover.menu box.inline-buttons button.image-button.model:selected { + background: image(#383a4c); } + popover.menu box.circular-buttons { + padding: 12px 12px 6px; } + popover.menu box.circular-buttons button.circular.image-button.model { + padding: 11px; } + popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: #383a4c; + border-color: #383a4c; } + popover.menu > arrow, popover.menu.background > contents { + background-color: #242530; + color: #f8f8f2; + padding: 5px; } + popover.menu > arrow .view, popover.menu > arrow iconview, popover.menu.background > contents .view, popover.menu.background > contents iconview { + background-color: transparent; } + popover.menu > arrow .view row, popover.menu > arrow iconview row, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { + margin: 0; } + popover.menu.background separator { + margin: 6px 0; } + popover.menu accelerator { + color: alpha(currentColor,0.55); } + popover.menu accelerator:dir(ltr) { + margin-left: 12px; } + popover.menu accelerator:dir(rtl) { + margin-right: 12px; } + popover.menu check:hover, popover.menu check:active, + popover.menu radio:hover, + popover.menu radio:active { + background-color: transparent; } + popover.menu radio { + border-color: rgba(25, 26, 34, 0.9); } + popover.menu radio:active { + border-color: rgba(25, 26, 34, 0.4); } + popover.menu arrow.left, + popover.menu radio.left, + popover.menu check.left { + margin-left: -2px; + margin-right: 6px; } + popover.menu arrow.right, + popover.menu radio.right, + popover.menu check.right { + margin-left: 6px; + margin-right: -2px; } + popover.menu modelbutton, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { + min-height: 30px; + min-width: 40px; + padding: 0 12px; + border-radius: 5px; } + popover.menu modelbutton:selected, popover.menu.background > contents .view row:selected, popover.menu.background > contents iconview row:selected { + color: #f8f8f2; + background-color: #383a4c; } + popover.menu modelbutton:selected:active, popover.menu.background > contents .view row:selected:active, popover.menu.background > contents iconview row:selected:active { + background-color: #4d506a; } + popover.menu label.title { + font-weight: bold; + padding: 4px 32px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(248, 248, 242, 0.4); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar.horizontal progress { + margin: 0; } + progressbar.vertical progress { + margin: 0; } + progressbar:backdrop { + box-shadow: none; + transition: 200ms ease-out; } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + progressbar.osd progress { + border-style: none; + border-radius: 0; } + +/************ + * GtkScale * + ************/ +progressbar trough, scale trough, scale fill { + background-color: rgba(140, 143, 171, 0.14); + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: rgba(0, 0, 0, 0.14); } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: rgba(0, 0, 0, 0.14); + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.14); } + +progressbar progress, scale highlight { + border: none; + background-color: rgba(189, 147, 249, 0.5); + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(0, 0, 0, 0.14); } + progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: rgba(204, 171, 250, 0.5); + background-color: rgba(204, 171, 250, 0.5); } + progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.1); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 6px; } + scale.vertical trough, + scale.vertical progress { + min-width: 6px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + background-color: #bd93f9; } + scale slider:active:disabled { + background-color: #22232e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.05); } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + margin: -6px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; } + scale trough { + outline-offset: 2px; + outline-color: transparent; } + scale fill:backdrop, scale fill { + background-color: rgba(25, 26, 34, 0.9); } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(97, 97, 97, 0.775); } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #282a36; + border: none; + border-radius: 12px; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:active { + border-color: rgba(159, 99, 246, 0.5); } + scale slider:disabled { + background-color: #22232e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:backdrop, scale slider:backdrop:disabled { + transition: 200ms ease-out; + background-color: #5e637f; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + row:selected scale slider:disabled, row:selected scale slider { + border-color: rgba(159, 99, 246, 0.5); } + .osd scale slider { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #14171a; } + .osd scale slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #14171a; } + .osd scale slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #14171a; } + .osd scale slider:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #14171a; } + .osd scale slider:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #14171a; } + .osd scale slider:backdrop:disabled { + background-color: #14171a; } + scale value { + color: alpha(currentColor,0.4); } + scale.horizontal > marks { + color: alpha(currentColor,0.55); } + scale.horizontal > marks.top { + margin-bottom: 6px; } + scale.horizontal > marks.bottom { + margin-top: 6px; } + scale.horizontal > marks indicator { + background-color: currentColor; + min-height: 6px; + min-width: 1px; } + scale.horizontal > value.left { + margin-right: 9px; } + scale.horizontal > value.right { + margin-left: 9px; } + scale.horizontal.fine-tune > marks.top { + margin-top: 3px; } + scale.horizontal.fine-tune > marks.bottom { + margin-bottom: 3px; } + scale.horizontal.fine-tune > marks indicator { + min-height: 3px; } + scale.vertical > marks { + color: alpha(currentColor,0.55); } + scale.vertical > marks.top { + margin-right: 6px; } + scale.vertical > marks.bottom { + margin-left: 6px; } + scale.vertical > marks indicator { + background-color: currentColor; + min-height: 1px; + min-width: 6px; } + scale.vertical > value.top { + margin-bottom: 9px; } + scale.vertical > value.bottom { + margin-top: 9px; } + scale.vertical.fine-tune > marks.top { + margin-left: 3px; } + scale.vertical.fine-tune > marks.bottom { + margin-right: 3px; } + scale.vertical.fine-tune > marks indicator { + min-height: 3px; } + 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.horizontal.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + background-image: image(rgba(25, 26, 34, 0.9)); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #232530; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scrollbar.top { + border-bottom: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.bottom { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.left { + border-right: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar:backdrop { + background-color: #181820; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a2; } + scrollbar slider:hover { + background-color: #cccdca; } + scrollbar slider:hover:active { + background-color: rgba(219, 195, 252, 0.5); } + scrollbar slider:backdrop { + background-color: #4a4b51; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #f8f8f2; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #f8f8f2; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #a1a1a2; } + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #cccdca; } + scrollbar button:active, scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(219, 195, 252, 0.5); } + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(161, 161, 162, 0.2); } + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #4a4b51; } + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(74, 75, 81, 0.2); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid rgba(25, 26, 34, 0.9); + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar, .nautilus-window .navigation-sidebar { + border-style: none; + border-width: 0; + background-color: #232530; } + .sidebar .frame, .nautilus-window .navigation-sidebar .frame { + border: none; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl), .nautilus-window .navigation-sidebar:dir(ltr), .nautilus-window .navigation-sidebar.left, .nautilus-window .navigation-sidebar.left:dir(rtl) { + border-right: none; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right, stacksidebar.sidebar:dir(rtl) list + .nautilus-window .navigation-sidebar:dir(rtl), stacksidebar.sidebar.right list + .nautilus-window .navigation-sidebar:dir(rtl), .nautilus-window .navigation-sidebar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); + border-right-style: none; } + .sidebar:backdrop, .nautilus-window .navigation-sidebar:backdrop { + background-color: #242631; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + .sidebar list, .nautilus-window .navigation-sidebar list { + background-color: #20212b; } + .sidebar row, .nautilus-window .navigation-sidebar row { + padding: 2px 12px; } + .sidebar row:selected, .nautilus-window .navigation-sidebar row:selected { + background: rgba(189, 147, 249, 0.1); + color: #bd93f9; } + .sidebar row:selected:backdrop, .nautilus-window .navigation-sidebar row:selected:backdrop { + background: rgba(189, 147, 249, 0.1); } + .sidebar row:selected:backdrop label, .nautilus-window .navigation-sidebar row:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .sidebar row:selected:hover, .nautilus-window .navigation-sidebar row:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar row:selected label, .nautilus-window .navigation-sidebar row:selected label { + color: #bd93f9; } + .sidebar.source-list, .nautilus-window .navigation-sidebar.source-list { + background-color: #1e1f29; + color: #F2EFEA; + padding: 4px 0px; } + .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active, .nautilus-window .navigation-sidebar.source-list.view:selected:active, .nautilus-window iconview.navigation-sidebar.source-list:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover, .nautilus-window .navigation-sidebar.source-list.view:selected.has-open-popup, .nautilus-window iconview.navigation-sidebar.source-list:selected.has-open-popup, .nautilus-window .navigation-sidebar.source-list.view:selected:hover, .nautilus-window iconview.navigation-sidebar.source-list:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop, .nautilus-window .navigation-sidebar.source-list.view:selected:backdrop, .nautilus-window iconview.navigation-sidebar.source-list:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover, .nautilus-window .navigation-sidebar.source-list.view:hover, .nautilus-window iconview.navigation-sidebar.source-list:hover, .nautilus-window .navigation-sidebar.source-list.view iconview.source-list:hover, .nautilus-window iconview.navigation-sidebar.source-list iconview.source-list:hover { + background-color: rgba(40, 42, 54, 0.6); } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar, paned .nautilus-window .navigation-sidebar.left, paned .nautilus-window .navigation-sidebar.right, paned .nautilus-window .navigation-sidebar.left:dir(rtl), paned .nautilus-window .navigation-sidebar:dir(rtl), paned .nautilus-window .navigation-sidebar:dir(ltr), paned .nautilus-window .navigation-sidebar { + border-style: none; + border-color: rgba(25, 26, 34, 0.9); } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + padding: 1px 11px; } + placessidebar row label { + padding-left: 8px; } + placessidebar row.sidebar-new-bookmark-row { + color: rgba(189, 147, 249, 0.5); } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #50fa7a, inset 0 -1px #50fa7a; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #f8f8f2; } + +.bottom-bar { + background-color: #282a36; } + .bottom-bar button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .bottom-bar button .view, .bottom-bar button iconview { + background-color: transparent; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + font-feature-settings: "tnum"; } + spinbutton:not(.vertical) { + padding: 0; + border-spacing: 0; + /* :not here just to bump specificity above that of the list button styling */ } + spinbutton:not(.vertical) > text, .osd spinbutton:not(.vertical) > text { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; } + spinbutton:not(.vertical) > text:backdrop:disabled, .osd spinbutton:not(.vertical) > text:backdrop:disabled { + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat), + spinbutton:not(.vertical) > button.image-button.down:not(.flat) { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #e3e3df; + background-image: none; + border-style: none none none solid; + border-color: rgba(25, 26, 34, 0.2); + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { + color: #f8f8f2; + background-color: #3e4153; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + color: rgba(139, 140, 142, 0.3); + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { + background-color: #44485c; + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); + color: #f8f8f2; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.8); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #898b8c; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + spinbutton.vertical:disabled { + color: #8b8c8e; } + spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } + spinbutton.vertical > text { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; } + spinbutton.vertical > text > selection { + background-color: rgba(189, 147, 249, 0.4); + color: transparent; } + spinbutton.vertical > text > selection:focus-within { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + spinbutton.vertical > button { + min-height: 32px; + min-width: 32px; + padding: 0; } + spinbutton.vertical > button.up { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + spinbutton.vertical > button.down { + border-top-style: none; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .osd spinbutton.vertical > button:first-child { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical > button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical > button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical > button:first-child:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: rgba(189, 147, 249, 0.5); } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + 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; } + +/********** + * Switch * + **********/ +switch { + font-size: 1px; + min-width: 45px; + min-height: 27px; + background-size: 45px 27px; + background-color: transparent; + background-repeat: no-repeat; + background-position: center center; + background-image: -gtk-scaled(url("../assets/switch-off.svg"), url("../assets/switch-off.svg")); } + switch:disabled { + background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"), url("../assets/switch-insensitive.svg")); } + switch, switch slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; } + switch:checked { + background-image: -gtk-scaled(url("../assets/switch-on.svg"), url("../assets/switch-on.svg")); } + switch:checked slider { + background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"), url("../assets/switch-slider-on@2.png")); } + switch slider { + min-width: 1px; + min-height: 1px; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"), url("../assets/switch-slider-off@2.png")); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar > revealer > box { + padding: 4px; + background-color: #1e1f29; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(20, 23, 26, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + toolbar.horizontal separator { + margin: 0 7px 1px 6px; } + toolbar.vertical separator { + margin: 6px 1px 7px 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.inline-toolbar { + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; } + +searchbar > revealer > box { + border-width: 0 0 1px; + padding: 5px; } + +.inline-toolbar, searchbar > revealer > box { + border-style: solid; + border-color: rgba(25, 26, 34, 0.9); + background-color: rgba(29, 30, 39, 0.97); } + .inline-toolbar:backdrop, searchbar > revealer > box:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: rgba(29, 30, 39, 0.9685); + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #282a36; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(0, 0, 0, 0.8); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: white; } + +columnview.view, +treeview.view { + border-left-color: rgba(25, 26, 34, 0.9); + border-top-color: rgba(25, 26, 34, 0.9); } + columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; + outline-color: #ff5555; } + columnview.view:disabled, + treeview.view:disabled { + color: #8b8c8e; } + columnview.view:disabled:selected, + treeview.view:disabled:selected { + color: rgba(228, 214, 244, 0.7); } + columnview.view:disabled:selected:backdrop, + treeview.view:disabled:selected:backdrop { + color: rgba(207, 177, 247, 0.5); } + columnview.view.separator, + treeview.view.separator { + min-height: 2px; + color: rgba(25, 26, 34, 0.9); } + columnview.view:backdrop, + treeview.view:backdrop { + border-left-color: #3c3e48; + border-top: #3c3e48; } + columnview.view:drop(active), + treeview.view:drop(active) { + box-shadow: none; } + columnview.view > dndtarget:drop(active), + treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: rgba(159, 99, 246, 0.5); } + columnview.view > dndtarget:drop(active).after, + treeview.view > dndtarget:drop(active).after { + border-top-style: none; } + columnview.view > dndtarget:drop(active).before, + treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; } + columnview.view.expander, + treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #bababa; } + columnview.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + columnview.view.expander:hover, + treeview.view.expander:hover { + color: #f8f8f2; } + columnview.view.expander:selected, + treeview.view.expander:selected { + color: rgba(241, 235, 243, 0.85); } + columnview.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #f8f8f2; } + columnview.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view.progressbar, + treeview.view.progressbar { + border: 1px solid rgba(159, 99, 246, 0.5); + border-radius: 4px; + background-color: rgba(189, 147, 249, 0.5); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(159, 99, 246, 0.5)); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: image(#282a36); } + columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + background-color: #2a2c39; } + columnview.view.trough, + treeview.view.trough { + background-color: rgba(248, 248, 242, 0.1); } + columnview.view.trough:selected:focus, columnview.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: rgba(159, 99, 246, 0.5); } + columnview.view > header > button, + treeview.view > header > button { + color: #c2c5d2; + background-color: #282a36; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + columnview.view > header > button:hover, + treeview.view > header > button:hover { + color: #dddfe2; + box-shadow: none; + transition: none; } + columnview.view > header > button:active, + treeview.view > header > button:active { + color: #f8f8f2; + transition: none; } + columnview.view > header > button:backdrop, + treeview.view > header > button:backdrop { + box-shadow: none; } + columnview.view > header > button sort-indicator, + treeview.view > header > button sort-indicator { + min-height: 16px; + min-width: 16px; } + columnview.view > header > button sort-indicator.ascending, + treeview.view > header > button sort-indicator.ascending { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + columnview.view > header > button sort-indicator.descending, + treeview.view > header > button sort-indicator.descending { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, + columnview.view header.button.dnd:active, + columnview.view header.button.dnd:selected, + columnview.view header.button.dnd:hover, + columnview.view header.button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 0 6px; + color: #ff5555; + background-image: none; + background-color: rgba(189, 147, 249, 0.5); + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px #282a36; + text-shadow: none; + transition: none; } + columnview.view acceleditor > label, + treeview.view acceleditor > label { + background-color: rgba(189, 147, 249, 0.5); } + +columnview.view > header > button, +treeview.view > header > button, columnview.view > header > button:hover, +treeview.view > header > button:hover, columnview.view > header > button:active, +treeview.view > header > button:active { + padding: 0 6px; + background-image: none; + border-style: none none solid solid; + border-width: 1px; + border-color: rgba(25, 26, 34, 0.9); + border-radius: 0; + text-shadow: none; + box-shadow: none; } + columnview.view > header > button:disabled, + treeview.view > header > button:disabled { + border-color: #1e1f29; + background-image: none; } + columnview.view > header > button:last-child:backdrop, + treeview.view > header > button:last-child:backdrop, columnview.view > header > button:last-child, + treeview.view > header > button:last-child { + border-right-style: none; } + +/********************** + * Window Decorations * + *********************/ +window { + border-width: 0px; } + window.csd { + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 0px; + border-radius: 4px 4px 0 0; } + window.csd: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.75); + transition: 200ms ease-out; } + window.csd.popup { + border-radius: 7px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + window.csd.dialog.message { + border-radius: 4px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + window.solid-csd { + margin: 0; + padding: 4px; + border: solid 1px rgba(25, 26, 34, 0.9); + border-radius: 0; + box-shadow: inset 0 0 0 4px rgba(25, 26, 34, 0.9), inset 0 0 0 3px #1e1f29, inset 0 1px rgba(248, 248, 242, 0.07); } + window.solid-csd:backdrop { + box-shadow: inset 0 0 0 4px rgba(25, 26, 34, 0.9), inset 0 0 0 3px #1e1f29, inset 0 1px rgba(248, 248, 242, 0.07); } + window.maximized, window.fullscreen { + border-radius: 0; + box-shadow: none; } + window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { + border-radius: 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + window.popup { + box-shadow: none; } + window.ssd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { + min-width: 20px; + min-height: 20px; + margin: 0; + padding: 0 1px; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; } + windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:focus, windowcontrols button.close:active, windowcontrols button.close:backdrop, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:focus, windowcontrols button.maximize:active, windowcontrols button.maximize:backdrop, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:focus, windowcontrols button.minimize:active, windowcontrols button.minimize:backdrop, windowcontrols button.minimize:backdrop:hover { + background-color: transparent; + border: none; + box-shadow: none; + color: transparent; } +windowcontrols button.close { + background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } + windowcontrols button.close:hover, windowcontrols button.close:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } +windowcontrols button.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } + windowcontrols button.maximize:hover, windowcontrols button.maximize:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } +windowcontrols button.minimize { + background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } + windowcontrols button.minimize:hover, windowcontrols button.minimize:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } +windowcontrols button:backdrop { + -gtk-icon-shadow: none; + background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: 0 -1px rgba(0, 0, 0, 0.3788235294); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.3788235294); } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +textview > text:selected:focus, +textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, +entry selection:focus, +entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: rgba(189, 147, 249, 0.5); } + row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, + entry selection:focus, + entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #f8f8f2; + font-weight: normal; } + row:selected label:disabled, label:disabled:selected, .selection-mode windowcontrols button:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + textview > text:disabled:selected:focus, + textview > text:disabled:selected, textview > text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, spinbutton.vertical > text selection:disabled, + entry selection:disabled, row:disabled:selected { + color: rgba(233, 223, 244, 0.75); } + row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + textview > text:backdrop:selected:focus, + textview > text:backdrop:selected, textview > text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, spinbutton.vertical > text selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(248, 248, 242, 0.5); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode windowcontrols button:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + textview > text:backdrop:disabled:selected, textview > text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, spinbutton.vertical > text selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(207, 177, 247, 0.5); } + +.monospace { + font-family: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********* +* Budgie * +*********/ +.budgie-container { + background-color: transparent; } + .budgie-container:backdrop { + background-color: transparent; } + .budgie-container popover list, + .budgie-container popover row { + border: none; + background: none; + padding: 0; + margin: 0; } + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; } + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: rgba(30, 31, 41, 0.98); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid @borders; } + .budgie-popover list:hover, + .budgie-popover row:hover, + .budgie-popover.background list:hover, + .budgie-popover.background row:hover { + background: none; } + .budgie-popover > frame.container, + .budgie-popover.background > frame.container { + margin: 0 -1px -1px; + padding: 2px 0 0; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu .container { + padding: 0; } +.budgie-menu button:hover { + -gtk-icon-filter: none; } +.budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid @borders; + border-radius: 0; + font-size: 120%; + box-shadow: none; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background-color: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid @borders; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid @borders; } +.budgie-menu .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(248, 248, 242, 0.05); + color: #f8f8f2; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #f8f8f2; + background-color: rgba(174, 123, 248, 0.3); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(248, 248, 242, 0.7); } +.budgie-menu scrollbar { + background-color: transparent; + border-color: transparent; } +.budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } +.budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #f8f8f2; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop { + color: #f8f8f2; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + box-shadow: none; + background-color: transparent; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(248, 248, 242, 0.1); } +.user-menu button { + margin: 5px; } +.user-menu > box.vertical row.activatable:first-child .indicator-item, +.user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + background-color: #72BFD0; + transition-duration: 0.2s; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { + padding-left: 7px; + background-position: left center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { + padding-right: 7px; + background-position: right center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { + color: #f8f8f2; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { + padding-left: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { + padding-right: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { + color: #f8f8f2; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { + min-width: 24px; + min-height: 20px; } + +button.raven-trigger { + padding-left: 2px; + padding-right: 2px; + color: #f8f8f2; + box-shadow: none; } + button.raven-trigger:hover { + color: #f8f8f2; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + button.raven-trigger:backdrop { + color: #f8f8f2; } + button.raven-trigger:backdrop:hover { + color: #f8f8f2; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: rgba(189, 147, 249, 0.5); + background-color: transparent; } + +.places-menu .container { + padding: 0; } +.places-menu .message-bar { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.places-menu .name-button { + border: 0; + border-radius: 0; + padding: 4px 6px; } +.places-menu .unmount-button { + padding: 4px 4px; + border: 0; + border-radius: 0; } +.places-menu .places-section-header { + padding: 0px; + border-bottom: 1px solid rgba(25, 26, 34, 0.85); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } +.places-menu .places-section-header > button { + padding: 8px; + border: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +.places-menu .places-list { + background: rgba(248, 248, 242, 0.04); + border-bottom: 1px solid rgba(25, 26, 34, 0.85); } +.places-menu .unlock-area { + border-top: 1px solid rgba(25, 26, 34, 0.75); + border-bottom: 1px solid rgba(25, 26, 34, 0.75); } +.places-menu .unlock-area entry { + border-radius: 0; + border: 0; } +.places-menu .unlock-area button { + border-radius: 0; + border: 0; + border-left: 1px solid rgba(25, 26, 34, 0.75); } +.places-menu .alternative-label { + font-size: 15px; + padding: 3px; } +.places-menu .always-expand { + background: transparent; + border-bottom: none; } + +.night-light-indicator .container { + padding: 0; } +.night-light-indicator .view-header { + font-size: 14px; + padding: 10px; + border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04); } +.night-light-indicator .display-settings-button { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border: none; + padding: 3px; + border-top: 1px solid mix(@theme_base_color, #000000, 0.35); + box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04); } + +.budgie-panel { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #ff5555; } + .budgie-panel:backdrop { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #f8f8f2; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(8, 9, 12, 0.2); } + .top .budgie-panel.transparent { + border-bottom-color: transparent; } + .bottom .budgie-panel.transparent { + border-top-color: transparent; } + .left .budgie-panel.transparent { + border-right-color: transparent; } + .right .budgie-panel.transparent { + border-left-color: transparent; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(248, 248, 242, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #f8f8f2; } + +.budgie-panel #tasklist-button, +.budgie-panel #tasklist-button:backdrop { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(8, 9, 12, 0); + border-radius: 0; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; } + +.budgie-panel button.flat.launcher { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(8, 9, 12, 0); + border-radius: 0; + padding: 0; + background-clip: padding-box; + background-color: transparent; } + .budgie-panel button.flat.launcher { + box-shadow: none; } + +.budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, +.budgie-panel .pinned button.flat.launcher.running:hover { + box-shadow: none; } +.budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, +.budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, +.budgie-panel .pinned button.flat.launcher.running:checked { + box-shadow: none; } +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { + padding-bottom: 2px; + border-top: 2px solid transparent; } + .top .budgie-panel .pinned button.flat.launcher:not(.running) { + border-top: 2px solid transparent; } + + .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + + .top .budgie-panel .unpinned button.flat.launcher, + .top .budgie-panel .pinned button.flat.launcher.running { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { + border-top: 2px solid rgba(255, 255, 255, 0.25); } + .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { + border-top: 2px solid rgba(189, 147, 249, 0.5); } +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { + padding-top: 2px; + border-bottom: 2px solid transparent; } + .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { + border-bottom: 2px solid transparent; } + + .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + + .bottom .budgie-panel .unpinned button.flat.launcher, + .bottom .budgie-panel .pinned button.flat.launcher.running { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.25); } + .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + border-bottom: 2px solid rgba(189, 147, 249, 0.5); } +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { + padding-right: 2px; + border-left: 2px solid transparent; } + .left .budgie-panel .pinned button.flat.launcher:not(.running) { + border-left: 2px solid transparent; } + + .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + + .left .budgie-panel .unpinned button.flat.launcher, + .left .budgie-panel .pinned button.flat.launcher.running { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { + border-left: 2px solid rgba(255, 255, 255, 0.25); } + .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { + border-left: 2px solid rgba(189, 147, 249, 0.5); } +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { + padding-left: 2px; + border-right: 2px solid transparent; } + .right .budgie-panel .pinned button.flat.launcher:not(.running) { + border-right: 2px solid transparent; } + + .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + + .right .budgie-panel .unpinned button.flat.launcher, + .right .budgie-panel .pinned button.flat.launcher.running { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { + border-right: 2px solid rgba(255, 255, 255, 0.25); } + .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { + border-right: 2px solid rgba(189, 147, 249, 0.5); } + +.top .budgie-panel { + border-bottom: 1px solid rgba(15, 15, 20, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(30, 31, 41, 0.92); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(15, 15, 20, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(30, 31, 41, 0.92); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(15, 15, 20, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(30, 31, 41, 0.92); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(15, 15, 20, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(30, 31, 41, 0.92); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } + +.raven { + padding: 0; + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.92); + transition: 170ms ease-out; } + .raven .raven-header { + min-height: 32px; + color: #f8f8f2; + border: solid rgba(25, 26, 34, 0.85); + border-width: 1px 0; + background-color: rgba(30, 31, 41, 0.2); } + .raven .raven-header * { + padding-top: 0; + padding-bottom: 0; } + .raven .raven-header.top { + border-top-style: none; + border-color: transparent; + margin-top: 3px; + min-height: 32px; } + .raven .raven-header.top button.image-button:hover { + color: rgba(174, 123, 248, 0.5); + box-shadow: none; } + .raven .raven-header > button.text-button { + border-radius: 2px; + color: #f8f8f2; + background-color: rgba(255, 60, 60, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:hover { + border-radius: 2px; + color: #f8f8f2; + background-color: rgba(255, 85, 85, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:active { + color: #f8f8f2; + background-color: rgba(255, 111, 111, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header.bottom { + border-bottom-style: none; } + .raven .raven-header button { + background-color: transparent; + color: #f8f8f2; + border-radius: 0; + border: none; + box-shadow: none; + margin-top: -4px; + margin-bottom: -4px; + min-height: 32px; } + .raven .raven-header button:hover { + border-radius: 0; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + .raven .raven-header button:active, .raven .raven-header button:checked { + color: rgba(189, 147, 249, 0.5); + border-radius: 0; + background-color: transparent; } + .raven .raven-header button:disabled { + color: #8b8c8e; } + .raven list { + background-color: transparent; } + .raven list:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven .raven-background { + color: #f8f8f2; + background-color: transparent; + border-color: transparent; } + .raven .raven-background.middle { + border-bottom-style: none; } + .raven .powerstrip { + background-color: transparent; + border-top-color: transparent; } + .raven .powerstrip button.image-button { + border-radius: 50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: rgba(68, 71, 90, 0.7); + color: #f8f8f2; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + border: none; + font-size: 100%; } + .raven .powerstrip button.image-button:hover { + transition: 170ms ease all; + background: rgba(68, 71, 90, 0.85); + color: #f8f8f2; } + .raven .powerstrip button.image-button:active { + transition: 170ms ease all; + background: #44475a; + color: #f8f8f2; } + .raven .powerstrip button.image-button:first-child { + background: rgba(114, 191, 208, 0.7); } + .raven .powerstrip button.image-button:first-child:hover { + background: rgba(114, 191, 208, 0.85); } + .raven .powerstrip button.image-button:first-child:active { + background: #72BFD0; } + .raven .powerstrip button.image-button:last-child { + background: rgba(255, 85, 85, 0.7); } + .raven .powerstrip button.image-button:last-child:hover { + background: rgba(255, 85, 85, 0.85); } + .raven .powerstrip button.image-button:last-child:active { + background: #ff5555; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 4px; + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.2); + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: transparent; + color: rgba(189, 147, 249, 0.5); + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #f8f8f2; + border: none; + border-radius: 0; + background-color: transparent; } + calendar.raven-calendar button, calendar.raven-calendar button:focus { + color: alpha(currentColor,0.5); + background-color: transparent; } + calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { + color: #f8f8f2; + background-color: transparent; } + +.raven-mpris { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.9); + border: solid rgba(255, 255, 255, 0.1); + border-width: 1px 0; + border-bottom-color: rgba(0, 0, 0, 0.1); } + .raven-mpris button.image-button { + padding: 10px; + background-color: #282a36; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + .raven-mpris button.image-button:hover { + background-color: rgba(189, 147, 249, 0.5); } + .raven-mpris button.image-button:active { + background-color: rgba(174, 123, 248, 0.5); } + .raven-mpris button.image-button:first-child { + margin-right: 4px; } + .raven-mpris button.image-button:last-child { + margin-left: 4px; } + .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { + padding: 4px; + margin-top: 6px; + margin-bottom: 6px; } + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background: none; + border-radius: 1px; } + .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { + background-color: #72BFD0; + color: #464626; + border: none; + margin: 0 3px; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #5fb6ca; + border: none; } + .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { + background-color: #5fb6ca; } + +.budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { + border-radius: 1px; } +.budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { + font-size: 110%; + color: #f8f8f2; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(248, 248, 242, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #f8f8f2; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #ff5555; + box-shadow: none; } + .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { + background-color: transparent; + color: #ff3c3c; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #f8f8f2; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: rgba(142, 110, 187, 0.55); } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(248, 248, 242, 0.7); + background-color: rgba(189, 147, 249, 0.3); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(248, 248, 242, 0.8); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(248, 248, 242, 0.8); } + .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + font-size: 120%; } + .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: #f8f8f2; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + font-weight: 700; } + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + border-left: none; + border-bottom-left-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + border-right: none; + border-bottom-right-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(189, 147, 249, 0.4); } + .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { + background-color: rgba(114, 191, 208, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { + background-color: rgba(133, 200, 214, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { + background-color: rgba(133, 200, 214, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { + background-color: rgba(255, 34, 34, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { + background-color: rgba(255, 60, 60, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { + background-color: rgba(255, 60, 60, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #f8f8f2; } + .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { + background-color: #505359; } + .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { + background-color: #505359; } + +.budgie-polkit-dialog .message { + color: rgba(248, 248, 242, 0.7); } +.budgie-polkit-dialog .failure { + color: #ff5555; } + +.budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { + font-size: 120%; + padding: 8px 5px; + border: none; + box-shadow: none; } + .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { + color: #f8f8f2; } + .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list row:selected .subtitle, +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle { + opacity: 1; } +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0); } + +.budgie-menubar menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-menubar menu menuitem:hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } +.budgie-menubar arrow { + border: none; + min-width: 16px; + min-height: 16px; } + .budgie-menubar arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid rgba(55, 56, 64, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(55, 56, 64, 0.928); } +.budgie-menubar menuitem accelerator { + color: rgba(248, 248, 242, 0.35); } +.budgie-menubar menuitem check, .budgie-menubar menuitem radio { + min-height: 16px; + min-width: 16px; } + +window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { + border-style: none none solid; } + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(8, 9, 12, 0.95); } + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; } + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; } + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; } +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { + border: 0 solid rgba(30, 31, 41, 0.95); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), + .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; } + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), + .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; } + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; } +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.95); } +.workspace-switcher .workspace-add-button { + border: none; + background: transparent; + box-shadow: none; } + .workspace-switcher .workspace-add-button:hover { + box-shadow: none; } + .workspace-switcher .workspace-add-button:active { + background-image: none; } + .workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; } +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; } + +/************ + * Nautilus * + ************/ +.nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { + background: transparent; + color: rgba(189, 147, 249, 0.5); } +.nautilus-window .frame *:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(33, 35, 45, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(189, 147, 249, 0.4); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(40, 42, 54, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(189, 147, 249, 0.4); } +.nautilus-window notebook > stack:only-child { + background-color: #282a36; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #2a2c39; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } +.nautilus-window .titlebar .search { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; } +.nautilus-window .path-bar-box .dim-label, .nautilus-window .path-bar-box label.separator, .nautilus-window .path-bar-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar-box .subtitle, +.nautilus-window .path-bar-box headerbar .subtitle, +headerbar .nautilus-window .path-bar-box .subtitle { + color: transparent; } +.nautilus-window .path-bar-box widget > .text-button:last-child { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window .path-bar-box button { + transition: all 100ms ease-in; + margin-left: -5px; } + .nautilus-window .path-bar-box button:backdrop:hover, .nautilus-window .path-bar-box button:backdrop:active, .nautilus-window .path-bar-box button:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box button:backdrop:hover label, .nautilus-window .path-bar-box button:backdrop:active label, .nautilus-window .path-bar-box button:backdrop:checked label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window .path-buttons-box, .nautilus-window #NautilusPathBar { + background: transparent; + margin-top: 7px; + margin-bottom: 7px; } + .nautilus-window .path-buttons-box .dim-label, .nautilus-window .path-buttons-box label.separator, .nautilus-window .path-buttons-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box .subtitle, + .nautilus-window .path-buttons-box headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box .subtitle, .nautilus-window #NautilusPathBar .dim-label, .nautilus-window #NautilusPathBar label.separator, .nautilus-window #NautilusPathBar .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar .subtitle, + .nautilus-window #NautilusPathBar headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar .subtitle { + color: transparent; + margin-right: -5px; } + .nautilus-window .path-buttons-box button .horizontal .dim-label, .nautilus-window .path-buttons-box button .horizontal label.separator, .nautilus-window .path-buttons-box button .horizontal .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button .horizontal .subtitle, + .nautilus-window .path-buttons-box button .horizontal headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box button .horizontal .subtitle, .nautilus-window #NautilusPathBar button .horizontal .dim-label, .nautilus-window #NautilusPathBar button .horizontal label.separator, .nautilus-window #NautilusPathBar button .horizontal .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button .horizontal .subtitle, + .nautilus-window #NautilusPathBar button .horizontal headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button .horizontal .subtitle { + color: #f8f8f2; + padding: 3px 12px; + margin: 0; } + .nautilus-window .path-buttons-box button:hover, .nautilus-window .path-buttons-box button:focus, .nautilus-window #NautilusPathBar button:hover, .nautilus-window #NautilusPathBar button:focus { + background-color: transparent; + box-shadow: none; } + .nautilus-window .path-buttons-box button:hover .dim-label, .nautilus-window .path-buttons-box button:hover label.separator, .nautilus-window .path-buttons-box button:hover .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button:hover .subtitle, + .nautilus-window .path-buttons-box button:hover headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box button:hover .subtitle, .nautilus-window .path-buttons-box button:focus .dim-label, .nautilus-window .path-buttons-box button:focus label.separator, .nautilus-window .path-buttons-box button:focus .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button:focus .subtitle, + .nautilus-window .path-buttons-box button:focus headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box button:focus .subtitle, .nautilus-window #NautilusPathBar button:hover .dim-label, .nautilus-window #NautilusPathBar button:hover label.separator, .nautilus-window #NautilusPathBar button:hover .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button:hover .subtitle, + .nautilus-window #NautilusPathBar button:hover headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button:hover .subtitle, .nautilus-window #NautilusPathBar button:focus .dim-label, .nautilus-window #NautilusPathBar button:focus label.separator, .nautilus-window #NautilusPathBar button:focus .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button:focus .subtitle, + .nautilus-window #NautilusPathBar button:focus headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button:focus .subtitle { + color: #bd93f9; } + .nautilus-window .path-buttons-box button:active, .nautilus-window #NautilusPathBar button:active { + background-color: transparent; } + .nautilus-window .path-buttons-box button > .horizontal > image.dim-label, .nautilus-window .path-buttons-box .titlebar:not(headerbar) button > .horizontal > image.subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button > .horizontal > image.subtitle, + .nautilus-window .path-buttons-box headerbar button > .horizontal > image.subtitle, + headerbar .nautilus-window .path-buttons-box button > .horizontal > image.subtitle, .nautilus-window #NautilusPathBar button > .horizontal > image.dim-label, .nautilus-window #NautilusPathBar .titlebar:not(headerbar) button > .horizontal > image.subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle, + .nautilus-window #NautilusPathBar headerbar button > .horizontal > image.subtitle, + headerbar .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle { + padding: 3px 0px 3px 12px; + border-right: none; + margin-right: -6px; } + .nautilus-window .path-buttons-box button, .nautilus-window #NautilusPathBar button { + background: transparent; + border: none; + margin: 0; + padding: 0; } + .nautilus-window .path-buttons-box .current-dir label, .nautilus-window #NautilusPathBar .current-dir label { + border-radius: 4px; + padding: 1px 12px; } + .nautilus-window .path-buttons-box .current-dir label, .nautilus-window .path-buttons-box .current-dir image, .nautilus-window #NautilusPathBar .current-dir label, .nautilus-window #NautilusPathBar .current-dir image { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-buttons-box button.current-dir:only-child image, .nautilus-window #NautilusPathBar button.current-dir:only-child image { + margin-right: -6px; + padding: 0px 0px 0px 12px; + border-radius: 4px 0px 0px 4px; } + .nautilus-window .path-buttons-box button.current-dir:only-child label, .nautilus-window #NautilusPathBar button.current-dir:only-child label { + border-radius: 0px 4px 4px 0px; } +.nautilus-window #NautilusQueryEditor > menubutton > button:hover image, .nautilus-window #NautilusQueryEditor > menubutton > button:active image, .nautilus-window #NautilusQueryEditor > menubutton > button:checked image { + color: #f8f8f2; } + +.nautilus-circular-button { + border-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #f8f8f2; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #f8f8f2; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #f8f8f2; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #f8f8f2; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #1e1f29; } + +/********* + * Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + transition: none; + box-shadow: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + border-color: rgba(189, 147, 249, 0.5); } + +/******************* + * Calendar events * +********************/ +.color-light.timed label, .color-light .event-popover label { + color: #f8f8f2; + opacity: 1; } +.color-light label { + color: #1e1f29; + opacity: 1; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #282a36; + background-color: #282a36; } + .gala-notification .title, + .gala-notification .label { + color: #f8f8f2; } + +.gala-button { + padding: 3px; + color: #282a36; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(40, 42, 54, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #f8f8f2; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(189, 147, 249, 0); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #f8f8f2; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(189, 147, 249, 0); + color: #f8f8f2; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font-size: 18px; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #f8f8f2; } + +/********* + * Panel * + ********/ +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { + color: rgba(0, 0, 0, 0.6); + text-shadow: 0 1px rgba(255, 255, 255, 0.1); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/********* + * Cards * + *********/ +.deck { + background-color: #0d0d11; } + +.card { + background-color: #282a36; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #1d1f27; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/******** + * Snap * + ********/ +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #1e1f29; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #f8f8f2; } + +/********* +* Avatar * +*********/ +.avatar { + border: 1px solid rgba(0, 0, 0, 0.23); + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } + +/**level bars**/ +.sidebar.source-list.view.level-bar, iconview.sidebar.source-list.level-bar, .sidebar.source-list.view.level-bar:selected, iconview.sidebar.source-list.level-bar:selected, .sidebar.source-list.view.level-bar:selected:focus, iconview.sidebar.source-list.level-bar:selected:focus { + background: linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14)); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + border-radius: 2px; } +.sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block { + border: none; } + .sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block, .sidebar.source-list.view.fill-block:hover, iconview.sidebar.source-list.fill-block:hover, .sidebar.source-list.view.fill-block:selected, iconview.sidebar.source-list.fill-block:selected, .sidebar.source-list.view.fill-block:selected:focus, iconview.sidebar.source-list.fill-block:selected:focus { + background: linear-gradient(rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; } + checkbutton.color-button > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; } + checkbutton.color-button.none > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); } + +radiobutton.color-button > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 100px; + background-clip: border-box; } +radiobutton.color-button:active > radio { + border: 1px solid rgba(0, 0, 0, 0.35); } + +.color-button check, +.color-button check:checked, +.color-button radio, +.color-button radio:checked { + background-image: none; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; + color: #282a36; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { + background-color: @STRAWBERRY_300; + -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } +.color-button.orange check, .color-button.orange radio { + background-color: @ORANGE_300; + -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { + background-color: @BANANA_500; + -gtk-icon-shadow: 0 1px 1px @BANANA_700; } +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { + background-color: @LIME_500; + -gtk-icon-shadow: 0 1px 1px @LIME_700; } +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { + background-color: @BLUEBERRY_500; + -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { + background-color: @GRAPE_500; + -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { + background-color: @COCOA_300; + -gtk-icon-shadow: 0 1px 1px @COCOA_500; } +.color-button.mint check, .color-button.mint radio { + background-color: @MINT_500; + -gtk-icon-shadow: 0 1px 1px @MINT_700; } +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { + background-color: @BUBBLEGUM_500; + -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } +.color-button.slate check, .color-button.slate radio { + background-color: @SLATE_300; + -gtk-icon-shadow: 0 1px 1px @SLATE_500; } +.color-button.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); } + +.xfce4-panel.background { + background-color: #1e1f29; + color: #f8f8f2; + text-shadow: none; + -gtk-icon-shadow: none; } +.xfce4-panel#XfcePanelWindow, .xfce4-panel#XfcePanelWindow.marching-ants { + transition: none; } + +#tasklist-button { + color: rgba(255, 255, 255, 0.8); + border-radius: 0; + border: none; + background-color: rgba(30, 31, 41, 0); } + #tasklist-button:hover { + color: white; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px rgba(189, 147, 249, 0.5); } + +.xfce4-panel.background button.flat:not(.open_group) { + color: white; + border-radius: 0; + border: none; + background-color: rgba(30, 31, 41, 0); + font-weight: normal; } + .xfce4-panel.background button.flat:hover:not(.open_group) { + border: none; + background-color: #343546; } + .xfce4-panel.background button.flat:active:not(.open_group), .xfce4-panel.background button.flat:checked:not(.open_group) { + color: white; + border-bottom: 2px solid rgba(189, 147, 249, 0.5); + background-color: #1a1b23; } + .xfce4-panel.background button.flat:active:not(.open_group) label, .xfce4-panel.background button.flat:active:not(.open_group) image, .xfce4-panel.background button.flat:checked:not(.open_group) label, .xfce4-panel.background button.flat:checked:not(.open_group) image { + color: inherit; } + +/* Vala-appmenu-plugin*/ +.-vala-panel-appmenu-core scrolledwindow, +.-vala-panel-appmenu-private > menuitem, +.-vala-panel-appmenu-private > menuitem:first-child > label { + color: white; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +UnityDecoration { + background-color: #31363D; + color: #fefefe; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #31363D; + border-bottom-width: 0; + background-color: #31363D; + color: #fefefe; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: #e5e5e5; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #fefefe; } + UnityDecoration .top .menuitem:backdrop { + color: #e5e5e5; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #30343b; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #31363D, #30343b); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #30343b; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #1a1d21; + color: #fefefe; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #e5e5e5; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #fefefe; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #fefefe; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #1a1d21; + color: #fefefe; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #8b8c8e; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #2f333a; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: rgba(25, 26, 34, 0.9); } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #282a36; } + +@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: rgba(189, 147, 249, 0.5); } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(25, 26, 34, 0.9); } + MsdOsdWindow.background.osd .progressbar { + background-color: rgba(189, 147, 249, 0.5); + border: none; + border-color: rgba(189, 147, 249, 0.5); + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(9, 10, 12, 0.8); + border: none; + border-radius: 5px; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left .separator, +.geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); + color: rgba(248, 248, 242, 0.5); } +ConversationListView .view .cell, ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { + color: #f8f8f2; + border: 0px solid rgba(159, 99, 246, 0.5); } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #1e1f29; + color: white; + font-weight: bold; + box-shadow: inset 0 -1px #0f0f14; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); } + #panel_window .menubar .menuitem:disabled GtkLabel, + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:disabled label, + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #f8f8f2; } + +#content_frame { + padding-bottom: 14px; + background-color: #1e1f29; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:active, #content_frame button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #1e1f29; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #f8f8f2; + font-size: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +/* thunar */ +.thunar toolbar { + background-color: #1e1f29; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +scrolledwindow.sidebar treeview.view, scrollbar.right { + background: #232530; + padding: 1.5px; + border: none; + box-shadow: none; } + +scrolledwindow.standard-view scrollbar.right { + background-color: #282a36; } + +/* path-bar of thunar */ +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:selected, window.thunar paned > scrolledwindow treeview.view:hover, window.thunar paned > scrolledwindow treeview.view:checked, window.thunar paned > scrolledwindow treeview.view:selected { + background-color: transparent; + color: #bd93f9; + box-shadow: none; } +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:backdrop label, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:selected:backdrop label, window.thunar paned > scrolledwindow treeview.view:checked:backdrop label, window.thunar paned > scrolledwindow treeview.view:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button { + background: none; + outline: none; + border: none; + box-shadow: none; } + +.nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, +.nemo-window .places-treeview iconview.cell:hover, +.nemo-window .places-treeview iconview.cell:selected { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } +.nemo-window .sidebar { + color: #f8f8f2; + background-color: #282a36; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { + background-color: transparent; } +.nemo-window .nemo-window-pane widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } + .nemo-window .nemo-window-pane widget.entry:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #1e1f29; } + .nemo-window toolbar.primary-toolbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + min-height: 24px; + padding: 3px; } + .nemo-window toolbar.primary-toolbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:selected:backdrop label, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop label, .nemo-window toolbar.primary-toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, +.nemo-window .nemo-inactive-pane iconview { + background-color: #242530; } + +.caja-notebook .frame { + border-width: 0 0 1px; } +.caja-notebook .entry { + background: #1e1f29; + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); } + .caja-notebook .entry:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/************** +* Caja sidebar * +**************/ +.caja-side-pane { + background: #1e1f29; } + .caja-side-pane .frame { + border-width: 1px 0 0; } + .caja-side-pane treeview.view, + .caja-side-pane textview.view text, + .caja-side-pane viewport.frame, + .caja-side-pane widget .vertical { + background: #1e1f29; + padding: 3px 2px; } + .caja-side-pane treeview.view:hover, + .caja-side-pane textview.view text:hover, + .caja-side-pane viewport.frame:hover, + .caja-side-pane widget .vertical:hover { + background-color: rgba(40, 42, 54, 0.6); } + .caja-side-pane treeview.view:selected, + .caja-side-pane textview.view text:selected, + .caja-side-pane viewport.frame:selected, + .caja-side-pane widget .vertical:selected { + color: #bd93f9; + background: #1e1f29; } + .caja-side-pane treeview.view:selected:hover, + .caja-side-pane textview.view text:selected:hover, + .caja-side-pane viewport.frame:selected:hover, + .caja-side-pane widget .vertical:selected:hover { + background-color: rgba(189, 147, 249, 0); } + +/************** +* Caja pathbar * +**************/ +.caja-navigation-window paned { + background: #282a36; } + +.caja-navigation-window .primary-toolbar { + background: #1e1f29; } + .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked { + background: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label { + color: #f8f8f2; } + +.caja-pathbar button, .caja-pathbar button:backdrop { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; } +.caja-pathbar button:hover, .caja-pathbar button:active, .caja-pathbar button:checked, .caja-pathbar button:backdrop:active, .caja-pathbar button:backdrop:checked { + background: transparent; + box-shadow: none; } + .caja-pathbar button:hover, .caja-pathbar button:hover label, .caja-pathbar button:active, .caja-pathbar button:active label, .caja-pathbar button:checked, .caja-pathbar button:checked label, .caja-pathbar button:backdrop:active, .caja-pathbar button:backdrop:active label, .caja-pathbar button:backdrop:checked, .caja-pathbar button:backdrop:checked label { + color: #bd93f9; } + +/*# sourceMappingURL=gtk-dark.css.map */ diff --git a/filesystem/.themes/Dracula/gtk-4.0/gtk-dark.scss b/filesystem/.themes/Dracula/gtk-4.0/gtk-dark.scss new file mode 100755 index 00000000..3d7bbb43 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/gtk-dark.scss @@ -0,0 +1,11 @@ + + +$variant: 'dark'; + +@import '../gtk-3.20/colors'; +@import '../gtk-3.20/elementary-colors'; +@import '../gtk-3.20/colors-public'; +@import 'drawing'; +@import 'common'; +@import 'widgets'; +@import 'apps'; diff --git a/filesystem/.themes/Dracula/gtk-4.0/gtk.css b/filesystem/.themes/Dracula/gtk-4.0/gtk.css new file mode 100755 index 00000000..61566f0c --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/gtk.css @@ -0,0 +1,6503 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #f8f8f2; +/* text color for entries, views and content in general */ +@define-color theme_text_color #f8f8f2; +/* widget base background color */ +@define-color theme_bg_color #1e1f29; +/* text widgets and the like base background color */ +@define-color theme_base_color #282a36; +/* base background color of selections */ +@define-color theme_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #f8f8f2; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #22232e; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #8b8c8e; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #282a36; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #8b8c8e; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #f8f8f2; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1f29; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2a2c39; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #f8f8f2; +/* widgets main borders color */ +@define-color borders rgba(25, 26, 34, 0.9); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(26, 27, 35, 0.91); +/* these are pretty self explicative */ +@define-color warning_color #ff9f39; +@define-color error_color #ff3c3c; +@define-color success_color #4caec3; +@define-color fg_color #f8f8f2; +@define-color text_color #f8f8f2; +@define-color bg_color #1e1f29; +@define-color base_color #282a36; +@define-color selected_bg_color rgba(189, 147, 249, 0.5); +@define-color selected_fg_color #f8f8f2; +@define-color unfocused_fg_color #8b8c8e; +@define-color unfocused_text_color #f8f8f2; +@define-color unfocused_bg_color #1e1f29; +@define-color unfocused_base_color #2a2c39; +@define-color unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +@define-color unfocused_selected_fg_color #f8f8f2; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#f8f8f2, 1.8); +@define-color wm_unfocused_title #8b8c8e; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#1e1f29, 1.2); +@define-color wm_bg_b #1e1f29; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#1e1f29, 1.3); +@define-color wm_button_hover_color_b #1e1f29; +@define-color wm_button_active_color_a shade(#1e1f29, 0.85); +@define-color wm_button_active_color_b shade(#1e1f29, 0.89); +@define-color wm_button_active_color_c shade(#1e1f29, 0.9); +@define-color content_view_bg #282a36; +@define-color budgie_tasklist_indicator_color rgba(189, 147, 249, 0.5); +@define-color budgie_tasklist_indicator_color_active rgba(189, 147, 249, 0.5); +@define-color placeholder_text_color #cfcfcd; +@define-color STRAWBERRY_100 #ff8c82; +@define-color STRAWBERRY_300 #ed5353; +@define-color STRAWBERRY_500 #c6262e; +@define-color STRAWBERRY_700 #a10705; +@define-color STRAWBERRY_900 #7a0000; +@define-color ORANGE_100 #ffc27d; +@define-color ORANGE_300 #ffa154; +@define-color ORANGE_500 #f37329; +@define-color ORANGE_700 #cc3b02; +@define-color ORANGE_900 #a62100; +@define-color BANANA_100 #fff394; +@define-color BANANA_300 #ffe16b; +@define-color BANANA_500 #f9c440; +@define-color BANANA_700 #d48e15; +@define-color BANANA_900 #ad5f00; +@define-color LIME_100 #d1ff82; +@define-color LIME_300 #9bdb4d; +@define-color LIME_500 #68b723; +@define-color LIME_700 #3a9104; +@define-color LIME_900 #206b00; +@define-color MINT_100 #89ffdd; +@define-color MINT_300 #43d6b5; +@define-color MINT_500 #28bca3; +@define-color MINT_700 #0e9a83; +@define-color MINT_900 #007367; +@define-color BLUEBERRY_100 #8cd5ff; +@define-color BLUEBERRY_300 #64baff; +@define-color BLUEBERRY_500 #3689e6; +@define-color BLUEBERRY_700 #0d52bf; +@define-color BLUEBERRY_900 #002e99; +@define-color BUBBLEGUM_100 #fe9ab8; +@define-color BUBBLEGUM_300 #f4679d; +@define-color BUBBLEGUM_500 #de3e80; +@define-color BUBBLEGUM_700 #bc245d; +@define-color BUBBLEGUM_900 #910e38; +@define-color GRAPE_100 #e4c6fa; +@define-color GRAPE_300 #cd9ef7; +@define-color GRAPE_500 #a56de2; +@define-color GRAPE_700 #7239b3; +@define-color GRAPE_900 #452981; +@define-color COCOA_100 #a3907c; +@define-color COCOA_300 #8a715e; +@define-color COCOA_500 #715344; +@define-color COCOA_700 #57392d; +@define-color COCOA_900 #3d211b; +@define-color SILVER_100 #fafafa; +@define-color SILVER_300 #d4d4d4; +@define-color SILVER_500 #abacae; +@define-color SILVER_700 #7e8087; +@define-color SILVER_900 #555761; +@define-color SLATE_100 #95a3ab; +@define-color SLATE_300 #667885; +@define-color SLATE_500 #485a6c; +@define-color SLATE_700 #273445; +@define-color SLATE_900 #0e141f; +@define-color BLACK_100 #666; +@define-color BLACK_300 #4d4d4d; +@define-color BLACK_500 #333; +@define-color BLACK_700 #1a1a1a; +@define-color BLACK_900 #000; +/***************** +* Drawing mixins * +*****************/ +/********* +* Common * +*********/ +* { + padding: 0; + outline-color: rgba(248, 248, 242, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 0px; + -gtk-secondary-caret-color: rgba(189, 147, 249, 0.5); } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar, actionbar > revealer > box { + background-color: #1a1b23; + border: solid rgba(25, 26, 34, 0.9); + border-width: 1px 0 0 0; + color: #f8f8f2; + box-shadow: none; } + .action-bar:backdrop, actionbar > revealer > box:backdrop { + background-color: #08090c; + box-shadow: none; } + .action-bar:first-child, actionbar > revealer > box:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child, actionbar > revealer > box:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(20, 23, 26, 0.8); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #f8f8f2; + background-color: #1e1f29; } + .background:backdrop { + color: #8b8c8e; + background-color: #1e1f29; + text-shadow: none; + -gtk-icon-shadow: none; } + .background.chromium { + background-color: #2f313f; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +.gtkstyle-fallback { + color: #f8f8f2; + background-color: #1e1f29; } + .gtkstyle-fallback:hover { + color: #f8f8f2; + background-color: #343546; } + .gtkstyle-fallback:active { + color: #f8f8f2; + background-color: #08090c; } + .gtkstyle-fallback:disabled { + color: #8b8c8e; + background-color: #22232e; } + .gtkstyle-fallback:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + +.view, iconview, +textview > text { + color: #f8f8f2; + background-color: #282a36; } + .view:backdrop, iconview:backdrop, + textview > text:backdrop { + color: #cfcfcd; + background-color: #2a2c39; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected { + border-radius: 3px; } + +textview > text { + background-color: transparent; } + +textview border { + background-color: #232530; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +columnview.view > rubberband, +treeview.view > rubberband { + border: 1px solid rgba(159, 99, 246, 0.5); + background-color: rgba(159, 99, 246, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #f8f8f2; } + label.separator:backdrop { + color: #8b8c8e; } + label selection { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + label:disabled { + color: #8b8c8e; } + label:disabled:backdrop { + color: #3e4055; } + label:backdrop { + color: #8b8c8e; } + +.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #4a4a51; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .osd popover.background > arrow, +.osd popover.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents, .osd { + color: #fefefe; + border: none; + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + outline-color: rgba(254, 254, 254, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, .osd popover.background > arrow:backdrop, + .osd popover.background > contents:backdrop, popover.background.touch-selection > arrow:backdrop, + popover.background.touch-selection > contents:backdrop, popover.background.magnifier > arrow:backdrop, + popover.background.magnifier > contents:backdrop, .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +*:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, rgba(233, 219, 253, 0.5) 0%, rgba(233, 219, 253, 0) 0%); } + to { + background-image: radial-gradient(farthest-side, rgba(233, 219, 253, 0.5) 95%, rgba(233, 219, 253, 0)); } } +notebook > header > tabs > arrow, +button { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border: none; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-filter: brightness(1.2); } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(174, 123, 248, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition-duration: 50ms; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition: 200ms ease-out; + -gtk-icon-filter: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + button:backdrop.flat:active label, + button:backdrop.flat:checked label, + button:backdrop:active label, + button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #50fa7a; + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #f8f8f2; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #8b8c8e; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #fefefe; + border-radius: 5px; + outline-color: rgba(254, 254, 254, 0.3); + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification button, +.app-notification.frame button, popover.background.touch-selection button, popover.background.magnifier button, +.osd button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + .osd button:active:backdrop, + .osd button:active, + .osd button:checked:backdrop, + .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + .osd button:disabled:backdrop, + .osd button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + .osd button:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + .osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + .osd button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + .osd button.flat:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + .osd button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + .osd button.flat:active, + .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } +button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button, button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #bd93f9; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:active, button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode windowcontrols button:backdrop:active, .selection-mode windowcontrols button:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop:active label, .selection-mode windowcontrols button:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 0.5); } + .selection-mode windowcontrols button:backdrop:disabled:active, .selection-mode windowcontrols button:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(189, 147, 249, 0.8); } + button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd button.suggested-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(189, 147, 249, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.7), rgba(189, 147, 249, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #bd93f9, #bd93f9); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #ff2222; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:active, button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(255, 34, 34, 0.8); } + button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd button.destructive-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(255, 34, 34, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.7), rgba(255, 34, 34, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #ff2222, #ff2222); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.5), rgba(255, 34, 34, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar button { + -gtk-icon-shadow: none; } + +.stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: radial-gradient(farthest-side, rgba(233, 219, 253, 0.5) 96%, rgba(233, 219, 253, 0)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + +toolbar button:hover { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #0f0f14; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +toolbar button:active { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #040406; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.inline-toolbar toolbutton > button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:hover { + color: rgba(189, 147, 249, 0.5); } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(174, 123, 248, 0); } + .inline-toolbar toolbutton > button:backdrop { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(174, 123, 248, 0); } + +toolbar.inline-toolbar toolbutton > button.flat:backdrop, +toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { + border-color: transparent; + box-shadow: none; } + +.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:first-child, .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:last-child, .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:only-child, .linked:not(.vertical) > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), spinbutton.vertical.linked > text, .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked > text:first-child, .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked > text:last-child, .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked > text:only-child, .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, +.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, + .menuitem.button.flat:hover { + background-color: #383a4c; } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow { + background: none; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +notebook button, list button, popover button { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } + notebook button:backdrop, list button:backdrop, popover button:backdrop { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } +notebook .linked > button, list .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(248, 248, 242, 0.45); } + calendar.button:hover { + color: #f8f8f2; } + calendar.button:backdrop { + color: rgba(139, 140, 142, 0.45); } + calendar.button:disabled { + color: rgba(139, 140, 142, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #f8f8f2; } + calendar:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, iconview.content-view check, +.view.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, iconview.content-view radio, +.view.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, iconview.content-view check:hover, +.view.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, iconview.content-view radio:hover, +.view.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, iconview.content-view check:active, +.view.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, iconview.content-view radio:active, +.view.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, iconview.content-view check:disabled, +.view.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + margin: 0 4px; + min-height: 16px; + min-width: 16px; + border: none; } + menu menuitem check, menu menuitem + radio { + margin: 0; } + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem + radio, menu menuitem + radio:hover, menu menuitem + radio:disabled { + min-height: 14px; + min-width: 14px; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + border-color: currentColor; + animation: none; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #f8f8f2; } + colorswatch.dark overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.dark overlay:backdrop { + color: rgba(248, 248, 242, 0.5); } +colorswatch.light overlay { + color: #f8f8f2; } + colorswatch.light overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.light overlay:backdrop { + color: #cfcfcd; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } + colorswatch:drop(active).dark overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid rgba(25, 26, 34, 0.9); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(25, 26, 34, 0.9); + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #f8f8f2; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog, .messagedialog, .dialog { + background-color: #282a36; + border-radius: 10px; } + messagedialog .titlebar:not(headerbar), .messagedialog .titlebar:not(headerbar), .dialog .titlebar:not(headerbar) { + background-color: rgba(30, 31, 41, 0.95); } + messagedialog .titlebar, .messagedialog .titlebar, .dialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(30, 31, 41, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + messagedialog.csd, .messagedialog.csd, .dialog.csd { + border-radius: 10px; } + messagedialog.csd.background, .messagedialog.csd.background, .dialog.csd.background { + background-color: #1a1b23; + color: #f8f8f2; + border-radius: 10px; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .response-area button, .messagedialog.csd .dialog-action-area button, .messagedialog.csd .response-area button, .dialog.csd .dialog-action-area button, .dialog.csd .response-area button { + padding: 7px 11px; + border-radius: 0; + color: #f8f8f2; + box-shadow: none; + border: none; } + messagedialog.csd .dialog-action-area button:not(.destructive-action):hover, messagedialog.csd .response-area button:not(.destructive-action):hover, .messagedialog.csd .dialog-action-area button:not(.destructive-action):hover, .messagedialog.csd .response-area button:not(.destructive-action):hover, .dialog.csd .dialog-action-area button:not(.destructive-action):hover, .dialog.csd .response-area button:not(.destructive-action):hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.messagedialog .message-area { + padding: 26px; } + +filechooser .dialog-action-box { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + filechooser .dialog-action-box:backdrop { + border-top-color: rgba(26, 27, 35, 0.91); } +filechooser #pathbarbox { + border-bottom: 1px solid #1e1f29; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), spinbutton.vertical > text, entry { + min-height: 32px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; } + spinbutton:not(.vertical) image.left, spinbutton.vertical > text image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, spinbutton.vertical > text image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton.flat:focus-within:not(.vertical), spinbutton.vertical > text.flat:focus-within, spinbutton.flat:not(.vertical), spinbutton.vertical > text.flat, + entry.flat:focus-within, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + box-shadow: none; + border-radius: 0; } + spinbutton:focus-within:not(.vertical), spinbutton.vertical > text:focus-within, + entry:focus-within { + border-color: rgba(159, 99, 246, 0.5); + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + spinbutton:disabled:not(.vertical), spinbutton.vertical > text:disabled, + entry:disabled { + color: #8b8c8e; + border-color: rgba(25, 26, 34, 0.9); + background-color: #22232e; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, + entry:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), spinbutton.vertical > text:backdrop:disabled, + entry:backdrop:disabled { + color: #3e4055; + border-color: rgba(26, 27, 35, 0.91); + background-color: #22232e; + box-shadow: none; } + spinbutton.error:not(.vertical), spinbutton.vertical > text.error, + entry.error { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff3c3c; + border-color: #880000; } + spinbutton.error:focus-within:not(.vertical), spinbutton.vertical > text.error:focus-within, + entry.error:focus-within { + border-color: #880000; + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.vertical > text.error:selected:focus, spinbutton.error:selected:not(.vertical), spinbutton.vertical > text.error:selected, + entry.error:selected:focus, + entry.error:selected { + background-color: #ff3c3c; } + spinbutton.warning:not(.vertical), spinbutton.vertical > text.warning, + entry.warning { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff9f39; + border-color: #864500; } + spinbutton.warning:focus-within:not(.vertical), spinbutton.vertical > text.warning:focus-within, + entry.warning:focus-within { + border-color: #864500; + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.vertical > text.warning:selected:focus, spinbutton.warning:selected:not(.vertical), spinbutton.vertical > text.warning:selected, + entry.warning:selected:focus, + entry.warning:selected { + background-color: #ff9f39; } + spinbutton:not(.vertical) image, spinbutton.vertical > text image, + entry image { + color: #cecfcc; } + spinbutton:not(.vertical) image:hover, spinbutton.vertical > text image:hover, + entry image:hover { + color: #f8f8f2; } + spinbutton:not(.vertical) image:active, spinbutton.vertical > text image:active, + entry image:active { + color: rgba(189, 147, 249, 0.5); } + spinbutton:not(.vertical) image:backdrop, spinbutton.vertical > text image:backdrop, + entry image:backdrop { + color: #78797d; } + spinbutton:drop(active):focus-within:not(.vertical), spinbutton.vertical > text:drop(active):focus-within, spinbutton:drop(active):not(.vertical), spinbutton.vertical > text:drop(active), + entry:drop(active):focus-within, + entry:drop(active) { + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } + .osd spinbutton:not(.vertical), .osd spinbutton.vertical > text, + .osd entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus-within:not(.vertical), .osd spinbutton.vertical > text:focus-within, + .osd entry:focus-within { + color: white; + border-color: rgba(189, 147, 249, 0.5); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), .osd spinbutton.vertical > text:backdrop, + .osd entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), .osd spinbutton.vertical > text:disabled, + .osd entry:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(43, 46, 49, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, spinbutton.vertical > text progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: rgba(189, 147, 249, 0.5); + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, spinbutton.vertical > text progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + appchooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + menubutton > button, .linked:not(.vertical) > +entry:drop(active) + dropdown > button, .linked:not(.vertical) > +entry:drop(active) + colorbutton > button, .linked:not(.vertical) > +entry:drop(active) + fontbutton > button, .linked:not(.vertical) > +entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > +entry:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #50fa7a; } +.linked:not(.vertical) > spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > +entry { + border-right-style: solid; + border-right-color: transparent; } + .linked:not(.vertical) > spinbutton:focus-within:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:focus-within, .linked:not(.vertical) > + entry:focus-within { + border-color: rgba(159, 99, 246, 0.5); + box-shadow: 0px 0px 1px 1px rgba(189, 147, 249, 0.5) inset; } + .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text:focus-within + .popup button, .linked:not(.vertical) > + entry:focus-within + .popup button { + border-left-width: 1px; + border-left-style: solid; + border-left-color: rgba(189, 147, 249, 0.5); } + .linked:not(.vertical) > spinbutton:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text + .popup button, .linked:not(.vertical) > + entry + .popup button { + border-radius: 0px 6px 6px 0px; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled) { + border-top-color: rgba(36, 38, 49, 0.97); + background-image: linear-gradient(to bottom, #282a36, #282a36); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled):backdrop { + border-top-color: rgba(38, 40, 51, 0.973); + background-image: linear-gradient(to bottom, #2a2c39, #2a2c39); } +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + text:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: rgba(36, 38, 49, 0.97); } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:focus:not(:only-child), spinbutton.vertical.linked > text + text:focus:not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), +spinbutton.vertical.linked > text + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:focus:not(:only-child), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: rgba(159, 99, 246, 0.5); } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + text:drop(active):not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), +spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #50fa7a; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:focus:not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:focus:not(:only-child) + text, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:focus:not(:only-child) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, +spinbutton.vertical.linked > text:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:focus:not(:only-child) + text, +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: rgba(159, 99, 246, 0.5); } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #50fa7a; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { + background-color: #282a36; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #282a36; } + treeview entry.flat:focus-within, treeview entry:focus-within { + border-color: rgba(189, 147, 249, 0.5); } + +/************* + * Expanders * + *************/ +expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander:hover { + color: white; } + expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #1e1f29; + border-width: 1px; + border-style: solid solid none; + border-color: rgba(25, 26, 34, 0.9); + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #1e1f29; + border-color: rgba(26, 27, 35, 0.91); } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(25, 26, 34, 0.9); } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + actionbar > revealer > box:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: radial-gradient(farthest-side at top, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at top, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: radial-gradient(farthest-side at top, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 100% 3%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at bottom, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: radial-gradient(farthest-side at bottom, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 100% 3%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: radial-gradient(farthest-side at left, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at left, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: radial-gradient(farthest-side at left, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 3% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: radial-gradient(farthest-side at right, rgba(3, 4, 5, 0.9) 85%, rgba(3, 4, 5, 0)), radial-gradient(farthest-side at right, rgba(248, 248, 242, 0.07), rgba(248, 248, 242, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: radial-gradient(farthest-side at right, rgba(26, 27, 35, 0.91) 85%, rgba(26, 27, 35, 0)); + background-size: 3% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(25, 26, 34, 0.9) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #232530; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, rgba(26, 27, 35, 0.91) 1px, transparent 1px); + background-color: #181820; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + border: 1px solid #282a36; + background: #282a36; + color: #f8f8f2; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: rgba(189, 147, 249, 0.5); } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #282a36; + background-image: none; + border: 1px solid #282a36; + color: #f8f8f2; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #282a36; } + GraniteWidgetsWelcome GtkLabel { + color: #f8f8f2; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(248, 248, 242, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + background-color: #1e1f29; + border: solid rgba(25, 26, 34, 0.9); + color: #f8f8f2; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #1e1f29; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #13141a; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(248, 248, 242, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #f1fa8c; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #282a36; } + .storage-bar .fill-block.app { + background-color: #13b1d5; } + .storage-bar .fill-block.audio { + background-color: #ffb86c; } + .storage-bar .fill-block.photo { + background-color: #ff5555; } + .storage-bar .fill-block.video { + background-color: #bd93f9; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), headerbar { + padding: 0 6px; + min-height: 34px; + background-color: #1e1f29; + color: #f8f8f2; + border-radius: 0; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-image: none; + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) headerbar .linked > button:hover, + headerbar .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) headerbar .linked > button:active, + headerbar .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) headerbar .linked > button:checked, + headerbar .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button:backdrop, + headerbar .linked > button, + headerbar .linked > button:hover, + headerbar .linked > button:active, + headerbar .linked > button:checked, + headerbar .linked > button:backdrop { + border: none; + border-radius: 0; + border-right-style: none; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:first-child, + .titlebar:not(headerbar) headerbar .linked > button:first-child, + headerbar .titlebar:not(headerbar) .linked > button:first-child, + headerbar .linked > button:first-child { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + .titlebar:not(headerbar) .linked > button:last-child, + .titlebar:not(headerbar) headerbar .linked > button:last-child, + headerbar .titlebar:not(headerbar) .linked > button:last-child, + headerbar .linked > button:last-child { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-right-style: solid; } + .titlebar:not(headerbar) .linked > button:only-child, + .titlebar:not(headerbar) headerbar .linked > button:only-child, + headerbar .titlebar:not(headerbar) .linked > button:only-child, + headerbar .linked > button:only-child { + border-radius: 0px; + border-style: solid; } + .titlebar:not(headerbar) entry, + headerbar entry { + min-height: 24px; } + .titlebar:not(headerbar) button, + headerbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + min-height: 24px; + margin-top: 5px; + margin-bottom: 5px; } + .titlebar:not(headerbar) button:hover, + headerbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:active, + headerbar button:checked { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .titlebar:not(headerbar) button:backdrop, .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:backdrop:hover, .titlebar:not(headerbar) button:backdrop:active, .titlebar:not(headerbar) button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + background-color: transparent; + color: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:active, + headerbar button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action, + headerbar button.destructive-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:active, + headerbar button.destructive-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop:hover, .titlebar:not(headerbar) button.titlebutton *, + headerbar button.titlebutton:hover, + headerbar button.titlebutton:active, + headerbar button.titlebutton:checked, + headerbar button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop:hover, + headerbar button.titlebutton * { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:active:backdrop, + .titlebar:not(headerbar) .linked > button:checked:backdrop, + headerbar .linked > button:active:backdrop, + headerbar .linked > button:checked:backdrop { + color: rgba(189, 147, 249, 0.4); } + .titlebar:not(headerbar) .linked > button:active:backdrop label, + .titlebar:not(headerbar) .linked > button:checked:backdrop label, + headerbar .linked > button:active:backdrop label, + headerbar .linked > button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + color: #f8f8f2; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: rgba(159, 99, 246, 0.5); + background: rgba(189, 147, 249, 0.5) linear-gradient(to top, rgba(180, 133, 248, 0.5), rgba(186, 142, 249, 0.5) 2px, rgba(189, 147, 249, 0.5) 3px); + box-shadow: inset 0 1px rgba(209, 179, 251, 0.3); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: rgba(189, 147, 249, 0.5); + background-image: none; + box-shadow: inset 0 1px rgba(215, 189, 251, 0.26); } + .selection-mode.titlebar:not(headerbar) button, + headerbar.selection-mode button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.flat, + headerbar.selection-mode button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:hover, + headerbar.selection-mode button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-filter: none; + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:disabled, + headerbar.selection-mode button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button.suggested-action, + headerbar.selection-mode button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(189, 147, 249, 0); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0), rgba(189, 147, 249, 0)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(248, 248, 242, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + padding: 4px; + min-height: 28px; } + .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button, +headerbar menubutton { + margin-top: 5px; + margin-bottom: 5px; } +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar entry > menubutton { + margin-top: 0px; + margin-bottom: 0px; } +headerbar switch { + margin-top: 0; + margin-bottom: 0; } +headerbar separator { + background: transparent; } + +.background:not(.tiled):not(.maximized) .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 4px; } +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { + background: #1e1f29; } + +.sidebar-pane .top-bar, .sidebar-pane .top-bar headerbar, .content-pane .top-bar, .content-pane .top-bar headerbar { + background-color: #1e1f29; } + +.nautilus-window .sidebar-pane .top-bar headerbar { + padding-top: 3px; + padding-bottom: 3px; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #f8f8f2; + background-color: #1e1f29; + border-bottom: 1px solid #08090c; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #f8f8f2; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #f8f8f2; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(248, 248, 242, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(40, 42, 54, 0.98); + color: #f8f8f2; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #f8f8f2; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #282a36; + color: #f8f8f2; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(40, 42, 54, 0.6); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(40, 42, 54, 0.5); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + +.info, .info:backdrop { + color: rgba(80, 250, 122, 0.85); + background-color: transparent; } + +.warning, .warning:backdrop { + color: #ff9f39; + background-color: transparent; } + +.question, .question:backdrop { + color: #72BFD0; + background-color: transparent; } + +.error, .error:backdrop { + color: #ff3c3c; + background-color: transparent; } + +levelbar.horizontal trough > block { + min-height: 5px; + border-radius: 5px; } + levelbar.horizontal trough > block:dir(rtl) { + border-radius: 0 5px 5px 0; } + levelbar.horizontal trough > block:dir(ltr) { + border-radius: 5px 0 0 5px; } + levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { + border-radius: 5px; } +levelbar.horizontal.discrete trough > block { + min-height: 2px; + margin: 1px; + min-width: 24px; + border-radius: 0; } + levelbar.horizontal.discrete trough > block:first-child { + border-radius: 2px 0 0 2px; } + levelbar.horizontal.discrete trough > block:last-child { + border-radius: 0 2px 2px 0; } +levelbar.vertical trough > block { + min-width: 5px; + border-radius: 5px; } +levelbar.vertical.discrete > trough > block { + min-width: 2px; + margin: 1px 0; + min-height: 32px; } +levelbar > trough { + padding: 0; } +levelbar > trough > block { + border: 1px solid; } + levelbar > trough > block.low { + border-color: #ff9f39; + background-color: #ff9f39; } + levelbar > trough > block.high, levelbar > trough > block:not(.empty) { + border-color: #50fa7a; + background-color: #50fa7a; } + levelbar > trough > block.full { + border-color: #4caec3; + background-color: #4caec3; } + levelbar > trough > block.empty { + background-color: #373a4b; + border-color: #373a4b; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #13b1d5; } + *:link:visited, + button:visited { + color: rgba(19, 177, 213, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: rgba(237, 230, 243, 0.8); } + *:link:hover, button:hover:link, + button:hover:visited { + color: #2fc9ec; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: rgba(246, 244, 242, 0.95); } + *:link:active, button:active:link, + button:active:visited { + color: #13b1d5; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: rgba(243, 240, 243, 0.9); } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: rgba(189, 147, 249, 0.5); } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: rgba(243, 240, 243, 0.9); } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list, listview { + color: #f8f8f2; + background-color: #282a36; + border-color: rgba(25, 26, 34, 0.9); } + list:backdrop, listview:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) { + border-left: 1px solid rgba(25, 26, 34, 0.9); } + list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator), listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid rgba(25, 26, 34, 0.9); } + +row:hover { + transition: none; } +row:backdrop { + transition: 200ms ease-out; } +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(248, 248, 242, 0.05); } +row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } +row.activatable:backdrop:hover { + background-color: transparent; } +row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } +row.activatable:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + +columnview > listview > row { + padding: 0; } + columnview > listview > row > cell { + padding: 2px 6px; } + columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; } +columnview.column-separators > listview > row > cell { + border-left-color: rgba(25, 26, 34, 0.9); } +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; } + +treeexpander { + border-spacing: 4px; } + +/******************************************************** + * Data Tables * + * treeview like tables with individual focusable cells * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * + ********************************************************/ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid rgba(25, 26, 34, 0.9); } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid rgba(189, 147, 249, 0.5); } + +columnview row:not(:selected) cell editablelabel.editing text selection { + background-color: rgba(189, 147, 249, 0.4); + color: transparent; } + columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/******************************************************* + * Rich Lists * + * Large list usually containing lots of widgets * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * + *******************************************************/ +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ } + .rich-list > row { + padding: 8px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ } + .rich-list > row > box { + border-spacing: 12px; } + +/******************************************************** + * Complex Lists * + * Put padding on the cell content so event controllers * + * can cover the whole area. * + ********************************************************/ +columnview.complex > listview > row > cell { + padding: 0; } + columnview.complex > listview > row > cell > * { + padding: 8px 6px; } +columnview.complex.data-table > listview > row > cell { + padding: 0; } + columnview.complex.data-table > listview > row > cell > * { + padding-top: 2px; + padding-bottom: 2px; } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #1e1f29; + color: #f8f8f2; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + menubar > item, + .menubar > item { + min-height: 16px; + padding: 4px 8px; } + menubar > item:hover, + .menubar > item:hover { + box-shadow: inset 0 -3px rgba(189, 147, 249, 0.5); } + menubar > item:disabled, + .menubar > item:disabled { + color: #8b8c8e; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background-color: #242530; + border: 1px solid rgba(25, 26, 34, 0.9); + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #282936; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #8b8c8e; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #3e4055; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #8b8c8e; + background-color: transparent; } + menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, .menu > arrow, .context-menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #242530; + border-radius: 0; } + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + background-color: #3d3f49; } + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + background-color: #282936; } + menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } +menuitem check, +menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f0f14; } + .content-view:hover { + -gtk-icon-filter: brightness(1.2); } + .content-view:backdrop { + background-color: #0f0f14; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(248, 248, 242, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #4a4a51; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: rgba(25, 26, 34, 0.9); + border-width: 0px; + background-color: #1e1f29; } + notebook > header:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: #1e1f29; } + notebook > header tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:hover { + background-color: #282a36; + box-shadow: none; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs { + margin-top: -2px; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + background-color: #282a36; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs { + margin-right: -2px; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + background-color: #282a36; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs { + margin-left: -2px; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + background-color: #282a36; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + 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.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + 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.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + outline-offset: -5px; + color: #8b8c8e; + font-weight: bold; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #c2c2c0; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(25, 26, 34, 0.2); + background-color: rgba(30, 31, 41, 0.2); } + notebook > header tab:backdrop { + color: #5f6066; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #f8f8f2; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(25, 26, 34, 0.4); + background-color: rgba(30, 31, 41, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(30, 31, 41, 0.7); } + notebook > header tab:backdrop:checked { + color: #8b8c8e; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + background: transparent; + box-shadow: none; + color: #ff5555; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 0.5px; + padding-right: 0.5px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0.5px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0.5px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #282a36; } + notebook > stack:not(:only-child):backdrop { + background-color: #2a2c39; } + +tabbar:backdrop .box > scrolledwindow, +tabbar:backdrop .box > .start-action, +tabbar:backdrop .box > .end-action { + filter: opacity(1); } +tabbar tabbox { + background-color: #1e1f29; + padding: 0px; + color: #f8f8f2; } + tabbar tabbox > tab:checked, tabbar tabbox > tab:selected, + tabbar tabbox > tabboxchild > tab:checked, + tabbar tabbox > tabboxchild > tab:selected { + background-color: #282a36; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(rgba(189, 147, 249, 0.5)); } + paned > separator:backdrop { + background-image: image(rgba(26, 27, 35, 0.91)); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #1e1f29; + background-image: image(rgba(25, 26, 34, 0.9)), image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #1e1f29; + background-image: image(rgba(26, 27, 35, 0.91)), image(rgba(26, 27, 35, 0.91)); } +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.text-button.image-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; } + +/*************** + * Popovers * + ***************/ +popover.background { + background-color: transparent; + font: initial; } + popover.background > arrow, + popover.background > contents { + background-color: #242530; + background-clip: padding-box; + border: 1px solid rgba(25, 26, 34, 0.9); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); + color: #f8f8f2; } + popover.background:backdrop { + background-color: transparent; + box-shadow: none; } + popover.background > contents { + padding: 8px; + border-radius: 5px; } + popover.background > contents > list, + popover.background > contents > .view, + popover.background > contents > iconview, + popover.background > contents > toolbar { + border-style: none; + background-color: transparent; } + popover.background > contents separator { + background-color: #373a4b; + margin: 3px; } + popover.background > contents list separator { + margin: 0; } + .osd popover.background, popover.background.touch-selection, popover.background.magnifier { + background-color: transparent; } + .osd popover.background > arrow, + .osd popover.background > contents, popover.background.touch-selection > arrow, + popover.background.touch-selection > contents, popover.background.magnifier > arrow, + popover.background.magnifier > contents { + border: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: none; } + +magnifier { + background-color: #282a36; } + +/********************** + * Popover Base Menus * + **********************/ +popover.menu { + padding: 0; } + popover.menu box.inline-buttons { + padding: 0 12px; } + popover.menu box.inline-buttons button.image-button.model { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 30px; + min-width: 30px; + padding: 0; + border: none; + outline: none; + transition: none; } + popover.menu box.inline-buttons button.image-button.model:selected { + background: image(#383a4c); } + popover.menu box.circular-buttons { + padding: 12px 12px 6px; } + popover.menu box.circular-buttons button.circular.image-button.model { + padding: 11px; } + popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: #383a4c; + border-color: #383a4c; } + popover.menu > arrow, popover.menu.background > contents { + background-color: #242530; + color: #f8f8f2; + padding: 5px; } + popover.menu > arrow .view, popover.menu > arrow iconview, popover.menu.background > contents .view, popover.menu.background > contents iconview { + background-color: transparent; } + popover.menu > arrow .view row, popover.menu > arrow iconview row, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { + margin: 0; } + popover.menu.background separator { + margin: 6px 0; } + popover.menu accelerator { + color: alpha(currentColor,0.55); } + popover.menu accelerator:dir(ltr) { + margin-left: 12px; } + popover.menu accelerator:dir(rtl) { + margin-right: 12px; } + popover.menu check:hover, popover.menu check:active, + popover.menu radio:hover, + popover.menu radio:active { + background-color: transparent; } + popover.menu radio { + border-color: rgba(25, 26, 34, 0.9); } + popover.menu radio:active { + border-color: rgba(25, 26, 34, 0.4); } + popover.menu arrow.left, + popover.menu radio.left, + popover.menu check.left { + margin-left: -2px; + margin-right: 6px; } + popover.menu arrow.right, + popover.menu radio.right, + popover.menu check.right { + margin-left: 6px; + margin-right: -2px; } + popover.menu modelbutton, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { + min-height: 30px; + min-width: 40px; + padding: 0 12px; + border-radius: 5px; } + popover.menu modelbutton:selected, popover.menu.background > contents .view row:selected, popover.menu.background > contents iconview row:selected { + color: #f8f8f2; + background-color: #383a4c; } + popover.menu modelbutton:selected:active, popover.menu.background > contents .view row:selected:active, popover.menu.background > contents iconview row:selected:active { + background-color: #4d506a; } + popover.menu label.title { + font-weight: bold; + padding: 4px 32px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(248, 248, 242, 0.4); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar.horizontal progress { + margin: 0; } + progressbar.vertical progress { + margin: 0; } + progressbar:backdrop { + box-shadow: none; + transition: 200ms ease-out; } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + progressbar.osd progress { + border-style: none; + border-radius: 0; } + +/************ + * GtkScale * + ************/ +progressbar trough, scale trough, scale fill { + background-color: rgba(140, 143, 171, 0.14); + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: rgba(0, 0, 0, 0.14); } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: rgba(0, 0, 0, 0.14); + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.14); } + +progressbar progress, scale highlight { + border: none; + background-color: rgba(189, 147, 249, 0.5); + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(0, 0, 0, 0.14); } + progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: rgba(204, 171, 250, 0.5); + background-color: rgba(204, 171, 250, 0.5); } + progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.1); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 6px; } + scale.vertical trough, + scale.vertical progress { + min-width: 6px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + background-color: #bd93f9; } + scale slider:active:disabled { + background-color: #22232e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.05); } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + margin: -6px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; } + scale trough { + outline-offset: 2px; + outline-color: transparent; } + scale fill:backdrop, scale fill { + background-color: rgba(25, 26, 34, 0.9); } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(97, 97, 97, 0.775); } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #282a36; + border: none; + border-radius: 12px; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:active { + border-color: rgba(159, 99, 246, 0.5); } + scale slider:disabled { + background-color: #22232e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:backdrop, scale slider:backdrop:disabled { + transition: 200ms ease-out; + background-color: #5e637f; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + row:selected scale slider:disabled, row:selected scale slider { + border-color: rgba(159, 99, 246, 0.5); } + .osd scale slider { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #14171a; } + .osd scale slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #14171a; } + .osd scale slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #14171a; } + .osd scale slider:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #14171a; } + .osd scale slider:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #14171a; } + .osd scale slider:backdrop:disabled { + background-color: #14171a; } + scale value { + color: alpha(currentColor,0.4); } + scale.horizontal > marks { + color: alpha(currentColor,0.55); } + scale.horizontal > marks.top { + margin-bottom: 6px; } + scale.horizontal > marks.bottom { + margin-top: 6px; } + scale.horizontal > marks indicator { + background-color: currentColor; + min-height: 6px; + min-width: 1px; } + scale.horizontal > value.left { + margin-right: 9px; } + scale.horizontal > value.right { + margin-left: 9px; } + scale.horizontal.fine-tune > marks.top { + margin-top: 3px; } + scale.horizontal.fine-tune > marks.bottom { + margin-bottom: 3px; } + scale.horizontal.fine-tune > marks indicator { + min-height: 3px; } + scale.vertical > marks { + color: alpha(currentColor,0.55); } + scale.vertical > marks.top { + margin-right: 6px; } + scale.vertical > marks.bottom { + margin-left: 6px; } + scale.vertical > marks indicator { + background-color: currentColor; + min-height: 1px; + min-width: 6px; } + scale.vertical > value.top { + margin-bottom: 9px; } + scale.vertical > value.bottom { + margin-top: 9px; } + scale.vertical.fine-tune > marks.top { + margin-left: 3px; } + scale.vertical.fine-tune > marks.bottom { + margin-right: 3px; } + scale.vertical.fine-tune > marks indicator { + min-height: 3px; } + 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.horizontal.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #9498b0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + background-image: image(rgba(25, 26, 34, 0.9)); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #232530; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scrollbar.top { + border-bottom: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.bottom { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.left { + border-right: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar:backdrop { + background-color: #181820; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a2; } + scrollbar slider:hover { + background-color: #cccdca; } + scrollbar slider:hover:active { + background-color: rgba(219, 195, 252, 0.5); } + scrollbar slider:backdrop { + background-color: #4a4b51; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #f8f8f2; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #f8f8f2; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #a1a1a2; } + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #cccdca; } + scrollbar button:active, scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(219, 195, 252, 0.5); } + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(161, 161, 162, 0.2); } + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #4a4b51; } + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(74, 75, 81, 0.2); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid rgba(25, 26, 34, 0.9); + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar, .nautilus-window .navigation-sidebar { + border-style: none; + border-width: 0; + background-color: #232530; } + .sidebar .frame, .nautilus-window .navigation-sidebar .frame { + border: none; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl), .nautilus-window .navigation-sidebar:dir(ltr), .nautilus-window .navigation-sidebar.left, .nautilus-window .navigation-sidebar.left:dir(rtl) { + border-right: none; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right, stacksidebar.sidebar:dir(rtl) list + .nautilus-window .navigation-sidebar:dir(rtl), stacksidebar.sidebar.right list + .nautilus-window .navigation-sidebar:dir(rtl), .nautilus-window .navigation-sidebar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); + border-right-style: none; } + .sidebar:backdrop, .nautilus-window .navigation-sidebar:backdrop { + background-color: #242631; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + .sidebar list, .nautilus-window .navigation-sidebar list { + background-color: #20212b; } + .sidebar row, .nautilus-window .navigation-sidebar row { + padding: 2px 12px; } + .sidebar row:selected, .nautilus-window .navigation-sidebar row:selected { + background: rgba(189, 147, 249, 0.1); + color: #bd93f9; } + .sidebar row:selected:backdrop, .nautilus-window .navigation-sidebar row:selected:backdrop { + background: rgba(189, 147, 249, 0.1); } + .sidebar row:selected:backdrop label, .nautilus-window .navigation-sidebar row:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .sidebar row:selected:hover, .nautilus-window .navigation-sidebar row:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar row:selected label, .nautilus-window .navigation-sidebar row:selected label { + color: #bd93f9; } + .sidebar.source-list, .nautilus-window .navigation-sidebar.source-list { + background-color: #1e1f29; + color: #F2EFEA; + padding: 4px 0px; } + .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active, .nautilus-window .navigation-sidebar.source-list.view:selected:active, .nautilus-window iconview.navigation-sidebar.source-list:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover, .nautilus-window .navigation-sidebar.source-list.view:selected.has-open-popup, .nautilus-window iconview.navigation-sidebar.source-list:selected.has-open-popup, .nautilus-window .navigation-sidebar.source-list.view:selected:hover, .nautilus-window iconview.navigation-sidebar.source-list:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop, .nautilus-window .navigation-sidebar.source-list.view:selected:backdrop, .nautilus-window iconview.navigation-sidebar.source-list:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover, .nautilus-window .navigation-sidebar.source-list.view:hover, .nautilus-window iconview.navigation-sidebar.source-list:hover, .nautilus-window .navigation-sidebar.source-list.view iconview.source-list:hover, .nautilus-window iconview.navigation-sidebar.source-list iconview.source-list:hover { + background-color: rgba(40, 42, 54, 0.6); } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar, paned .nautilus-window .navigation-sidebar.left, paned .nautilus-window .navigation-sidebar.right, paned .nautilus-window .navigation-sidebar.left:dir(rtl), paned .nautilus-window .navigation-sidebar:dir(rtl), paned .nautilus-window .navigation-sidebar:dir(ltr), paned .nautilus-window .navigation-sidebar { + border-style: none; + border-color: rgba(25, 26, 34, 0.9); } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + padding: 1px 11px; } + placessidebar row label { + padding-left: 8px; } + placessidebar row.sidebar-new-bookmark-row { + color: rgba(189, 147, 249, 0.5); } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #50fa7a, inset 0 -1px #50fa7a; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #f8f8f2; } + +.bottom-bar { + background-color: #282a36; } + .bottom-bar button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .bottom-bar button .view, .bottom-bar button iconview { + background-color: transparent; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + font-feature-settings: "tnum"; } + spinbutton:not(.vertical) { + padding: 0; + border-spacing: 0; + /* :not here just to bump specificity above that of the list button styling */ } + spinbutton:not(.vertical) > text, .osd spinbutton:not(.vertical) > text { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; } + spinbutton:not(.vertical) > text:backdrop:disabled, .osd spinbutton:not(.vertical) > text:backdrop:disabled { + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat), + spinbutton:not(.vertical) > button.image-button.down:not(.flat) { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #e3e3df; + background-image: none; + border-style: none none none solid; + border-color: rgba(25, 26, 34, 0.2); + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { + color: #f8f8f2; + background-color: #3e4153; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + color: rgba(139, 140, 142, 0.3); + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { + background-color: #44485c; + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); + color: #f8f8f2; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.8); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #898b8c; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + spinbutton.vertical:disabled { + color: #8b8c8e; } + spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } + spinbutton.vertical > text { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; } + spinbutton.vertical > text > selection { + background-color: rgba(189, 147, 249, 0.4); + color: transparent; } + spinbutton.vertical > text > selection:focus-within { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + spinbutton.vertical > button { + min-height: 32px; + min-width: 32px; + padding: 0; } + spinbutton.vertical > button.up { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + spinbutton.vertical > button.down { + border-top-style: none; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .osd spinbutton.vertical > button:first-child { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical > button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical > button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical > button:first-child:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: rgba(189, 147, 249, 0.5); } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + 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; } + +/********** + * Switch * + **********/ +switch { + font-size: 1px; + min-width: 45px; + min-height: 27px; + background-size: 45px 27px; + background-color: transparent; + background-repeat: no-repeat; + background-position: center center; + background-image: -gtk-scaled(url("../assets/switch-off.svg"), url("../assets/switch-off.svg")); } + switch:disabled { + background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"), url("../assets/switch-insensitive.svg")); } + switch, switch slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; } + switch:checked { + background-image: -gtk-scaled(url("../assets/switch-on.svg"), url("../assets/switch-on.svg")); } + switch:checked slider { + background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"), url("../assets/switch-slider-on@2.png")); } + switch slider { + min-width: 1px; + min-height: 1px; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"), url("../assets/switch-slider-off@2.png")); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar > revealer > box { + padding: 4px; + background-color: #1e1f29; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(20, 23, 26, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + toolbar.horizontal separator { + margin: 0 7px 1px 6px; } + toolbar.vertical separator { + margin: 6px 1px 7px 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.inline-toolbar { + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; } + +searchbar > revealer > box { + border-width: 0 0 1px; + padding: 5px; } + +.inline-toolbar, searchbar > revealer > box { + border-style: solid; + border-color: rgba(25, 26, 34, 0.9); + background-color: rgba(29, 30, 39, 0.97); } + .inline-toolbar:backdrop, searchbar > revealer > box:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: rgba(29, 30, 39, 0.9685); + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #282a36; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(0, 0, 0, 0.8); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: white; } + +columnview.view, +treeview.view { + border-left-color: rgba(25, 26, 34, 0.9); + border-top-color: rgba(25, 26, 34, 0.9); } + columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; + outline-color: #ff5555; } + columnview.view:disabled, + treeview.view:disabled { + color: #8b8c8e; } + columnview.view:disabled:selected, + treeview.view:disabled:selected { + color: rgba(228, 214, 244, 0.7); } + columnview.view:disabled:selected:backdrop, + treeview.view:disabled:selected:backdrop { + color: rgba(207, 177, 247, 0.5); } + columnview.view.separator, + treeview.view.separator { + min-height: 2px; + color: rgba(25, 26, 34, 0.9); } + columnview.view:backdrop, + treeview.view:backdrop { + border-left-color: #3c3e48; + border-top: #3c3e48; } + columnview.view:drop(active), + treeview.view:drop(active) { + box-shadow: none; } + columnview.view > dndtarget:drop(active), + treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: rgba(159, 99, 246, 0.5); } + columnview.view > dndtarget:drop(active).after, + treeview.view > dndtarget:drop(active).after { + border-top-style: none; } + columnview.view > dndtarget:drop(active).before, + treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; } + columnview.view.expander, + treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #bababa; } + columnview.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + columnview.view.expander:hover, + treeview.view.expander:hover { + color: #f8f8f2; } + columnview.view.expander:selected, + treeview.view.expander:selected { + color: rgba(241, 235, 243, 0.85); } + columnview.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #f8f8f2; } + columnview.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view.progressbar, + treeview.view.progressbar { + border: 1px solid rgba(159, 99, 246, 0.5); + border-radius: 4px; + background-color: rgba(189, 147, 249, 0.5); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(159, 99, 246, 0.5)); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: image(#282a36); } + columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + background-color: #2a2c39; } + columnview.view.trough, + treeview.view.trough { + background-color: rgba(248, 248, 242, 0.1); } + columnview.view.trough:selected:focus, columnview.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: rgba(159, 99, 246, 0.5); } + columnview.view > header > button, + treeview.view > header > button { + color: #c2c5d2; + background-color: #282a36; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + columnview.view > header > button:hover, + treeview.view > header > button:hover { + color: #dddfe2; + box-shadow: none; + transition: none; } + columnview.view > header > button:active, + treeview.view > header > button:active { + color: #f8f8f2; + transition: none; } + columnview.view > header > button:backdrop, + treeview.view > header > button:backdrop { + box-shadow: none; } + columnview.view > header > button sort-indicator, + treeview.view > header > button sort-indicator { + min-height: 16px; + min-width: 16px; } + columnview.view > header > button sort-indicator.ascending, + treeview.view > header > button sort-indicator.ascending { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + columnview.view > header > button sort-indicator.descending, + treeview.view > header > button sort-indicator.descending { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, + columnview.view header.button.dnd:active, + columnview.view header.button.dnd:selected, + columnview.view header.button.dnd:hover, + columnview.view header.button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 0 6px; + color: #ff5555; + background-image: none; + background-color: rgba(189, 147, 249, 0.5); + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px #282a36; + text-shadow: none; + transition: none; } + columnview.view acceleditor > label, + treeview.view acceleditor > label { + background-color: rgba(189, 147, 249, 0.5); } + +columnview.view > header > button, +treeview.view > header > button, columnview.view > header > button:hover, +treeview.view > header > button:hover, columnview.view > header > button:active, +treeview.view > header > button:active { + padding: 0 6px; + background-image: none; + border-style: none none solid solid; + border-width: 1px; + border-color: rgba(25, 26, 34, 0.9); + border-radius: 0; + text-shadow: none; + box-shadow: none; } + columnview.view > header > button:disabled, + treeview.view > header > button:disabled { + border-color: #1e1f29; + background-image: none; } + columnview.view > header > button:last-child:backdrop, + treeview.view > header > button:last-child:backdrop, columnview.view > header > button:last-child, + treeview.view > header > button:last-child { + border-right-style: none; } + +/********************** + * Window Decorations * + *********************/ +window { + border-width: 0px; } + window.csd { + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 0px; + border-radius: 4px 4px 0 0; } + window.csd: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.75); + transition: 200ms ease-out; } + window.csd.popup { + border-radius: 7px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + window.csd.dialog.message { + border-radius: 4px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + window.solid-csd { + margin: 0; + padding: 4px; + border: solid 1px rgba(25, 26, 34, 0.9); + border-radius: 0; + box-shadow: inset 0 0 0 4px rgba(25, 26, 34, 0.9), inset 0 0 0 3px #1e1f29, inset 0 1px rgba(248, 248, 242, 0.07); } + window.solid-csd:backdrop { + box-shadow: inset 0 0 0 4px rgba(25, 26, 34, 0.9), inset 0 0 0 3px #1e1f29, inset 0 1px rgba(248, 248, 242, 0.07); } + window.maximized, window.fullscreen { + border-radius: 0; + box-shadow: none; } + window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { + border-radius: 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + window.popup { + box-shadow: none; } + window.ssd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { + min-width: 20px; + min-height: 20px; + margin: 0; + padding: 0 1px; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; } + windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:focus, windowcontrols button.close:active, windowcontrols button.close:backdrop, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:focus, windowcontrols button.maximize:active, windowcontrols button.maximize:backdrop, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:focus, windowcontrols button.minimize:active, windowcontrols button.minimize:backdrop, windowcontrols button.minimize:backdrop:hover { + background-color: transparent; + border: none; + box-shadow: none; + color: transparent; } +windowcontrols button.close { + background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } + windowcontrols button.close:hover, windowcontrols button.close:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } +windowcontrols button.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } + windowcontrols button.maximize:hover, windowcontrols button.maximize:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } +windowcontrols button.minimize { + background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } + windowcontrols button.minimize:hover, windowcontrols button.minimize:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } +windowcontrols button:backdrop { + -gtk-icon-shadow: none; + background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: 0 -1px rgba(0, 0, 0, 0.3788235294); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.3788235294); } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +textview > text:selected:focus, +textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, +entry selection:focus, +entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: rgba(189, 147, 249, 0.5); } + row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, + entry selection:focus, + entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #f8f8f2; + font-weight: normal; } + row:selected label:disabled, label:disabled:selected, .selection-mode windowcontrols button:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + textview > text:disabled:selected:focus, + textview > text:disabled:selected, textview > text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, spinbutton.vertical > text selection:disabled, + entry selection:disabled, row:disabled:selected { + color: rgba(233, 223, 244, 0.75); } + row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + textview > text:backdrop:selected:focus, + textview > text:backdrop:selected, textview > text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, spinbutton.vertical > text selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(248, 248, 242, 0.5); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode windowcontrols button:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + textview > text:backdrop:disabled:selected, textview > text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, spinbutton.vertical > text selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(207, 177, 247, 0.5); } + +.monospace { + font-family: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********* +* Budgie * +*********/ +.budgie-container { + background-color: transparent; } + .budgie-container:backdrop { + background-color: transparent; } + .budgie-container popover list, + .budgie-container popover row { + border: none; + background: none; + padding: 0; + margin: 0; } + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; } + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: rgba(30, 31, 41, 0.98); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid @borders; } + .budgie-popover list:hover, + .budgie-popover row:hover, + .budgie-popover.background list:hover, + .budgie-popover.background row:hover { + background: none; } + .budgie-popover > frame.container, + .budgie-popover.background > frame.container { + margin: 0 -1px -1px; + padding: 2px 0 0; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu .container { + padding: 0; } +.budgie-menu button:hover { + -gtk-icon-filter: none; } +.budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid @borders; + border-radius: 0; + font-size: 120%; + box-shadow: none; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background-color: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid @borders; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid @borders; } +.budgie-menu .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(248, 248, 242, 0.05); + color: #f8f8f2; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #f8f8f2; + background-color: rgba(174, 123, 248, 0.3); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(248, 248, 242, 0.7); } +.budgie-menu scrollbar { + background-color: transparent; + border-color: transparent; } +.budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } +.budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #f8f8f2; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop { + color: #f8f8f2; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + box-shadow: none; + background-color: transparent; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(248, 248, 242, 0.1); } +.user-menu button { + margin: 5px; } +.user-menu > box.vertical row.activatable:first-child .indicator-item, +.user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + background-color: #72BFD0; + transition-duration: 0.2s; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { + padding-left: 7px; + background-position: left center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { + padding-right: 7px; + background-position: right center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { + color: #f8f8f2; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { + padding-left: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { + padding-right: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { + color: #f8f8f2; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { + min-width: 24px; + min-height: 20px; } + +button.raven-trigger { + padding-left: 2px; + padding-right: 2px; + color: #f8f8f2; + box-shadow: none; } + button.raven-trigger:hover { + color: #f8f8f2; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + button.raven-trigger:backdrop { + color: #f8f8f2; } + button.raven-trigger:backdrop:hover { + color: #f8f8f2; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: rgba(189, 147, 249, 0.5); + background-color: transparent; } + +.places-menu .container { + padding: 0; } +.places-menu .message-bar { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.places-menu .name-button { + border: 0; + border-radius: 0; + padding: 4px 6px; } +.places-menu .unmount-button { + padding: 4px 4px; + border: 0; + border-radius: 0; } +.places-menu .places-section-header { + padding: 0px; + border-bottom: 1px solid rgba(25, 26, 34, 0.85); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } +.places-menu .places-section-header > button { + padding: 8px; + border: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +.places-menu .places-list { + background: rgba(248, 248, 242, 0.04); + border-bottom: 1px solid rgba(25, 26, 34, 0.85); } +.places-menu .unlock-area { + border-top: 1px solid rgba(25, 26, 34, 0.75); + border-bottom: 1px solid rgba(25, 26, 34, 0.75); } +.places-menu .unlock-area entry { + border-radius: 0; + border: 0; } +.places-menu .unlock-area button { + border-radius: 0; + border: 0; + border-left: 1px solid rgba(25, 26, 34, 0.75); } +.places-menu .alternative-label { + font-size: 15px; + padding: 3px; } +.places-menu .always-expand { + background: transparent; + border-bottom: none; } + +.night-light-indicator .container { + padding: 0; } +.night-light-indicator .view-header { + font-size: 14px; + padding: 10px; + border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04); } +.night-light-indicator .display-settings-button { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border: none; + padding: 3px; + border-top: 1px solid mix(@theme_base_color, #000000, 0.35); + box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04); } + +.budgie-panel { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #ff5555; } + .budgie-panel:backdrop { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #f8f8f2; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(8, 9, 12, 0.2); } + .top .budgie-panel.transparent { + border-bottom-color: transparent; } + .bottom .budgie-panel.transparent { + border-top-color: transparent; } + .left .budgie-panel.transparent { + border-right-color: transparent; } + .right .budgie-panel.transparent { + border-left-color: transparent; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(248, 248, 242, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #f8f8f2; } + +.budgie-panel #tasklist-button, +.budgie-panel #tasklist-button:backdrop { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(8, 9, 12, 0); + border-radius: 0; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; } + +.budgie-panel button.flat.launcher { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(8, 9, 12, 0); + border-radius: 0; + padding: 0; + background-clip: padding-box; + background-color: transparent; } + .budgie-panel button.flat.launcher { + box-shadow: none; } + +.budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, +.budgie-panel .pinned button.flat.launcher.running:hover { + box-shadow: none; } +.budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, +.budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, +.budgie-panel .pinned button.flat.launcher.running:checked { + box-shadow: none; } +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { + padding-bottom: 2px; + border-top: 2px solid transparent; } + .top .budgie-panel .pinned button.flat.launcher:not(.running) { + border-top: 2px solid transparent; } + + .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + + .top .budgie-panel .unpinned button.flat.launcher, + .top .budgie-panel .pinned button.flat.launcher.running { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { + border-top: 2px solid rgba(255, 255, 255, 0.25); } + .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { + border-top: 2px solid rgba(189, 147, 249, 0.5); } +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { + padding-top: 2px; + border-bottom: 2px solid transparent; } + .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { + border-bottom: 2px solid transparent; } + + .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + + .bottom .budgie-panel .unpinned button.flat.launcher, + .bottom .budgie-panel .pinned button.flat.launcher.running { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.25); } + .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + border-bottom: 2px solid rgba(189, 147, 249, 0.5); } +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { + padding-right: 2px; + border-left: 2px solid transparent; } + .left .budgie-panel .pinned button.flat.launcher:not(.running) { + border-left: 2px solid transparent; } + + .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + + .left .budgie-panel .unpinned button.flat.launcher, + .left .budgie-panel .pinned button.flat.launcher.running { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { + border-left: 2px solid rgba(255, 255, 255, 0.25); } + .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { + border-left: 2px solid rgba(189, 147, 249, 0.5); } +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { + padding-left: 2px; + border-right: 2px solid transparent; } + .right .budgie-panel .pinned button.flat.launcher:not(.running) { + border-right: 2px solid transparent; } + + .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + + .right .budgie-panel .unpinned button.flat.launcher, + .right .budgie-panel .pinned button.flat.launcher.running { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { + border-right: 2px solid rgba(255, 255, 255, 0.25); } + .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { + border-right: 2px solid rgba(189, 147, 249, 0.5); } + +.top .budgie-panel { + border-bottom: 1px solid rgba(15, 15, 20, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(30, 31, 41, 0.92); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(15, 15, 20, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(30, 31, 41, 0.92); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(15, 15, 20, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(30, 31, 41, 0.92); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(15, 15, 20, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(30, 31, 41, 0.92); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } + +.raven { + padding: 0; + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.92); + transition: 170ms ease-out; } + .raven .raven-header { + min-height: 32px; + color: #f8f8f2; + border: solid rgba(25, 26, 34, 0.85); + border-width: 1px 0; + background-color: rgba(30, 31, 41, 0.2); } + .raven .raven-header * { + padding-top: 0; + padding-bottom: 0; } + .raven .raven-header.top { + border-top-style: none; + border-color: transparent; + margin-top: 3px; + min-height: 32px; } + .raven .raven-header.top button.image-button:hover { + color: rgba(174, 123, 248, 0.5); + box-shadow: none; } + .raven .raven-header > button.text-button { + border-radius: 2px; + color: #f8f8f2; + background-color: rgba(255, 60, 60, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:hover { + border-radius: 2px; + color: #f8f8f2; + background-color: rgba(255, 85, 85, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:active { + color: #f8f8f2; + background-color: rgba(255, 111, 111, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header.bottom { + border-bottom-style: none; } + .raven .raven-header button { + background-color: transparent; + color: #f8f8f2; + border-radius: 0; + border: none; + box-shadow: none; + margin-top: -4px; + margin-bottom: -4px; + min-height: 32px; } + .raven .raven-header button:hover { + border-radius: 0; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + .raven .raven-header button:active, .raven .raven-header button:checked { + color: rgba(189, 147, 249, 0.5); + border-radius: 0; + background-color: transparent; } + .raven .raven-header button:disabled { + color: #8b8c8e; } + .raven list { + background-color: transparent; } + .raven list:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven .raven-background { + color: #f8f8f2; + background-color: transparent; + border-color: transparent; } + .raven .raven-background.middle { + border-bottom-style: none; } + .raven .powerstrip { + background-color: transparent; + border-top-color: transparent; } + .raven .powerstrip button.image-button { + border-radius: 50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: rgba(68, 71, 90, 0.7); + color: #f8f8f2; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + border: none; + font-size: 100%; } + .raven .powerstrip button.image-button:hover { + transition: 170ms ease all; + background: rgba(68, 71, 90, 0.85); + color: #f8f8f2; } + .raven .powerstrip button.image-button:active { + transition: 170ms ease all; + background: #44475a; + color: #f8f8f2; } + .raven .powerstrip button.image-button:first-child { + background: rgba(114, 191, 208, 0.7); } + .raven .powerstrip button.image-button:first-child:hover { + background: rgba(114, 191, 208, 0.85); } + .raven .powerstrip button.image-button:first-child:active { + background: #72BFD0; } + .raven .powerstrip button.image-button:last-child { + background: rgba(255, 85, 85, 0.7); } + .raven .powerstrip button.image-button:last-child:hover { + background: rgba(255, 85, 85, 0.85); } + .raven .powerstrip button.image-button:last-child:active { + background: #ff5555; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 4px; + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.2); + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: transparent; + color: rgba(189, 147, 249, 0.5); + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #f8f8f2; + border: none; + border-radius: 0; + background-color: transparent; } + calendar.raven-calendar button, calendar.raven-calendar button:focus { + color: alpha(currentColor,0.5); + background-color: transparent; } + calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { + color: #f8f8f2; + background-color: transparent; } + +.raven-mpris { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.9); + border: solid rgba(255, 255, 255, 0.1); + border-width: 1px 0; + border-bottom-color: rgba(0, 0, 0, 0.1); } + .raven-mpris button.image-button { + padding: 10px; + background-color: #282a36; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + .raven-mpris button.image-button:hover { + background-color: rgba(189, 147, 249, 0.5); } + .raven-mpris button.image-button:active { + background-color: rgba(174, 123, 248, 0.5); } + .raven-mpris button.image-button:first-child { + margin-right: 4px; } + .raven-mpris button.image-button:last-child { + margin-left: 4px; } + .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { + padding: 4px; + margin-top: 6px; + margin-bottom: 6px; } + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background: none; + border-radius: 1px; } + .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { + background-color: #72BFD0; + color: #464626; + border: none; + margin: 0 3px; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #5fb6ca; + border: none; } + .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { + background-color: #5fb6ca; } + +.budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { + border-radius: 1px; } +.budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { + font-size: 110%; + color: #f8f8f2; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(248, 248, 242, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #f8f8f2; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #ff5555; + box-shadow: none; } + .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { + background-color: transparent; + color: #ff3c3c; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #f8f8f2; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: rgba(142, 110, 187, 0.55); } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(248, 248, 242, 0.7); + background-color: rgba(189, 147, 249, 0.3); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(248, 248, 242, 0.8); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(248, 248, 242, 0.8); } + .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + font-size: 120%; } + .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: #f8f8f2; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + font-weight: 700; } + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + border-left: none; + border-bottom-left-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + border-right: none; + border-bottom-right-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(189, 147, 249, 0.4); } + .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { + background-color: rgba(114, 191, 208, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { + background-color: rgba(133, 200, 214, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { + background-color: rgba(133, 200, 214, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { + background-color: rgba(255, 34, 34, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { + background-color: rgba(255, 60, 60, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { + background-color: rgba(255, 60, 60, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #f8f8f2; } + .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { + background-color: #505359; } + .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { + background-color: #505359; } + +.budgie-polkit-dialog .message { + color: rgba(248, 248, 242, 0.7); } +.budgie-polkit-dialog .failure { + color: #ff5555; } + +.budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { + font-size: 120%; + padding: 8px 5px; + border: none; + box-shadow: none; } + .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { + color: #f8f8f2; } + .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list row:selected .subtitle, +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle { + opacity: 1; } +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0); } + +.budgie-menubar menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-menubar menu menuitem:hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } +.budgie-menubar arrow { + border: none; + min-width: 16px; + min-height: 16px; } + .budgie-menubar arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid rgba(55, 56, 64, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(55, 56, 64, 0.928); } +.budgie-menubar menuitem accelerator { + color: rgba(248, 248, 242, 0.35); } +.budgie-menubar menuitem check, .budgie-menubar menuitem radio { + min-height: 16px; + min-width: 16px; } + +window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { + border-style: none none solid; } + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(8, 9, 12, 0.95); } + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; } + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; } + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; } +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { + border: 0 solid rgba(30, 31, 41, 0.95); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), + .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; } + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), + .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; } + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; } +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.95); } +.workspace-switcher .workspace-add-button { + border: none; + background: transparent; + box-shadow: none; } + .workspace-switcher .workspace-add-button:hover { + box-shadow: none; } + .workspace-switcher .workspace-add-button:active { + background-image: none; } + .workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; } +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; } + +/************ + * Nautilus * + ************/ +.nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { + background: transparent; + color: rgba(189, 147, 249, 0.5); } +.nautilus-window .frame *:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(33, 35, 45, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(189, 147, 249, 0.4); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(40, 42, 54, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(189, 147, 249, 0.4); } +.nautilus-window notebook > stack:only-child { + background-color: #282a36; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #2a2c39; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } +.nautilus-window .titlebar .search { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; } +.nautilus-window .path-bar-box .dim-label, .nautilus-window .path-bar-box label.separator, .nautilus-window .path-bar-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar-box .subtitle, +.nautilus-window .path-bar-box headerbar .subtitle, +headerbar .nautilus-window .path-bar-box .subtitle { + color: transparent; } +.nautilus-window .path-bar-box widget > .text-button:last-child { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window .path-bar-box button { + transition: all 100ms ease-in; + margin-left: -5px; } + .nautilus-window .path-bar-box button:backdrop:hover, .nautilus-window .path-bar-box button:backdrop:active, .nautilus-window .path-bar-box button:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box button:backdrop:hover label, .nautilus-window .path-bar-box button:backdrop:active label, .nautilus-window .path-bar-box button:backdrop:checked label { + color: rgba(189, 147, 249, 0.4); } +.nautilus-window .path-buttons-box, .nautilus-window #NautilusPathBar { + background: transparent; + margin-top: 7px; + margin-bottom: 7px; } + .nautilus-window .path-buttons-box .dim-label, .nautilus-window .path-buttons-box label.separator, .nautilus-window .path-buttons-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box .subtitle, + .nautilus-window .path-buttons-box headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box .subtitle, .nautilus-window #NautilusPathBar .dim-label, .nautilus-window #NautilusPathBar label.separator, .nautilus-window #NautilusPathBar .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar .subtitle, + .nautilus-window #NautilusPathBar headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar .subtitle { + color: transparent; + margin-right: -5px; } + .nautilus-window .path-buttons-box button .horizontal .dim-label, .nautilus-window .path-buttons-box button .horizontal label.separator, .nautilus-window .path-buttons-box button .horizontal .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button .horizontal .subtitle, + .nautilus-window .path-buttons-box button .horizontal headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box button .horizontal .subtitle, .nautilus-window #NautilusPathBar button .horizontal .dim-label, .nautilus-window #NautilusPathBar button .horizontal label.separator, .nautilus-window #NautilusPathBar button .horizontal .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button .horizontal .subtitle, + .nautilus-window #NautilusPathBar button .horizontal headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button .horizontal .subtitle { + color: #f8f8f2; + padding: 3px 12px; + margin: 0; } + .nautilus-window .path-buttons-box button:hover, .nautilus-window .path-buttons-box button:focus, .nautilus-window #NautilusPathBar button:hover, .nautilus-window #NautilusPathBar button:focus { + background-color: transparent; + box-shadow: none; } + .nautilus-window .path-buttons-box button:hover .dim-label, .nautilus-window .path-buttons-box button:hover label.separator, .nautilus-window .path-buttons-box button:hover .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button:hover .subtitle, + .nautilus-window .path-buttons-box button:hover headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box button:hover .subtitle, .nautilus-window .path-buttons-box button:focus .dim-label, .nautilus-window .path-buttons-box button:focus label.separator, .nautilus-window .path-buttons-box button:focus .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button:focus .subtitle, + .nautilus-window .path-buttons-box button:focus headerbar .subtitle, + headerbar .nautilus-window .path-buttons-box button:focus .subtitle, .nautilus-window #NautilusPathBar button:hover .dim-label, .nautilus-window #NautilusPathBar button:hover label.separator, .nautilus-window #NautilusPathBar button:hover .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button:hover .subtitle, + .nautilus-window #NautilusPathBar button:hover headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button:hover .subtitle, .nautilus-window #NautilusPathBar button:focus .dim-label, .nautilus-window #NautilusPathBar button:focus label.separator, .nautilus-window #NautilusPathBar button:focus .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button:focus .subtitle, + .nautilus-window #NautilusPathBar button:focus headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button:focus .subtitle { + color: #bd93f9; } + .nautilus-window .path-buttons-box button:active, .nautilus-window #NautilusPathBar button:active { + background-color: transparent; } + .nautilus-window .path-buttons-box button > .horizontal > image.dim-label, .nautilus-window .path-buttons-box .titlebar:not(headerbar) button > .horizontal > image.subtitle, .titlebar:not(headerbar) .nautilus-window .path-buttons-box button > .horizontal > image.subtitle, + .nautilus-window .path-buttons-box headerbar button > .horizontal > image.subtitle, + headerbar .nautilus-window .path-buttons-box button > .horizontal > image.subtitle, .nautilus-window #NautilusPathBar button > .horizontal > image.dim-label, .nautilus-window #NautilusPathBar .titlebar:not(headerbar) button > .horizontal > image.subtitle, .titlebar:not(headerbar) .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle, + .nautilus-window #NautilusPathBar headerbar button > .horizontal > image.subtitle, + headerbar .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle { + padding: 3px 0px 3px 12px; + border-right: none; + margin-right: -6px; } + .nautilus-window .path-buttons-box button, .nautilus-window #NautilusPathBar button { + background: transparent; + border: none; + margin: 0; + padding: 0; } + .nautilus-window .path-buttons-box .current-dir label, .nautilus-window #NautilusPathBar .current-dir label { + border-radius: 4px; + padding: 1px 12px; } + .nautilus-window .path-buttons-box .current-dir label, .nautilus-window .path-buttons-box .current-dir image, .nautilus-window #NautilusPathBar .current-dir label, .nautilus-window #NautilusPathBar .current-dir image { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-buttons-box button.current-dir:only-child image, .nautilus-window #NautilusPathBar button.current-dir:only-child image { + margin-right: -6px; + padding: 0px 0px 0px 12px; + border-radius: 4px 0px 0px 4px; } + .nautilus-window .path-buttons-box button.current-dir:only-child label, .nautilus-window #NautilusPathBar button.current-dir:only-child label { + border-radius: 0px 4px 4px 0px; } +.nautilus-window #NautilusQueryEditor > menubutton > button:hover image, .nautilus-window #NautilusQueryEditor > menubutton > button:active image, .nautilus-window #NautilusQueryEditor > menubutton > button:checked image { + color: #f8f8f2; } + +.nautilus-circular-button { + border-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #f8f8f2; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #f8f8f2; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #f8f8f2; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #f8f8f2; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #1e1f29; } + +/********* + * Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + transition: none; + box-shadow: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + border-color: rgba(189, 147, 249, 0.5); } + +/******************* + * Calendar events * +********************/ +.color-light.timed label, .color-light .event-popover label { + color: #f8f8f2; + opacity: 1; } +.color-light label { + color: #1e1f29; + opacity: 1; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #282a36; + background-color: #282a36; } + .gala-notification .title, + .gala-notification .label { + color: #f8f8f2; } + +.gala-button { + padding: 3px; + color: #282a36; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(40, 42, 54, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #f8f8f2; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(189, 147, 249, 0); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #f8f8f2; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(189, 147, 249, 0); + color: #f8f8f2; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font-size: 18px; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #f8f8f2; } + +/********* + * Panel * + ********/ +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { + color: rgba(0, 0, 0, 0.6); + text-shadow: 0 1px rgba(255, 255, 255, 0.1); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/********* + * Cards * + *********/ +.deck { + background-color: #0d0d11; } + +.card { + background-color: #282a36; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #1d1f27; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/******** + * Snap * + ********/ +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #1e1f29; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #f8f8f2; } + +/********* +* Avatar * +*********/ +.avatar { + border: 1px solid rgba(0, 0, 0, 0.23); + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } + +/**level bars**/ +.sidebar.source-list.view.level-bar, iconview.sidebar.source-list.level-bar, .sidebar.source-list.view.level-bar:selected, iconview.sidebar.source-list.level-bar:selected, .sidebar.source-list.view.level-bar:selected:focus, iconview.sidebar.source-list.level-bar:selected:focus { + background: linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14)); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + border-radius: 2px; } +.sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block { + border: none; } + .sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block, .sidebar.source-list.view.fill-block:hover, iconview.sidebar.source-list.fill-block:hover, .sidebar.source-list.view.fill-block:selected, iconview.sidebar.source-list.fill-block:selected, .sidebar.source-list.view.fill-block:selected:focus, iconview.sidebar.source-list.fill-block:selected:focus { + background: linear-gradient(rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; } + checkbutton.color-button > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; } + checkbutton.color-button.none > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); } + +radiobutton.color-button > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 100px; + background-clip: border-box; } +radiobutton.color-button:active > radio { + border: 1px solid rgba(0, 0, 0, 0.35); } + +.color-button check, +.color-button check:checked, +.color-button radio, +.color-button radio:checked { + background-image: none; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; + color: #282a36; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { + background-color: @STRAWBERRY_300; + -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } +.color-button.orange check, .color-button.orange radio { + background-color: @ORANGE_300; + -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { + background-color: @BANANA_500; + -gtk-icon-shadow: 0 1px 1px @BANANA_700; } +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { + background-color: @LIME_500; + -gtk-icon-shadow: 0 1px 1px @LIME_700; } +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { + background-color: @BLUEBERRY_500; + -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { + background-color: @GRAPE_500; + -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { + background-color: @COCOA_300; + -gtk-icon-shadow: 0 1px 1px @COCOA_500; } +.color-button.mint check, .color-button.mint radio { + background-color: @MINT_500; + -gtk-icon-shadow: 0 1px 1px @MINT_700; } +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { + background-color: @BUBBLEGUM_500; + -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } +.color-button.slate check, .color-button.slate radio { + background-color: @SLATE_300; + -gtk-icon-shadow: 0 1px 1px @SLATE_500; } +.color-button.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); } + +.xfce4-panel.background { + background-color: #1e1f29; + color: #f8f8f2; + text-shadow: none; + -gtk-icon-shadow: none; } +.xfce4-panel#XfcePanelWindow, .xfce4-panel#XfcePanelWindow.marching-ants { + transition: none; } + +#tasklist-button { + color: rgba(255, 255, 255, 0.8); + border-radius: 0; + border: none; + background-color: rgba(30, 31, 41, 0); } + #tasklist-button:hover { + color: white; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px rgba(189, 147, 249, 0.5); } + +.xfce4-panel.background button.flat:not(.open_group) { + color: white; + border-radius: 0; + border: none; + background-color: rgba(30, 31, 41, 0); + font-weight: normal; } + .xfce4-panel.background button.flat:hover:not(.open_group) { + border: none; + background-color: #343546; } + .xfce4-panel.background button.flat:active:not(.open_group), .xfce4-panel.background button.flat:checked:not(.open_group) { + color: white; + border-bottom: 2px solid rgba(189, 147, 249, 0.5); + background-color: #1a1b23; } + .xfce4-panel.background button.flat:active:not(.open_group) label, .xfce4-panel.background button.flat:active:not(.open_group) image, .xfce4-panel.background button.flat:checked:not(.open_group) label, .xfce4-panel.background button.flat:checked:not(.open_group) image { + color: inherit; } + +/* Vala-appmenu-plugin*/ +.-vala-panel-appmenu-core scrolledwindow, +.-vala-panel-appmenu-private > menuitem, +.-vala-panel-appmenu-private > menuitem:first-child > label { + color: white; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +UnityDecoration { + background-color: #31363D; + color: #fefefe; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #31363D; + border-bottom-width: 0; + background-color: #31363D; + color: #fefefe; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: #e5e5e5; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #fefefe; } + UnityDecoration .top .menuitem:backdrop { + color: #e5e5e5; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #30343b; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #31363D, #30343b); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #30343b; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #1a1d21; + color: #fefefe; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #e5e5e5; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #fefefe; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #fefefe; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #1a1d21; + color: #fefefe; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #8b8c8e; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #2f333a; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: rgba(25, 26, 34, 0.9); } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #282a36; } + +@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: rgba(189, 147, 249, 0.5); } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(25, 26, 34, 0.9); } + MsdOsdWindow.background.osd .progressbar { + background-color: rgba(189, 147, 249, 0.5); + border: none; + border-color: rgba(189, 147, 249, 0.5); + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(9, 10, 12, 0.8); + border: none; + border-radius: 5px; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left .separator, +.geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); + color: rgba(248, 248, 242, 0.5); } +ConversationListView .view .cell, ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { + color: #f8f8f2; + border: 0px solid rgba(159, 99, 246, 0.5); } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #1e1f29; + color: white; + font-weight: bold; + box-shadow: inset 0 -1px #0f0f14; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); } + #panel_window .menubar .menuitem:disabled GtkLabel, + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:disabled label, + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #f8f8f2; } + +#content_frame { + padding-bottom: 14px; + background-color: #1e1f29; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:active, #content_frame button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #1e1f29; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #f8f8f2; + font-size: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +/* thunar */ +.thunar toolbar { + background-color: #1e1f29; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +scrolledwindow.sidebar treeview.view, scrollbar.right { + background: #232530; + padding: 1.5px; + border: none; + box-shadow: none; } + +scrolledwindow.standard-view scrollbar.right { + background-color: #282a36; } + +/* path-bar of thunar */ +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:selected, window.thunar paned > scrolledwindow treeview.view:hover, window.thunar paned > scrolledwindow treeview.view:checked, window.thunar paned > scrolledwindow treeview.view:selected { + background-color: transparent; + color: #bd93f9; + box-shadow: none; } +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:backdrop label, window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:selected:backdrop label, window.thunar paned > scrolledwindow treeview.view:checked:backdrop label, window.thunar paned > scrolledwindow treeview.view:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + +window.thunar toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button { + background: none; + outline: none; + border: none; + box-shadow: none; } + +.nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, +.nemo-window .places-treeview iconview.cell:hover, +.nemo-window .places-treeview iconview.cell:selected { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } +.nemo-window .sidebar { + color: #f8f8f2; + background-color: #282a36; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { + background-color: transparent; } +.nemo-window .nemo-window-pane widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } + .nemo-window .nemo-window-pane widget.entry:selected { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #1e1f29; } + .nemo-window toolbar.primary-toolbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + min-height: 24px; + padding: 3px; } + .nemo-window toolbar.primary-toolbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + color: #bd93f9; + background-color: rgba(189, 147, 249, 0.1); + border-radius: 7px; + box-shadow: none; + text-shadow: none; + font-weight: bold; } + .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:selected:backdrop label, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop label, .nemo-window toolbar.primary-toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, +.nemo-window .nemo-inactive-pane iconview { + background-color: #242530; } + +.caja-notebook .frame { + border-width: 0 0 1px; } +.caja-notebook .entry { + background: #1e1f29; + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); } + .caja-notebook .entry:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/************** +* Caja sidebar * +**************/ +.caja-side-pane { + background: #1e1f29; } + .caja-side-pane .frame { + border-width: 1px 0 0; } + .caja-side-pane treeview.view, + .caja-side-pane textview.view text, + .caja-side-pane viewport.frame, + .caja-side-pane widget .vertical { + background: #1e1f29; + padding: 3px 2px; } + .caja-side-pane treeview.view:hover, + .caja-side-pane textview.view text:hover, + .caja-side-pane viewport.frame:hover, + .caja-side-pane widget .vertical:hover { + background-color: rgba(40, 42, 54, 0.6); } + .caja-side-pane treeview.view:selected, + .caja-side-pane textview.view text:selected, + .caja-side-pane viewport.frame:selected, + .caja-side-pane widget .vertical:selected { + color: #bd93f9; + background: #1e1f29; } + .caja-side-pane treeview.view:selected:hover, + .caja-side-pane textview.view text:selected:hover, + .caja-side-pane viewport.frame:selected:hover, + .caja-side-pane widget .vertical:selected:hover { + background-color: rgba(189, 147, 249, 0); } + +/************** +* Caja pathbar * +**************/ +.caja-navigation-window paned { + background: #282a36; } + +.caja-navigation-window .primary-toolbar { + background: #1e1f29; } + .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked { + background: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label { + color: #f8f8f2; } + +.caja-pathbar button, .caja-pathbar button:backdrop { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; } +.caja-pathbar button:hover, .caja-pathbar button:active, .caja-pathbar button:checked, .caja-pathbar button:backdrop:active, .caja-pathbar button:backdrop:checked { + background: transparent; + box-shadow: none; } + .caja-pathbar button:hover, .caja-pathbar button:hover label, .caja-pathbar button:active, .caja-pathbar button:active label, .caja-pathbar button:checked, .caja-pathbar button:checked label, .caja-pathbar button:backdrop:active, .caja-pathbar button:backdrop:active label, .caja-pathbar button:backdrop:checked, .caja-pathbar button:backdrop:checked label { + color: #bd93f9; } + +/*# sourceMappingURL=gtk.css.map */ diff --git a/filesystem/.themes/Dracula/gtk-4.0/gtk.scss b/filesystem/.themes/Dracula/gtk-4.0/gtk.scss new file mode 100755 index 00000000..3d7bbb43 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/gtk.scss @@ -0,0 +1,11 @@ + + +$variant: 'dark'; + +@import '../gtk-3.20/colors'; +@import '../gtk-3.20/elementary-colors'; +@import '../gtk-3.20/colors-public'; +@import 'drawing'; +@import 'common'; +@import 'widgets'; +@import 'apps'; diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_action-bars.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_action-bars.scss new file mode 100644 index 00000000..db5153c3 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_action-bars.scss @@ -0,0 +1,26 @@ +/*************** +* Action bars * +***************/ + +.action-bar, actionbar > revealer > box { + background-color: darken($bg_color, 2%); + border: solid $borders_color; + border-width: 1px 0 0 0; + color: $fg_color; + box-shadow: none; + + &:backdrop { + background-color: darken($backdrop_bg_color, 10%); + box-shadow: none; + } + + &:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; + } + + &:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_app-notifications.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_app-notifications.scss new file mode 100644 index 00000000..fa46542a --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_app-notifications.scss @@ -0,0 +1,23 @@ +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + @extend %osd; + + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: $osd_bg_color; + background-image: linear-gradient(to bottom, transparentize(black, 0.8), + transparent 2px); + background-clip: padding-box; + + &:backdrop { + background-image: none; + transition: $backdrop_transition; + } + + button { @extend %osd_button; } + + border { border: none; } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_base-states.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_base-states.scss new file mode 100644 index 00000000..ed6829c0 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_base-states.scss @@ -0,0 +1,180 @@ +/*************** + * Base States * + ***************/ +.background { + color: $fg_color; + background-color: $bg_color; + + &:backdrop { + color: $backdrop_fg_color; + background-color: $backdrop_bg_color; + text-shadow: none; + -gtk-icon-shadow: none; + } + + &.chromium { background-color: lighten($base_color, 3%); } +} + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ + + +.gtkstyle-fallback { + color: $fg_color; + background-color: $bg_color; + + &:hover { + color: $fg_color; + background-color: lighten($bg_color, 10%); + } + + &:active { + color: $fg_color; + background-color: darken($bg_color, 10%); + } + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +.view, +%view { + color: $text_color; + background-color: $base_color; + + &:backdrop { + color: $backdrop_text_color; + background-color: $backdrop_base_color; + } + + &:selected { + &:focus, & { + @extend %selected_items; + + border-radius: 3px; + } + } +} + +textview { + > text { + @extend %view; + + background-color: transparent; + + selection { &:focus, & { @extend %selected_items; }} + } +} + +textview border { background-color: mix($bg_color, $base_color, 50%); } + +iconview { @extend .view; } + +.rubberband, +rubberband { + border: 1px solid darken($selected_bg_color, 10%); + background-color: transparentize(darken($selected_bg_color, 10%), 0.3); +} + +flowbox { + rubberband { @extend rubberband; } + + flowboxchild { + padding: 3px; + border-radius: 3px; + + &:selected { + @extend %selected_items; + + outline-offset: -2px; + } + } +} + +label { + caret-color: currentColor; // this shouldn't be needed. + + &.separator { + @extend .dim-label; + + color: $fg_color; + + &:backdrop { color: $backdrop_fg_color; } + } + + row:selected &, + &:selected { @extend %nobg_selected_items; } + + selection { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:disabled { + color: $insensitive_fg_color; + + selection { @extend %selected_items:disabled; } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop { + color: $backdrop_fg_color; + + selection { @extend %selected_items:backdrop; } + } +} + +.dim-label { + opacity: 0.55; + text-shadow: none; +} + +assistant { + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar label { padding: 6px 12px; } + + .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); } +} + +%osd, .osd { + color: $osd_fg_color; + border: none; + background-color: $osd_bg_color; + background-clip: padding-box; + outline-color: transparentize($osd_fg_color, 0.7); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + + &:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +*:selected { + background: $selected_bg_color; + color: $selected_fg_color; +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_buttons.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_buttons.scss new file mode 100644 index 00000000..4ce09d66 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_buttons.scss @@ -0,0 +1,532 @@ +/*********** + * Buttons * + ***********/ +// stuff for .needs-attention +$_dot_color: if($variant=='light', $selected_bg_color, + lighten($selected_bg_color,15%)); +@keyframes needs_attention { + from { background-image: radial-gradient(farthest-side, $_dot_color 0%, transparentize($_dot_color, 1) 0%); } + to { background-image: radial-gradient(farthest-side, $_dot_color 95%, transparentize($_dot_color, 1)); } +} + +%button, +button { + @at-root %button_basic, & { + + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border: none; + border-radius: 3px; + transition: $button_transition; + + @include button(normal); + + &.flat { + @include button(undecorated); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + + &:hover { + transition: $button_transition; + transition-duration: 500ms; + + &:active { transition: $button_transition; } + } + } + + &:hover { + @include button(hover,$selected_bg_color,$selected_fg_color); + -gtk-icon-filter: brightness(1.2); + } + + &:active, + &:checked { + @include button(active,darken($selected_bg_color,5%),$selected_fg_color); + + transition-duration: 50ms; + } + + &:backdrop { + &.flat, & { + @include button(backdrop); + + transition: $backdrop_transition; + -gtk-icon-filter: none; + + &:active, + &:checked { @include button(backdrop-active); } + + &:disabled { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active); } + } + } + } + + &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }} + + &:disabled { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active); } + } + + &.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; + } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + &.text-button.image-button { + padding-left: 8px; + padding-right: 8px; + + label { + padding-left: 8px; + padding-right: 8px; + } + } + + &:drop(active) { + color: $drop_target_color; + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + @at-root %button_selected, & { + row:selected & { + @if $variant == 'light' { border-color: $selected_borders_color; } + + &.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: $selected_fg_color; + border-color: transparent; + + &:backdrop { color: if($variant=='light', $backdrop_base_color, $backdrop_fg_color); } + } + } + } + + + // big standalone buttons like in Documents pager + &.osd { + min-width: 24px; + min-height: 32px; + + &.image-button { min-width: 32px; } + + color: $osd_fg_color; + border-radius: 5px; + outline-color: transparentize($osd_fg_color, 0.7); //FIXME: define a color var? + + @include button(osd); + + border: none; + box-shadow: none; + + &:hover { + @include button(osd-hover); + + border: none; + box-shadow: none; + } + + &:active, + &:checked { + @include button(osd-active); + + border: none; + box-shadow: none; + } + + &:disabled { + &:backdrop, & { + @include button(osd-insensitive); + + border: none; + } + } + + &:backdrop { + @include button(osd-backdrop); + + border: none; + } + } + + //overlay / OSD style + @at-root %osd_button, + .osd & { + @include button(osd); + + &:hover { @include button(osd-hover); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active); }} + + &:disabled { &:backdrop, & { @include button(osd-insensitive); }} + + &:backdrop { @include button(osd-backdrop); } + + &.flat { + @include button(undecorated); + + box-shadow: none; //FIXME respect no edge on the button mixin + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + + &:hover { @include button(osd-hover); } + + &:disabled { + @include button(osd-insensitive); + background-image: none; + border-color: transparent; + box-shadow: none; + } + + &:backdrop { @include button(undecorated); } + + &:active, + &:checked { @include button(osd-active); } + } + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $purple), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(normal, $b_color, white); + + &.flat { + @include button(undecorated); + + color: $b_color; //FIXME: does it work on the dark variant? + } + + &:hover { @include button(hover, $b_color, white); } + + &:active, + &:checked { @include button(active, $b_color, white); } + + &:backdrop, + &.flat:backdrop { + @include button(backdrop, $b_color, white); + label { color: transparentize(white, 0.5);} + &:active, + &:checked { @include button(backdrop-active, $b_color, white); } + + &:disabled { + @include button(backdrop-insensitive, $b_color, white); + label { color: transparentize(white, 0.5);} + + &:active, + &:checked { @include button(backdrop-insensitive-active, $b_color, white); } + } + } + + &.flat { + &:backdrop, &:disabled, &:backdrop:disabled { + @include button(undecorated); + + color: transparentize($b_color, 0.2); + } + } + + &:disabled { + @include button(insensitive, $b_color, white); + label { color: transparentize($selected_fg_color, 0.2); } + &:active, + &:checked { @include button(insensitive-active, $b_color, white); } + } + + .osd & { + @include button(osd, $b_color); + + &:hover { @include button(osd-hover, $b_color); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active, $b_color); }} + + &:disabled { &:backdrop, & { @include button(osd-insensitive, $b_color); }} + + &:backdrop { @include button(osd-backdrop, $b_color); } + } + } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + outline-offset: -3px; // needs to be set or it gets overriden by GtkRadioButton outline-offset + + > label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + + > image { + padding-left: 6px; // image padding + padding-right: 6px; // + padding-top: 3px; // + padding-bottom: 3px; // + } + + &.text-button { + // compensate text-button paddings + padding-left: 10px; + padding-right: 10px; + } + + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the GtkImage is needed + padding-left: 2px; + padding-right: 2px; + } + + &.needs-attention { + > label, + > image { @extend %needs_attention; } + + &:active, + &:checked { + > label, + > image { + animation: none; + background-image: none; + } + } + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: 2px; + border-width: 1px; + @extend %linked; + } + + .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows + + .linked > &, + .linked > &:hover, + .linked > &:active, + .linked > &:checked, + .linked > &:backdrop { @extend %linked; } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked, + .linked.vertical > &:backdrop { @extend %linked_vertical; } +} + +%needs_attention { + animation: needs_attention 150ms ease-in; + $_dot_shadow: _text_shadow_color(); + $_dot_shadow_r: if($variant=='light',0.5,0.45); + background-image: radial-gradient(farthest-side, $_dot_color 96%, transparentize($_dot_color,1 )); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + + @if $variant == 'light' { background-position: right 3px, right 4px; } + + @else { background-position: right 3px, right 2px; } + + &:backdrop { background-size: 6px 6px, 0 0;} + + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + + @else { background-position: left 3px, left 2px; } + } +} + +toolbar { + button { + &:hover { @include button(normal,darken($bg_color,7%));} + &:active { @include button(normal,darken($bg_color,12%));} + } +} +// all the following is for the +|- buttons on inline toolbars, that way +// should really be deprecated... +.inline-toolbar toolbutton > button { // redefining the button look is + // needed since those are flat... + @include button(undecorated); + + &:hover { color: $selected_bg_color; } + + &:active, + &:checked{ color: darken($selected_bg_color, 5%); } + + &:disabled { + color: $backdrop_text_color; + + &:active, + &:checked { color: transparentize(darken($selected_bg_color, 5%),0.7); } + } + + &:backdrop { + color: $backdrop_text_color; + + &:active, + &:checked { color: darken($selected_bg_color, 5%); } + + &:disabled { + color: $backdrop_text_color; + + &:active, + &:checked { color: transparentize(darken($selected_bg_color, 5%),0.7); } + } + } +} + +// More inline toolbar buttons +toolbar.inline-toolbar toolbutton, +toolbar.inline-toolbar toolbutton:backdrop { + > button.flat { + &:backdrop { + border-color: transparent; + box-shadow: none; + } + } +} + +%linked_middle { + border: 1px solid $borders_color; + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px $top_highlight; +} + +%linked { + @extend %linked_middle; + + &:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + + &:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; + } + + &:only-child { + border-radius: 3px; + border-style: solid; + } +} + +%linked_vertical_middle { + border-style: solid solid none solid; + border-radius: 0; +} + +%linked_vertical{ + @extend %linked_vertical_middle; + + &:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + + &:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; + } + + &:only-child { + border-radius: 3px; + border-style: solid; + } +} + +%undecorated_button { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px transparentize(white,1), + 0 1px transparentize(white, 1); + text-shadow: none; + -gtk-icon-shadow: none; +} + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; + + @extend %undecorated_button; + + &:hover { background-color: $popover_hover_color; } + + &:selected { @extend %selected_items; } + + &:backdrop, + &:backdrop:hover { @extend %undecorated_button; } + + // FIXME: remove the following when the checks/radios rewrite lands + check:last-child, + radio:last-child { margin-left: 8px; } + + check:first-child, + radio:first-child { margin-right: 8px; } +} + +modelbutton.flat arrow { + background: none; + + &:hover { background: none; } + + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +button.color { + padding: 4px; + + colorswatch:only-child { + &, overlay { border-radius: 0; } + + @if $variant == 'light' { + box-shadow: 0 1px _text_shadow_color(); + + &:disabled, + &:backdrop { box-shadow: none; } + } + } +} + +notebook, list, popover { + button { + box-shadow: inset 0px 0px 0px 1px $borders_color; + &:backdrop { + box-shadow: inset 0px 0px 0px 1px $borders_color; + } + } + .linked > button { + box-shadow: none; + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_calendar.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_calendar.scss new file mode 100644 index 00000000..1fa0c8cd --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_calendar.scss @@ -0,0 +1,59 @@ +/************ + * Calendar * + ***********/ +calendar { + color: $text_color; + border: 1px solid $borders_color; + + &:selected { + @extend %selected_items; + + border-radius: 3px; + } + + &.header { + border-bottom: 1px solid transparentize(black, 0.9); + border-radius: 0; + + &:backdrop { border-color: transparentize(black, 0.9); } + } + + &.button { + @extend %undecorated_button; + + color: transparentize($fg_color, 0.55); + + &:hover { + @extend %undecorated_button; + + color: $fg_color; + } + + &:backdrop { + @extend %undecorated_button; + + color: transparentize($backdrop_fg_color,0.55); + } + + &:disabled { + @extend %undecorated_button; + + color: transparentize($insensitive_fg_color,0.55); + } + } + + &:indeterminate, + &:indeterminate:backdrop { color: gtkalpha(currentColor, 0.55); } + + &.highlight, + &.highlight:backdrop { + font-size: smaller; + color: $fg_color; + } + + + &:backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_checks-radios.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_checks-radios.scss new file mode 100644 index 00000000..e4aa5f47 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_checks-radios.scss @@ -0,0 +1,165 @@ +/************************* + * Check and Radio Items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + + +// unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked'), + (':disabled', '-unchecked'), + (':disabled:backdrop', '-unchecked') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$un}.png"),url("../assets/radio#{$un}@2.png")), -gtk-scaled(url("../assets/radio#{$un}.png"),url("../assets/radio#{$un}@2.png"))); + -gtk-icon-shadow: none; + } +} + +// checked +@each $s,$ch in (':checked', '-checked'), + (':checked:hover', '-checked-hover'), + (':checked:active', '-checked-active'), + (':checked:backdrop', '-checked'), + (':checked:disabled', '-checked'), + (':checked:disabled:backdrop', '-checked') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png")), -gtk-scaled(url("../assets/radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png"))); + -gtk-icon-shadow: none; + } +} + +// mixed +@each $s,$mx in (':indeterminate', '-mixed'), + (':indeterminate:hover', '-mixed-hover'), + (':indeterminate:active', '-mixed-active'), + (':indeterminate:backdrop', '-mixed'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':indeterminate:disabled:backdrop', '-mixed-insensitive') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$mx}.png"),url("../assets/checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/checkbox#{$mx}.png"),url("../assets/checkbox#{$mx}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$mx}.png"),url("../assets/radio#{$mx}@2.png")), -gtk-scaled(url("../assets/radio#{$mx}.png"),url("../assets/radio#{$mx}@2.png"))); + -gtk-icon-shadow: none; + } +} + +// unchecked:selected +@each $s,$un in (':selected','-unchecked'), + (':hover:selected', '-unchecked'), + (':active:selected', '-unchecked'), + (':backdrop:selected', '-unchecked'), + (':disabled:selected', '-unchecked'), + (':disabled:backdrop:selected', '-unchecked') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$un}.png"),url("../assets/selected-radio#{$un}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$un}.png"),url("../assets/selected-radio#{$un}@2.png"))); + -gtk-icon-shadow: none; + } +} + +// checked:selected +@each $s,$ch in (':checked:selected', '-checked'), + (':checked:hover:selected', '-checked'), + (':checked:active:selected', '-checked'), + (':checked:backdrop:selected', '-checked'), + (':checked:disabled:selected', '-checked'), + (':checked:disabled:backdrop:selected', '-checked') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$ch}.png"),url("../assets/selected-radio#{$ch}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$ch}.png"),url("../assets/selected-radio#{$ch}@2.png"))); + -gtk-icon-shadow: none; + } +} + + +// mixed:selected +@each $s,$mx in (':indeterminate:selected', '-mixed'), + (':indeterminate:hover:selected', '-mixed'), + (':indeterminate:active:selected', '-mixed'), + (':indeterminate:backdrop:selected', '-mixed'), + (':indeterminate:disabled:selected', '-mixed'), + (':indeterminate:disabled:backdrop:selected', '-mixed') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$mx}.png"),url("../assets/selected-checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$mx}.png"),url("../assets/selected-checkbox#{$mx}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$mx}.png"),url("../assets/selected-radio#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$mx}.png"),url("../assets/selected-radio#{$mx}@2.png"))); + -gtk-icon-shadow: none; + } +} + + +// selection-mode unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':disabled', '-unchecked-insensitive'), + (':disabled:backdrop', '-unchecked-backdrop-insensitive') { + .view.content-view check#{$s}, + .view.content-view.check#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")); + -gtk-icon-shadow: none; + } + .view.content-view radio#{$s}, + .view.content-view.radio#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio#{$un}.png"),url("../assets/radio#{$un}@2.png")); + -gtk-icon-shadow: none; + } +} + +checkbutton.text-button, radiobutton.text-button { + // this is for a nice focus on check and radios text + padding: 2px 0; + outline-offset: 0; + + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } +} + +check, +radio { + margin: 0 4px; + + min-height: 16px; + min-width: 16px; + border: none; + + menu menuitem & { + margin: 0; // this is a workaround for a menu check/radio size allocation issue + + &, &:hover, &:disabled { //FIXME use button reset mixin + min-height: 14px; + min-width: 14px; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + border-color: currentColor; + animation: none; + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_color-chooser.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_color-chooser.scss new file mode 100644 index 00000000..3502a55e --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_color-chooser.scss @@ -0,0 +1,139 @@ +/***************** + * Color Chooser * + *****************/ +colorswatch { + // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one + // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is + // applied to the overlay box. + + &, &:drop(active) { border-style: none; } // FIXME: implement a proper drop(active) state + + $_colorswatch_radius: 5px; + $_colorswatch_overlay_shadow: if($variant == 'light', inset 0 2px 2px -3px transparentize(black, 0.3), + inset 0 3px 2px -2px transparentize(black, 0.5)); + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing the base color + // sports a bigger radius. + // nth-child is needed by the custom color strip. + + &.top { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-top-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-top-right-radius: $_colorswatch_radius; + } + } + + &.bottom { + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-bottom-left-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.left, + &:first-child:not(.top) { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-bottom-left-radius: $_colorswatch_radius; + } + } + + &.right, + &:last-child:not(.bottom) { + border-top-right-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-right-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.dark overlay { + color: $selected_fg_color; + + &:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); } + + &:backdrop { color: $backdrop_selected_fg_color; } + } + + &.light overlay { + color: $text_color; + + &:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); } + + &:backdrop { color: $backdrop_text_color; } + } + + &:drop(active) { + box-shadow: none; + + &.light overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', darken($drop_target_color, 7%), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + + &.dark overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', transparentize(black, 0.7), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + } + + overlay { + box-shadow: $_colorswatch_overlay_shadow; + border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color); + + &:hover { box-shadow: inset 0 1px transparentize(white, 0.7); } + + &:backdrop, &:backdrop:hover { + border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color); + box-shadow: none; + } + } + + &#add-color-button { + border-radius: $_colorswatch_radius $_colorswatch_radius 0 0; + + &:only-child { border-radius: $_colorswatch_radius; } + + overlay { + @include button(normal); + + &:hover { @include button(hover); } + + &:backdrop { @include button(backdrop); } + } + } + + &:disabled { + opacity: 0.5; + + overlay { + border-color: transparentize(black, 0.4); + box-shadow: none; + } + } + + row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } + + &#editor-color-sample { + border-radius: 4px; + + overlay { border-radius: 4.5px; } + } +} + +// colorscale popup +colorchooser .popover.osd { border-radius: 5px; } diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_comboboxes.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_comboboxes.scss new file mode 100644 index 00000000..3424c6d2 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_comboboxes.scss @@ -0,0 +1,41 @@ +/************** + * ComboBoxes * + **************/ +combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked:last-child; } + &:dir(rtl) { @extend %linked:first-child; } + } + } + + &:drop(active) { // FIXME: untested + box-shadow: none; + + button.combo { @extend %button_basic:drop(active); } + } +} + +.linked > combobox > box > button.combo { + // the combo is a composite widget so the way we do button linking doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + + &:dir(ltr), + &:dir(rtl) { @extend %linked_middle; } // specificity bump +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { @extend %linked:first-child; } +.linked:not(.vertical) > combobox:last-child > box > button.combo { @extend %linked:last-child; } +.linked:not(.vertical) > combobox:only-child > box > button.combo {@extend %linked:only-child; } + +.linked.vertical > combobox > box > button.combo { @extend %linked_vertical_middle; } +.linked.vertical > combobox:first-child > box > button.combo { @extend %linked_vertical:first-child;} +.linked.vertical > combobox:last-child > box > button.combo { @extend %linked_vertical:last-child; } +.linked.vertical > combobox:only-child > box > button.combo { @extend %linked_vertical:only-child; } diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_dialogs.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_dialogs.scss new file mode 100644 index 00000000..469df763 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_dialogs.scss @@ -0,0 +1,61 @@ +/*********** + * Dialogs * + ***********/ + messagedialog, .messagedialog, .dialog { // Message Dialog styling + + background-color: $base_color; + border-radius: 10px; + .titlebar:not(headerbar) { + background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05); + } + .titlebar { + min-height: 20px; + background-image: none; + background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + + &.csd { // rounded bottom border styling for csd version + &.background { + background-color: darken($bg_color, 2%); + color: $fg_color; + border-radius: 10px; + } + + border-radius: 10px; + + .dialog-action-area button, .response-area button { + padding: 7px 11px; // labels are not vertically centered on message dialog, this is a workaround + border-radius: 0; + color: $fg_color; + box-shadow: none; + border: none; + + &:not(.destructive-action):hover { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } +} + +.messagedialog .message-area { + padding: 26px; +} + +filechooser { + .dialog-action-box { + border-top: 1px solid $borders_color; + + &:backdrop { border-top-color: $backdrop_borders_color; } + } + + #pathbarbox { border-bottom: 1px solid $bg_color; } +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_entries.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_entries.scss new file mode 100644 index 00000000..a3fa3309 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_entries.scss @@ -0,0 +1,194 @@ +/**************** + * Text Entries * + ****************/ + +%entry, +entry { + %entry_basic, & { + min-height: 32px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms $ease-out-quad; + + @include entry(normal); + + image { // icons inside the entry + &.left { padding-left: 0; padding-right: 6px; } + &.right { padding-left: 6px; padding-right: 0; } + } + + &.flat { + &:focus-within, & { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + box-shadow: none; + border-radius: 0; + } + } + + &:focus-within { @include entry(focus); } + + &:disabled { @include entry(insensitive); } + + &:backdrop { + @include entry(backdrop); + + transition: $backdrop_transition; + } + + &:backdrop:disabled { @include entry(backdrop-insensitive); } + + selection { &:focus, & { @extend %selected_items; }} + + // entry error and warning style + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + @include entry(normal); + color: $e_color; + border-color: entry_focus_border($e_color); + + &:focus-within { @include entry(focus, $e_color); } + + &:selected { &:focus, & { background-color: $e_color; }} + } + } + + & image { // entry icons colors + color: mix($fg_color, $base_color, 80%); + + &:hover { color: $fg_color; } + + &:active { color: $selected_bg_color; } + + &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 80%); } + } + + &:drop(active) { + &:focus-within, & { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + .osd & { + @include entry(osd); + + &:focus-within { @include entry(osd-focus); } + + &:backdrop { @include entry(osd-backdrop); } + + &:disabled { @include entry(osd-insensitive); } + } + } + + progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + box-shadow: none; + + &:backdrop { background-color: transparent; } + } + + // linked entries + .linked:not(.vertical) > & { @extend %linked; } + + .linked:not(.vertical) > &:drop(active) + &, + .linked:not(.vertical) > &:drop(active) + button, + .linked:not(.vertical) > &:drop(active) + menubutton > button, + .linked:not(.vertical) > &:drop(active) + dropdown > button, + .linked:not(.vertical) > &:drop(active) + colorbutton > button, + .linked:not(.vertical) > &:drop(active) + fontbutton > button, + .linked:not(.vertical) > &:drop(active) + filechooserbutton > button, + .linked:not(.vertical) > &:drop(active) + filechooserbutton > combobox > box > button.combo, + .linked:not(.vertical) > &:drop(active) + appchooserbutton > combobox > box > button.combo, + .linked:not(.vertical) > &:drop(active) + combobox > box > button.combo { border-left-color: $drop_target_color; } + + + .linked:not(.vertical) > & { + border-right-style: solid; + border-right-color: transparent; + &:focus-within { + @include entry(focus); + + .popup button { + border-left-width: 1px; + border-left-style: solid; + border-left-color: $selected_bg_color; + } + } + + + .popup button { border-radius: 0px 6px 6px 0px; } + } + + // Vertically linked entries + // FIXME: take care of "colored" entries + .linked.vertical > & { + @extend %linked_vertical; + + // brighter border between linked entries + &:not(:disabled) + entry:not(:disabled), + &:not(:disabled) + %entry:not(:disabled) { + border-top-color: mix($borders_color, $base_color, 30%); + background-image: linear-gradient(to bottom, $base_color, $base_color); + + &:backdrop { + border-top-color: mix($backdrop_borders_color, $backdrop_base_color, 30%); + background-image: linear-gradient(to bottom, $backdrop_base_color, $backdrop_base_color); + } + } + + // brighter border between linked insensitive entries + &:disabled + %entry:disabled, + &:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); } + + // color back the top border of a linked focused entry following another entry and add back the focus shadow. + // :not(:only-child) is a specificity bump hack. + + %entry:focus:not(:only-child), + + entry:focus:not(:only-child) { border-top-color: entry_focus_border(); } + + + %entry:drop(active):not(:only-child), + + entry:drop(active):not(:only-child) { border-top-color: $drop_target_color; } + + // this takes care of coloring the top border of the focused entry subsequent widget. + // :not(:only-child) is a specificity bump hack. + &:focus:not(:only-child) { + + %entry, + + entry, + + button, + + combobox > box > button.combo { border-top-color: entry_focus_border(); } + } + + &:drop(active):not(:only-child) { + + %entry, + + entry, + + button, + + combobox > box > button.combo { border-top-color: $drop_target_color; } + } + } +} + +treeview entry { + &:focus-within { + &:dir(rtl), &:dir(ltr) { // specificity bump hack + background-color: $base_color; + transition-property: color, background; + } + } + + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus-within { border-color: $selected_bg_color; } + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_expanders.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_expanders.scss new file mode 100644 index 00000000..a8735c28 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_expanders.scss @@ -0,0 +1,14 @@ +/************* + * Expanders * + *************/ +expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + &:hover { color: lighten($fg_color,30%); } //only lightens the arrow + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_file-chooser.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_file-chooser.scss new file mode 100644 index 00000000..2f7d146c --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_file-chooser.scss @@ -0,0 +1,102 @@ +/**************** + * File chooser * + ****************/ +$_placesidebar_icons_opacity: 0.7; + +placessidebar { + > viewport.frame { border-style: none; } + + row { + // Needs overriding of the GtkListBoxRow padding + min-height: 36px; + padding: 0px; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 14px; } + + &:selected { color: $selected_fg_color; } + + &:disabled { color: $insensitive_fg_color; } + + &:backdrop { + color: $backdrop_fg_color; + + &:selected { color: $backdrop_selected_fg_color; } + + &:disabled { color: $backdrop_insensitive_color; } + } + + image.sidebar-icon { + opacity: $_placesidebar_icons_opacity; // dim the device icons + + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + + label.sidebar-label { + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } + + @at-root button.sidebar-button { + @extend %button_basic.flat; + + @extend %button_selected.flat; + + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; + + &:not(:hover):not(:active), + &:backdrop { > image { opacity: $_placesidebar_icons_opacity; }} + } + + // in the sidebar case it makes no sense to click the selected row + &:selected:active { box-shadow: none; } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image($drop_target_color); + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + color: $drop_target_color; + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + color: $selected_fg_color; + background-color: $drop_target_color; + } + } + } +} + +placesview { + .server-list-button > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(-0.5turn); + } + + row.activatable:hover { background-color: transparent; } + + // this selects the "connect to server" label + > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_floating-bar.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_floating-bar.scss new file mode 100644 index 00000000..e9a24653 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_floating-bar.scss @@ -0,0 +1,33 @@ +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: $bg_color; + border-width: 1px; + border-style: solid solid none; + border-color: $borders_color; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px $top_highlight; + + &.bottom { + + &.left { + border-left-style: none; + border-top-left-radius: 0; + } + + &.right { + border-right-style: none; + border-top-right-radius: 0; + } + } + + > button { + padding:4px; + } + + &:backdrop { + background-color: $backdrop_bg_color; + border-color: $backdrop_borders_color; + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_frames.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_frames.scss new file mode 100644 index 00000000..3f8c1dca --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_frames.scss @@ -0,0 +1,76 @@ +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $borders_color; + + &.flat { border-style: none; } + + &:backdrop { border-color: $backdrop_borders_color; } +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid $borders_color; + + &:backdrop { border-color: $backdrop_borders_color; } +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside scrolled window + border-style: none; + } + + // This is used when content is touch-dragged past boundaries. + // draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { + @include overshoot(top); + + &:backdrop { @include overshoot(top, backdrop); } + } + + &.bottom { + @include overshoot(bottom); + + &:backdrop { @include overshoot(bottom, backdrop); } + } + + &.left { + @include overshoot(left); + + &:backdrop { @include overshoot(left, backdrop); } + } + + &.right { + @include overshoot(right); + + &:backdrop { @include overshoot(right, backdrop); } + } + } + + junction { // the small square between two scrollbars + border-color: transparent; + // the border image is used to add the missing dot between the borders, details, details, details... + border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; + background-color: $scrollbar_bg_color; + + &:dir(rtl) { border-image-slice: 0 1 0 0; } + + &:backdrop { + border-image-source: linear-gradient(to bottom, $backdrop_borders_color 1px, transparent 1px); + background-color: $backdrop_scrollbar_bg_color; + transition: $backdrop_transition; + } + } +} + +//vbox and hbox separators +separator { + background: transparentize(black, 0.9); +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_granite.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_granite.scss new file mode 100644 index 00000000..645f2040 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_granite.scss @@ -0,0 +1,198 @@ +/************ + * Popovers * + ************/ + +GraniteWidgetsPopOver { + + border: 1px solid $base_color; + background: $base_color; + color: $fg_color; + + .button { + background-image: none; + background: none; + border: none; + + &:active, + &:active:hover, { + color: $selected_bg_color; + } + } + + > .frame { + border:none; + } + + .sidebar.view { + border: none; + background: none; + } +} + +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.popover_bg { + background-color: $base_color; + background-image: none; + border: 1px solid $base_color; + color: $fg_color; +} + + +/*********** + * Welcome * + **********/ + +GraniteWidgetsWelcome { + background-color: $base_color; + + GtkLabel { + color: $fg_color; + } + + .h1,.h3 { + color: transparentize($fg_color, 0.2); + } +} + +/************** +* Source List * +***************/ + +.source-list { + + background-color: $bg_color; + border: solid $borders_color; + color: $fg_color; + border-right-width: 1px; + + &:backdrop {} + + .category-expander { + color: transparent; + } + + .badge { + background-image: none; + background-color: transparentize(black, 0.6); + color: $bg_color; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; + + &:selected:backdrop, + &:selected:hover:backdrop { + background-color: transparentize(black, 0.8); + color: darken($bg_color, 5%); + } + } + + row, + .list-row { + border:none; + padding: 0; + + > GtkLabel, + > label { + padding-left: 6px; + padding-right: 6px; + } + } +} + + +/************** +* Text Styles * +**************/ + +.h1 { + font-size: 24px; +} + +.h2 { + font-weight: 300; + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: transparentize($fg_color, 0.7); + font-weight: bold; + text-shadow: 0 1px transparentize(white,0.8); +} + + +/************** +* Storage Bar * +**************/ +.storage-bar { + + .trough { + border: none; + box-shadow:0 1px 0 0 $bottom_highlight; + background-image: none; + background-color: transparent; + padding: 8px 6px; + } + + .fill-block { + background-color: $yellow; + border:none; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), inset 0 -1px 0 0 transparentize(black, 0.9); + + transition: all 200ms ease-in-out; + + padding: 8px 6px; + + &:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), + inset 1px 0 0 transparentize(black, 0.9), + inset 0 -1px 0 0 transparentize(black, 0.9); + } + + &:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), + inset -1px 0 0 transparentize(black, 0.9), + inset 0 -1px 0 0 transparentize(black, 0.9); + } + + &.empty-block { + background-color: $base_color; + } + + &.app { + background-color: $blue; + } + + &.audio { + background-color: $orange; + } + + &.photo { + background-color: $red; + } + + &.video { + background-color: $purple; + } + + .legend { + padding: 12px; + border-radius: 4px; + } + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_header-bars.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_header-bars.scss new file mode 100644 index 00000000..21241949 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_header-bars.scss @@ -0,0 +1,342 @@ +/*************** + * Header bars * + ***************/ +%titlebar, +headerbar { + padding: 0 6px; + min-height: 34px; + background-color: $headerbar_color; + color: $headerbar_fg_color; + border-radius: 0; + + &:backdrop { + border-color: $backdrop_borders_color; + background-image: none; + + transition: $backdrop_transition; + } + + .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; + } + + .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + + @extend .dim-label; + } + + %linked-header { + border: none; + border-radius: 0; + border-right-style: none; + box-shadow: none; + + &:first-child { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + } + + &:last-child { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-right-style: solid; + } + + &:only-child { + border-radius: 0px; + border-style: solid; + } + } + entry { min-height: 24px; } + button { + @include button(normal-header); + min-height: 24px; + margin-top: 5px; + margin-bottom: 5px; + &:hover { + @include button(hover-header, transparent, $purple); + } + &:active, + &:checked { + @include button(active-header, transparent, $purple); + } + + &:backdrop, + &:disabled, + &:backdrop:disabled { + @include button(backdrop-header,transparent,transparentize(white,0.7)); + } + + &:backdrop { + &:hover, + &:active, + &:checked { + background-color: transparent; + color: $selected_bg_color; + box-shadow: none; + // @include button(hover-header,transparent,transparentize(white,0.7)); + } + } + + @each $b_type, $b_color in (suggested-action, $cyan), + (destructive-action, $destructive_color) { + &.#{$b_type} { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + @include button(normal, $b_color, white); + + &:hover { @include button(hover, $b_color, white); } + + &:active { @include button(active, $b_color, white); } + + &:disabled { + @include button(insensitive, $b_color, white); + label {color: transparentize(white,0.5);} + } + + &:backdrop { + @include button(backdrop, $b_color, white); + border-radius: 3px; + } + + &:backdrop:disabled { @include button(backdrop-insensitive, $b_color, white); } + + } + } + + //Reset style + &.titlebutton { + color: transparent; + box-shadow: none; + + &:hover, + &:active, + &:checked, + &:backdrop, + &:backdrop:hover,* { + color: transparent; + box-shadow: none; + } + } + } + .linked > button, + .linked > button:hover, + .linked > button:active, + .linked > button:checked, + .linked > button:backdrop { @extend %linked-header; } + .linked > button:active, + .linked > button:checked{ + &:backdrop{ + color: $backdrop_selected_bg_color; + label{ + color: $backdrop_selected_bg_color; + } + } + } + // End reset style + + &.selection-mode { + $_hc: mix($top_highlight,$selected_bg_color, 50%); // highlight color + + color: $selected_fg_color; + text-shadow: 0 -1px transparentize(black, 0.5); + border-color: $selected_borders_color; + + @include headerbar_fill($selected_bg_color, $_hc); + + &:backdrop { + background-color: $selected_bg_color; + background-image: none; + box-shadow: inset 0 1px mix($top_highlight, $selected_bg_color, 60%); + } + + .subtitle:link { @extend *:link:selected; } + + button { + @include button(normal, $selected_bg_color, $selected_fg_color); + + &.flat { @include button(undecorated); } + + &:hover { @include button(hover, $selected_bg_color, $selected_fg_color); } + + &:active, + &:checked { @include button(active, $selected_bg_color, $selected_fg_color); } + + &:backdrop { + &.flat, & { + @include button(backdrop, $selected_bg_color, $selected_fg_color); + + -gtk-icon-filter: none; + border-color: $selected_borders_color; + + &:active, + &:checked { + @include button(backdrop-active, $selected_bg_color, $selected_fg_color); + + border-color: $selected_borders_color; + } + + &:disabled { + @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color); + + border-color: $selected_borders_color; + + &:active, &:checked { + @include button(backdrop-insensitive-active, $selected_bg_color, $selected_fg_color); + + border-color: $selected_borders_color; + } + } + } + } + + &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }} + + &:disabled { + @include button(insensitive, $selected_bg_color, $selected_fg_color); + + &:active, + &:checked { @include button(insensitive-active, $selected_bg_color, $selected_fg_color); } + } + + &.suggested-action { + @include button(normal, $cyan, white); + + &:hover { @include button(hover, $cyan, white); } + + &:active { @include button(active, $cyan, white); } + + &:disabled { @include button(insensitive, $cyan, white); } + + &:backdrop { @include button(backdrop, $cyan, white); } + + &:backdrop:disabled { @include button(backdrop-insensitive, $cyan, white); } + } + } + + .selection-menu { + &:backdrop, & { + border-color: transparentize($selected_bg_color, 1); + background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 1), transparentize($selected_bg_color, 1)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + color: transparentize($selected_fg_color,0.5); + -gtk-icon-shadow: none; + } + } + } + } + + .tiled &, + .maximized & { + &.titlebar { + @if $variant == 'light' { box-shadow: none; } + @else { box-shadow: inset 0 -1px $bottom_highlight; } + } + &:backdrop, & { border-radius: 0; } + } // squared corners when the window is maximized or tiled + + &.default-decoration { + padding: 4px; + min-height: 28px; + + button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; + } + } +} + +headerbar { + // add vertical margins to common widget on the headerbar to avoid them spanning the whole height + entry, + spinbutton, + separator:not(.sidebar), + button, + menubutton { + margin-top: 5px; + margin-bottom: 5px; + } + // Reset margins for buttons inside menubutton + menubutton > button, + spinbutton > button, + splitbutton > button, + splitbutton > menubutton, + entry > menubutton { + margin-top: 0px; + margin-bottom: 0px; + } + + switch { + margin-top: 0; + margin-bottom: 0; + } + separator { background: transparent; } +} + +.background:not(.tiled):not(.maximized) .titlebar { + @if $variant == 'light' { box-shadow: inset 0 1px lighten($headerbar_color, 5%); } + @else { box-shadow: inset 0 1px $top_highlight,inset 0 -1px $bottom_highlight; } + + + &:backdrop, & { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } +} + +headerbar { + window:not(.tiled):not(.maximized) separator:first-child + &, // tackles the paned container case + window:not(.tiled):not(.maximized) &:first-child { &:backdrop, & { border-top-left-radius: 4px; }} + + window:not(.tiled):not(.maximized) &:last-child { &:backdrop, & { border-top-right-radius: 4px; }} +} + +.titlebar:not(headerbar) { + window.csd > & { + // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; + } + + > separator { + &, &:backdrop { + background: $headerbar_color; + } + } + + @extend %titlebar; +} + + // Gnome 45 + +.sidebar-pane, .content-pane { + .top-bar { + &, headerbar { + background-color: $headerbar_color; + } + } +} + +.nautilus-window .sidebar-pane .top-bar headerbar { + padding-top: 3px; + padding-bottom: 3px; +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_infobars.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_infobars.scss new file mode 100644 index 00000000..a4d26eec --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_infobars.scss @@ -0,0 +1,115 @@ +/************** + * GtkInfoBar * + **************/ +%infobar, +infobar { + text-shadow: none; + color: $fg_color; + background-color: $bg_color; + border-bottom:1px solid darken($bg_color,10%); + box-shadow: 0 1px 0 0 transparentize(black, 0.95), + 0 1px 2px 0 transparentize(black, 0.85); + +} + +%color_infobar { + + @extend %infobar; + + text-shadow: none; + color: $selected_fg_color; + border:none; + + .label { + color: $selected_fg_color; + + &:backdrop { + color: $backdrop_selected_fg_color; + } + } + + button { + border-radius: 2px; + border: none; + background: transparentize($base_color, 0.02); + color: $fg_color; + box-shadow: 0 1px 0 0 transparentize(black, 0.8); + + .label { + color: $fg_color; + } + + &:active { + background: $base_color; + color: $fg_color; + + box-shadow: 0 1px 2px 0 transparentize(black, 0.6); + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:hover, + &:focus { + box-shadow: 0 1px 2px 0 transparentize(black, 0.6); + } + + &:disabled { + background: transparentize($base_color, 0.4); + color: transparentize($fg_color, 0.5); + box-shadow: none; + + &:backdrop { + background: transparentize($base_color, 0.5); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } +} + +.info { + @extend %color_infobar; + + &, &:backdrop { + color: $info_color; + background-color: transparent; + } +} + +.warning { + @extend %color_infobar; + + &, &:backdrop { + color: $warning_color; + background-color: transparent; + } +} + +.question { + @extend %color_infobar; + + &, &:backdrop { + color: $question_color; + background-color: transparent; + } + +} + +.error { + @extend %color_infobar; + + &, &:backdrop { + color: $error_color; + background-color: transparent; + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_level-bars.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_level-bars.scss new file mode 100644 index 00000000..8b538761 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_level-bars.scss @@ -0,0 +1,80 @@ +$_levelbar_size: 5px; +$_levelbar_border_radius: 5px; + +levelbar { + &.horizontal { + trough > block { + min-height: $_levelbar_size; + border-radius: $_levelbar_border_radius; + + &:dir(rtl) { + border-radius: 0 $_levelbar_border_radius $_levelbar_border_radius 0; + } + + &:dir(ltr) { + border-radius: $_levelbar_border_radius 0 0 $_levelbar_border_radius; + } + + &.empty,&.full { + border-radius: $_levelbar_border_radius; + } + } + + // segmented level bar + &.discrete { + trough > block { + min-height: 2px; + margin: 1px; + min-width: 24px; + border-radius:0; + &:first-child {border-radius: 2px 0 0 2px;} + &:last-child { + border-radius: 0 2px 2px 0; + } + } + } + } + + &.vertical { + trough > block { + min-width: $_levelbar_size; + border-radius: $_levelbar_border_radius; + } + + &.discrete > trough > block { + min-width: $_levelbar_size - 3px; + margin: 1px 0; + min-height: 32px; + } + } + + > trough { + padding: 0; + } + + // level bar colours + > trough > block { + border: 1px solid; + + &.low { + border-color: $warning_color; + background-color: $warning_color; + } + + &.high, + &:not(.empty) { + border-color: $lime; + background-color: $lime; + } + + &.full { + border-color: $success_color; + background-color: $success_color; + } + + &.empty { + background-color: lighten($base_color, 7%); + border-color: lighten($base_color, 7%); + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_links.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_links.scss new file mode 100644 index 00000000..db6d1e8a --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_links.scss @@ -0,0 +1,49 @@ +/********* + * Links * + *********/ +*:link { + color: $link_color; + + &:visited { + color: $link_visited_color; + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } + } + + &:hover { + color: lighten($link_color,10%); + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } + } + + &:active { + color: $link_color; + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } + } + + &:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: $selected_bg_color; }} + + @at-root %link_selected, + &:selected, + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } +} + +button:link, +button:visited { + @extend %undecorated_button; + + @extend *:link; + + text-shadow: none; + + &:hover, + &:active, + &:checked { + @extend %undecorated_button; + + text-shadow: none; + } + + > label { text-decoration-line: underline; } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_lists.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_lists.scss new file mode 100644 index 00000000..6c15a7e9 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_lists.scss @@ -0,0 +1,147 @@ +/********* + * Lists * + *********/ +list, listview { + color: $text_color; + background-color: $base_color; + border-color: $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + + &.horizontal row.separator, + &.separators.horizontal > row:not(.separator) { + border-left: 1px solid $borders_color; + } + &:not(.horizontal) row.separator, + &.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid $borders_color; + } +} + +row { + + + &:hover { transition: none; } + + &:backdrop { transition: $backdrop_transition; } + + &.activatable { + &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + + &:hover { background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95)); } + + &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } + + &:backdrop:hover { background-color: transparent; } + + &:selected { + &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } + + &.has-open-popup, + &:hover { background-color: transparentize($selected_bg_color, 0.2); } + + &:backdrop { background-color: $backdrop_selected_bg_color; } + } + } + + &:selected { @extend %selected_items; } +} + +columnview { + // move padding to child cells + > listview > row { + padding: 0; + + // align horizontal sizing with header buttons + > cell { + padding: 2px 6px; + + &:not(:first-child) { + border-left: 1px solid transparent; + } + } + } + + // make column separators visible when :show-column-separators is true + &.column-separators > listview > row > cell { + border-left-color: $borders_color; + } + + // shrink vertically for .data-table + &.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; + } +} + +treeexpander { + border-spacing: 4px; +} + +/******************************************************** + * Data Tables * + * treeview like tables with individual focusable cells * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * + ********************************************************/ + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid $borders_color; +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid $selected_bg_color; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + background-color: $backdrop_selected_bg_color; + color: transparent; + &:focus-within { + background-color: $selected_bg_color; + color: $fg_color; + } +} + +/******************************************************* + * Rich Lists * + * Large list usually containing lots of widgets * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * + *******************************************************/ + + +.rich-list { /* rich lists usually containing other widgets than just labels/text */ + & > row { + padding: 8px 12px; + min-height: 32px; /* should be tall even when only containing a label */ + + & > box { + border-spacing: 12px; + } + } +} + +/******************************************************** + * Complex Lists * + * Put padding on the cell content so event controllers * + * can cover the whole area. * + ********************************************************/ + +columnview.complex { + > listview > row > cell { + padding: 0; + > * { + padding: 8px 6px; + } + } + + // shrink vertically for .data-table + &.data-table > listview > row > cell { + padding: 0; + > * { + padding-top: 2px; + padding-bottom: 2px; + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_menus.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_menus.scss new file mode 100644 index 00000000..aca2dd6f --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_menus.scss @@ -0,0 +1,127 @@ +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: $headerbar_color; + color: $headerbar_fg_color; + padding: 0px; + box-shadow: inset 0 -1px transparentize(black, 0.9); + + > item { + min-height: 16px; + padding: 4px 8px; + + &:hover { //Seems like it :hover even with keyboard focus + box-shadow: inset 0 -3px $selected_bg_color; + } + + &:disabled { + color: $insensitive_fg_color; + box-shadow: none; + } + } +} + +menu, +.menu, +.context-menu { + margin: 4px; + padding: 2px 0px; + background-color: $menu_color; + border: 1px solid $borders_color; // adds borders in a non composited env + font: initial; + + .csd & { border: none; } // axes borders in a composited env + + &:backdrop { background-color: $backdrop_menu_color; } + + menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; + + &:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:disabled { + color: $insensitive_fg_color; + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop, + &:backdrop:hover { + color: $backdrop_fg_color; + background-color: transparent; + } + + // submenu indicators + arrow { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: 10px; + } + + &:dir(rtl) { + -gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); + margin-right: 10px; + } + } + + // avoids labels color being overridden, see + // https://bugzilla.gnome.org/show_bug.cgi?id=767058 + label { &:dir(rtl), &:dir(ltr) { color: inherit; }} + } + + // overflow arrows + > arrow { + @include button(undecorated); + + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: $menu_color; + border-radius: 0; + + &.top { + margin-top: -6px; + border-bottom: 1px solid mix($fg_color, $base_color, 10%); + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.bottom { + margin-bottom: -6px; + border-top: 1px solid mix($fg_color, $base_color, 10%); + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &:hover { background-color: mix($fg_color, $base_color, 10%); } + + &:backdrop { background-color: $backdrop_menu_color; } + + &:disabled { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +menuitem { + accelerator { color: gtkalpha(currentColor,0.55); } + + check, + radio { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { margin-right: 7px; } + &:dir(rtl) { margin-left: 7px; } + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_misc.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_misc.scss new file mode 100644 index 00000000..e0285385 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_misc.scss @@ -0,0 +1,62 @@ +/******** + * Misc * + ********/ +//content view (grid/list) +.content-view { + background-color: darken($bg_color,7%); + + &:hover { -gtk-icon-filter: brightness(1.2); } + + &:backdrop { background-color: darken($bg_color,7%); } + + rubberband { @extend rubberband; } +} + +.scale-popup { + .osd & { @extend %osd; } + + .osd & button.flat { //FIXME: quick hack, redo properly + border-style: none; + border-radius: 5px; + } + + button { // +/- buttons on GtkVolumeButton popup + &:hover { + @extend %undecorated_button; + background-color: transparentize($fg_color,0.9); + border-radius: 5px; + } + + &:backdrop { &:hover, &:disabled, & { @extend %undecorated_button; }} + } +} + +/************ +* Assistant * +*************/ + +assistant { + + border-bottom-left-radius:4px; + border-bottom-right-radius:4px; + + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + + border-bottom-left-radius:4px; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar GtkLabel, + .sidebar label { padding: 6px 12px; } + + .sidebar GtkLabel.highlight, + .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_notebooks.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_notebooks.scss new file mode 100644 index 00000000..c8265887 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_notebooks.scss @@ -0,0 +1,293 @@ +/************* + * Notebooks * + *************/ +notebook { + > header { + padding: 1px; + border-color: $borders_color; + border-width: 0px; + background-color: $bg_color; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_bg_color; + } + + tabs { margin: -1px; } + + &.top { + border-bottom-style: solid; + > tabs { + margin-bottom: -2px; + > tab { + + + &:backdrop { box-shadow: none; } + + &:checked, &:hover { + background-color: $base_color; + box-shadow: none; + } + } + } + } + + &.bottom { + border-top-style: solid; + > tabs { + margin-top: -2px; + > tab { + + + &:backdrop { box-shadow: none; } + + &:checked { background-color: $base_color; } + } + } + } + + &.left { + border-right-style: solid; + > tabs { + margin-right: -2px; + > tab { + + + &:backdrop { box-shadow: none; } + + &:checked { background-color: $base_color; } + } + } + } + + &.right { + border-left-style: solid; + > tabs { + margin-left: -2px; + > tab { + + + &:backdrop { box-shadow: none; } + + &:checked { background-color: $base_color; } + } + } + } + + &.top > tabs > arrow { + @extend %notebook_vert_arrows; + + border-top-style: none; + } + + &.bottom > tabs > arrow { + @extend %notebook_vert_arrows; + + border-bottom-style: none; + } + + @at-root %notebook_vert_arrows { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + } + + &.left > tabs > arrow { + @extend %notebook_horz_arrows; + + border-left-style: none; + } + + &.right > tabs > arrow { + @extend %notebook_horz_arrows; + + border-right-style: none; + } + + @at-root %notebook_horz_arrows { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + + > tabs > arrow { + @extend %button_basic; + + @extend %button_basic.flat; + + min-height: 16px; + min-width: 16px; + border-radius: 0; + + &:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: transparentize(white, 0.7); + border-color: transparent; + box-shadow: none; + } + + &:disabled { @include button(undecorated); } + } + + tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + + outline-offset: -5px; + + color: $insensitive_fg_color; + font-weight: bold; + + border-width: 1px; // for reorderable tabs + border-color: transparent; // + + &:hover { + color: mix($insensitive_fg_color, $fg_color, 50%); + + &.reorderable-page { + border-color: transparentize($borders_color, 0.7); + background-color: transparentize($bg_color, 0.8); + } + } + + &:backdrop { + color: mix($backdrop_fg_color, $backdrop_bg_color, 60%); + + &.reorderable-page { + border-color: transparent; + background-color: transparent; + } + } + + &:checked { + color: $fg_color; + &.reorderable-page { + border-color: transparentize($borders_color, 0.5); + background-color: transparentize($bg_color, 0.5); + + &:hover { background-color: transparentize($bg_color, 0.3); } + } + } + + &:backdrop:checked { + color: $backdrop_fg_color; + + &.reorderable-page { + border-color: $backdrop_borders_color; + background-color: $backdrop_base_color; + } + } + + // colors the button like the label, overridden otherwise + button.flat { + &:hover { background: transparent; box-shadow: none; color: $red; } + + &, &:backdrop { color: gtkalpha(currentColor, 0.3); } + + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + // FIXME: generalize .small-button? + min-width: 20px; + min-height: 20px; + + &:last-child { + margin-left: 4px; + margin-right: -4px; + } + + &:first-child { + margin-left: -4px; + margin-right: 4px; + } + } + } + + &.top, + &.bottom { + tabs { + padding-left: 0.5px; + padding-right: 0.5px; + + &:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; + + &:first-child { margin-left: 0.5px; } + &:last-child { margin-right: 0.5px; } + } + + tab { + margin-left: 0.5px; + margin-right: 0.5px; + + &.reorderable-page { border-style: none solid; } + } + } + } + + &.left, + &.right { + tabs { + padding-top: 4px; + padding-bottom: 4px; + + &:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; + + &:first-child { margin-top: -1px; } + &:last-child { margin-bottom: -1px; } + } + + tab { + margin-top: 4px; + margin-bottom: 4px; + + &.reorderable-page { border-style: solid none; } + } + } + } + + &.top tab { padding-bottom: 4px; } + &.bottom tab { padding-top: 4px; } + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: $base_color; + + &:backdrop { background-color: $backdrop_base_color; } + } +} + +tabbar { + &:backdrop .box { + > scrolledwindow, + > .start-action, + > .end-action { + filter: opacity(1); + } + } + tabbox { + background-color: $bg_color; + padding: 0px; + color: $fg_color; + + > tab, + > tabboxchild > tab { + &:checked, &:selected { background-color: $base_color; } + } + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_paned.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_paned.scss new file mode 100644 index 00000000..e3d6bbd7 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_paned.scss @@ -0,0 +1,69 @@ +/********* + * Paned * + *********/ +paned { + > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: transparent; + // workaround, using background istead of a border since the border will get rendered twice (?) + background-image: image($borders_color); + background-size: 1px 1px; + + &:selected { background-image: image($selected_bg_color); } // FIXME is this needed? + + &:backdrop { background-image: image($backdrop_borders_color); } + + &.wide { + min-width: 5px; + min-height: 5px; + background-color: $bg_color; + background-image: image($borders_color), image($borders_color); + background-size: 1px 1px, 1px 1px; + + &:backdrop { + background-color: $backdrop_bg_color; + background-image: image($backdrop_borders_color), + image($backdrop_borders_color); + } + } + } + + &.horizontal > separator { + background-repeat: repeat-y; + + &:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; + } + &:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; + } + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_pathbars.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_pathbars.scss new file mode 100644 index 00000000..65083c90 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_pathbars.scss @@ -0,0 +1,29 @@ +/************ + * Pathbars * + ************/ +.path-bar button { + &.text-button, &.image-button, & { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button.image-button label { + padding-left: 0; + padding-right: 0; + } + + &.text-button.image-button, & { + label:last-child { padding-right: 8px; } + label:first-child { padding-left: 8px; } + } + + image { + padding-left: 4px; + padding-right: 4px; + } + + &.slider-button { + padding-left: 0; + padding-right: 0; + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_popovers.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_popovers.scss new file mode 100644 index 00000000..58c0ba60 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_popovers.scss @@ -0,0 +1,187 @@ +/*************** + * Popovers * + ***************/ + + popover.background { + + background-color: transparent; + font: initial; + + > arrow, + > contents { + $_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); + + background-color: $popover_bg_color; + background-clip: padding-box; + border: 1px solid $borders_color; + box-shadow: 0 4px 6px transparentize(black, 0.6); + color: $fg_color; + } + + &:backdrop { + background-color: transparent; + box-shadow: none; + } + + > contents { + padding: 8px; + border-radius: 5px; + + > list, + > .view, + > toolbar { + border-style: none; + background-color: transparent; + } + + separator { + background-color: mix($bg_color, lighten($base_color, 12%), 30%); + margin: 3px; + } + + list separator { margin: 0; } + } + + .osd &, + &.touch-selection, + &.magnifier { + background-color: transparent; + + > arrow, + > contents { + @extend %osd; + + border: 1px solid transparentize(white, 0.9); + box-shadow: none; + } + } + + &.touch-selection, + &.magnifier { + button { @extend %osd_button; } + } +} + +magnifier { + background-color: $base_color; +} + + +/********************** + * Popover Base Menus * + **********************/ + +$_menu-padding: 12px; //inner menuitem padding +//global 5px for outside menuitems + +popover.menu { + padding: 0; + + box.inline-buttons { + padding: 0 $_menu-padding; + + button.image-button.model { + @include button(undecorated); + + min-height: 30px; + min-width: 30px; + padding: 0; + border: none; + outline: none; + transition: none; + + &:selected { + background: image($popover_hover_color); + + // @if $contrast == 'high' { + // box-shadow: inset 0 0 0 1px $borders_color; + // } + } + } + } + + box.circular-buttons { + padding: $_menu-padding $_menu-padding 6px; + + button.circular.image-button.model { + // @extend %list_button; + + padding: 11px; + &:focus { + background-color: $popover_hover_color; + border-color: $popover_hover_color; + } + } + } + + & > arrow, + &.background > contents { + background-color: $popover_bg_color; + color: $fg_color; + padding: 5px; + .view { + background-color: transparent; + row { margin: 0; } + } + } + + &.background separator { + margin: 6px 0; + } + + accelerator { + color: gtkalpha(currentColor,0.55); + + &:dir(ltr) { margin-left: $_menu-padding; } + &:dir(rtl) { margin-right: $_menu-padding; } + } + + check, + radio { + // @include check('menu', 'transparent', $text_color); + + &:hover, &:active { background-color: transparent; } + } + + + radio { border-color: $borders_color; + &:active { border-color: transparentize($borders_color,0.5); } +} + + + arrow.left, + radio.left, + check.left { + margin-left: -2px; + margin-right: 6px; + } + + arrow.right, + radio.right, + check.right { + margin-left: 6px; + margin-right: -2px; + } + + modelbutton, &.background > contents .view row { + min-height: 30px; + min-width: 40px; + padding: 0 $_menu-padding; + border-radius: 5px; + + &:selected { + color: $text-color; + background-color: $popover_hover_color; + } + &:selected:active { + //@extend %selected_items; + //color: $selected_fg_color; + background-color: lighten($popover_hover_color, 10%); // matching buttons + } + } + + label.title { + font-weight: bold; + padding: 4px ($_menu-padding + 20px); //this will fall apart with font sizing + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_print-dialog.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_print-dialog.scss new file mode 100644 index 00000000..7ae1b8d8 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_print-dialog.scss @@ -0,0 +1,18 @@ +/**************** + * Print dialog * +*****************/ +printdialog { + paper { + color: $fg_color; + border: 1px solid $borders_color; + background: white; + padding: 0; + + &:backdrop { + color: $backdrop_fg_color; + border-color: $backdrop_borders_color; + } + } + + .dialog-action-box { margin: 12px; } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_progress-bars.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_progress-bars.scss new file mode 100644 index 00000000..c962fdcd --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_progress-bars.scss @@ -0,0 +1,56 @@ +/***************** + * Progress bars * + *****************/ +progressbar { + // sizing + &.horizontal { + trough, + progress { min-height: 6px; } + } + + &.vertical { + trough, + progress { min-width: 6px; } + } + + &.horizontal progress { margin: 0; } // the progress node is positioned after the trough border + &.vertical progress { margin: 0; } // this moves it over it. + + + // FIXME: insensitive state missing and some other state should be set probably + font-size: smaller; + color: transparentize($fg_color, 0.6); + + &:backdrop { + box-shadow: none; + transition: $backdrop_transition; + } + + trough { @extend %scale_trough; } + + &:backdrop trough { @extend %scale_trough:backdrop; } // looks like states are not passed to the trough component here + + progress { + @extend %scale_highlight; + } + + &:backdrop progress { @extend %scale_highlight:backdrop; } // states not passed here as well + + &.osd { // progressbar.osd used for epiphany page loading progress + min-width: 3px; + min-height: 3px; + background-color: transparent; + + trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; + } + + progress { + border-style: none; + border-radius: 0; + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_scales.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_scales.scss new file mode 100644 index 00000000..f235e03e --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_scales.scss @@ -0,0 +1,439 @@ +/************ + * GtkScale * + ************/ + $scale_slider_bg: if($variant == 'light', $base_color, lighten($base_color, 45%)); + $scale_trough_bg: if($variant == 'light', transparentize(black,0.86), lighten(transparentize($bg_color,0.86), 47%)); +%scale_trough { + background-color: $scale_trough_bg; + border: none; + border-radius: 3px; + margin: 0; + + &:disabled { background-color: transparentize(black,0.86); } + + &:backdrop { + background-color: transparentize(black,0.86); + transition: $backdrop_transition; + + &:disabled { background-color: transparentize(black,0.86); } + } +} + +%scale_highlight { + border: none; + background-color: $selected_bg_color; + border-radius: 3px; + margin: 0; + + &:disabled { + border: none; + background-color: transparentize(black, 0.86); + } + + &:backdrop, + &:active:backdrop { + border-color: lighten($selected_bg_color, 5%); + background-color: lighten($selected_bg_color, 5%); + &:disabled { + background-color: transparentize(black, 0.9); + } + } +} + +scale { + // sizing + $_marks_length: 6px; + $_marks_distance: 6px; + + min-height: 16px; + min-width: 16px; + padding: 8px; + + &.horizontal { + trough, + progress { min-height: 6px; } + } + + &.vertical { + trough, + progress { min-width: 6px; } + } + + // the slider is inside the trough, so to have make it bigger there's a negative margin + + slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + + background-color: $scale_slider_bg; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + border-radius: 12px; + + transition: $button_transition; + transition-property: background, border, box-shadow; + + &:active { + background-color: $purple; + + &:disabled { + background-color: $insensitive_bg_color; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.05); + } + } + } + + // click-and-hold the slider to activate + &.fine-tune { + &.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; + } + + &.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; + } + + // to make the trough grow in fine-tune mode + slider { margin: -6px; } + + fill, + highlight, + trough { + border-radius: 5px; + } + } + + // the backing bit + trough { + @extend %scale_trough; + + outline-offset: 2px; + outline-color: transparent; + } + + // the colored part of the backing bit + highlight { @extend %scale_highlight; } + + // this is another differently styled part of the backing bit, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + fill { + @extend %scale_trough; + + &:backdrop, & { background-color: $borders_color; } + + &:disabled { + &:backdrop, & { + border-color: transparent; + background-color: transparent; + } + } + + // OSD + .osd & { + background-color: mix($osd_fg_color, $osd_borders_color, 25%); + + &:disabled { + &:backdrop, & { + border-color: transparent; + background-color: transparent; + } + } + } + } + + slider { + border-color: $base_color; + border: none; + border-radius: 12px; + + background-color: $scale_slider_bg; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + + &:hover { @include button(hover-alt, $edge: $shadow_color); } + + &:active { border-color: $selected_borders_color; } + + &:disabled { + background-color: $insensitive_bg_color; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + } + + &:backdrop, + &:backdrop:disabled { + transition: $backdrop_transition; + + background-color: darken($scale_slider_bg, 20%); + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + } + + // ...on selected list rows + row:selected & { &:disabled, & { border-color: $selected_borders_color; } } + + // OSD + .osd & { + @include button(osd); + border-color: darken($osd_borders_color, 3%); + background-color: opacify($osd_bg_color, 1); // solid background needed here + + &:hover { + @include button(osd-hover); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + + &:active { + @include button(osd-active); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + + &:disabled { + @include button(osd-insensitive); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + + &:backdrop { + @include button(osd-backdrop); + background-color: opacify($osd_bg_color, 1); // solid background needed here + + &:disabled { + @include button(osd-backdrop-insensitive); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + } + } + } + + value { color: gtkalpha(currentColor, 0.4); } + + &.horizontal { + > marks { + color: gtkalpha(currentColor, 0.55); + &.top { margin-bottom: $_marks_distance; } + &.bottom { margin-top: $_marks_distance; } + + indicator { + background-color: currentColor; + min-height: $_marks_length; + min-width: 1px; + } + } + + > value.left { margin-right: 9px; } + > value.right { margin-left: 9px; } + + &.fine-tune >marks { + &.top { margin-top: 3px; } + &.bottom { margin-bottom: 3px; } + + indicator { min-height: ($_marks_length - 3px); } + } + } + + &.vertical { + > marks { + color: gtkalpha(currentColor, 0.55); + &.top { margin-right: $_marks_distance; } + &.bottom { margin-left: $_marks_distance; } + + indicator { + background-color: currentColor; + min-height: 1px; + min-width: $_marks_length; + } + } + + > value.top { margin-bottom: 9px; } + > value.bottom { margin-top: 9px; } + + &.fine-tune >marks { + &.top { margin-left: 3px; } + &.bottom { margin-right: 3px; } + + indicator { min-height: ($_marks_length - 3px); } + } + } + + &.horizontal { + indicator { + min-height: $_marks_length; + min-width: 1px; + } + + &.fine-tune indicator { min-height: ($_marks_length - 3px); } + } + + &.vertical { + indicator { + min-height: 1px; + min-width: $_marks_length; + } + + &.fine-tune indicator { min-width: ($_marks_length - 3px); } + } + + // *WARNING* scale with marks madness following + + // FIXME: OSD and selected list rows missing, I don't feel like adding the other 144 assets needed for those... + $suffix: if($variant == 'light', '', '-dark'); + + @each $dir_class, $dir_infix in ('horizontal', 'horz'), + ('vertical', 'vert') { + @each $marks_infix, $marks_class in ('scale-has-marks-above', 'marks-before:not(.marks-after)'), + ('scale-has-marks-below', 'marks-after:not(.marks-before)') { + @each $state, $state_infix in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':disabled', '-insensitive'), + (':backdrop', '-backdrop'), + (':backdrop:disabled', '-backdrop-insensitive') { + &.#{$dir_class}.#{$marks_class} { + + slider { + &#{$state} { + // an asymmetric slider asset is used here, so the margins are uneven, the smaller + // margin is set on the point side. + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + + background-color: $scale_slider_bg; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + } + } + + &.fine-tune slider { + // bigger negative margins to make the trough grow here as well + margin: -7px; + } + } + } + } + } + + &.color { + min-height: 0; + min-width: 0; + + trough { + background-image: image($borders_color); + background-repeat: no-repeat; + } + + &.horizontal { + padding: 0 0 15px 0; + + trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:dir(ltr), &:dir(rtl) { // specificity bumb + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 15px; + + trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-left: -15px; + margin-right: 6px; + } + } + } + + &:dir(rtl) { + padding: 0 15px 0 0; + + trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-right: -15px; + margin-left: 6px; + } + } + } + } + + &.fine-tune { + &.horizontal { + &:dir(ltr), &:dir(rtl) { // specificity bump + padding: 0 0 12px 0; + + trough { + padding-bottom: 7px; + background-position: 0 -6px; + } + + slider { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 12px; + + trough { + padding-left: 7px; + background-position: 6px 0; + } + + slider { + margin-left: -15px; + margin-right: 6px; + } + } + + &:dir(rtl) { + padding: 0 12px 0 0; + + trough { + padding-right: 7px; + background-position: -6px 0; + } + + slider { + margin-right: -15px; + margin-left: 6px; + } + } + } + } + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_scrollbars.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_scrollbars.scss new file mode 100644 index 00000000..dc0529bf --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_scrollbars.scss @@ -0,0 +1,170 @@ +/************** + * Scrollbars * + **************/ +scrollbar { + $_slider_min_length: 40px; + + background-color: $scrollbar_bg_color; + transition: 300ms $ease-out-quad; + + // scrollbar border + &.top { border-bottom: 1px solid $borders_color; } + &.bottom { border-top: 1px solid $borders_color; } + &.left { border-right: 1px solid $borders_color; } + &.right { border-left: 1px solid $borders_color; } + + &:backdrop { + background-color: $backdrop_scrollbar_bg_color; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + } + + // slider + slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: $scrollbar_slider_color; + + &:hover { background-color: $scrollbar_slider_hover_color; } + + &:hover:active { background-color: $scrollbar_slider_active_color; } + + &:backdrop { background-color: $backdrop_scrollbar_slider_color; } + + &:disabled { background-color: transparent; } + } + + &.fine-tune { + slider { + min-width: 4px; + min-height: 4px; + } + + &.horizontal slider { border-width: 5px 4px; } + &.vertical slider { border-width: 4px 5px; } + } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; + + slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: $fg_color; + border: 1px solid if($variant == 'light', white, black); + } + + button { + min-width: 5px; + min-height: 5px; + background-color: $fg_color; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid if($variant == 'light', white, black); + -gtk-icon-source: none; + } + + &.horizontal { + slider { + margin: 0 2px; + min-width: $_slider_min_length; + } + + button { + margin: 1px 2px; + min-width: 5px; + } + } + + &.vertical { + slider { + margin: 2px 0; + min-height: $_slider_min_length; + } + + button { + margin: 2px 1px; + min-height: 5px; + } + } + } + + &.dragging, + &.hovering { opacity: 0.8; } + } + + &.horizontal slider { min-width: $_slider_min_length; } + + &.vertical slider { min-height: $_slider_min_length; } + + // button styling + button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + + @include button(undecorated); + + color: $scrollbar_slider_color; + + &:hover { + @include button(undecorated); + + color: $scrollbar_slider_hover_color; + } + &:active, &:checked { + @include button(undecorated); + + color: $scrollbar_slider_active_color; + } + &:disabled { + @include button(undecorated); + + color: transparentize($scrollbar_slider_color, 0.8); + } + &:backdrop { + @include button(undecorated); + + color: $backdrop_scrollbar_slider_color; + + &:disabled { + @include button(undecorated); + + color: transparentize($backdrop_scrollbar_slider_color, 0.8); + } + } + } + + // button icons + &.vertical { + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + } + } + + &.horizontal { + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-right-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); } + } + } +} + +treeview ~ scrollbar.vertical { + border-top: 1px solid $borders_color; + margin-top: -1px; +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_sidebar.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_sidebar.scss new file mode 100644 index 00000000..9ef152b6 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_sidebar.scss @@ -0,0 +1,139 @@ +/*********** + * Sidebar * + ***********/ +.sidebar,.nautilus-window .navigation-sidebar { + border-style: none; + border-width: 0; + background-color: mix($bg_color, $base_color, 50%); + .frame{ + border: none; + } + + @at-root %sidebar_left, + &:dir(ltr), + &.left, + &.left:dir(rtl) { + border-right: none; + border-left-style: none; + } + + @at-root %sidebar_right + &:dir(rtl), + &.right { + border-left: 1px solid $borders_color; + border-right-style: none; + } + + &:backdrop { + background-color: $backdrop_sidebar_bg_color; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + } + + list { background-color: lighten($bg_color, 0.77%); } + row{ + padding: 2px 12px; + &:selected{ + &:backdrop{ + background: transparentize($backdrop_selected_bg_color, 0.3); + label{ + color: $backdrop_selected_bg_color; + } + } + &:hover{ + background-color: transparentize($selected_bg_color, 0.2); + } + background: transparentize($selected_bg_color, 0.4); + color: $purple; + label{ + color: $purple; + } + } + } + + //elementary os file manager + &.source-list{ + background-color: $headerbar_color; + color: #F2EFEA; + padding: 4px 0px; + &.view{ + + &:selected { + &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } + + &.has-open-popup, + &:hover { background-color: transparentize($selected_bg_color, 0.2); } + + &:backdrop { background-color: $backdrop_selected_bg_color; } + } + &:hover, iconview.source-list:hover { + background-color: if(variant == light, transparentize($base_color, 0.4), transparentize($base_color, 0.4)); + } + } + } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { + border-style: none; + border-color: $borders_color; + } +} +} + +stacksidebar { + &.sidebar { + &:dir(ltr), + &.left, + &.left:dir(rtl) { list { @extend %sidebar_left; }} + + &:dir(rtl), + &.right { list { @extend %sidebar_right; }} + } + + row { + padding: 10px 4px; + + > label { + padding-left: 6px; + padding-right: 6px; + } + + &.needs-attention > label { + @extend %needs_attention; + + background-size: 6px 6px, 0 0; + } + } +} + +placessidebar { + > viewport.frame { border-style: none; } + + row { + + padding: 1px 11px; + label { padding-left: 8px; } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + &, label, image { color: $drop_target_color; } + + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + &, label, image { color: $selected_fg_color; } + background-color: $drop_target_color; + } + } + } +} + +// Gnome 46: File operations status bar at the bottom of sidebar +.bottom-bar { + background-color: $base_color; + button { + @include button(undecorated); + .view { background-color: transparent; } + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_spinbuttons.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_spinbuttons.scss new file mode 100644 index 00000000..c163f970 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_spinbuttons.scss @@ -0,0 +1,195 @@ +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend %entry; + + padding: 0; + border-spacing: 0; + + %spinbutton_horz_entry { + min-width: 28px; + // reset all the other props since the spinbutton node is styled here + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; + + &:backdrop:disabled { background-color: transparent; } + } + + > text { + @extend %spinbutton_horz_entry; + } + + /* :not here just to bump specificity above that of the list button styling */ + > button.image-button.up:not(.flat), + > button.image-button.down:not(.flat) { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: mix($fg_color, $base_color, 90%); + background-image: none; + border-style: none none none solid; + border-color: transparentize($borders_color, 0.7); + border-radius: 0; + box-shadow: none; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + color: $fg_color; + background-color: lighten($base_color, 10%); + } + + &:disabled { + color: transparentize($insensitive_fg_color, 0.7); + background-color: transparent; + } + + &:active { + background-color: lighten($base_color, 13%); + box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8); + color: $selected_fg_color; + } + + &:dir(ltr):last-child { border-radius: 0 3px 3px 0; } + + &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + } + } + + // OSD horizontal + .osd &:not(.vertical) { + > text { + @extend %spinbutton_horz_entry; + } + + > button.image-button.up:not(.flat), + > button.image-button.down:not(.flat) { + @include button(undecorated); + + color: $osd_fg_color; + border-style: none none none solid; + border-color: transparentize($osd_borders_color, 0.3); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + @include button(undecorated); + + color: $osd_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-color: darken($osd_bg_color,10%); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; + } + + &:disabled { + @include button(undecorated); + + color: $osd_insensitive_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + -gtk-icon-shadow: none; + box-shadow: none; + } + + &:dir(ltr):last-child { border-radius: 0 3px 3px 0; } + + &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + } + } + + // Vertical + &.vertical { + // in the vertical configuration, we treat the spinbutton + // as a box, and tweak the style of the entry in the middle + // so that it's linked + + // FIXME: this should not be set at all, but otherwise it gets the wrong + // color + &:disabled { color: $insensitive_fg_color; } + + &:drop(active) { + border-color: transparent; + box-shadow: none; + } + + > text { + @extend %entry; + + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; + + > selection { + background-color: $backdrop_selected_bg_color; + color: transparent; + &:focus-within { + background-color: $selected_bg_color; + color: $fg_color; + } + } + > block-cursor { @include entry(block_cursor); } + } + + > button { + min-height: 32px; + min-width: 32px; + padding: 0; + + &.up { @extend %top_button; } + + &.down { @extend %bottom_button; } + } + + %top_button { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + + %bottom_button { + border-top-style: none; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } + + // OSD vertical + .osd &.vertical > button:first-child { + @include button(osd); + + &:hover { @include button(osd-hover);} + + &:active { @include button(osd-active); } + + &:disabled { @include button(osd-insensitive); } + } + + // Misc + treeview &:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; + + > text { + min-height: 0; + padding: 1px 2px; + } + } + + font-feature-settings: "tnum"; +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_spinner.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_spinner.scss new file mode 100644 index 00000000..1bd61a6f --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_spinner.scss @@ -0,0 +1,27 @@ +/*********** + * Spinner * + ***********/ + +menu spinner { + color: $selected_bg_color; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +spinner { + background: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { opacity: 0.5; } + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_switches.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_switches.scss new file mode 100644 index 00000000..eeed58e6 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_switches.scss @@ -0,0 +1,44 @@ +/********** + * Switch * + **********/ + $_switch_bg: if($variant == 'light', transparentize(black, 0.9), lighten($base_color, 10%)); + $_switch_slider_bg:$base_color; + + switch { + font-size: 1px; + min-width: 45px; + min-height: 27px; + background-size: 45px 27px; + background-color: transparent; + background-repeat: no-repeat; + background-position: center center; + background-image: -gtk-scaled(url("../assets/switch-off.svg"),url("../assets/switch-off.svg")); + + &:disabled { + background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"),url("../assets/switch-insensitive.svg")); + } + + &, & slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; + } + + &:checked { + background-image: -gtk-scaled(url("../assets/switch-on.svg"),url("../assets/switch-on.svg")); + slider { + background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"),url("../assets/switch-slider-on@2.png")); + } + } + + // Handle + slider { + min-width: 1px; + min-height: 1px; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"),url("../assets/switch-slider-off@2.png")); + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_toolbars.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_toolbars.scss new file mode 100644 index 00000000..c34c9904 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_toolbars.scss @@ -0,0 +1,82 @@ +/************ + * Toolbars * + ************/ +%toolbar { + padding: 4px; + background-color: $bg_color; +} + +toolbar { + @extend %toolbar; + + padding: 4px 3px 3px 4px; + + // on OSD + .osd & { background-color: transparent; } + + // stand-alone OSD toolbars + &.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: $osd_bg_color; + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } + + // toolbar separators + &.horizontal separator { margin: 0 7px 1px 6px; } + &.vertical separator { margin: 6px 1px 7px 0; } + + &:not(.inline-toolbar):not(.osd) { + switch, + scale, + entry, + spinbutton, + button { + margin-right: 1px; + margin-bottom: 1px; + } + } +} + +//searchbar, location-bar & inline-toolbar +.inline-toolbar { + @extend %toolbar; + + @extend %darkbar; + + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; +} + +searchbar > revealer > box { + @extend %toolbar; + + @extend %darkbar; + + border-width: 0 0 1px; + padding: 5px; +} + +%darkbar { + border-style: solid; + border-color: $borders_color; + $_bg: mix($bg_color, $borders_color, 70%); + background-color: $_bg; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + box-shadow: none; + transition: $backdrop_transition; + } +} + +searchbar{ + background: $base_color; +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_tooltips.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_tooltips.scss new file mode 100644 index 00000000..00a4554a --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_tooltips.scss @@ -0,0 +1,28 @@ +/************ + * Tooltips * + ************/ +tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: transparentize(black, 0.2); + background-clip: padding-box; + border: 1px solid $tooltip_borders_color; // this suble border is meant to + // not make the tooltip melt with + // very dark backgrounds + } + + padding: 4px; /* not working */ + border-radius: 5px; + box-shadow: none; // otherwise it gets inherited by windowframe.csd + text-shadow: 0 1px black; + + // FIXME: we need a border or tooltips vanish on black background. + decoration { background-color: transparent; } + + * { // Yeah this is ugly + padding: 4px; + background-color: transparent; + color: white; + } +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_touch-copy-paste.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_touch-copy-paste.scss new file mode 100644 index 00000000..c9f4db23 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_touch-copy-paste.scss @@ -0,0 +1,82 @@ +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active') { //no need for insensitive and backdrop + &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) { + $_url: 'assets/text-select-start#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-left: 10px; + } + + &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) { + $_url: 'assets/text-select-end#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-right: 10px; + } + + &.insertion-cursor#{$s}:dir(ltr), &.insertion-cursor#{$s}:dir(rtl) { + $_url: 'assets/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + } +} + +.context-menu { font: initial; } // Decouple the font of context menus from their entry/textview + +button.circular { // FIXME: aggregate to buttons + border-radius: 20px; + -gtk-outline-radius: 20px; + + label { padding: 0; } +} + +// shortcut window keys +.keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + + color: $fg_color; + background-color: $base_color; + border: 1px solid; + border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color); + border-radius: 5px; + box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%)); + font-size: smaller; + + &:backdrop { + background-color: $backdrop_base_color; + color: $backdrop_fg_color; + transition: $backdrop_transition; + } +} + +*:drop(active):focus, +*:drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; +} + +stackswitcher button.text-button { min-width: 100px; } // FIXME aggregate with buttons + +stackswitcher button.circular, +stackswitcher button.text-button.circular { // FIXME aggregate with buttons + min-width: 32px; + min-height: 32px; + padding: 0; +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_treeviews.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_treeviews.scss new file mode 100644 index 00000000..f4fa2605 --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_treeviews.scss @@ -0,0 +1,203 @@ + +$_treeview_borders_color: $borders_color; +$_treeview_backdrop_borders_color: if($variant=='light',mix($backdrop_borders_color, $base_color, 80%),mix($backdrop_fg_color, $base_color, 20%)); +columnview.view, +treeview.view { + border-left-color: $_treeview_borders_color; // this is actually the tree lines color, + border-top-color: $_treeview_borders_color; // while this is the grid lines color, better then nothing + + //@include focus-ring(); + + > rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + &:focus, & { + border-radius: 0; + outline-color: $red; + + @extend %selected_items; + } + } + + &:disabled { + color: $insensitive_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + } + + &.separator { + min-height: 2px; + color: $_treeview_borders_color; + } + + &:backdrop { + border-left-color: $_treeview_backdrop_borders_color; + border-top: $_treeview_backdrop_borders_color; + } + + &:drop(active) { + box-shadow: none; + } + + > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: $selected_borders_color; + + &.after { border-top-style: none; } + + &.before { border-bottom-style: none; } + } + + &.expander { + // GtkTreeView uses the larger of the expander’s min-width and min-height + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: mix($text_color, $base_color, 70%); + + &:hover { color: $text_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + + &:hover { color: $selected_fg_color; } + } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + + &.progressbar { // progress bar in treeviews + @if $variant == light { color: $base_color; } + + border: 1px solid $selected_borders_color; + border-radius: 4px; + background-color: $selected_bg_color; + background-image: linear-gradient(to bottom, + $selected_bg_color, + darken($selected_bg_color,10%)); + box-shadow: inset 0 1px if($variant=='light', transparentize(white,0.7), + transparentize(white,0.85)), + 0 1px if($variant=='light', transparentize(black, 0.8), + transparentize(black,0.9)); + + &:selected { + &:focus, & { + + @if $variant == 'light' { + color: $selected_bg_color; + + } + + @else { box-shadow: inset 0 1px transparentize(white, 0.95); } + + background-image: image($base_color); + + &:backdrop { + @if $variant == 'light' { + color: $selected_bg_color; + } + background-color: $backdrop_base_color; + } + } + } + } + + &.trough { // progress bar trough in treeviews + background-color: transparentize($fg_color,0.9); + + &:selected { + &:focus, & { + background-color: if($variant == 'light', + transparentize($selected_fg_color, 0.7), + darken($selected_bg_color, 10%)); + + } + } + } + + > header { + > button { + $_column_header_color: mix(lighten($fg_color, 20%), lighten($base_color, 40%), 50%); + + @extend %column_header_button; + + color: $_column_header_color; + background-color: $base_color; + font-weight: bold; + text-shadow: none; + box-shadow: none; + + &:hover { + @extend %column_header_button; + + color: mix($_column_header_color, $fg_color, 50%); + box-shadow: none; + transition: none; //I shouldn't need this + } + + &:active { + @extend %column_header_button; + + color: $fg_color; + transition: none; //I shouldn't need this + } + + &:backdrop { box-shadow: none; } + + sort-indicator { + &.ascending { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + &.descending { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + min-height: 16px; + min-width: 16px; + } + } + } + + button.dnd, + header.button.dnd { // for treeview-like derive widgets + &:active, &:selected, &:hover, & { + padding: 0 6px; + color: $red; + background-image: none; + background-color: $selected_bg_color; + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px $base_color; + text-shadow: none; + transition: none; + } + } + + acceleditor > label { background-color: $selected_bg_color; } // see tests/testaccel to test +} + + +%column_header_button { + padding: 0 6px; + background-image: none; + border-style: none none solid solid; + border-width: 1px; + border-color: $_treeview_borders_color; + border-radius: 0; + text-shadow: none; + box-shadow: none; + + &:disabled { + border-color: $bg_color; + background-image: none; + } + + &:last-child { &:backdrop, & { border-right-style: none; }} +} diff --git a/filesystem/.themes/Dracula/gtk-4.0/widgets/_windows.scss b/filesystem/.themes/Dracula/gtk-4.0/widgets/_windows.scss new file mode 100644 index 00000000..dd70b7bd --- /dev/null +++ b/filesystem/.themes/Dracula/gtk-4.0/widgets/_windows.scss @@ -0,0 +1,160 @@ +/********************** + * Window Decorations * + *********************/ + window { + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + // this needs to be transparent + // see bug #722563 + $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); + $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25)); + $_window_radius: 4px; + $_menu_radius: 7px; + + &.csd { + box-shadow: 0 3px 9px 1px transparentize(black, 0.5), + 0 0 0 1px $_wm_border; //doing borders with box-shadow + margin: 0px; + border-radius: $_window_radius $_window_radius 0 0; + &:backdrop { + // the transparent shadow here is to enforce that the shadow extents don't + // change when we go to backdrop, to prevent jumping windows. + // The biggest shadow should be in the same order then in the active state + // or the jumping will happen during the transition. + box-shadow: 0 3px 9px 1px transparent, + 0 2px 6px 2px transparentize(black, 0.8), + 0 0 0 1px $_wm_border_backdrop; + transition: $backdrop_transition; + } + + &.popup { + border-radius: $_menu_radius; + box-shadow: 0 1px 2px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border, 0.1); + } + + &.dialog.message { + border-radius: $_window_radius; + box-shadow: 0 1px 2px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border, 0.1); + } + } + + &.solid-csd { + margin: 0; + padding: 4px; + border: solid 1px $borders_color; + border-radius: 0; + box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $headerbar_color, inset 0 1px transparentize($fg_color, 0.93); + + &:backdrop { box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $backdrop_bg_color, inset 0 1px transparentize($fg_color, 0.93); } + } + + &.maximized, + &.fullscreen { border-radius: 0; box-shadow: none; } + + &.tiled, + &.tiled-top, + &.tiled-left, + &.tiled-right, + &.tiled-bottom { + border-radius: 0; + box-shadow: 0 0 0 1px $_wm_border_backdrop, + 0 0 0 20px transparent; //transparent control workaround -- #3670 + &:backdrop { + box-shadow: 0 0 0 1px $_wm_border_backdrop, + 0 0 0 20px transparent; // #3670 + } + } + + &.popup { box-shadow: none; } + + // server-side decorations as used by mutter + &.ssd { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows + +} + +// Window Close button +windowcontrols { + button { + &.close, &.maximize, &.minimize { + min-width: 20px; + min-height: 20px; + margin: 0; + padding: 0 1px; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + + &, &:hover, &:focus, &:active, &:backdrop, &:backdrop:hover { + background-color: transparent; + border: none; + box-shadow: none; + color: transparent; + } + + } + + &.close { + background-image: -gtk-scaled(url("../assets/close.png"),url("../assets/close@2.png")); + &:hover,&:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"),url("../assets/close_prelight@2.png")); + } + } + &.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"),url("../assets/maximize@2.png")); + &:hover,&:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"),url("../assets/maximize_prelight@2.png")); + } + } + &.minimize { + background-image: -gtk-scaled(url("../assets/min.png"),url("../assets/min@2.png")); + &:hover,&:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"),url("../assets/min_prelight@2.png")); + } + } + + .selection-mode & { + @extend %button.flat.suggested-action; + + @extend %nobg_selected_items; + } + + &:backdrop { + -gtk-icon-shadow: none; + background-image: -gtk-scaled(url("../assets/close_unfocused.png"),url("../assets/close_unfocused@2.png")); + } + } +} + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + @include _button_text_shadow(white, $selected_bg_color); + + &:backdrop { -gtk-icon-shadow: none; } +} + + +// catch all extend :) + +%selected_items { + background-color: $selected_bg_color; + + @at-root %nobg_selected_items, & { + color: $selected_fg_color; + font-weight: normal; + + @if $variant == 'light' { outline-color: transparentize($selected_fg_color, 0.7); } + + &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } + + &:backdrop { + color: $backdrop_selected_fg_color; + + &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + } +} + +.monospace { font-family: Monospace; } diff --git a/filesystem/.themes/Dracula/index.theme b/filesystem/.themes/Dracula/index.theme new file mode 100755 index 00000000..c51ebc56 --- /dev/null +++ b/filesystem/.themes/Dracula/index.theme @@ -0,0 +1,11 @@ +[Desktop Entry] +Type=X-GNOME-Metatheme +Name=Dracula +Comment=A flat and light theme with a modern look +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=Dracula +MetacityTheme=Dracula +IconTheme=Mint-Y +ButtonLayout=menu:minimize,maximize,close diff --git a/filesystem/.themes/Dracula/kde/aurorae/Dracula/.shade.svg b/filesystem/.themes/Dracula/kde/aurorae/Dracula/.shade.svg new file mode 100644 index 00000000..867525ab --- /dev/null +++ b/filesystem/.themes/Dracula/kde/aurorae/Dracula/.shade.svg @@ -0,0 +1,555 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/aurorae/Dracula/Dracularc b/filesystem/.themes/Dracula/kde/aurorae/Dracula/Dracularc new file mode 100644 index 00000000..039dd262 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/aurorae/Dracula/Dracularc @@ -0,0 +1,43 @@ +[General] +ActiveFocusedTabColor=78,78,78 +ActiveTextColor=202,203,209 +ActiveTextShadowColor=255,255,255,255 +ActiveUnfocusedTabColor=120,120,120 +Animation=0 +InactiveFocusedTabColor=120,120,120 +InactiveTextColor=115,118,131 +InactiveTextShadowColor=255,255,255,255 +InactiveUnfocusedTabColor=120,120,120 +LeftButtons=XIA +RightButtons= +Shadow=false +TextShadowOffsetX=1 +TextShadowOffsetY=1 +TitleAlignment=Center +TitleVerticalAlignment=Center +UseTextShadow=true + +[Layout] +BorderBottom=1 +BorderLeft=1 +BorderRight=1 +ButtonHeight=13 +ButtonMarginTop=3 +ButtonSpacing=8 +ButtonWidth=13 +ExplicitButtonSpacer=10 +PaddingBottom=10 +PaddingLeft=10 +PaddingRight=10 +PaddingTop=10 +TitleBorderLeft=1 +TitleBorderRight=1 +TitleEdgeBottom=5 +TitleEdgeBottomMaximized=3 +TitleEdgeLeft=5 +TitleEdgeLeftMaximized=5 +TitleEdgeRight=5 +TitleEdgeRightMaximized=5 +TitleEdgeTop=5 +TitleEdgeTopMaximized=3 +TitleHeight=18 diff --git a/filesystem/.themes/Dracula/kde/aurorae/Dracula/alldesktops.svg b/filesystem/.themes/Dracula/kde/aurorae/Dracula/alldesktops.svg new file mode 100644 index 00000000..cf1c6691 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/aurorae/Dracula/alldesktops.svg @@ -0,0 +1,524 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/aurorae/Dracula/close.svg b/filesystem/.themes/Dracula/kde/aurorae/Dracula/close.svg new file mode 100644 index 00000000..e543759a --- /dev/null +++ b/filesystem/.themes/Dracula/kde/aurorae/Dracula/close.svg @@ -0,0 +1,523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/aurorae/Dracula/decoration.svg b/filesystem/.themes/Dracula/kde/aurorae/Dracula/decoration.svg new file mode 100644 index 00000000..d75f6edf --- /dev/null +++ b/filesystem/.themes/Dracula/kde/aurorae/Dracula/decoration.svg @@ -0,0 +1,358 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/aurorae/Dracula/keepabove.svg b/filesystem/.themes/Dracula/kde/aurorae/Dracula/keepabove.svg new file mode 100644 index 00000000..4de5cd13 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/aurorae/Dracula/keepabove.svg @@ -0,0 +1,525 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/aurorae/Dracula/keepbelow.svg b/filesystem/.themes/Dracula/kde/aurorae/Dracula/keepbelow.svg new file mode 100644 index 00000000..e1590f9d --- /dev/null +++ b/filesystem/.themes/Dracula/kde/aurorae/Dracula/keepbelow.svg @@ -0,0 +1,531 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/aurorae/Dracula/maximize.svg b/filesystem/.themes/Dracula/kde/aurorae/Dracula/maximize.svg new file mode 100644 index 00000000..5db9aefc --- /dev/null +++ b/filesystem/.themes/Dracula/kde/aurorae/Dracula/maximize.svg @@ -0,0 +1,495 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/aurorae/Dracula/metadata.desktop b/filesystem/.themes/Dracula/kde/aurorae/Dracula/metadata.desktop new file mode 100644 index 00000000..e26f916e --- /dev/null +++ b/filesystem/.themes/Dracula/kde/aurorae/Dracula/metadata.desktop @@ -0,0 +1,10 @@ +[Desktop Entry] +Name=Dracula +X-KDE-PluginInfo-Author=eliverlara +X-KDE-PluginInfo-Category= +X-KDE-PluginInfo-Depends= +X-KDE-PluginInfo-Email=eliverlara@gmail.com +X-KDE-PluginInfo-EnabledByDefault=true +X-KDE-PluginInfo-License=GPLv3 +X-KDE-PluginInfo-Name=Dracula +X-KDE-PluginInfo-Version=1.0.0 diff --git a/filesystem/.themes/Dracula/kde/aurorae/Dracula/minimize.svg b/filesystem/.themes/Dracula/kde/aurorae/Dracula/minimize.svg new file mode 100644 index 00000000..307dd3cb --- /dev/null +++ b/filesystem/.themes/Dracula/kde/aurorae/Dracula/minimize.svg @@ -0,0 +1,488 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/aurorae/Dracula/restore.svg b/filesystem/.themes/Dracula/kde/aurorae/Dracula/restore.svg new file mode 100644 index 00000000..5db9aefc --- /dev/null +++ b/filesystem/.themes/Dracula/kde/aurorae/Dracula/restore.svg @@ -0,0 +1,495 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/color-schemes/Dracula.colors b/filesystem/.themes/Dracula/kde/color-schemes/Dracula.colors new file mode 100644 index 00000000..52257a29 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/color-schemes/Dracula.colors @@ -0,0 +1,105 @@ +[ColorEffects:Disabled] +Color=56,56,56 +ColorAmount=0 +ColorEffect=0 +ContrastAmount=0.65 +ContrastEffect=1 +IntensityAmount=0.1 +IntensityEffect=2 + +[ColorEffects:Inactive] +ChangeSelectionColor=true +Color=112,111,110 +ColorAmount=0.025000000000000001 +ColorEffect=2 +ContrastAmount=0.10000000000000001 +ContrastEffect=2 +Enable=false +IntensityAmount=0 +IntensityEffect=0 + +[Colors:Button] +BackgroundAlternate=64,69,82 +BackgroundNormal=40,42,54 +DecorationFocus=68,71,90 +DecorationHover=68,71,90 +ForegroundActive=61,174,233 +ForegroundInactive=102,106,115 +ForegroundLink=41,128,185 +ForegroundNegative=255,85,85 +ForegroundNeutral=255,184,108 +ForegroundNormal=248,248,242 +ForegroundPositive=80,250,122 +ForegroundVisited=82,148,226 + +[Colors:Selection] +BackgroundAlternate=29,153,243 +BackgroundNormal=68,71,90 +DecorationFocus=68,71,90 +DecorationHover=68,71,90 +ForegroundActive=252,252,252 +ForegroundInactive=211,218,227 +ForegroundLink=253,188,75 +ForegroundNegative=255,85,85 +ForegroundNeutral=255,184,108 +ForegroundNormal=254,254,254 +ForegroundPositive=80,250,122 +ForegroundVisited=189,195,199 + +[Colors:Tooltip] +BackgroundAlternate=47,52,63 +BackgroundNormal=53,57,69 +DecorationFocus=68,71,90 +DecorationHover=68,71,90 +ForegroundActive=61,174,233 +ForegroundInactive=102,106,115 +ForegroundLink=41,128,185 +ForegroundNegative=255,85,85 +ForegroundNeutral=255,184,108 +ForegroundNormal=211,218,227 +ForegroundPositive=80,250,122 +ForegroundVisited=82,148,226 + +[Colors:View] +BackgroundAlternate=43,45,59 +BackgroundNormal=30,31,41 +DecorationFocus=68,71,90 +DecorationHover=68,71,90 +ForegroundActive=139,233,253 +ForegroundInactive=102,106,115 +ForegroundLink=82,148,226 +ForegroundNegative=255,85,85 +ForegroundNeutral=255,184,108 +ForegroundNormal=248,248,242 +ForegroundPositive=80,250,122 +ForegroundVisited=124,183,255 + +[Colors:Window] +BackgroundAlternate=47,52,63 +BackgroundNormal=40,42,54 +DecorationFocus=68,71,90 +DecorationHover=68,71,90 +ForegroundActive=139,233,253 +ForegroundInactive=102,106,115 +ForegroundLink=41,128,185 +ForegroundNegative=255,85,85 +ForegroundNeutral=255,184,108 +ForegroundNormal=248,248,242 +ForegroundPositive=80,250,122 +ForegroundVisited=68,71,90 + +[General] +ColorScheme=Dracula +Name=Dracula +shadeSortColumn=true + +[KDE] +contrast=5 + +[WM] +activeBackground=47,52,63 +activeBlend=47,52,63 +activeForeground=211,218,227 +inactiveBackground=47,52,63 +inactiveBlend=47,52,63 +inactiveForeground=102,106,115 diff --git a/filesystem/.themes/Dracula/kde/color-schemes/DraculaPurple.colors b/filesystem/.themes/Dracula/kde/color-schemes/DraculaPurple.colors new file mode 100644 index 00000000..95dac9a6 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/color-schemes/DraculaPurple.colors @@ -0,0 +1,105 @@ +[ColorEffects:Disabled] +Color=56,56,56 +ColorAmount=0 +ColorEffect=0 +ContrastAmount=0.65 +ContrastEffect=1 +IntensityAmount=0.1 +IntensityEffect=2 + +[ColorEffects:Inactive] +ChangeSelectionColor=true +Color=112,111,110 +ColorAmount=0.025000000000000001 +ColorEffect=2 +ContrastAmount=0.10000000000000001 +ContrastEffect=2 +Enable=false +IntensityAmount=0 +IntensityEffect=0 + +[Colors:Button] +BackgroundAlternate=64,69,82 +BackgroundNormal=40,42,54 +DecorationFocus=124,96,163 +DecorationHover=124,96,163 +ForegroundActive=61,174,233 +ForegroundInactive=102,106,115 +ForegroundLink=41,128,185 +ForegroundNegative=255,85,85 +ForegroundNeutral=255,184,108 +ForegroundNormal=248,248,242 +ForegroundPositive=80,250,122 +ForegroundVisited=82,148,226 + +[Colors:Selection] +BackgroundAlternate=29,153,243 +BackgroundNormal=124,96,163 +DecorationFocus=124,96,163 +DecorationHover=124,96,163 +ForegroundActive=252,252,252 +ForegroundInactive=211,218,227 +ForegroundLink=253,188,75 +ForegroundNegative=255,85,85 +ForegroundNeutral=255,184,108 +ForegroundNormal=254,254,254 +ForegroundPositive=80,250,122 +ForegroundVisited=189,195,199 + +[Colors:Tooltip] +BackgroundAlternate=47,52,63 +BackgroundNormal=53,57,69 +DecorationFocus=124,96,163 +DecorationHover=124,96,163 +ForegroundActive=61,174,233 +ForegroundInactive=102,106,115 +ForegroundLink=41,128,185 +ForegroundNegative=255,85,85 +ForegroundNeutral=255,184,108 +ForegroundNormal=211,218,227 +ForegroundPositive=80,250,122 +ForegroundVisited=82,148,226 + +[Colors:View] +BackgroundAlternate=43,45,59 +BackgroundNormal=30,31,41 +DecorationFocus=124,96,163 +DecorationHover=124,96,163 +ForegroundActive=139,233,253 +ForegroundInactive=102,106,115 +ForegroundLink=82,148,226 +ForegroundNegative=255,85,85 +ForegroundNeutral=255,184,108 +ForegroundNormal=248,248,242 +ForegroundPositive=80,250,122 +ForegroundVisited=124,183,255 + +[Colors:Window] +BackgroundAlternate=47,52,63 +BackgroundNormal=40,42,54 +DecorationFocus=124,96,163 +DecorationHover=124,96,163 +ForegroundActive=139,233,253 +ForegroundInactive=102,106,115 +ForegroundLink=41,128,185 +ForegroundNegative=255,85,85 +ForegroundNeutral=255,184,108 +ForegroundNormal=248,248,242 +ForegroundPositive=80,250,122 +ForegroundVisited=68,71,90 + +[General] +ColorScheme=Dracula-purple +Name=Dracula-purple +shadeSortColumn=true + +[KDE] +contrast=5 + +[WM] +activeBackground=47,52,63 +activeBlend=47,52,63 +activeForeground=211,218,227 +inactiveBackground=47,52,63 +inactiveBlend=47,52,63 +inactiveForeground=102,106,115 diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/00000000000000020006000e7e9ffc3f b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/00000000000000020006000e7e9ffc3f new file mode 120000 index 00000000..a305d5c9 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/00000000000000020006000e7e9ffc3f @@ -0,0 +1 @@ +progress \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/00008160000006810000408080010102 b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/00008160000006810000408080010102 new file mode 120000 index 00000000..fb54fee2 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/00008160000006810000408080010102 @@ -0,0 +1 @@ +size_ver \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/03b6e0fcb3499374a867c041f52298f0 b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/03b6e0fcb3499374a867c041f52298f0 new file mode 120000 index 00000000..031757cf --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/03b6e0fcb3499374a867c041f52298f0 @@ -0,0 +1 @@ +circle \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/08e8e1c95fe2fc01f976f1e063a24ccd b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/08e8e1c95fe2fc01f976f1e063a24ccd new file mode 120000 index 00000000..a305d5c9 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/08e8e1c95fe2fc01f976f1e063a24ccd @@ -0,0 +1 @@ +progress \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/1081e37283d90000800003c07f3ef6bf b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/1081e37283d90000800003c07f3ef6bf new file mode 120000 index 00000000..88740b2c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/1081e37283d90000800003c07f3ef6bf @@ -0,0 +1 @@ +copy \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/3085a0e285430894940527032f8b26df b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/3085a0e285430894940527032f8b26df new file mode 120000 index 00000000..c4ad8218 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/3085a0e285430894940527032f8b26df @@ -0,0 +1 @@ +alias \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/3ecb610c1bf2410f44200f48c40d3599 b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/3ecb610c1bf2410f44200f48c40d3599 new file mode 120000 index 00000000..a305d5c9 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/3ecb610c1bf2410f44200f48c40d3599 @@ -0,0 +1 @@ +progress \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/4498f0e0c1937ffe01fd06f973665830 b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/4498f0e0c1937ffe01fd06f973665830 new file mode 120000 index 00000000..cbb52c13 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/4498f0e0c1937ffe01fd06f973665830 @@ -0,0 +1 @@ +dnd-move \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/5c6cd98b3f3ebcb1f9c7f1c204630408 b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/5c6cd98b3f3ebcb1f9c7f1c204630408 new file mode 120000 index 00000000..4cea3acc --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/5c6cd98b3f3ebcb1f9c7f1c204630408 @@ -0,0 +1 @@ +help \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/6407b0e94181790501fd1e167b474872 b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/6407b0e94181790501fd1e167b474872 new file mode 120000 index 00000000..88740b2c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/6407b0e94181790501fd1e167b474872 @@ -0,0 +1 @@ +copy \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/640fb0e74195791501fd1ed57b41487f b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/640fb0e74195791501fd1ed57b41487f new file mode 120000 index 00000000..c4ad8218 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/640fb0e74195791501fd1ed57b41487f @@ -0,0 +1 @@ +alias \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/9081237383d90e509aa00f00170e968f b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/9081237383d90e509aa00f00170e968f new file mode 120000 index 00000000..cbb52c13 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/9081237383d90e509aa00f00170e968f @@ -0,0 +1 @@ +dnd-move \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/9d800788f1b08800ae810202380a0822 b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/9d800788f1b08800ae810202380a0822 new file mode 120000 index 00000000..5ba3f42f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/9d800788f1b08800ae810202380a0822 @@ -0,0 +1 @@ +pointer \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/a2a266d0498c3104214a47bd64ab0fc8 b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/a2a266d0498c3104214a47bd64ab0fc8 new file mode 120000 index 00000000..c4ad8218 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/a2a266d0498c3104214a47bd64ab0fc8 @@ -0,0 +1 @@ +alias \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/alias b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/alias new file mode 100644 index 00000000..bd687f34 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/alias differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/all-scroll b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/all-scroll new file mode 100644 index 00000000..f3e32648 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/all-scroll differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/b66166c04f8c3109214a4fbd64a50fc8 b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/b66166c04f8c3109214a4fbd64a50fc8 new file mode 120000 index 00000000..88740b2c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/b66166c04f8c3109214a4fbd64a50fc8 @@ -0,0 +1 @@ +copy \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/bottom_left_corner b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/bottom_left_corner new file mode 100644 index 00000000..7c3359d1 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/bottom_left_corner differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/bottom_right_corner b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/bottom_right_corner new file mode 100644 index 00000000..dff1f376 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/bottom_right_corner differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/bottom_side b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/bottom_side new file mode 100644 index 00000000..c76fa9c7 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/bottom_side differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/cell b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/cell new file mode 100644 index 00000000..9f187f4c Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/cell differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/center_ptr b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/center_ptr new file mode 100644 index 00000000..7ae91025 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/center_ptr differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/circle b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/circle new file mode 120000 index 00000000..23bfed68 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/circle @@ -0,0 +1 @@ +not-allowed \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/closedhand b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/closedhand new file mode 120000 index 00000000..cbb52c13 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/closedhand @@ -0,0 +1 @@ +dnd-move \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/col-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/col-resize new file mode 100644 index 00000000..5ddc070b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/col-resize differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/color-picker b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/color-picker new file mode 100644 index 00000000..d11c7530 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/color-picker differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/context-menu b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/context-menu new file mode 100644 index 00000000..1d72824f Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/context-menu differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/copy b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/copy new file mode 100644 index 00000000..e385d3dc Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/copy differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/cross b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/cross new file mode 120000 index 00000000..67580a71 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/cross @@ -0,0 +1 @@ +crosshair \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/crossed_circle b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/crossed_circle new file mode 120000 index 00000000..23bfed68 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/crossed_circle @@ -0,0 +1 @@ +not-allowed \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/crosshair b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/crosshair new file mode 100644 index 00000000..9c111e59 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/crosshair differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/d9ce0ab605698f320427677b458ad60b b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/d9ce0ab605698f320427677b458ad60b new file mode 120000 index 00000000..4cea3acc --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/d9ce0ab605698f320427677b458ad60b @@ -0,0 +1 @@ +help \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/default b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/default new file mode 100644 index 00000000..61fc80ca Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/default differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/dnd-copy b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/dnd-copy new file mode 120000 index 00000000..88740b2c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/dnd-copy @@ -0,0 +1 @@ +copy \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/dnd-move b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/dnd-move new file mode 100644 index 00000000..393bc3c3 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/dnd-move differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/dnd-no-drop b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/dnd-no-drop new file mode 100644 index 00000000..03b33b3d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/dnd-no-drop differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/dnd-none b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/dnd-none new file mode 120000 index 00000000..cbb52c13 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/dnd-none @@ -0,0 +1 @@ +dnd-move \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/down-arrow b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/down-arrow new file mode 100644 index 00000000..a1f71e39 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/down-arrow differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/draft b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/draft new file mode 100644 index 00000000..8aeb8589 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/draft differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/e-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/e-resize new file mode 120000 index 00000000..e0da659c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/e-resize @@ -0,0 +1 @@ +size_hor \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/e29285e634086352946a0e7090d73106 b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/e29285e634086352946a0e7090d73106 new file mode 120000 index 00000000..5ba3f42f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/e29285e634086352946a0e7090d73106 @@ -0,0 +1 @@ +pointer \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/ew-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/ew-resize new file mode 120000 index 00000000..e0da659c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/ew-resize @@ -0,0 +1 @@ +size_hor \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/fcf21c00b30f7e3f83fe0dfd12e71cff b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/fcf21c00b30f7e3f83fe0dfd12e71cff new file mode 120000 index 00000000..cbb52c13 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/fcf21c00b30f7e3f83fe0dfd12e71cff @@ -0,0 +1 @@ +dnd-move \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/fleur b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/fleur new file mode 100644 index 00000000..a07e89a0 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/fleur differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/forbidden b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/forbidden new file mode 120000 index 00000000..226af182 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/forbidden @@ -0,0 +1 @@ +no-drop \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/grab b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/grab new file mode 120000 index 00000000..0834bffd --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/grab @@ -0,0 +1 @@ +openhand \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/grabbing b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/grabbing new file mode 120000 index 00000000..3e941780 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/grabbing @@ -0,0 +1 @@ +closedhand \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/h_double_arrow b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/h_double_arrow new file mode 120000 index 00000000..e0da659c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/h_double_arrow @@ -0,0 +1 @@ +size_hor \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/half-busy b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/half-busy new file mode 120000 index 00000000..a305d5c9 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/half-busy @@ -0,0 +1 @@ +progress \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/hand1 b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/hand1 new file mode 120000 index 00000000..5ba3f42f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/hand1 @@ -0,0 +1 @@ +pointer \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/hand2 b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/hand2 new file mode 120000 index 00000000..5ba3f42f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/hand2 @@ -0,0 +1 @@ +pointer \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/help b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/help new file mode 100644 index 00000000..9912267d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/help differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/ibeam b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/ibeam new file mode 120000 index 00000000..f3a34851 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/ibeam @@ -0,0 +1 @@ +text \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left-arrow b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left-arrow new file mode 100644 index 00000000..bd8f6911 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left-arrow differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left_ptr b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left_ptr new file mode 120000 index 00000000..331d858c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left_ptr @@ -0,0 +1 @@ +default \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left_ptr_help b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left_ptr_help new file mode 120000 index 00000000..4cea3acc --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left_ptr_help @@ -0,0 +1 @@ +help \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left_ptr_watch b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left_ptr_watch new file mode 120000 index 00000000..a305d5c9 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left_ptr_watch @@ -0,0 +1 @@ +progress \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left_side b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left_side new file mode 100644 index 00000000..5bac83f3 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/left_side differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/link b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/link new file mode 120000 index 00000000..c4ad8218 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/link @@ -0,0 +1 @@ +alias \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/move b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/move new file mode 120000 index 00000000..cbb52c13 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/move @@ -0,0 +1 @@ +dnd-move \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/n-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/n-resize new file mode 120000 index 00000000..fb54fee2 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/n-resize @@ -0,0 +1 @@ +size_ver \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/ne-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/ne-resize new file mode 120000 index 00000000..e0935e6f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/ne-resize @@ -0,0 +1 @@ +size_bdiag \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/nesw-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/nesw-resize new file mode 120000 index 00000000..e0935e6f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/nesw-resize @@ -0,0 +1 @@ +size_bdiag \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/no-drop b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/no-drop new file mode 100644 index 00000000..74e9e9fd Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/no-drop differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/not-allowed b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/not-allowed new file mode 100644 index 00000000..7acbf1e1 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/not-allowed differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/ns-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/ns-resize new file mode 120000 index 00000000..fb54fee2 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/ns-resize @@ -0,0 +1 @@ +size_ver \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/nw-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/nw-resize new file mode 120000 index 00000000..913bbc3f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/nw-resize @@ -0,0 +1 @@ +size_fdiag \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/nwse-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/nwse-resize new file mode 120000 index 00000000..913bbc3f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/nwse-resize @@ -0,0 +1 @@ +size_fdiag \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/openhand b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/openhand new file mode 100644 index 00000000..e8df1a21 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/openhand differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/pencil b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/pencil new file mode 100644 index 00000000..b9ac85f4 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/pencil differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/pirate b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/pirate new file mode 100644 index 00000000..2d1982c5 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/pirate differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/plus b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/plus new file mode 120000 index 00000000..d1b147bc --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/plus @@ -0,0 +1 @@ +cell \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/pointer b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/pointer new file mode 100644 index 00000000..c272655e Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/pointer differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/pointing_hand b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/pointing_hand new file mode 120000 index 00000000..5ba3f42f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/pointing_hand @@ -0,0 +1 @@ +pointer \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/progress b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/progress new file mode 100644 index 00000000..5dd6ea2d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/progress differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/question_arrow b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/question_arrow new file mode 120000 index 00000000..4cea3acc --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/question_arrow @@ -0,0 +1 @@ +help \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/right-arrow b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/right-arrow new file mode 100644 index 00000000..1078806b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/right-arrow differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/right_ptr b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/right_ptr new file mode 100644 index 00000000..17498af8 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/right_ptr differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/right_side b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/right_side new file mode 100644 index 00000000..ecace2e9 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/right_side differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/row-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/row-resize new file mode 100644 index 00000000..bf358ebe Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/row-resize differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/s-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/s-resize new file mode 120000 index 00000000..fb54fee2 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/s-resize @@ -0,0 +1 @@ +size_ver \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/sb_h_double_arrow b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/sb_h_double_arrow new file mode 120000 index 00000000..e0da659c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/sb_h_double_arrow @@ -0,0 +1 @@ +size_hor \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/sb_v_double_arrow b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/sb_v_double_arrow new file mode 120000 index 00000000..fb54fee2 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/sb_v_double_arrow @@ -0,0 +1 @@ +size_ver \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/se-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/se-resize new file mode 120000 index 00000000..913bbc3f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/se-resize @@ -0,0 +1 @@ +size_fdiag \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size-bdiag b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size-bdiag new file mode 120000 index 00000000..331d858c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size-bdiag @@ -0,0 +1 @@ +default \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size-fdiag b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size-fdiag new file mode 120000 index 00000000..331d858c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size-fdiag @@ -0,0 +1 @@ +default \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size-hor b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size-hor new file mode 120000 index 00000000..331d858c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size-hor @@ -0,0 +1 @@ +default \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size-ver b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size-ver new file mode 120000 index 00000000..331d858c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size-ver @@ -0,0 +1 @@ +default \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_all b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_all new file mode 120000 index 00000000..147f7449 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_all @@ -0,0 +1 @@ +fleur \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_bdiag b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_bdiag new file mode 100644 index 00000000..c2f6bec2 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_bdiag differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_fdiag b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_fdiag new file mode 100644 index 00000000..7fd37a41 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_fdiag differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_hor b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_hor new file mode 100644 index 00000000..6ece1639 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_hor differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_ver b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_ver new file mode 100644 index 00000000..7a9c7fb3 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/size_ver differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/split_h b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/split_h new file mode 120000 index 00000000..3ce0e220 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/split_h @@ -0,0 +1 @@ +col-resize \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/split_v b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/split_v new file mode 120000 index 00000000..93d9c89d --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/split_v @@ -0,0 +1 @@ +row-resize \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/sw-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/sw-resize new file mode 120000 index 00000000..e0935e6f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/sw-resize @@ -0,0 +1 @@ +size_bdiag \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/text b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/text new file mode 100644 index 00000000..315ca549 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/text differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/top_left_arrow b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/top_left_arrow new file mode 120000 index 00000000..331d858c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/top_left_arrow @@ -0,0 +1 @@ +default \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/top_left_corner b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/top_left_corner new file mode 100644 index 00000000..66380aef Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/top_left_corner differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/top_right_corner b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/top_right_corner new file mode 100644 index 00000000..7c617271 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/top_right_corner differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/top_side b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/top_side new file mode 100644 index 00000000..21a35131 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/top_side differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/up-arrow b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/up-arrow new file mode 100644 index 00000000..818f5695 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/up-arrow differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/v_double_arrow b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/v_double_arrow new file mode 120000 index 00000000..fb54fee2 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/v_double_arrow @@ -0,0 +1 @@ +size_ver \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/vertical-text b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/vertical-text new file mode 100644 index 00000000..b32d7e7f Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/vertical-text differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/w-resize b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/w-resize new file mode 120000 index 00000000..e0da659c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/w-resize @@ -0,0 +1 @@ +size_hor \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/wait b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/wait new file mode 100644 index 00000000..ea77b2a6 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/wait differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/watch b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/watch new file mode 120000 index 00000000..fd80437a --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/watch @@ -0,0 +1 @@ +wait \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/wayland-cursor b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/wayland-cursor new file mode 100644 index 00000000..5c607678 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/wayland-cursor differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/whats_this b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/whats_this new file mode 120000 index 00000000..4cea3acc --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/whats_this @@ -0,0 +1 @@ +help \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/x-cursor b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/x-cursor new file mode 100644 index 00000000..d5d35df4 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/x-cursor differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/xterm b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/xterm new file mode 120000 index 00000000..f3a34851 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/xterm @@ -0,0 +1 @@ +text \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/zoom-in b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/zoom-in new file mode 100644 index 00000000..76f03db5 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/zoom-in differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/zoom-out b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/zoom-out new file mode 100644 index 00000000..6b78464c Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/cursors/zoom-out differ diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/index.theme b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/index.theme new file mode 100644 index 00000000..4c175a0b --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/index.theme @@ -0,0 +1,4 @@ +[Icon Theme] +Name=Dracula-cursors +Comment=dracula colors cursors + diff --git a/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/preview.png b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/preview.png new file mode 100644 index 00000000..bf51e7be Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/Dracula-cursors/preview.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/README b/filesystem/.themes/Dracula/kde/cursors/README new file mode 100644 index 00000000..d6867cd6 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/README @@ -0,0 +1,15 @@ +Building the Bridge Icon set from the Inkscape SVG: + +1. Ensure you have inkscape and xcursorgen installed. +2. Run build.sh in a terminal. The script may take several minutes. +3. Copy the folder created by the script (should match the name of the theme) + to your cursors folder. + +No trimming will have been done to the cursors, and X11 *may* give you +split-second glitches when switching cursors making them appear to 'jump' +for an instant. To remedy this, you will need to open any auto-generated in +gimp and re-export when with the “trim whitespace” option checked. I do not +beleive it impacts all versions of X, or Wayland. + +You will need the “X11 Mouse Cursor (XMC)” plugin for GIMP installed to trim +the cursors if you choose to do so. \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/cursors/build.sh b/filesystem/.themes/Dracula/kde/cursors/build.sh new file mode 100644 index 00000000..0031452b --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/build.sh @@ -0,0 +1,150 @@ +#!/bin/bash +# Open initial output. +# Prefer konsole if its there, otherwise fall back to xterminal. +#tty -s; if [ $? -ne 0 ]; then +# if command -v konsole &>/dev/null; then +# konsole -e "$0"; exit; +# else +# xterm -e "$0"; exit; +# fi +#fi + +cd "$( dirname "${BASH_SOURCE[0]}" )" +RAWSVG="src/cursors.svg" +INDEX="src/index.theme" +ALIASES="src/cursorList" + + +echo -ne "Checking Requirements...\\r" +if [ ! -f $RAWSVG ] ; then + echo -e "\\nFAIL: '$RAWSVG' missing in /src" + exit 1 +fi + +if [ ! -f $INDEX ] ; then + echo -e "\\nFAIL: '$INDEX' missing in /src" + exit 1 +fi + +if ! type "inkscape" > /dev/null ; then + echo -e "\\nFAIL: inkscape must be installed" + exit 1 +fi + +if ! type "xcursorgen" > /dev/null ; then + echo -e "\\nFAIL: xcursorgen must be installed" + exit 1 +fi +echo -e "Checking Requirements... DONE" + + + +echo -ne "Making Folders... $BASENAME\\r" +DIR2X="build/x2" +DIR1_5X="build/x1_5" +DIR1X="build/x1" +OUTPUT="$(grep --only-matching --perl-regex "(?<=Name\=).*$" $INDEX)" +OUTPUT=${OUTPUT// /_} +mkdir -p "$DIR2X" +mkdir -p "$DIR1_5X" +mkdir -p "$DIR1X" +mkdir -p "$OUTPUT/cursors" +echo 'Making Folders... DONE'; + + + +for CUR in src/config/*.cursor; do + BASENAME=$CUR + BASENAME=${BASENAME##*/} + BASENAME=${BASENAME%.*} + + echo -ne "\033[0KGenerating simple cursor pixmaps... $BASENAME\\r" + + if [ "$DIR1X/$BASENAME.png" -ot $RAWSVG ] ; then + inkscape -i $BASENAME -d 90 $RAWSVG --export-background-opacity=0 --export-filename="$DIR1X/$BASENAME.png" > /dev/null + fi + + if [ "$DIR1_5X/$BASENAME.png" -ot $RAWSVG ] ; then + inkscape -i $BASENAME -d 135 $RAWSVG --export-background-opacity=0 --export-filename="$DIR1_5X/$BASENAME.png" > /dev/null + fi + + if [ "$DIR2X/$BASENAME.png" -ot $RAWSVG ] ; then + inkscape -i $BASENAME -d 180 $RAWSVG --export-background-opacity=0 --export-filename="$DIR2X/$BASENAME.png" > /dev/null + fi +done +echo -e "\033[0KGenerating simple cursor pixmaps... DONE" + + + +for i in 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 +do + echo -ne "\033[0KGenerating animated cursor pixmaps... $i / 23 \\r" + + if [ "$DIR1X/progress-$i.png" -ot $RAWSVG ] ; then + inkscape -i progress-$i -d 90 $RAWSVG --export-background-opacity=0 --export-filename="$DIR1X/progress-$i.png" > /dev/null + fi + + if [ "$DIR1_5X/progress-$i.png" -ot $RAWSVG ] ; then + inkscape -i progress-$i -d 135 $RAWSVG --export-background-opacity=0 --export-filename="$DIR1_5X/progress-$i.png" > /dev/null + fi + + if [ "$DIR2X/progress-$i.png" -ot $RAWSVG ] ; then + inkscape -i progress-$i -d 180 $RAWSVG --export-background-opacity=0 --export-filename="$DIR2X/progress-$i.png" > /dev/null + fi + + if [ "$DIR1X/wait-$i.png" -ot $RAWSVG ] ; then + inkscape -i wait-$i -d 90 $RAWSVG --export-background-opacity=0 --export-filename="$DIR1X/wait-$i.png" > /dev/null + fi + + if [ "$DIR1_5X/wait-$i.png" -ot $RAWSVG ] ; then + inkscape -i wait-$i -d 135 $RAWSVG --export-background-opacity=0 --export-filename="$DIR1_5X/wait-$i.png" > /dev/null + fi + + if [ "$DIR2X/wait-$i.png" -ot $RAWSVG ] ; then + inkscape -i wait-$i -d 180 $RAWSVG --export-background-opacity=0 --export-filename="$DIR2X/wait-$i.png" > /dev/null + fi +done +echo -e "\033[0KGenerating animated cursor pixmaps... DONE" + + + +echo -ne "Generating cursor theme...\\r" +for CUR in src/config/*.cursor; do + BASENAME=$CUR + BASENAME=${BASENAME##*/} + BASENAME=${BASENAME%.*} + + ERR="$( xcursorgen -p build "$CUR" "$OUTPUT/cursors/$BASENAME" 2>&1 )" + + if [[ "$?" -ne "0" ]]; then + echo "FAIL: $CUR $ERR" + fi +done +echo -e "Generating cursor theme... DONE" + + + +echo -ne "Generating shortcuts...\\r" +while read ALIAS ; do + FROM=${ALIAS% *} + TO=${ALIAS#* } + + if [ -e "$OUTPUT/cursors/$FROM" ] ; then + continue + fi + + ln -s "$TO" "$OUTPUT/cursors/$FROM" +done < $ALIASES +echo -e "\033[0KGenerating shortcuts... DONE" + + + +echo -ne "Copying Theme Index...\\r" + if ! [ -e "$OUTPUT/$INDEX" ] ; then + cp $INDEX "$OUTPUT/index.theme" + fi +echo -e "\033[0KCopying Theme Index... DONE" + + + +echo "COMPLETE!" diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/alias.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/alias.png new file mode 100644 index 00000000..ec691891 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/alias.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/all-scroll.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/all-scroll.png new file mode 100644 index 00000000..89d9db31 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/all-scroll.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/bottom_left_corner.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/bottom_left_corner.png new file mode 100644 index 00000000..9467bf30 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/bottom_left_corner.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/bottom_right_corner.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/bottom_right_corner.png new file mode 100644 index 00000000..66d574c7 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/bottom_right_corner.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/bottom_side.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/bottom_side.png new file mode 100644 index 00000000..f855ab49 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/bottom_side.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/cell.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/cell.png new file mode 100644 index 00000000..c521fe5a Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/cell.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/center_ptr.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/center_ptr.png new file mode 100644 index 00000000..d052dd0b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/center_ptr.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/col-resize.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/col-resize.png new file mode 100644 index 00000000..298b8be0 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/col-resize.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/color-picker.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/color-picker.png new file mode 100644 index 00000000..548ff113 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/color-picker.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/context-menu.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/context-menu.png new file mode 100644 index 00000000..b4c54a10 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/context-menu.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/copy.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/copy.png new file mode 100644 index 00000000..684c8587 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/copy.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/crosshair.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/crosshair.png new file mode 100644 index 00000000..7488aeaa Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/crosshair.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/default.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/default.png new file mode 100644 index 00000000..bb37a012 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/default.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/dnd-move.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/dnd-move.png new file mode 100644 index 00000000..4ffdf926 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/dnd-move.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/dnd-no-drop.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/dnd-no-drop.png new file mode 100644 index 00000000..8dd383a5 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/dnd-no-drop.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/down-arrow.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/down-arrow.png new file mode 100644 index 00000000..507cb2e5 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/down-arrow.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/draft.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/draft.png new file mode 100644 index 00000000..dc37e3a6 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/draft.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/fleur.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/fleur.png new file mode 100644 index 00000000..d1f8e5f5 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/fleur.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/help.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/help.png new file mode 100644 index 00000000..a7df2838 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/help.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/left-arrow.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/left-arrow.png new file mode 100644 index 00000000..5139ca58 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/left-arrow.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/left_side.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/left_side.png new file mode 100644 index 00000000..db0148b1 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/left_side.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/no-drop.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/no-drop.png new file mode 100644 index 00000000..9f235762 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/no-drop.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/not-allowed.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/not-allowed.png new file mode 100644 index 00000000..d2f3cf37 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/not-allowed.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/openhand.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/openhand.png new file mode 100644 index 00000000..80675263 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/openhand.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/pencil.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/pencil.png new file mode 100644 index 00000000..28167f86 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/pencil.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/pirate.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/pirate.png new file mode 100644 index 00000000..6a6d8d75 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/pirate.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/pointer.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/pointer.png new file mode 100644 index 00000000..43734b44 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/pointer.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-01.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-01.png new file mode 100644 index 00000000..5602a24b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-01.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-02.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-02.png new file mode 100644 index 00000000..f1293c80 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-02.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-03.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-03.png new file mode 100644 index 00000000..3a898898 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-03.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-04.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-04.png new file mode 100644 index 00000000..4af1392c Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-04.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-05.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-05.png new file mode 100644 index 00000000..e1b3d7c9 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-05.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-06.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-06.png new file mode 100644 index 00000000..525fdfee Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-06.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-07.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-07.png new file mode 100644 index 00000000..09169469 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-07.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-08.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-08.png new file mode 100644 index 00000000..37b03b88 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-08.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-09.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-09.png new file mode 100644 index 00000000..ce79d17d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-09.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-10.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-10.png new file mode 100644 index 00000000..c583b3c6 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-10.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-11.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-11.png new file mode 100644 index 00000000..49e5b938 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-11.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-12.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-12.png new file mode 100644 index 00000000..6597c3a9 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-12.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-13.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-13.png new file mode 100644 index 00000000..365a7a17 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-13.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-14.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-14.png new file mode 100644 index 00000000..442d533f Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-14.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-15.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-15.png new file mode 100644 index 00000000..cf86c85b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-15.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-16.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-16.png new file mode 100644 index 00000000..93544bda Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-16.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-17.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-17.png new file mode 100644 index 00000000..17d12b03 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-17.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-18.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-18.png new file mode 100644 index 00000000..ef35b4e8 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-18.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-19.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-19.png new file mode 100644 index 00000000..9a364a7d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-19.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-20.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-20.png new file mode 100644 index 00000000..e788363e Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-20.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-21.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-21.png new file mode 100644 index 00000000..7b567163 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-21.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-22.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-22.png new file mode 100644 index 00000000..b2944dcb Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-22.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-23.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-23.png new file mode 100644 index 00000000..d0a81cc5 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress-23.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/progress.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress.png new file mode 100644 index 00000000..bb4a0538 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/progress.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/right-arrow.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/right-arrow.png new file mode 100644 index 00000000..e569450a Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/right-arrow.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/right_ptr.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/right_ptr.png new file mode 100644 index 00000000..c29c2ba6 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/right_ptr.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/right_side.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/right_side.png new file mode 100644 index 00000000..7475b86d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/right_side.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/row-resize.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/row-resize.png new file mode 100644 index 00000000..34811f67 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/row-resize.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/size_bdiag.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/size_bdiag.png new file mode 100644 index 00000000..21b15409 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/size_bdiag.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/size_fdiag.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/size_fdiag.png new file mode 100644 index 00000000..2297c5b4 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/size_fdiag.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/size_hor.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/size_hor.png new file mode 100644 index 00000000..f87ae3d3 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/size_hor.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/size_ver.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/size_ver.png new file mode 100644 index 00000000..6670f669 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/size_ver.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/text.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/text.png new file mode 100644 index 00000000..2c3ea804 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/text.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/top_left_corner.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/top_left_corner.png new file mode 100644 index 00000000..061c0d97 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/top_left_corner.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/top_right_corner.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/top_right_corner.png new file mode 100644 index 00000000..76b5e811 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/top_right_corner.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/top_side.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/top_side.png new file mode 100644 index 00000000..cec00bec Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/top_side.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/up-arrow.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/up-arrow.png new file mode 100644 index 00000000..10670872 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/up-arrow.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/vertical-text.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/vertical-text.png new file mode 100644 index 00000000..08eccb8a Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/vertical-text.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-01.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-01.png new file mode 100644 index 00000000..309430e7 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-01.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-02.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-02.png new file mode 100644 index 00000000..d6468c97 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-02.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-03.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-03.png new file mode 100644 index 00000000..7c578dbd Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-03.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-04.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-04.png new file mode 100644 index 00000000..9b5a04c9 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-04.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-05.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-05.png new file mode 100644 index 00000000..61ba5016 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-05.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-06.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-06.png new file mode 100644 index 00000000..94b093e9 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-06.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-07.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-07.png new file mode 100644 index 00000000..b9a8b198 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-07.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-08.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-08.png new file mode 100644 index 00000000..ae2ad970 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-08.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-09.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-09.png new file mode 100644 index 00000000..598fe1a0 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-09.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-10.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-10.png new file mode 100644 index 00000000..bfff51cd Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-10.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-11.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-11.png new file mode 100644 index 00000000..4ae9ae70 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-11.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-12.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-12.png new file mode 100644 index 00000000..82ba547d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-12.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-13.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-13.png new file mode 100644 index 00000000..9733ebf6 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-13.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-14.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-14.png new file mode 100644 index 00000000..afd446ae Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-14.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-15.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-15.png new file mode 100644 index 00000000..2df5b6b1 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-15.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-16.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-16.png new file mode 100644 index 00000000..20972932 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-16.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-17.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-17.png new file mode 100644 index 00000000..ff4ddd11 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-17.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-18.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-18.png new file mode 100644 index 00000000..2ddee860 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-18.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-19.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-19.png new file mode 100644 index 00000000..eaf6dd33 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-19.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-20.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-20.png new file mode 100644 index 00000000..6774d087 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-20.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-21.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-21.png new file mode 100644 index 00000000..acbb173a Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-21.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-22.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-22.png new file mode 100644 index 00000000..36383ac9 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-22.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-23.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-23.png new file mode 100644 index 00000000..c5a89bf1 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait-23.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wait.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait.png new file mode 100644 index 00000000..76a78473 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wait.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/wayland-cursor.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/wayland-cursor.png new file mode 100644 index 00000000..0448188d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/wayland-cursor.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/x-cursor.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/x-cursor.png new file mode 100644 index 00000000..b072e36d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/x-cursor.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/zoom-in.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/zoom-in.png new file mode 100644 index 00000000..44deceb2 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/zoom-in.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1/zoom-out.png b/filesystem/.themes/Dracula/kde/cursors/build/x1/zoom-out.png new file mode 100644 index 00000000..aaeaef9a Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1/zoom-out.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/alias.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/alias.png new file mode 100644 index 00000000..762eb153 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/alias.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/all-scroll.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/all-scroll.png new file mode 100644 index 00000000..f1c9d2d0 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/all-scroll.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/bottom_left_corner.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/bottom_left_corner.png new file mode 100644 index 00000000..df1af9ab Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/bottom_left_corner.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/bottom_right_corner.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/bottom_right_corner.png new file mode 100644 index 00000000..b748e780 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/bottom_right_corner.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/bottom_side.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/bottom_side.png new file mode 100644 index 00000000..1b6e1971 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/bottom_side.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/cell.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/cell.png new file mode 100644 index 00000000..70fc9b48 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/cell.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/center_ptr.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/center_ptr.png new file mode 100644 index 00000000..ebec30aa Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/center_ptr.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/col-resize.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/col-resize.png new file mode 100644 index 00000000..784a8925 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/col-resize.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/color-picker.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/color-picker.png new file mode 100644 index 00000000..eb0d2107 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/color-picker.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/context-menu.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/context-menu.png new file mode 100644 index 00000000..9ebf338b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/context-menu.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/copy.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/copy.png new file mode 100644 index 00000000..f1c48678 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/copy.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/crosshair.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/crosshair.png new file mode 100644 index 00000000..abe0e513 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/crosshair.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/default.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/default.png new file mode 100644 index 00000000..f085ec60 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/default.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/dnd-move.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/dnd-move.png new file mode 100644 index 00000000..0380d8f5 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/dnd-move.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/dnd-no-drop.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/dnd-no-drop.png new file mode 100644 index 00000000..0b366c3c Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/dnd-no-drop.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/down-arrow.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/down-arrow.png new file mode 100644 index 00000000..743e75b2 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/down-arrow.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/draft.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/draft.png new file mode 100644 index 00000000..1f541c41 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/draft.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/fleur.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/fleur.png new file mode 100644 index 00000000..27b6919b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/fleur.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/help.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/help.png new file mode 100644 index 00000000..b84e362e Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/help.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/left-arrow.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/left-arrow.png new file mode 100644 index 00000000..6a55a7b8 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/left-arrow.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/left_side.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/left_side.png new file mode 100644 index 00000000..7a904052 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/left_side.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/no-drop.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/no-drop.png new file mode 100644 index 00000000..93206499 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/no-drop.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/not-allowed.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/not-allowed.png new file mode 100644 index 00000000..ba34dfb3 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/not-allowed.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/openhand.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/openhand.png new file mode 100644 index 00000000..e5d741a5 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/openhand.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/pencil.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/pencil.png new file mode 100644 index 00000000..e0927b52 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/pencil.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/pirate.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/pirate.png new file mode 100644 index 00000000..5be5d252 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/pirate.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/pointer.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/pointer.png new file mode 100644 index 00000000..e7561001 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/pointer.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-01.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-01.png new file mode 100644 index 00000000..2c8d2678 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-01.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-02.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-02.png new file mode 100644 index 00000000..f70b65a0 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-02.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-03.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-03.png new file mode 100644 index 00000000..a021e504 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-03.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-04.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-04.png new file mode 100644 index 00000000..53e04ac0 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-04.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-05.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-05.png new file mode 100644 index 00000000..39e4935e Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-05.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-06.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-06.png new file mode 100644 index 00000000..b618cfe4 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-06.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-07.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-07.png new file mode 100644 index 00000000..923f0b22 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-07.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-08.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-08.png new file mode 100644 index 00000000..b7f0424f Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-08.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-09.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-09.png new file mode 100644 index 00000000..ed260af2 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-09.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-10.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-10.png new file mode 100644 index 00000000..3aab058b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-10.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-11.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-11.png new file mode 100644 index 00000000..e3a4aa2d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-11.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-12.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-12.png new file mode 100644 index 00000000..f14cd47c Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-12.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-13.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-13.png new file mode 100644 index 00000000..19915d8e Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-13.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-14.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-14.png new file mode 100644 index 00000000..d7db289c Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-14.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-15.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-15.png new file mode 100644 index 00000000..a2bd757a Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-15.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-16.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-16.png new file mode 100644 index 00000000..ec8dce12 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-16.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-17.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-17.png new file mode 100644 index 00000000..3db07dae Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-17.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-18.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-18.png new file mode 100644 index 00000000..c70a4f54 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-18.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-19.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-19.png new file mode 100644 index 00000000..4027ff17 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-19.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-20.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-20.png new file mode 100644 index 00000000..fe6f8696 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-20.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-21.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-21.png new file mode 100644 index 00000000..ff7f3c4d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-21.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-22.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-22.png new file mode 100644 index 00000000..c0623a4a Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-22.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-23.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-23.png new file mode 100644 index 00000000..e3da0b94 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress-23.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress.png new file mode 100644 index 00000000..e7fcc339 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/progress.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/right-arrow.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/right-arrow.png new file mode 100644 index 00000000..bd87b5c5 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/right-arrow.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/right_ptr.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/right_ptr.png new file mode 100644 index 00000000..b505a1a2 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/right_ptr.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/right_side.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/right_side.png new file mode 100644 index 00000000..bec86568 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/right_side.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/row-resize.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/row-resize.png new file mode 100644 index 00000000..957c7c6d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/row-resize.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/size_bdiag.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/size_bdiag.png new file mode 100644 index 00000000..d5147504 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/size_bdiag.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/size_fdiag.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/size_fdiag.png new file mode 100644 index 00000000..53681455 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/size_fdiag.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/size_hor.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/size_hor.png new file mode 100644 index 00000000..c062acf0 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/size_hor.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/size_ver.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/size_ver.png new file mode 100644 index 00000000..31e4c433 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/size_ver.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/text.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/text.png new file mode 100644 index 00000000..cce0dd0c Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/text.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/top_left_corner.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/top_left_corner.png new file mode 100644 index 00000000..2d258399 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/top_left_corner.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/top_right_corner.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/top_right_corner.png new file mode 100644 index 00000000..defe1dce Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/top_right_corner.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/top_side.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/top_side.png new file mode 100644 index 00000000..b46ceb64 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/top_side.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/up-arrow.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/up-arrow.png new file mode 100644 index 00000000..3e26b180 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/up-arrow.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/vertical-text.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/vertical-text.png new file mode 100644 index 00000000..0eb9bb71 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/vertical-text.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-01.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-01.png new file mode 100644 index 00000000..66fb61cf Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-01.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-02.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-02.png new file mode 100644 index 00000000..692b1942 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-02.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-03.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-03.png new file mode 100644 index 00000000..8ad1a86c Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-03.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-04.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-04.png new file mode 100644 index 00000000..a94230ad Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-04.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-05.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-05.png new file mode 100644 index 00000000..769505ec Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-05.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-06.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-06.png new file mode 100644 index 00000000..135704c4 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-06.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-07.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-07.png new file mode 100644 index 00000000..c47e104f Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-07.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-08.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-08.png new file mode 100644 index 00000000..f113606d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-08.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-09.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-09.png new file mode 100644 index 00000000..78cb8f81 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-09.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-10.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-10.png new file mode 100644 index 00000000..ace17f92 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-10.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-11.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-11.png new file mode 100644 index 00000000..ac67cf5b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-11.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-12.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-12.png new file mode 100644 index 00000000..40d36585 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-12.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-13.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-13.png new file mode 100644 index 00000000..09a1caa6 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-13.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-14.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-14.png new file mode 100644 index 00000000..424109de Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-14.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-15.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-15.png new file mode 100644 index 00000000..285d70bf Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-15.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-16.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-16.png new file mode 100644 index 00000000..d37f7557 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-16.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-17.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-17.png new file mode 100644 index 00000000..4b06bbe3 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-17.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-18.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-18.png new file mode 100644 index 00000000..28644389 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-18.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-19.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-19.png new file mode 100644 index 00000000..be98f146 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-19.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-20.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-20.png new file mode 100644 index 00000000..c86f9767 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-20.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-21.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-21.png new file mode 100644 index 00000000..025e865b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-21.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-22.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-22.png new file mode 100644 index 00000000..166f87ae Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-22.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-23.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-23.png new file mode 100644 index 00000000..2cda1e37 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait-23.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait.png new file mode 100644 index 00000000..3c4b9e02 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wait.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wayland-cursor.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wayland-cursor.png new file mode 100644 index 00000000..4b53280a Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/wayland-cursor.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/x-cursor.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/x-cursor.png new file mode 100644 index 00000000..63830faf Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/x-cursor.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/zoom-in.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/zoom-in.png new file mode 100644 index 00000000..18101832 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/zoom-in.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x1_5/zoom-out.png b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/zoom-out.png new file mode 100644 index 00000000..f25120dd Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x1_5/zoom-out.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/alias.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/alias.png new file mode 100644 index 00000000..c2e8f8b9 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/alias.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/all-scroll.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/all-scroll.png new file mode 100644 index 00000000..48100130 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/all-scroll.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/bottom_left_corner.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/bottom_left_corner.png new file mode 100644 index 00000000..54e862a4 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/bottom_left_corner.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/bottom_right_corner.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/bottom_right_corner.png new file mode 100644 index 00000000..1b607854 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/bottom_right_corner.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/bottom_side.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/bottom_side.png new file mode 100644 index 00000000..84a7df94 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/bottom_side.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/cell.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/cell.png new file mode 100644 index 00000000..04bbfab2 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/cell.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/center_ptr.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/center_ptr.png new file mode 100644 index 00000000..1f122433 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/center_ptr.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/col-resize.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/col-resize.png new file mode 100644 index 00000000..15fba1d0 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/col-resize.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/color-picker.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/color-picker.png new file mode 100644 index 00000000..846b98aa Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/color-picker.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/context-menu.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/context-menu.png new file mode 100644 index 00000000..f0eb1ef6 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/context-menu.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/copy.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/copy.png new file mode 100644 index 00000000..b63b4c9d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/copy.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/crosshair.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/crosshair.png new file mode 100644 index 00000000..62e6aa79 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/crosshair.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/default.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/default.png new file mode 100644 index 00000000..15966dbc Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/default.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/dnd-move.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/dnd-move.png new file mode 100644 index 00000000..5d690368 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/dnd-move.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/dnd-no-drop.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/dnd-no-drop.png new file mode 100644 index 00000000..850535a3 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/dnd-no-drop.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/down-arrow.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/down-arrow.png new file mode 100644 index 00000000..e939926c Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/down-arrow.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/draft.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/draft.png new file mode 100644 index 00000000..6c80d3f7 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/draft.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/fleur.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/fleur.png new file mode 100644 index 00000000..6287cd2d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/fleur.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/help.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/help.png new file mode 100644 index 00000000..2adc9a37 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/help.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/left-arrow.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/left-arrow.png new file mode 100644 index 00000000..604036db Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/left-arrow.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/left_side.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/left_side.png new file mode 100644 index 00000000..465723cd Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/left_side.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/no-drop.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/no-drop.png new file mode 100644 index 00000000..f002e0e4 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/no-drop.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/not-allowed.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/not-allowed.png new file mode 100644 index 00000000..195aae99 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/not-allowed.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/openhand.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/openhand.png new file mode 100644 index 00000000..1d5520da Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/openhand.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/pencil.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/pencil.png new file mode 100644 index 00000000..7b92d387 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/pencil.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/pirate.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/pirate.png new file mode 100644 index 00000000..d211cffb Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/pirate.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/pointer.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/pointer.png new file mode 100644 index 00000000..f5949f6f Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/pointer.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-01.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-01.png new file mode 100644 index 00000000..b1d735c3 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-01.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-02.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-02.png new file mode 100644 index 00000000..ab063267 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-02.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-03.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-03.png new file mode 100644 index 00000000..62491452 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-03.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-04.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-04.png new file mode 100644 index 00000000..ec49db9b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-04.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-05.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-05.png new file mode 100644 index 00000000..a8c7d1c5 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-05.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-06.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-06.png new file mode 100644 index 00000000..ef828e3d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-06.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-07.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-07.png new file mode 100644 index 00000000..290ba07d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-07.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-08.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-08.png new file mode 100644 index 00000000..a03967ab Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-08.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-09.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-09.png new file mode 100644 index 00000000..7a15a92f Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-09.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-10.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-10.png new file mode 100644 index 00000000..26cf6356 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-10.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-11.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-11.png new file mode 100644 index 00000000..351a232c Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-11.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-12.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-12.png new file mode 100644 index 00000000..068613f7 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-12.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-13.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-13.png new file mode 100644 index 00000000..d4697f05 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-13.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-14.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-14.png new file mode 100644 index 00000000..5534ccf7 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-14.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-15.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-15.png new file mode 100644 index 00000000..0bdb610b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-15.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-16.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-16.png new file mode 100644 index 00000000..80bb3299 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-16.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-17.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-17.png new file mode 100644 index 00000000..a84e4efc Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-17.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-18.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-18.png new file mode 100644 index 00000000..38f20006 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-18.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-19.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-19.png new file mode 100644 index 00000000..b5d12ac7 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-19.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-20.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-20.png new file mode 100644 index 00000000..7b78661b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-20.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-21.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-21.png new file mode 100644 index 00000000..e0bddabe Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-21.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-22.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-22.png new file mode 100644 index 00000000..ec275001 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-22.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-23.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-23.png new file mode 100644 index 00000000..d80b7015 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress-23.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/progress.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress.png new file mode 100644 index 00000000..3194ac0d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/progress.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/right-arrow.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/right-arrow.png new file mode 100644 index 00000000..5166594f Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/right-arrow.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/right_ptr.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/right_ptr.png new file mode 100644 index 00000000..844381bb Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/right_ptr.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/right_side.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/right_side.png new file mode 100644 index 00000000..1aff423c Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/right_side.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/row-resize.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/row-resize.png new file mode 100644 index 00000000..81ec1c02 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/row-resize.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/size_bdiag.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/size_bdiag.png new file mode 100644 index 00000000..49d42f96 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/size_bdiag.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/size_fdiag.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/size_fdiag.png new file mode 100644 index 00000000..deaa292b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/size_fdiag.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/size_hor.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/size_hor.png new file mode 100644 index 00000000..32e2ea23 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/size_hor.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/size_ver.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/size_ver.png new file mode 100644 index 00000000..9702102a Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/size_ver.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/text.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/text.png new file mode 100644 index 00000000..ffddcf51 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/text.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/top_left_corner.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/top_left_corner.png new file mode 100644 index 00000000..34c3af07 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/top_left_corner.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/top_right_corner.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/top_right_corner.png new file mode 100644 index 00000000..17fe0773 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/top_right_corner.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/top_side.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/top_side.png new file mode 100644 index 00000000..2d1bfe6f Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/top_side.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/up-arrow.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/up-arrow.png new file mode 100644 index 00000000..f6dd6be9 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/up-arrow.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/vertical-text.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/vertical-text.png new file mode 100644 index 00000000..f3512cc9 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/vertical-text.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-01.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-01.png new file mode 100644 index 00000000..e0ad6144 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-01.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-02.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-02.png new file mode 100644 index 00000000..02d27773 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-02.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-03.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-03.png new file mode 100644 index 00000000..efef9ecf Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-03.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-04.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-04.png new file mode 100644 index 00000000..1ade7356 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-04.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-05.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-05.png new file mode 100644 index 00000000..d4bbd1a2 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-05.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-06.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-06.png new file mode 100644 index 00000000..4e7a47c6 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-06.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-07.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-07.png new file mode 100644 index 00000000..e189ad0b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-07.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-08.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-08.png new file mode 100644 index 00000000..cb06ae31 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-08.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-09.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-09.png new file mode 100644 index 00000000..a6322461 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-09.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-10.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-10.png new file mode 100644 index 00000000..25248fbe Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-10.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-11.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-11.png new file mode 100644 index 00000000..bc38641a Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-11.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-12.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-12.png new file mode 100644 index 00000000..5891480c Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-12.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-13.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-13.png new file mode 100644 index 00000000..fc066a45 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-13.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-14.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-14.png new file mode 100644 index 00000000..317663cf Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-14.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-15.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-15.png new file mode 100644 index 00000000..cf558420 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-15.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-16.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-16.png new file mode 100644 index 00000000..d5b67109 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-16.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-17.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-17.png new file mode 100644 index 00000000..95a6fdee Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-17.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-18.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-18.png new file mode 100644 index 00000000..4d57bd1d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-18.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-19.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-19.png new file mode 100644 index 00000000..25c6e2a3 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-19.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-20.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-20.png new file mode 100644 index 00000000..b0e51e26 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-20.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-21.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-21.png new file mode 100644 index 00000000..0ad471f8 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-21.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-22.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-22.png new file mode 100644 index 00000000..10c09b9a Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-22.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-23.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-23.png new file mode 100644 index 00000000..61e74fbf Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait-23.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wait.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait.png new file mode 100644 index 00000000..4f1dc7f7 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wait.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/wayland-cursor.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/wayland-cursor.png new file mode 100644 index 00000000..a07251cf Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/wayland-cursor.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/x-cursor.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/x-cursor.png new file mode 100644 index 00000000..24e63bd2 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/x-cursor.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/zoom-in.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/zoom-in.png new file mode 100644 index 00000000..f5083e62 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/zoom-in.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/build/x2/zoom-out.png b/filesystem/.themes/Dracula/kde/cursors/build/x2/zoom-out.png new file mode 100644 index 00000000..6849a139 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/build/x2/zoom-out.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/preview.png b/filesystem/.themes/Dracula/kde/cursors/preview.png new file mode 100644 index 00000000..bf51e7be Binary files /dev/null and b/filesystem/.themes/Dracula/kde/cursors/preview.png differ diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/alias.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/alias.cursor new file mode 100644 index 00000000..b1570417 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/alias.cursor @@ -0,0 +1,3 @@ +24 4 4 x1/alias.png +36 6 6 x1_5/alias.png +48 8 8 x2/alias.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/all-scroll.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/all-scroll.cursor new file mode 100644 index 00000000..8e73bdef --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/all-scroll.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/all-scroll.png +36 24 24 x1_5/all-scroll.png +48 32 32 x2/all-scroll.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/bottom_left_corner.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/bottom_left_corner.cursor new file mode 100644 index 00000000..01129309 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/bottom_left_corner.cursor @@ -0,0 +1,3 @@ +24 4 26 x1/bottom_left_corner.png +36 6 35 x1_5/bottom_left_corner.png +48 8 52 x2/bottom_left_corner.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/bottom_right_corner.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/bottom_right_corner.cursor new file mode 100644 index 00000000..aa984532 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/bottom_right_corner.cursor @@ -0,0 +1,3 @@ +24 26 26 x1/bottom_right_corner.png +36 35 35 x1_5/bottom_right_corner.png +48 52 52 x2/bottom_right_corner.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/bottom_side.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/bottom_side.cursor new file mode 100644 index 00000000..6adc1116 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/bottom_side.cursor @@ -0,0 +1,3 @@ +24 16 28 x1/bottom_side.png +36 24 42 x1_5/bottom_side.png +48 32 56 x2/bottom_side.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/cell.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/cell.cursor new file mode 100644 index 00000000..6517bdfb --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/cell.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/cell.png +36 24 24 x1_5/cell.png +48 32 32 x2/cell.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/center_ptr.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/center_ptr.cursor new file mode 100644 index 00000000..fa510664 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/center_ptr.cursor @@ -0,0 +1,3 @@ +24 20 4 x1/center_ptr.png +36 30 6 x1_5/center_ptr.png +48 40 8 x2/center_ptr.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/col-resize.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/col-resize.cursor new file mode 100644 index 00000000..3465872f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/col-resize.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/col-resize.png +36 24 24 x1_5/col-resize.png +48 32 32 x2/col-resize.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/color-picker.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/color-picker.cursor new file mode 100644 index 00000000..6075dfd1 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/color-picker.cursor @@ -0,0 +1,3 @@ +24 4 29 x1/color-picker.png +36 6 44 x1_5/color-picker.png +48 8 58 x2/color-picker.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/context-menu.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/context-menu.cursor new file mode 100644 index 00000000..010958cf --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/context-menu.cursor @@ -0,0 +1,3 @@ +24 4 4 x1/context-menu.png +36 6 6 x1_5/context-menu.png +48 8 8 x2/context-menu.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/copy.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/copy.cursor new file mode 100644 index 00000000..785a9dc6 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/copy.cursor @@ -0,0 +1,3 @@ +24 4 4 x1/copy.png +36 6 6 x1_5/copy.png +48 8 8 x2/copy.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/crosshair.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/crosshair.cursor new file mode 100644 index 00000000..1bf09a8e --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/crosshair.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/crosshair.png +36 24 24 x1_5/crosshair.png +48 32 32 x2/crosshair.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/default.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/default.cursor new file mode 100644 index 00000000..f105832f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/default.cursor @@ -0,0 +1,3 @@ +24 4 4 x1/default.png +36 6 6 x1_5/default.png +48 8 8 x2/default.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/dnd-move.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/dnd-move.cursor new file mode 100644 index 00000000..300fb9e6 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/dnd-move.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/dnd-move.png +36 24 24 x1_5/dnd-move.png +48 32 32 x2/dnd-move.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/dnd-no-drop.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/dnd-no-drop.cursor new file mode 100644 index 00000000..6a078ee0 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/dnd-no-drop.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/dnd-no-drop.png +36 24 24 x1_5/dnd-no-drop.png +48 32 32 x2/dnd-no-drop.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/down-arrow.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/down-arrow.cursor new file mode 100644 index 00000000..a2ca1537 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/down-arrow.cursor @@ -0,0 +1,3 @@ +24 16 28 x1/down-arrow.png +36 24 42 x1_5/down-arrow.png +48 32 56 x2/down-arrow.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/draft.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/draft.cursor new file mode 100644 index 00000000..fc0186a8 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/draft.cursor @@ -0,0 +1,3 @@ +24 4 29 x1/draft.png +36 6 44 x1_5/draft.png +48 8 58 x2/draft.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/fleur.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/fleur.cursor new file mode 100644 index 00000000..65564cb7 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/fleur.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/fleur.png +36 24 24 x1_5/fleur.png +48 32 32 x2/fleur.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/help.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/help.cursor new file mode 100644 index 00000000..8f63e0b4 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/help.cursor @@ -0,0 +1,3 @@ +24 4 4 x1/help.png +36 6 6 x1_5/help.png +48 8 8 x2/help.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/left-arrow.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/left-arrow.cursor new file mode 100644 index 00000000..d56e2c9a --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/left-arrow.cursor @@ -0,0 +1,3 @@ +24 4 16 x1/left-arrow.png +36 6 24 x1_5/left-arrow.png +48 8 32 x2/left-arrow.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/left_side.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/left_side.cursor new file mode 100644 index 00000000..31ce0bbd --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/left_side.cursor @@ -0,0 +1,3 @@ +24 4 16 x1/left_side.png +36 6 24 x1_5/left_side.png +48 8 32 x2/left_side.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/no-drop.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/no-drop.cursor new file mode 100644 index 00000000..1e817e38 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/no-drop.cursor @@ -0,0 +1,3 @@ +24 4 4 x1/no-drop.png +36 6 6 x1_5/no-drop.png +48 8 8 x2/no-drop.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/not-allowed.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/not-allowed.cursor new file mode 100644 index 00000000..8dcb92f5 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/not-allowed.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/not-allowed.png +36 24 24 x1_5/not-allowed.png +48 32 32 x2/not-allowed.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/openhand.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/openhand.cursor new file mode 100644 index 00000000..3ec686e8 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/openhand.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/openhand.png +36 24 24 x1_5/openhand.png +48 32 32 x2/openhand.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/pencil.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/pencil.cursor new file mode 100644 index 00000000..fa670e00 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/pencil.cursor @@ -0,0 +1,3 @@ +24 4 29 x1/pencil.png +36 6 44 x1_5/pencil.png +48 8 58 x2/pencil.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/pirate.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/pirate.cursor new file mode 100644 index 00000000..ca8873ce --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/pirate.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/pirate.png +36 24 24 x1_5/pirate.png +48 32 32 x2/pirate.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/pointer.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/pointer.cursor new file mode 100644 index 00000000..20649387 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/pointer.cursor @@ -0,0 +1,3 @@ +24 16 4 x1/pointer.png +36 24 6 x1_5/pointer.png +48 32 8 x2/pointer.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/progress.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/progress.cursor new file mode 100644 index 00000000..9ccaddf2 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/progress.cursor @@ -0,0 +1,69 @@ +24 4 4 x1/progress-01.png 30 +24 4 4 x1/progress-02.png 30 +24 4 4 x1/progress-03.png 30 +24 4 4 x1/progress-04.png 30 +24 4 4 x1/progress-05.png 30 +24 4 4 x1/progress-06.png 30 +24 4 4 x1/progress-07.png 30 +24 4 4 x1/progress-08.png 30 +24 4 4 x1/progress-09.png 30 +24 4 4 x1/progress-10.png 30 +24 4 4 x1/progress-11.png 30 +24 4 4 x1/progress-12.png 30 +24 4 4 x1/progress-13.png 30 +24 4 4 x1/progress-14.png 30 +24 4 4 x1/progress-15.png 30 +24 4 4 x1/progress-16.png 30 +24 4 4 x1/progress-17.png 30 +24 4 4 x1/progress-18.png 30 +24 4 4 x1/progress-19.png 30 +24 4 4 x1/progress-20.png 30 +24 4 4 x1/progress-21.png 30 +24 4 4 x1/progress-22.png 30 +24 4 4 x1/progress-23.png 30 +36 6 6 x1_5/progress-01.png 30 +36 6 6 x1_5/progress-02.png 30 +36 6 6 x1_5/progress-03.png 30 +36 6 6 x1_5/progress-04.png 30 +36 6 6 x1_5/progress-05.png 30 +36 6 6 x1_5/progress-06.png 30 +36 6 6 x1_5/progress-07.png 30 +36 6 6 x1_5/progress-08.png 30 +36 6 6 x1_5/progress-09.png 30 +36 6 6 x1_5/progress-10.png 30 +36 6 6 x1_5/progress-11.png 30 +36 6 6 x1_5/progress-12.png 30 +36 6 6 x1_5/progress-13.png 30 +36 6 6 x1_5/progress-14.png 30 +36 6 6 x1_5/progress-15.png 30 +36 6 6 x1_5/progress-16.png 30 +36 6 6 x1_5/progress-17.png 30 +36 6 6 x1_5/progress-18.png 30 +36 6 6 x1_5/progress-19.png 30 +36 6 6 x1_5/progress-20.png 30 +36 6 6 x1_5/progress-21.png 30 +36 6 6 x1_5/progress-22.png 30 +36 6 6 x1_5/progress-23.png 30 +48 8 8 x2/progress-01.png 30 +48 8 8 x2/progress-02.png 30 +48 8 8 x2/progress-03.png 30 +48 8 8 x2/progress-04.png 30 +48 8 8 x2/progress-05.png 30 +48 8 8 x2/progress-06.png 30 +48 8 8 x2/progress-07.png 30 +48 8 8 x2/progress-08.png 30 +48 8 8 x2/progress-09.png 30 +48 8 8 x2/progress-10.png 30 +48 8 8 x2/progress-11.png 30 +48 8 8 x2/progress-12.png 30 +48 8 8 x2/progress-13.png 30 +48 8 8 x2/progress-14.png 30 +48 8 8 x2/progress-15.png 30 +48 8 8 x2/progress-16.png 30 +48 8 8 x2/progress-17.png 30 +48 8 8 x2/progress-18.png 30 +48 8 8 x2/progress-19.png 30 +48 8 8 x2/progress-20.png 30 +48 8 8 x2/progress-21.png 30 +48 8 8 x2/progress-22.png 30 +48 8 8 x2/progress-23.png 30 diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/right-arrow.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/right-arrow.cursor new file mode 100644 index 00000000..0613fd34 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/right-arrow.cursor @@ -0,0 +1,3 @@ +24 28 16 x1/right-arrow.png +36 42 24 x1_5/right-arrow.png +48 56 32 x2/right-arrow.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/right_ptr.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/right_ptr.cursor new file mode 100644 index 00000000..3797f766 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/right_ptr.cursor @@ -0,0 +1,3 @@ +24 28 4 x1/right_ptr.png +36 42 6 x1_5/right_ptr.png +48 56 8 x2/right_ptr.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/right_side.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/right_side.cursor new file mode 100644 index 00000000..0833869a --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/right_side.cursor @@ -0,0 +1,3 @@ +24 28 16 x1/right_side.png +36 42 24 x1_5/right_side.png +48 56 32 x2/right_side.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/row-resize.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/row-resize.cursor new file mode 100644 index 00000000..902bf59a --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/row-resize.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/row-resize.png +36 24 24 x1_5/row-resize.png +48 32 32 x2/row-resize.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/size_bdiag.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/size_bdiag.cursor new file mode 100644 index 00000000..06fb8cec --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/size_bdiag.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/size_bdiag.png +36 24 24 x1_5/size_bdiag.png +48 32 32 x2/size_bdiag.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/size_fdiag.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/size_fdiag.cursor new file mode 100644 index 00000000..79cdf011 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/size_fdiag.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/size_fdiag.png +36 24 24 x1_5/size_fdiag.png +48 32 32 x2/size_fdiag.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/size_hor.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/size_hor.cursor new file mode 100644 index 00000000..6057970e --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/size_hor.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/size_hor.png +36 24 24 x1_5/size_hor.png +48 32 32 x2/size_hor.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/size_ver.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/size_ver.cursor new file mode 100644 index 00000000..ea64f39b --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/size_ver.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/size_ver.png +36 24 24 x1_5/size_ver.png +48 32 32 x2/size_ver.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/text.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/text.cursor new file mode 100644 index 00000000..cf835019 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/text.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/text.png +36 24 24 x1_5/text.png +48 32 32 x2/text.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/top_left_corner.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/top_left_corner.cursor new file mode 100644 index 00000000..9dacd14e --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/top_left_corner.cursor @@ -0,0 +1,3 @@ +24 5 4 x1/top_left_corner.png +36 8 6 x1_5/top_left_corner.png +48 10 8 x2/top_left_corner.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/top_right_corner.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/top_right_corner.cursor new file mode 100644 index 00000000..b89d4ea7 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/top_right_corner.cursor @@ -0,0 +1,3 @@ +24 26 4 x1/top_right_corner.png +36 39 6 x1_5/top_right_corner.png +48 52 8 x2/top_right_corner.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/top_side.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/top_side.cursor new file mode 100644 index 00000000..d87ef077 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/top_side.cursor @@ -0,0 +1,3 @@ +24 16 4 x1/top_side.png +36 24 6 x1_5/top_side.png +48 32 8 x2/top_side.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/up-arrow.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/up-arrow.cursor new file mode 100644 index 00000000..53f08e20 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/up-arrow.cursor @@ -0,0 +1,3 @@ +24 16 4 x1/up-arrow.png +36 24 6 x1_5/up-arrow.png +48 32 8 x2/up-arrow.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/vertical-text.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/vertical-text.cursor new file mode 100644 index 00000000..b7eb3250 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/vertical-text.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/vertical-text.png +36 24 24 x1_5/vertical-text.png +48 32 32 x2/vertical-text.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/wait.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/wait.cursor new file mode 100644 index 00000000..077cc6fe --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/wait.cursor @@ -0,0 +1,69 @@ +24 16 16 x1/wait-01.png 30 +24 16 16 x1/wait-02.png 30 +24 16 16 x1/wait-03.png 30 +24 16 16 x1/wait-04.png 30 +24 16 16 x1/wait-05.png 30 +24 16 16 x1/wait-06.png 30 +24 16 16 x1/wait-07.png 30 +24 16 16 x1/wait-08.png 30 +24 16 16 x1/wait-09.png 30 +24 16 16 x1/wait-10.png 30 +24 16 16 x1/wait-11.png 30 +24 16 16 x1/wait-12.png 30 +24 16 16 x1/wait-13.png 30 +24 16 16 x1/wait-14.png 30 +24 16 16 x1/wait-15.png 30 +24 16 16 x1/wait-16.png 30 +24 16 16 x1/wait-17.png 30 +24 16 16 x1/wait-18.png 30 +24 16 16 x1/wait-19.png 30 +24 16 16 x1/wait-20.png 30 +24 16 16 x1/wait-21.png 30 +24 16 16 x1/wait-22.png 30 +24 16 16 x1/wait-23.png 30 +36 24 24 x1_5/wait-01.png 30 +36 24 24 x1_5/wait-02.png 30 +36 24 24 x1_5/wait-03.png 30 +36 24 24 x1_5/wait-04.png 30 +36 24 24 x1_5/wait-05.png 30 +36 24 24 x1_5/wait-06.png 30 +36 24 24 x1_5/wait-07.png 30 +36 24 24 x1_5/wait-08.png 30 +36 24 24 x1_5/wait-09.png 30 +36 24 24 x1_5/wait-10.png 30 +36 24 24 x1_5/wait-11.png 30 +36 24 24 x1_5/wait-12.png 30 +36 24 24 x1_5/wait-13.png 30 +36 24 24 x1_5/wait-14.png 30 +36 24 24 x1_5/wait-15.png 30 +36 24 24 x1_5/wait-16.png 30 +36 24 24 x1_5/wait-17.png 30 +36 24 24 x1_5/wait-18.png 30 +36 24 24 x1_5/wait-19.png 30 +36 24 24 x1_5/wait-20.png 30 +36 24 24 x1_5/wait-21.png 30 +36 24 24 x1_5/wait-22.png 30 +36 24 24 x1_5/wait-23.png 30 +48 32 32 x2/wait-01.png 30 +48 32 32 x2/wait-02.png 30 +48 32 32 x2/wait-03.png 30 +48 32 32 x2/wait-04.png 30 +48 32 32 x2/wait-05.png 30 +48 32 32 x2/wait-06.png 30 +48 32 32 x2/wait-07.png 30 +48 32 32 x2/wait-08.png 30 +48 32 32 x2/wait-09.png 30 +48 32 32 x2/wait-10.png 30 +48 32 32 x2/wait-11.png 30 +48 32 32 x2/wait-12.png 30 +48 32 32 x2/wait-13.png 30 +48 32 32 x2/wait-14.png 30 +48 32 32 x2/wait-15.png 30 +48 32 32 x2/wait-16.png 30 +48 32 32 x2/wait-17.png 30 +48 32 32 x2/wait-18.png 30 +48 32 32 x2/wait-19.png 30 +48 32 32 x2/wait-20.png 30 +48 32 32 x2/wait-21.png 30 +48 32 32 x2/wait-22.png 30 +48 32 32 x2/wait-23.png 30 diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/wayland-cursor.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/wayland-cursor.cursor new file mode 100644 index 00000000..bea20139 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/wayland-cursor.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/wayland-cursor.png +36 24 24 x1_5/wayland-cursor.png +48 32 32 x2/wayland-cursor.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/x-cursor.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/x-cursor.cursor new file mode 100644 index 00000000..217519a5 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/x-cursor.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/x-cursor.png +36 24 24 x1_5/x-cursor.png +48 32 32 x2/x-cursor.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/zoom-in.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/zoom-in.cursor new file mode 100644 index 00000000..235bda44 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/zoom-in.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/zoom-in.png +36 24 24 x1_5/zoom-in.png +48 32 32 x2/zoom-in.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/config/zoom-out.cursor b/filesystem/.themes/Dracula/kde/cursors/src/config/zoom-out.cursor new file mode 100644 index 00000000..c3c876fb --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/config/zoom-out.cursor @@ -0,0 +1,3 @@ +24 16 16 x1/zoom-out.png +36 24 24 x1_5/zoom-out.png +48 32 32 x2/zoom-out.png diff --git a/filesystem/.themes/Dracula/kde/cursors/src/cursorList b/filesystem/.themes/Dracula/kde/cursors/src/cursorList new file mode 100644 index 00000000..9cb22ce6 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/cursorList @@ -0,0 +1,107 @@ +00000000000000020006000e7e9ffc3f progress +00008160000006810000408080010102 size_ver +03b6e0fcb3499374a867c041f52298f0 circle +08e8e1c95fe2fc01f976f1e063a24ccd progress +3ecb610c1bf2410f44200f48c40d3599 progress +5c6cd98b3f3ebcb1f9c7f1c204630408 help +9d800788f1b08800ae810202380a0822 pointer +640fb0e74195791501fd1ed57b41487f alias +1081e37283d90000800003c07f3ef6bf copy +3085a0e285430894940527032f8b26df alias +4498f0e0c1937ffe01fd06f973665830 dnd-move +6407b0e94181790501fd1e167b474872 copy +9081237383d90e509aa00f00170e968f dnd-move +a2a266d0498c3104214a47bd64ab0fc8 alias +b66166c04f8c3109214a4fbd64a50fc8 copy +d9ce0ab605698f320427677b458ad60b help +e29285e634086352946a0e7090d73106 pointer +fcf21c00b30f7e3f83fe0dfd12e71cff dnd-move +alias copy +all-scroll fleur +bottom_left_corner size_bdiag +bottom_right_corner size_fdiag +cell crosshair +center_ptr default +circle not-allowed +closedhand dnd-move +col-resize size_hor +color-picker crosshair +context-menu default +copy dnd-move +cross crosshair +crossed_circle not-allowed +dnd-copy copy +dnd-none dnd-move +dnd-no-drop not-allowed +draft pencil +e-resize size_hor +ew-resize size_hor +forbidden no-drop +grab openhand +grabbing closedhand +h_double_arrow size_hor +half-busy progress +hand1 pointer +hand2 pointer +help default +ibeam text +left_ptr default +left_ptr_help help +left_ptr_watch progress +left_side left-arrow +link alias +move dnd-move +n-resize size_ver +ns-resize size_ver +ne-resize size_bdiag +nesw-resize size_bdiag +nw-resize size_fdiag +nwse-resize size_fdiag +no-drop not-allowed +plus cell +pointing_hand pointer +question_arrow help +right_ptr default +right_side right-arrow +row-resize size_ver +s-resize size_ver +se-resize size_fdiag +sw-resize size_bdiag +sb_h_double_arrow size_hor +sb_v_double_arrow size_ver +size_all fleur +split_h col-resize +split_v row-resize +top_left_arrow default +top_left_corner size_fdiag +top_right_corner size_bdiag +top_side up-arrow +v_double_arrow size_ver +vertical-text text +w-resize size_hor +watch wait +whats_this help +xterm text +dnd-move default +down-arrow default +crosshair default +fleur default +left-arrow default +not-allowed default +openhand default +pencil default +pirate default +pointer default +progress default +right-arrow default +size-bdiag default +size-fdiag default +size-hor default +size-ver default +text default +up-arrow default +wait default +x-cursor default +wayland-cursor default +zoom-in default +zoom-out default diff --git a/filesystem/.themes/Dracula/kde/cursors/src/cursors.svg b/filesystem/.themes/Dracula/kde/cursors/src/cursors.svg new file mode 100644 index 00000000..1703ad33 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/cursors.svg @@ -0,0 +1,8017 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/cursors/src/index.theme b/filesystem/.themes/Dracula/kde/cursors/src/index.theme new file mode 100644 index 00000000..4c175a0b --- /dev/null +++ b/filesystem/.themes/Dracula/kde/cursors/src/index.theme @@ -0,0 +1,4 @@ +[Icon Theme] +Name=Dracula-cursors +Comment=dracula colors cursors + diff --git a/filesystem/.themes/Dracula/kde/kvantum/Dracula-Solid/Dracula-Solid.kvconfig b/filesystem/.themes/Dracula/kde/kvantum/Dracula-Solid/Dracula-Solid.kvconfig new file mode 100644 index 00000000..c38c05bf --- /dev/null +++ b/filesystem/.themes/Dracula/kde/kvantum/Dracula-Solid/Dracula-Solid.kvconfig @@ -0,0 +1,494 @@ +[%General] +author=Eliver Lara +comment=A dark theme created using the awesome Dracula color palette. +x11drag=menubar_and_primary_toolbar +alt_mnemonic=true +left_tabs=true +attach_active_tab=true +mirror_doc_tabs=true +group_toolbar_buttons=false +toolbar_item_spacing=1 +toolbar_interior_spacing=3 +spread_progressbar=true +composite=true +menu_shadow_depth=5 +menu_separator_height=6 +tooltip_shadow_depth=6 +splitter_width=4 +scroll_width=6 +scroll_arrows=false +scroll_min_extent=60 +slider_width=2 +slider_handle_width=18 +slider_handle_length=18 +center_toolbar_handle=true +check_size=14 +textless_progressbar=false +progressbar_thickness=2 +menubar_mouse_tracking=true +toolbutton_style=1 +double_click=false +translucent_windows=false +blurring=false +popup_blurring=false +vertical_spin_indicators=false +spin_button_width=32 +fill_rubberband=false +merge_menubar_with_toolbar=true +small_icon_size=16 +large_icon_size=32 +button_icon_size=16 +toolbar_icon_size=22 +combo_as_lineedit=true +animate_states=false +button_contents_shift=false +combo_menu=true +hide_combo_checkboxes=true +combo_focus_rect=true +groupbox_top_label=true +inline_spin_indicators=false +joined_inactive_tabs=false +layout_spacing=6 +layout_margin=4 +scrollbar_in_view=true +transient_scrollbar=true +transient_groove=false +submenu_overlap=0 +tooltip_delay=-1 +tree_branch_line=true +dark_titlebar=true +opaque=QMPlay2,kaffeine,kmplayer,subtitlecomposer,kdenlive,vlc,avidemux,avidemux2_qt4,avidemux3_qt4,avidemux3_qt5,kamoso,QtCreator,VirtualBox,trojita,dragon,digikam +reduce_window_opacity=18 +scrollable_menu=false +submenu_delay=250 +no_inactiveness=false +no_window_pattern=false +reduce_menu_opacity=0 +respect_DE=true +click_behavior=0 +contrast=1.00 +dialog_button_layout=0 +intensity=1.00 +saturation=1.00 +shadowless_popup=false + +[GeneralColors] +window.color=#1e1f29 +base.color=#1e1f29 +alt.base.color=#252a3f78 +button.color=#1e1e20 +light.color=#0C0E15 +mid.light.color=#0C0E15 +dark.color=#0C0E15 +mid.color=#0C0E15 +highlight.color=#7c60a3 +inactive.highlight.color=#654ea3 +text.color=#f8f8f2 +window.text.color=#f8f8f2 +button.text.color=#f8f8f2 +disabled.text.color=#f8f8f278 +tooltip.text.color=#f8f8f2 +highlight.text.color=#dadadc +link.color=#646464 +link.visited.color=#7f8c8d +progress.indicator.text.color=#f8f8f2 + +[Hacks] +transparent_ktitle_label=true +transparent_dolphin_view=true +transparent_pcmanfm_sidepane=false +blur_translucent=true +transparent_menutitle=false +respect_darkness=true +kcapacitybar_as_progressbar=true +force_size_grip=true +iconless_pushbutton=false +iconless_menu=false +disabled_icon_opacity=70 +lxqtmainmenu_iconsize=22 +normal_default_pushbutton=true +single_top_toolbar=true +tint_on_mouseover=0 +transparent_pcmanfm_view=false +middle_click_scroll=false +no_selection_tint=false +opaque_colors=false +kinetic_scrolling=false +scroll_jump_workaround=false + +[PanelButtonCommand] +frame=true +frame.element=button +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +interior=true +interior.element=button +indicator.size=8 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#f8f8f2 +text.shadow=0 +text.margin=1 +text.iconspacing=4 +indicator.element=arrow +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=2 +text.margin.right=2 +min_width=+0.3font +min_height=+0.3font +frame.expansion=6 + +[PanelButtonTool] +inherits=PanelButtonCommand + +[Dock] +inherits=PanelButtonCommand +interior.element=dock +frame.element=dock +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +text.normal.color=#f8f8f2 + +[DockTitle] +inherits=PanelButtonCommand +frame=false +interior=false +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.bold=false + +[IndicatorSpinBox] +inherits=PanelButtonCommand +frame=true +interior=true +frame.left=1 +indicator.element=spin +indicator.size=10 +text.normal.color=#f8f8f2 + +[RadioButton] +inherits=PanelButtonCommand +frame=false +interior.element=radio +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca + +[CheckBox] +inherits=PanelButtonCommand +frame=false +interior.element=checkbox +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca + +[Focus] +inherits=PanelButtonCommand +frame=true +frame.element=focus +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +frame.patternsize=20 + +[GenericFrame] +inherits=PanelButtonCommand +frame=true +interior=false +frame.element=common +interior.element=common +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 + +[LineEdit] +inherits=PanelButtonCommand +frame.element=lineedit +interior.element=lineedit +text.margin.left=0 +text.margin.right=0 + +[DropDownButton] +inherits=PanelButtonCommand +indicator.element=arrow-down + +[IndicatorArrow] +indicator.element=arrow +indicator.size=8 + +[ToolboxTab] +inherits=PanelButtonCommand +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 + +[Tab] +inherits=PanelButtonCommand +interior.element=tab +text.margin.left=8 +text.margin.right=8 +text.margin.top=2 +text.margin.bottom=2 +frame.element=tab +indicator.element=tab +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 +text.normal.color=#f8f8f2 +text.focus.color=#f8f8f2 +text.toggle.color=#f8f8f2 +frame.expansion=0 + +[TabFrame] +inherits=PanelButtonCommand +frame.element=tabframe +interior.element=tabframe +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 + +[TreeExpander] +inherits=PanelButtonCommand +indicator.size=12 +indicator.element=tree + +[HeaderSection] +inherits=PanelButtonCommand +interior.element=header +frame.element=header +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +text.bold=false +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#d2d2d4 +frame.expansion=0 + +[SizeGrip] +indicator.element=resize-grip + +[Toolbar] +inherits=PanelButtonCommand +indicator.element=toolbar +indicator.size=5 +text.margin=0 +frame=true +interior.element=_menubar +frame.element=_menubar +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +frame.left=0 +frame.right=0 +frame.top=0 +frame.bottom=1 +frame.expansion=0 + +[Slider] +inherits=PanelButtonCommand +frame.element=slider +interior.element=slider +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 + +[SliderCursor] +inherits=PanelButtonCommand +frame=false +interior.element=slidercursor + +[Progressbar] +inherits=PanelButtonCommand +frame.element=progress +interior.element=progress +text.margin=0 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#f8f8f2 +text.bold=false +frame.expansion=8 + +[ProgressbarContents] +inherits=PanelButtonCommand +frame=true +frame.element=progress-pattern +interior.element=progress-pattern + +[ItemView] +inherits=PanelButtonCommand +text.margin=0 +frame.element=itemview +interior.element=itemview +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=4 +text.margin.right=4 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#d2d2d4 +min_width=+0.3font +min_height=+0.3font +frame.expansion=0 + +[Splitter] +indicator.size=48 + +[Scrollbar] +inherits=PanelButtonCommand +indicator.element=arrow +indicator.size=8 + +[ScrollbarSlider] +inherits=PanelButtonCommand +interior.element=scrollbarslider +interior=true +frame=false +frame.expansion=48 + +[ScrollbarGroove] +inherits=PanelButtonCommand +interior.element=scrollbargroove +interior=true +frame=false +frame.expansion=48 + +[MenuItem] +inherits=PanelButtonCommand +frame=true +frame.element=menuitem +interior.element=menuitem +indicator.element=menuitem +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.margin.top=1 +text.margin.bottom=1 +text.margin.left=4 +text.margin.right=4 +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +text.bold=false +min_width=+0.3font +min_height=+0.3font +frame.expansion=0 + +[MenuBar] +inherits=PanelButtonCommand +frame.element=menubar +interior.element=menubar +text.normal.color=#f8f8f2 +frame.bottom=0 +frame.expansion=0 + +[MenuBarItem] +inherits=PanelButtonCommand +interior=true +interior.element=menubaritem +frame.element=menubaritem +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +text.margin.left=4 +text.margin.right=4 +text.margin.top=0 +text.margin.bottom=0 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +frame.expansion=0 + +[TitleBar] +inherits=PanelButtonCommand +frame=false +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=2 +text.margin.right=2 +interior.element=titlebar +indicator.size=16 +indicator.element=mdi +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.bold=true +text.italic=false +frame.expansion=0 + +[ComboBox] +inherits=PanelButtonCommand +interior.element=combo +frame.element=combo +text.press.color=#d2d2d4 +indicator.element=carrow + +[Menu] +inherits=PanelButtonCommand +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +frame.element=menu +interior.element=menu +text.normal.color=#f8f8f2 +text.shadow=false +frame.expansion=0 + +[GroupBox] +inherits=GenericFrame +frame=false +text.shadow=0 +text.margin=0 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.bold=true +frame.expansion=0 + +[TabBarFrame] +inherits=GenericFrame +frame=true +frame.element=tabBarFrame +interior=false +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 + +[ToolTip] +inherits=GenericFrame +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +interior=true +text.shadow=0 +text.margin=0 +interior.element=tooltip +frame.element=tooltip +frame.expansion=0 + +[StatusBar] +inherits=GenericFrame +frame=false +interior=false +interior=false + +[Window] +interior=true +interior.element=window diff --git a/filesystem/.themes/Dracula/kde/kvantum/Dracula-Solid/Dracula-Solid.svg b/filesystem/.themes/Dracula/kde/kvantum/Dracula-Solid/Dracula-Solid.svg new file mode 100644 index 00000000..b93a3551 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/kvantum/Dracula-Solid/Dracula-Solid.svg @@ -0,0 +1,6768 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/kvantum/Dracula-purple-solid/Dracula-purple-solid.kvconfig b/filesystem/.themes/Dracula/kde/kvantum/Dracula-purple-solid/Dracula-purple-solid.kvconfig new file mode 100644 index 00000000..c38c05bf --- /dev/null +++ b/filesystem/.themes/Dracula/kde/kvantum/Dracula-purple-solid/Dracula-purple-solid.kvconfig @@ -0,0 +1,494 @@ +[%General] +author=Eliver Lara +comment=A dark theme created using the awesome Dracula color palette. +x11drag=menubar_and_primary_toolbar +alt_mnemonic=true +left_tabs=true +attach_active_tab=true +mirror_doc_tabs=true +group_toolbar_buttons=false +toolbar_item_spacing=1 +toolbar_interior_spacing=3 +spread_progressbar=true +composite=true +menu_shadow_depth=5 +menu_separator_height=6 +tooltip_shadow_depth=6 +splitter_width=4 +scroll_width=6 +scroll_arrows=false +scroll_min_extent=60 +slider_width=2 +slider_handle_width=18 +slider_handle_length=18 +center_toolbar_handle=true +check_size=14 +textless_progressbar=false +progressbar_thickness=2 +menubar_mouse_tracking=true +toolbutton_style=1 +double_click=false +translucent_windows=false +blurring=false +popup_blurring=false +vertical_spin_indicators=false +spin_button_width=32 +fill_rubberband=false +merge_menubar_with_toolbar=true +small_icon_size=16 +large_icon_size=32 +button_icon_size=16 +toolbar_icon_size=22 +combo_as_lineedit=true +animate_states=false +button_contents_shift=false +combo_menu=true +hide_combo_checkboxes=true +combo_focus_rect=true +groupbox_top_label=true +inline_spin_indicators=false +joined_inactive_tabs=false +layout_spacing=6 +layout_margin=4 +scrollbar_in_view=true +transient_scrollbar=true +transient_groove=false +submenu_overlap=0 +tooltip_delay=-1 +tree_branch_line=true +dark_titlebar=true +opaque=QMPlay2,kaffeine,kmplayer,subtitlecomposer,kdenlive,vlc,avidemux,avidemux2_qt4,avidemux3_qt4,avidemux3_qt5,kamoso,QtCreator,VirtualBox,trojita,dragon,digikam +reduce_window_opacity=18 +scrollable_menu=false +submenu_delay=250 +no_inactiveness=false +no_window_pattern=false +reduce_menu_opacity=0 +respect_DE=true +click_behavior=0 +contrast=1.00 +dialog_button_layout=0 +intensity=1.00 +saturation=1.00 +shadowless_popup=false + +[GeneralColors] +window.color=#1e1f29 +base.color=#1e1f29 +alt.base.color=#252a3f78 +button.color=#1e1e20 +light.color=#0C0E15 +mid.light.color=#0C0E15 +dark.color=#0C0E15 +mid.color=#0C0E15 +highlight.color=#7c60a3 +inactive.highlight.color=#654ea3 +text.color=#f8f8f2 +window.text.color=#f8f8f2 +button.text.color=#f8f8f2 +disabled.text.color=#f8f8f278 +tooltip.text.color=#f8f8f2 +highlight.text.color=#dadadc +link.color=#646464 +link.visited.color=#7f8c8d +progress.indicator.text.color=#f8f8f2 + +[Hacks] +transparent_ktitle_label=true +transparent_dolphin_view=true +transparent_pcmanfm_sidepane=false +blur_translucent=true +transparent_menutitle=false +respect_darkness=true +kcapacitybar_as_progressbar=true +force_size_grip=true +iconless_pushbutton=false +iconless_menu=false +disabled_icon_opacity=70 +lxqtmainmenu_iconsize=22 +normal_default_pushbutton=true +single_top_toolbar=true +tint_on_mouseover=0 +transparent_pcmanfm_view=false +middle_click_scroll=false +no_selection_tint=false +opaque_colors=false +kinetic_scrolling=false +scroll_jump_workaround=false + +[PanelButtonCommand] +frame=true +frame.element=button +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +interior=true +interior.element=button +indicator.size=8 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#f8f8f2 +text.shadow=0 +text.margin=1 +text.iconspacing=4 +indicator.element=arrow +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=2 +text.margin.right=2 +min_width=+0.3font +min_height=+0.3font +frame.expansion=6 + +[PanelButtonTool] +inherits=PanelButtonCommand + +[Dock] +inherits=PanelButtonCommand +interior.element=dock +frame.element=dock +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +text.normal.color=#f8f8f2 + +[DockTitle] +inherits=PanelButtonCommand +frame=false +interior=false +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.bold=false + +[IndicatorSpinBox] +inherits=PanelButtonCommand +frame=true +interior=true +frame.left=1 +indicator.element=spin +indicator.size=10 +text.normal.color=#f8f8f2 + +[RadioButton] +inherits=PanelButtonCommand +frame=false +interior.element=radio +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca + +[CheckBox] +inherits=PanelButtonCommand +frame=false +interior.element=checkbox +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca + +[Focus] +inherits=PanelButtonCommand +frame=true +frame.element=focus +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +frame.patternsize=20 + +[GenericFrame] +inherits=PanelButtonCommand +frame=true +interior=false +frame.element=common +interior.element=common +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 + +[LineEdit] +inherits=PanelButtonCommand +frame.element=lineedit +interior.element=lineedit +text.margin.left=0 +text.margin.right=0 + +[DropDownButton] +inherits=PanelButtonCommand +indicator.element=arrow-down + +[IndicatorArrow] +indicator.element=arrow +indicator.size=8 + +[ToolboxTab] +inherits=PanelButtonCommand +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 + +[Tab] +inherits=PanelButtonCommand +interior.element=tab +text.margin.left=8 +text.margin.right=8 +text.margin.top=2 +text.margin.bottom=2 +frame.element=tab +indicator.element=tab +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 +text.normal.color=#f8f8f2 +text.focus.color=#f8f8f2 +text.toggle.color=#f8f8f2 +frame.expansion=0 + +[TabFrame] +inherits=PanelButtonCommand +frame.element=tabframe +interior.element=tabframe +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 + +[TreeExpander] +inherits=PanelButtonCommand +indicator.size=12 +indicator.element=tree + +[HeaderSection] +inherits=PanelButtonCommand +interior.element=header +frame.element=header +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +text.bold=false +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#d2d2d4 +frame.expansion=0 + +[SizeGrip] +indicator.element=resize-grip + +[Toolbar] +inherits=PanelButtonCommand +indicator.element=toolbar +indicator.size=5 +text.margin=0 +frame=true +interior.element=_menubar +frame.element=_menubar +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +frame.left=0 +frame.right=0 +frame.top=0 +frame.bottom=1 +frame.expansion=0 + +[Slider] +inherits=PanelButtonCommand +frame.element=slider +interior.element=slider +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 + +[SliderCursor] +inherits=PanelButtonCommand +frame=false +interior.element=slidercursor + +[Progressbar] +inherits=PanelButtonCommand +frame.element=progress +interior.element=progress +text.margin=0 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#f8f8f2 +text.bold=false +frame.expansion=8 + +[ProgressbarContents] +inherits=PanelButtonCommand +frame=true +frame.element=progress-pattern +interior.element=progress-pattern + +[ItemView] +inherits=PanelButtonCommand +text.margin=0 +frame.element=itemview +interior.element=itemview +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=4 +text.margin.right=4 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#d2d2d4 +min_width=+0.3font +min_height=+0.3font +frame.expansion=0 + +[Splitter] +indicator.size=48 + +[Scrollbar] +inherits=PanelButtonCommand +indicator.element=arrow +indicator.size=8 + +[ScrollbarSlider] +inherits=PanelButtonCommand +interior.element=scrollbarslider +interior=true +frame=false +frame.expansion=48 + +[ScrollbarGroove] +inherits=PanelButtonCommand +interior.element=scrollbargroove +interior=true +frame=false +frame.expansion=48 + +[MenuItem] +inherits=PanelButtonCommand +frame=true +frame.element=menuitem +interior.element=menuitem +indicator.element=menuitem +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.margin.top=1 +text.margin.bottom=1 +text.margin.left=4 +text.margin.right=4 +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +text.bold=false +min_width=+0.3font +min_height=+0.3font +frame.expansion=0 + +[MenuBar] +inherits=PanelButtonCommand +frame.element=menubar +interior.element=menubar +text.normal.color=#f8f8f2 +frame.bottom=0 +frame.expansion=0 + +[MenuBarItem] +inherits=PanelButtonCommand +interior=true +interior.element=menubaritem +frame.element=menubaritem +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +text.margin.left=4 +text.margin.right=4 +text.margin.top=0 +text.margin.bottom=0 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +frame.expansion=0 + +[TitleBar] +inherits=PanelButtonCommand +frame=false +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=2 +text.margin.right=2 +interior.element=titlebar +indicator.size=16 +indicator.element=mdi +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.bold=true +text.italic=false +frame.expansion=0 + +[ComboBox] +inherits=PanelButtonCommand +interior.element=combo +frame.element=combo +text.press.color=#d2d2d4 +indicator.element=carrow + +[Menu] +inherits=PanelButtonCommand +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +frame.element=menu +interior.element=menu +text.normal.color=#f8f8f2 +text.shadow=false +frame.expansion=0 + +[GroupBox] +inherits=GenericFrame +frame=false +text.shadow=0 +text.margin=0 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.bold=true +frame.expansion=0 + +[TabBarFrame] +inherits=GenericFrame +frame=true +frame.element=tabBarFrame +interior=false +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 + +[ToolTip] +inherits=GenericFrame +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +interior=true +text.shadow=0 +text.margin=0 +interior.element=tooltip +frame.element=tooltip +frame.expansion=0 + +[StatusBar] +inherits=GenericFrame +frame=false +interior=false +interior=false + +[Window] +interior=true +interior.element=window diff --git a/filesystem/.themes/Dracula/kde/kvantum/Dracula-purple-solid/Dracula-purple-solid.svg b/filesystem/.themes/Dracula/kde/kvantum/Dracula-purple-solid/Dracula-purple-solid.svg new file mode 100644 index 00000000..bbe27b90 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/kvantum/Dracula-purple-solid/Dracula-purple-solid.svg @@ -0,0 +1,6768 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/kvantum/Dracula-purple/Dracula-purple.kvconfig b/filesystem/.themes/Dracula/kde/kvantum/Dracula-purple/Dracula-purple.kvconfig new file mode 100644 index 00000000..27b4bfa0 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/kvantum/Dracula-purple/Dracula-purple.kvconfig @@ -0,0 +1,494 @@ +[%General] +author=Eliver Lara +comment=A dark theme created using the awesome Dracula color palette. +x11drag=menubar_and_primary_toolbar +alt_mnemonic=true +left_tabs=true +attach_active_tab=true +mirror_doc_tabs=true +group_toolbar_buttons=false +toolbar_item_spacing=1 +toolbar_interior_spacing=3 +spread_progressbar=true +composite=true +menu_shadow_depth=5 +menu_separator_height=6 +tooltip_shadow_depth=6 +splitter_width=4 +scroll_width=6 +scroll_arrows=false +scroll_min_extent=60 +slider_width=2 +slider_handle_width=18 +slider_handle_length=18 +center_toolbar_handle=true +check_size=14 +textless_progressbar=false +progressbar_thickness=2 +menubar_mouse_tracking=true +toolbutton_style=1 +double_click=false +translucent_windows=true +blurring=true +popup_blurring=true +vertical_spin_indicators=false +spin_button_width=32 +fill_rubberband=false +merge_menubar_with_toolbar=true +small_icon_size=16 +large_icon_size=32 +button_icon_size=16 +toolbar_icon_size=22 +combo_as_lineedit=true +animate_states=false +button_contents_shift=false +combo_menu=true +hide_combo_checkboxes=true +combo_focus_rect=true +groupbox_top_label=true +inline_spin_indicators=false +joined_inactive_tabs=false +layout_spacing=6 +layout_margin=4 +scrollbar_in_view=true +transient_scrollbar=true +transient_groove=false +submenu_overlap=0 +tooltip_delay=-1 +tree_branch_line=true +dark_titlebar=true +opaque=QMPlay2,kaffeine,kmplayer,subtitlecomposer,kdenlive,vlc,avidemux,avidemux2_qt4,avidemux3_qt4,avidemux3_qt5,kamoso,QtCreator,VirtualBox,trojita,dragon,digikam +reduce_window_opacity=18 +scrollable_menu=false +submenu_delay=250 +no_inactiveness=false +no_window_pattern=false +reduce_menu_opacity=0 +respect_DE=true +click_behavior=0 +contrast=1.00 +dialog_button_layout=0 +intensity=1.00 +saturation=1.00 +shadowless_popup=false + +[GeneralColors] +window.color=#1e1f29 +base.color=#282a36 +alt.base.color=#252a3f78 +button.color=#1e1e20 +light.color=#0C0E15 +mid.light.color=#0C0E15 +dark.color=#0C0E15 +mid.color=#0C0E15 +highlight.color=#7c60a3 +inactive.highlight.color=#654ea3 +text.color=#f8f8f2 +window.text.color=#f8f8f2 +button.text.color=#f8f8f2 +disabled.text.color=#f8f8f278 +tooltip.text.color=#f8f8f2 +highlight.text.color=#dadadc +link.color=#646464 +link.visited.color=#7f8c8d +progress.indicator.text.color=#f8f8f2 + +[Hacks] +transparent_ktitle_label=true +transparent_dolphin_view=true +transparent_pcmanfm_sidepane=true +blur_translucent=true +transparent_menutitle=true +respect_darkness=true +kcapacitybar_as_progressbar=true +force_size_grip=true +iconless_pushbutton=false +iconless_menu=false +disabled_icon_opacity=70 +lxqtmainmenu_iconsize=22 +normal_default_pushbutton=true +single_top_toolbar=true +tint_on_mouseover=0 +transparent_pcmanfm_view=false +middle_click_scroll=false +no_selection_tint=false +opaque_colors=false +kinetic_scrolling=false +scroll_jump_workaround=false + +[PanelButtonCommand] +frame=true +frame.element=button +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +interior=true +interior.element=button +indicator.size=8 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#f8f8f2 +text.shadow=0 +text.margin=1 +text.iconspacing=4 +indicator.element=arrow +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=2 +text.margin.right=2 +min_width=+0.3font +min_height=+0.3font +frame.expansion=6 + +[PanelButtonTool] +inherits=PanelButtonCommand + +[Dock] +inherits=PanelButtonCommand +interior.element=dock +frame.element=dock +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +text.normal.color=#f8f8f2 + +[DockTitle] +inherits=PanelButtonCommand +frame=false +interior=false +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.bold=false + +[IndicatorSpinBox] +inherits=PanelButtonCommand +frame=true +interior=true +frame.left=1 +indicator.element=spin +indicator.size=10 +text.normal.color=#f8f8f2 + +[RadioButton] +inherits=PanelButtonCommand +frame=false +interior.element=radio +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca + +[CheckBox] +inherits=PanelButtonCommand +frame=false +interior.element=checkbox +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca + +[Focus] +inherits=PanelButtonCommand +frame=true +frame.element=focus +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +frame.patternsize=20 + +[GenericFrame] +inherits=PanelButtonCommand +frame=true +interior=false +frame.element=common +interior.element=common +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 + +[LineEdit] +inherits=PanelButtonCommand +frame.element=lineedit +interior.element=lineedit +text.margin.left=0 +text.margin.right=0 + +[DropDownButton] +inherits=PanelButtonCommand +indicator.element=arrow-down + +[IndicatorArrow] +indicator.element=arrow +indicator.size=8 + +[ToolboxTab] +inherits=PanelButtonCommand +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 + +[Tab] +inherits=PanelButtonCommand +interior.element=tab +text.margin.left=8 +text.margin.right=8 +text.margin.top=2 +text.margin.bottom=2 +frame.element=tab +indicator.element=tab +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 +text.normal.color=#f8f8f2 +text.focus.color=#f8f8f2 +text.toggle.color=#f8f8f2 +frame.expansion=0 + +[TabFrame] +inherits=PanelButtonCommand +frame.element=tabframe +interior.element=tabframe +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 + +[TreeExpander] +inherits=PanelButtonCommand +indicator.size=12 +indicator.element=tree + +[HeaderSection] +inherits=PanelButtonCommand +interior.element=header +frame.element=header +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +text.bold=false +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#d2d2d4 +frame.expansion=0 + +[SizeGrip] +indicator.element=resize-grip + +[Toolbar] +inherits=PanelButtonCommand +indicator.element=toolbar +indicator.size=5 +text.margin=0 +frame=true +interior.element=_menubar +frame.element=_menubar +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +frame.left=0 +frame.right=0 +frame.top=0 +frame.bottom=1 +frame.expansion=0 + +[Slider] +inherits=PanelButtonCommand +frame.element=slider +interior.element=slider +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 + +[SliderCursor] +inherits=PanelButtonCommand +frame=false +interior.element=slidercursor + +[Progressbar] +inherits=PanelButtonCommand +frame.element=progress +interior.element=progress +text.margin=0 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#f8f8f2 +text.bold=false +frame.expansion=8 + +[ProgressbarContents] +inherits=PanelButtonCommand +frame=true +frame.element=progress-pattern +interior.element=progress-pattern + +[ItemView] +inherits=PanelButtonCommand +text.margin=0 +frame.element=itemview +interior.element=itemview +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=4 +text.margin.right=4 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#d2d2d4 +min_width=+0.3font +min_height=+0.3font +frame.expansion=0 + +[Splitter] +indicator.size=48 + +[Scrollbar] +inherits=PanelButtonCommand +indicator.element=arrow +indicator.size=8 + +[ScrollbarSlider] +inherits=PanelButtonCommand +interior.element=scrollbarslider +interior=true +frame=false +frame.expansion=48 + +[ScrollbarGroove] +inherits=PanelButtonCommand +interior.element=scrollbargroove +interior=true +frame=false +frame.expansion=48 + +[MenuItem] +inherits=PanelButtonCommand +frame=true +frame.element=menuitem +interior.element=menuitem +indicator.element=menuitem +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.margin.top=1 +text.margin.bottom=1 +text.margin.left=4 +text.margin.right=4 +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +text.bold=false +min_width=+0.3font +min_height=+0.3font +frame.expansion=0 + +[MenuBar] +inherits=PanelButtonCommand +frame.element=menubar +interior.element=menubar +text.normal.color=#f8f8f2 +frame.bottom=0 +frame.expansion=0 + +[MenuBarItem] +inherits=PanelButtonCommand +interior=true +interior.element=menubaritem +frame.element=menubaritem +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +text.margin.left=4 +text.margin.right=4 +text.margin.top=0 +text.margin.bottom=0 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +frame.expansion=0 + +[TitleBar] +inherits=PanelButtonCommand +frame=false +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=2 +text.margin.right=2 +interior.element=titlebar +indicator.size=16 +indicator.element=mdi +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.bold=true +text.italic=false +frame.expansion=0 + +[ComboBox] +inherits=PanelButtonCommand +interior.element=combo +frame.element=combo +text.press.color=#d2d2d4 +indicator.element=carrow + +[Menu] +inherits=PanelButtonCommand +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +frame.element=menu +interior.element=menu +text.normal.color=#f8f8f2 +text.shadow=false +frame.expansion=0 + +[GroupBox] +inherits=GenericFrame +frame=false +text.shadow=0 +text.margin=0 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.bold=true +frame.expansion=0 + +[TabBarFrame] +inherits=GenericFrame +frame=true +frame.element=tabBarFrame +interior=false +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 + +[ToolTip] +inherits=GenericFrame +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +interior=true +text.shadow=0 +text.margin=0 +interior.element=tooltip +frame.element=tooltip +frame.expansion=0 + +[StatusBar] +inherits=GenericFrame +frame=false +interior=false +interior=false + +[Window] +interior=true +interior.element=window diff --git a/filesystem/.themes/Dracula/kde/kvantum/Dracula-purple/Dracula-purple.svg b/filesystem/.themes/Dracula/kde/kvantum/Dracula-purple/Dracula-purple.svg new file mode 100644 index 00000000..06c8d73a --- /dev/null +++ b/filesystem/.themes/Dracula/kde/kvantum/Dracula-purple/Dracula-purple.svg @@ -0,0 +1,6769 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/kvantum/Dracula/Dracula.kvconfig b/filesystem/.themes/Dracula/kde/kvantum/Dracula/Dracula.kvconfig new file mode 100644 index 00000000..27b4bfa0 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/kvantum/Dracula/Dracula.kvconfig @@ -0,0 +1,494 @@ +[%General] +author=Eliver Lara +comment=A dark theme created using the awesome Dracula color palette. +x11drag=menubar_and_primary_toolbar +alt_mnemonic=true +left_tabs=true +attach_active_tab=true +mirror_doc_tabs=true +group_toolbar_buttons=false +toolbar_item_spacing=1 +toolbar_interior_spacing=3 +spread_progressbar=true +composite=true +menu_shadow_depth=5 +menu_separator_height=6 +tooltip_shadow_depth=6 +splitter_width=4 +scroll_width=6 +scroll_arrows=false +scroll_min_extent=60 +slider_width=2 +slider_handle_width=18 +slider_handle_length=18 +center_toolbar_handle=true +check_size=14 +textless_progressbar=false +progressbar_thickness=2 +menubar_mouse_tracking=true +toolbutton_style=1 +double_click=false +translucent_windows=true +blurring=true +popup_blurring=true +vertical_spin_indicators=false +spin_button_width=32 +fill_rubberband=false +merge_menubar_with_toolbar=true +small_icon_size=16 +large_icon_size=32 +button_icon_size=16 +toolbar_icon_size=22 +combo_as_lineedit=true +animate_states=false +button_contents_shift=false +combo_menu=true +hide_combo_checkboxes=true +combo_focus_rect=true +groupbox_top_label=true +inline_spin_indicators=false +joined_inactive_tabs=false +layout_spacing=6 +layout_margin=4 +scrollbar_in_view=true +transient_scrollbar=true +transient_groove=false +submenu_overlap=0 +tooltip_delay=-1 +tree_branch_line=true +dark_titlebar=true +opaque=QMPlay2,kaffeine,kmplayer,subtitlecomposer,kdenlive,vlc,avidemux,avidemux2_qt4,avidemux3_qt4,avidemux3_qt5,kamoso,QtCreator,VirtualBox,trojita,dragon,digikam +reduce_window_opacity=18 +scrollable_menu=false +submenu_delay=250 +no_inactiveness=false +no_window_pattern=false +reduce_menu_opacity=0 +respect_DE=true +click_behavior=0 +contrast=1.00 +dialog_button_layout=0 +intensity=1.00 +saturation=1.00 +shadowless_popup=false + +[GeneralColors] +window.color=#1e1f29 +base.color=#282a36 +alt.base.color=#252a3f78 +button.color=#1e1e20 +light.color=#0C0E15 +mid.light.color=#0C0E15 +dark.color=#0C0E15 +mid.color=#0C0E15 +highlight.color=#7c60a3 +inactive.highlight.color=#654ea3 +text.color=#f8f8f2 +window.text.color=#f8f8f2 +button.text.color=#f8f8f2 +disabled.text.color=#f8f8f278 +tooltip.text.color=#f8f8f2 +highlight.text.color=#dadadc +link.color=#646464 +link.visited.color=#7f8c8d +progress.indicator.text.color=#f8f8f2 + +[Hacks] +transparent_ktitle_label=true +transparent_dolphin_view=true +transparent_pcmanfm_sidepane=true +blur_translucent=true +transparent_menutitle=true +respect_darkness=true +kcapacitybar_as_progressbar=true +force_size_grip=true +iconless_pushbutton=false +iconless_menu=false +disabled_icon_opacity=70 +lxqtmainmenu_iconsize=22 +normal_default_pushbutton=true +single_top_toolbar=true +tint_on_mouseover=0 +transparent_pcmanfm_view=false +middle_click_scroll=false +no_selection_tint=false +opaque_colors=false +kinetic_scrolling=false +scroll_jump_workaround=false + +[PanelButtonCommand] +frame=true +frame.element=button +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +interior=true +interior.element=button +indicator.size=8 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#f8f8f2 +text.shadow=0 +text.margin=1 +text.iconspacing=4 +indicator.element=arrow +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=2 +text.margin.right=2 +min_width=+0.3font +min_height=+0.3font +frame.expansion=6 + +[PanelButtonTool] +inherits=PanelButtonCommand + +[Dock] +inherits=PanelButtonCommand +interior.element=dock +frame.element=dock +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +text.normal.color=#f8f8f2 + +[DockTitle] +inherits=PanelButtonCommand +frame=false +interior=false +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.bold=false + +[IndicatorSpinBox] +inherits=PanelButtonCommand +frame=true +interior=true +frame.left=1 +indicator.element=spin +indicator.size=10 +text.normal.color=#f8f8f2 + +[RadioButton] +inherits=PanelButtonCommand +frame=false +interior.element=radio +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca + +[CheckBox] +inherits=PanelButtonCommand +frame=false +interior.element=checkbox +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca + +[Focus] +inherits=PanelButtonCommand +frame=true +frame.element=focus +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +frame.patternsize=20 + +[GenericFrame] +inherits=PanelButtonCommand +frame=true +interior=false +frame.element=common +interior.element=common +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 + +[LineEdit] +inherits=PanelButtonCommand +frame.element=lineedit +interior.element=lineedit +text.margin.left=0 +text.margin.right=0 + +[DropDownButton] +inherits=PanelButtonCommand +indicator.element=arrow-down + +[IndicatorArrow] +indicator.element=arrow +indicator.size=8 + +[ToolboxTab] +inherits=PanelButtonCommand +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 + +[Tab] +inherits=PanelButtonCommand +interior.element=tab +text.margin.left=8 +text.margin.right=8 +text.margin.top=2 +text.margin.bottom=2 +frame.element=tab +indicator.element=tab +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 +text.normal.color=#f8f8f2 +text.focus.color=#f8f8f2 +text.toggle.color=#f8f8f2 +frame.expansion=0 + +[TabFrame] +inherits=PanelButtonCommand +frame.element=tabframe +interior.element=tabframe +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 + +[TreeExpander] +inherits=PanelButtonCommand +indicator.size=12 +indicator.element=tree + +[HeaderSection] +inherits=PanelButtonCommand +interior.element=header +frame.element=header +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +text.bold=false +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#d2d2d4 +frame.expansion=0 + +[SizeGrip] +indicator.element=resize-grip + +[Toolbar] +inherits=PanelButtonCommand +indicator.element=toolbar +indicator.size=5 +text.margin=0 +frame=true +interior.element=_menubar +frame.element=_menubar +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +frame.left=0 +frame.right=0 +frame.top=0 +frame.bottom=1 +frame.expansion=0 + +[Slider] +inherits=PanelButtonCommand +frame.element=slider +interior.element=slider +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 + +[SliderCursor] +inherits=PanelButtonCommand +frame=false +interior.element=slidercursor + +[Progressbar] +inherits=PanelButtonCommand +frame.element=progress +interior.element=progress +text.margin=0 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#f8f8f2 +text.bold=false +frame.expansion=8 + +[ProgressbarContents] +inherits=PanelButtonCommand +frame=true +frame.element=progress-pattern +interior.element=progress-pattern + +[ItemView] +inherits=PanelButtonCommand +text.margin=0 +frame.element=itemview +interior.element=itemview +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=4 +text.margin.right=4 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.press.color=#d2d2d4 +text.toggle.color=#d2d2d4 +min_width=+0.3font +min_height=+0.3font +frame.expansion=0 + +[Splitter] +indicator.size=48 + +[Scrollbar] +inherits=PanelButtonCommand +indicator.element=arrow +indicator.size=8 + +[ScrollbarSlider] +inherits=PanelButtonCommand +interior.element=scrollbarslider +interior=true +frame=false +frame.expansion=48 + +[ScrollbarGroove] +inherits=PanelButtonCommand +interior.element=scrollbargroove +interior=true +frame=false +frame.expansion=48 + +[MenuItem] +inherits=PanelButtonCommand +frame=true +frame.element=menuitem +interior.element=menuitem +indicator.element=menuitem +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.margin.top=1 +text.margin.bottom=1 +text.margin.left=4 +text.margin.right=4 +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +text.bold=false +min_width=+0.3font +min_height=+0.3font +frame.expansion=0 + +[MenuBar] +inherits=PanelButtonCommand +frame.element=menubar +interior.element=menubar +text.normal.color=#f8f8f2 +frame.bottom=0 +frame.expansion=0 + +[MenuBarItem] +inherits=PanelButtonCommand +interior=true +interior.element=menubaritem +frame.element=menubaritem +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +text.margin.left=4 +text.margin.right=4 +text.margin.top=0 +text.margin.bottom=0 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +frame.expansion=0 + +[TitleBar] +inherits=PanelButtonCommand +frame=false +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=2 +text.margin.right=2 +interior.element=titlebar +indicator.size=16 +indicator.element=mdi +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.bold=true +text.italic=false +frame.expansion=0 + +[ComboBox] +inherits=PanelButtonCommand +interior.element=combo +frame.element=combo +text.press.color=#d2d2d4 +indicator.element=carrow + +[Menu] +inherits=PanelButtonCommand +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +frame.element=menu +interior.element=menu +text.normal.color=#f8f8f2 +text.shadow=false +frame.expansion=0 + +[GroupBox] +inherits=GenericFrame +frame=false +text.shadow=0 +text.margin=0 +text.normal.color=#f8f8f2 +text.focus.color=#c8c8ca +text.bold=true +frame.expansion=0 + +[TabBarFrame] +inherits=GenericFrame +frame=true +frame.element=tabBarFrame +interior=false +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 + +[ToolTip] +inherits=GenericFrame +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +interior=true +text.shadow=0 +text.margin=0 +interior.element=tooltip +frame.element=tooltip +frame.expansion=0 + +[StatusBar] +inherits=GenericFrame +frame=false +interior=false +interior=false + +[Window] +interior=true +interior.element=window diff --git a/filesystem/.themes/Dracula/kde/kvantum/Dracula/Dracula.svg b/filesystem/.themes/Dracula/kde/kvantum/Dracula/Dracula.svg new file mode 100644 index 00000000..47566e3f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/kvantum/Dracula/Dracula.svg @@ -0,0 +1,6768 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/colors b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/colors new file mode 100644 index 00000000..c85bcb21 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/colors @@ -0,0 +1,147 @@ +[ColorEffects:Disabled] +Color=56,56,56 +ColorAmount=0 +ColorEffect=0 +ContrastAmount=0.65 +ContrastEffect=1 +IntensityAmount=0.1 +IntensityEffect=2 + +[ColorEffects:Inactive] +ChangeSelectionColor=true +Color=112,111,110 +ColorAmount=0.025 +ColorEffect=2 +ContrastAmount=0.1 +ContrastEffect=2 +Enable=false +IntensityAmount=0 +IntensityEffect=0 + +[Colors:Button] +BackgroundAlternate=71,71,71 +BackgroundNormal=40, 42, 54 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=61,174,233 +ForegroundInactive=189,195,199 +ForegroundLink=41,128,185 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=255,255,255 +ForegroundPositive=39,174,96 +ForegroundVisited=127,140,141 + +[Colors:Complementary] +BackgroundAlternate=55,55,55 +BackgroundNormal=30, 31, 41 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=246,116,0 +ForegroundInactive=136,136,136 +ForegroundLink=110, 89, 145 +ForegroundNegative=237,21,21 +ForegroundNeutral=201,206,59 +ForegroundNormal=255,255,255 +ForegroundPositive=17,209,22 +ForegroundVisited=110, 89, 145 + +[Colors:Header] +BackgroundAlternate=46,46,46 +BackgroundNormal=36,36,36 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=246,116,0 +ForegroundInactive=136,136,136 +ForegroundLink=110, 89, 145 +ForegroundNegative=237,21,21 +ForegroundNeutral=201,206,59 +ForegroundNormal=255,255,255 +ForegroundPositive=17,209,22 +ForegroundVisited=110, 89, 145 + +[Colors:Header][Inactive] +BackgroundAlternate=46,46,46 +BackgroundNormal=36,36,36 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=246,116,0,150 +ForegroundInactive=136,136,136,150 +ForegroundLink=110, 89, 145 +ForegroundNegative=237,21,21 +ForegroundNeutral=201,206,59 +ForegroundNormal=255,255,255,150 +ForegroundPositive=17,209,22 +ForegroundVisited=110, 89, 145 + +[Colors:Selection] +BackgroundAlternate=79,127,239 +BackgroundNormal=110, 89, 145 +DecorationFocus=255,255,255 +DecorationHover=255,255,255 +ForegroundActive=252,252,252 +ForegroundInactive=130,156,239 +ForegroundLink=253,188,75 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=255,255,255 +ForegroundPositive=39,174,96 +ForegroundVisited=128,152,239 + +[Colors:Tooltip] +BackgroundAlternate=43,43,43 +BackgroundNormal=33,33,33 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=110, 89, 145 +ForegroundInactive=189,195,199 +ForegroundLink=110, 89, 145 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=255,255,255 +ForegroundPositive=39,174,96 +ForegroundVisited=127,140,141 + +[Colors:View] +BackgroundAlternate=71,71,71 +BackgroundNormal=40, 42, 54 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=110, 89, 145 +ForegroundInactive=136,136,136 +ForegroundLink=110, 89, 145 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=255,255,255 +ForegroundPositive=39,174,96 +ForegroundVisited=120,120,120 + +[Colors:Window] +BackgroundAlternate=55,55,55 +BackgroundNormal=30, 31, 41 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=110, 89, 145 +ForegroundInactive=136,136,136 +ForegroundLink=110, 89, 145 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=255,255,255 +ForegroundPositive=39,174,96 +ForegroundVisited=120,120,120 + +[General] +ColorScheme=Dracula-Solid +Name=Dracula-Solid +shadeSortColumn=true + +[KDE] +contrast=4 + +[WM] +activeBackground=30, 31, 41 +activeBlend=171,171,171 +activeForeground=255,255,255 +inactiveBackground=66,66,66 +inactiveBlend=85,85,85 +inactiveForeground=120,120,120 diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/dialogs/background.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/dialogs/background.svgz new file mode 100644 index 00000000..138a8e03 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/dialogs/background.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/applications.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/applications.svg new file mode 100644 index 00000000..d72538e9 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/applications.svg @@ -0,0 +1,90 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/bookmarks.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/bookmarks.svg new file mode 100644 index 00000000..bb9b91f6 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/bookmarks.svg @@ -0,0 +1,110 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/computer.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/computer.svg new file mode 100644 index 00000000..df9bef43 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/computer.svg @@ -0,0 +1,438 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/system.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/system.svg new file mode 100644 index 00000000..5acfdf2c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/system.svg @@ -0,0 +1,817 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/view.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/view.svg new file mode 100644 index 00000000..bc2d747a --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/icons/view.svg @@ -0,0 +1,123 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/metadata.desktop b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/metadata.desktop new file mode 100644 index 00000000..86628089 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/metadata.desktop @@ -0,0 +1,16 @@ +[Desktop Entry] +Name=Dracula-Solid +Comment[es]=Un tema oscuro creado usando la asombrosa paleta de colores Dracula. +Comment=A dark theme created using the awesome Dracula color palette. +X-KDE-PluginInfo-Author=EliverLara +X-KDE-PluginInfo-Email=eliverlara@gmail.com +X-KDE-PluginInfo-Name=Dracula-Solid +X-KDE-PluginInfo-Version=1.0.0 +X-KDE-PluginInfo-Website=https://github.com/EliverLara/Dracula/tree/master/kde +X-KDE-PluginInfo-Category=Plasma Theme +X-KDE-PluginInfo-License=GPLv3 +X-KDE-PluginInfo-EnabledByDefault=true +X-Plasma-API=5.0 + +[AdaptiveTransparency] +enabled=true diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/action-overlays.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/action-overlays.svgz new file mode 100644 index 00000000..f164b614 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/action-overlays.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/actionbutton.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/actionbutton.svg new file mode 100644 index 00000000..a52eea13 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/actionbutton.svg @@ -0,0 +1,537 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/arrows.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/arrows.svgz new file mode 100644 index 00000000..f88366d6 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/arrows.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/background.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/background.svgz new file mode 100644 index 00000000..86199329 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/background.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/bar_meter_horizontal.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/bar_meter_horizontal.svgz new file mode 100644 index 00000000..387e5b8b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/bar_meter_horizontal.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/bar_meter_vertical.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/bar_meter_vertical.svgz new file mode 100644 index 00000000..358d9cca Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/bar_meter_vertical.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/busywidget.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/busywidget.svgz new file mode 100644 index 00000000..d420f9f8 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/busywidget.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/button.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/button.svg new file mode 100644 index 00000000..9409e21b --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/button.svg @@ -0,0 +1,1965 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/checkmarks.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/checkmarks.svg new file mode 100644 index 00000000..3275c578 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/checkmarks.svg @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/clock.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/clock.svg new file mode 100644 index 00000000..3b6dcbd9 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/clock.svg @@ -0,0 +1,323 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/containment-controls.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/containment-controls.svgz new file mode 100644 index 00000000..a1d2dc6e Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/containment-controls.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/frame.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/frame.svgz new file mode 100644 index 00000000..ffbc031e Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/frame.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/glowbar.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/glowbar.svgz new file mode 100644 index 00000000..8a6958db Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/glowbar.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/line.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/line.svgz new file mode 100644 index 00000000..52961f04 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/line.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/lineedit.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/lineedit.svgz new file mode 100644 index 00000000..12cf8cda Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/lineedit.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/listitem.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/listitem.svgz new file mode 100644 index 00000000..abb2e15f Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/listitem.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/pager.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/pager.svgz new file mode 100644 index 00000000..46f1b630 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/pager.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/panel-background.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/panel-background.svg new file mode 100644 index 00000000..43e1ee13 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/panel-background.svg @@ -0,0 +1,389 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/plot-background.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/plot-background.svgz new file mode 100644 index 00000000..4ab396a0 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/plot-background.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/scrollbar.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/scrollbar.svgz new file mode 100644 index 00000000..e8d458a6 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/scrollbar.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/scrollwidget.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/scrollwidget.svg new file mode 100644 index 00000000..80879aed --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/scrollwidget.svg @@ -0,0 +1,432 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/slider.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/slider.svgz new file mode 100644 index 00000000..1eb90915 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/slider.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/tabbar.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/tabbar.svgz new file mode 100644 index 00000000..32acc227 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/tabbar.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/tasks.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/tasks.svgz new file mode 100644 index 00000000..56e37faf Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/tasks.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/timer.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/timer.svgz new file mode 100644 index 00000000..9fc40247 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/timer.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/toolbar.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/toolbar.svgz new file mode 100644 index 00000000..ae57bfe9 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/toolbar.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/tooltip.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/tooltip.svgz new file mode 100644 index 00000000..a00a7755 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/tooltip.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/translucentbackground.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/translucentbackground.svgz new file mode 100644 index 00000000..fdb10c21 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/translucentbackground.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/viewitem.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/viewitem.svgz new file mode 100644 index 00000000..b1848908 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula-Solid/widgets/viewitem.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/colors b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/colors new file mode 100644 index 00000000..c560fd0f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/colors @@ -0,0 +1,147 @@ +[ColorEffects:Disabled] +Color=56,56,56 +ColorAmount=0 +ColorEffect=0 +ContrastAmount=0.65 +ContrastEffect=1 +IntensityAmount=0.1 +IntensityEffect=2 + +[ColorEffects:Inactive] +ChangeSelectionColor=true +Color=112,111,110 +ColorAmount=0.025 +ColorEffect=2 +ContrastAmount=0.1 +ContrastEffect=2 +Enable=false +IntensityAmount=0 +IntensityEffect=0 + +[Colors:Button] +BackgroundAlternate=71,71,71 +BackgroundNormal=40, 42, 54 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=61,174,233 +ForegroundInactive=189,195,199 +ForegroundLink=41,128,185 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=255,255,255 +ForegroundPositive=39,174,96 +ForegroundVisited=127,140,141 + +[Colors:Complementary] +BackgroundAlternate=55,55,55 +BackgroundNormal=30, 31, 41 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=246,116,0 +ForegroundInactive=136,136,136 +ForegroundLink=110, 89, 145 +ForegroundNegative=237,21,21 +ForegroundNeutral=201,206,59 +ForegroundNormal=255,255,255 +ForegroundPositive=17,209,22 +ForegroundVisited=110, 89, 145 + +[Colors:Header] +BackgroundAlternate=46,46,46 +BackgroundNormal=36,36,36 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=246,116,0 +ForegroundInactive=136,136,136 +ForegroundLink=110, 89, 145 +ForegroundNegative=237,21,21 +ForegroundNeutral=201,206,59 +ForegroundNormal=255,255,255 +ForegroundPositive=17,209,22 +ForegroundVisited=110, 89, 145 + +[Colors:Header][Inactive] +BackgroundAlternate=46,46,46 +BackgroundNormal=36,36,36 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=246,116,0,150 +ForegroundInactive=136,136,136,150 +ForegroundLink=110, 89, 145 +ForegroundNegative=237,21,21 +ForegroundNeutral=201,206,59 +ForegroundNormal=255,255,255,150 +ForegroundPositive=17,209,22 +ForegroundVisited=110, 89, 145 + +[Colors:Selection] +BackgroundAlternate=79,127,239 +BackgroundNormal=110, 89, 145 +DecorationFocus=255,255,255 +DecorationHover=255,255,255 +ForegroundActive=252,252,252 +ForegroundInactive=130,156,239 +ForegroundLink=253,188,75 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=255,255,255 +ForegroundPositive=39,174,96 +ForegroundVisited=128,152,239 + +[Colors:Tooltip] +BackgroundAlternate=43,43,43 +BackgroundNormal=33,33,33 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=110, 89, 145 +ForegroundInactive=189,195,199 +ForegroundLink=110, 89, 145 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=255,255,255 +ForegroundPositive=39,174,96 +ForegroundVisited=127,140,141 + +[Colors:View] +BackgroundAlternate=71,71,71 +BackgroundNormal=40, 42, 54 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=110, 89, 145 +ForegroundInactive=136,136,136 +ForegroundLink=110, 89, 145 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=255,255,255 +ForegroundPositive=39,174,96 +ForegroundVisited=120,120,120 + +[Colors:Window] +BackgroundAlternate=55,55,55 +BackgroundNormal=30, 31, 41 +DecorationFocus=110, 89, 145 +DecorationHover=110, 89, 145 +ForegroundActive=110, 89, 145 +ForegroundInactive=136,136,136 +ForegroundLink=110, 89, 145 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=255,255,255 +ForegroundPositive=39,174,96 +ForegroundVisited=120,120,120 + +[General] +ColorScheme=Dracula +Name=Dracula +shadeSortColumn=true + +[KDE] +contrast=4 + +[WM] +activeBackground=30, 31, 41 +activeBlend=171,171,171 +activeForeground=255,255,255 +inactiveBackground=66,66,66 +inactiveBlend=85,85,85 +inactiveForeground=120,120,120 diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/dialogs/background.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/dialogs/background.svgz new file mode 100644 index 00000000..95873ce6 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/dialogs/background.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/applications.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/applications.svg new file mode 100644 index 00000000..d72538e9 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/applications.svg @@ -0,0 +1,90 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/bookmarks.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/bookmarks.svg new file mode 100644 index 00000000..bb9b91f6 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/bookmarks.svg @@ -0,0 +1,110 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/computer.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/computer.svg new file mode 100644 index 00000000..df9bef43 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/computer.svg @@ -0,0 +1,438 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/system.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/system.svg new file mode 100644 index 00000000..5acfdf2c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/system.svg @@ -0,0 +1,817 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/view.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/view.svg new file mode 100644 index 00000000..bc2d747a --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/icons/view.svg @@ -0,0 +1,123 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/metadata.desktop b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/metadata.desktop new file mode 100644 index 00000000..d2cd3a27 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/metadata.desktop @@ -0,0 +1,16 @@ +[Desktop Entry] +Name=Dracula +Comment[es]=Un tema oscuro creado usando la asombrosa paleta de colores Dracula. +Comment=A dark theme created using the awesome Dracula color palette. +X-KDE-PluginInfo-Author=EliverLara +X-KDE-PluginInfo-Email=eliverlara@gmail.com +X-KDE-PluginInfo-Name=Dracula +X-KDE-PluginInfo-Version=1.0.0 +X-KDE-PluginInfo-Website=https://github.com/EliverLara/Ant-Dracula/tree/master/kde +X-KDE-PluginInfo-Category=Plasma Theme +X-KDE-PluginInfo-License=GPLv3 +X-KDE-PluginInfo-EnabledByDefault=true +X-Plasma-API=5.0 + +[AdaptiveTransparency] +enabled=true diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/action-overlays.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/action-overlays.svgz new file mode 100644 index 00000000..f164b614 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/action-overlays.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/actionbutton.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/actionbutton.svg new file mode 100644 index 00000000..a52eea13 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/actionbutton.svg @@ -0,0 +1,537 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/arrows.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/arrows.svgz new file mode 100644 index 00000000..f88366d6 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/arrows.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/background.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/background.svgz new file mode 100644 index 00000000..86199329 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/background.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/bar_meter_horizontal.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/bar_meter_horizontal.svgz new file mode 100644 index 00000000..387e5b8b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/bar_meter_horizontal.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/bar_meter_vertical.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/bar_meter_vertical.svgz new file mode 100644 index 00000000..358d9cca Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/bar_meter_vertical.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/busywidget.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/busywidget.svgz new file mode 100644 index 00000000..d420f9f8 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/busywidget.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/button.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/button.svg new file mode 100644 index 00000000..9409e21b --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/button.svg @@ -0,0 +1,1965 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/checkmarks.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/checkmarks.svg new file mode 100644 index 00000000..3275c578 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/checkmarks.svg @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/clock.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/clock.svg new file mode 100644 index 00000000..3b6dcbd9 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/clock.svg @@ -0,0 +1,323 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/containment-controls.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/containment-controls.svgz new file mode 100644 index 00000000..a1d2dc6e Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/containment-controls.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/frame.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/frame.svgz new file mode 100644 index 00000000..ffbc031e Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/frame.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/glowbar.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/glowbar.svgz new file mode 100644 index 00000000..8a6958db Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/glowbar.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/line.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/line.svgz new file mode 100644 index 00000000..52961f04 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/line.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/lineedit.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/lineedit.svgz new file mode 100644 index 00000000..12cf8cda Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/lineedit.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/listitem.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/listitem.svgz new file mode 100644 index 00000000..abb2e15f Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/listitem.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/pager.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/pager.svgz new file mode 100644 index 00000000..46f1b630 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/pager.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/panel-background.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/panel-background.svg new file mode 100644 index 00000000..5c2e1381 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/panel-background.svg @@ -0,0 +1,389 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/plot-background.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/plot-background.svgz new file mode 100644 index 00000000..4ab396a0 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/plot-background.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/scrollbar.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/scrollbar.svgz new file mode 100644 index 00000000..e8d458a6 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/scrollbar.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/scrollwidget.svg b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/scrollwidget.svg new file mode 100644 index 00000000..80879aed --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/scrollwidget.svg @@ -0,0 +1,432 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/slider.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/slider.svgz new file mode 100644 index 00000000..1eb90915 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/slider.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/tabbar.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/tabbar.svgz new file mode 100644 index 00000000..32acc227 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/tabbar.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/tasks.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/tasks.svgz new file mode 100644 index 00000000..56e37faf Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/tasks.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/timer.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/timer.svgz new file mode 100644 index 00000000..9fc40247 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/timer.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/toolbar.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/toolbar.svgz new file mode 100644 index 00000000..ae57bfe9 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/toolbar.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/tooltip.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/tooltip.svgz new file mode 100644 index 00000000..09a97842 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/tooltip.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/translucentbackground.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/translucentbackground.svgz new file mode 100644 index 00000000..fdb10c21 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/translucentbackground.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/viewitem.svgz b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/viewitem.svgz new file mode 100644 index 00000000..b1848908 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/desktoptheme/Dracula/widgets/viewitem.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/ActionButton.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/ActionButton.qml new file mode 100644 index 00000000..b11b4bbe --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/ActionButton.qml @@ -0,0 +1,130 @@ +/* + * Copyright 2016 David Edmundson + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.8 +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents + +Item { + id: root + property alias text: label.text + property alias iconSource: icon.source + property alias containsMouse: mouseArea.containsMouse + property alias font: label.font + property alias labelRendering: label.renderType + property alias circleOpacity: iconCircle.opacity + property alias circleVisiblity: iconCircle.visible + property int fontSize: config.fontSize + readonly property bool softwareRendering: GraphicsInfo.api === GraphicsInfo.Software + signal clicked + + activeFocusOnTab: true + + property int iconSize: units.gridUnit * 3 + + implicitWidth: Math.max(iconSize + units.largeSpacing * 2, label.contentWidth) + implicitHeight: iconSize + units.smallSpacing + label.implicitHeight + + opacity: activeFocus || containsMouse ? 1 : 0.85 + Behavior on opacity { + PropertyAnimation { // OpacityAnimator makes it turn black at random intervals + duration: units.longDuration + easing.type: Easing.InOutQuad + } + } + + Rectangle { + id: iconCircle + anchors.centerIn: icon + width: iconSize + units.smallSpacing + height: width + radius: width / 2 + color: "#09090C" + border.color: "#9B79CC" + border.width: 1 + opacity: activeFocus || containsMouse ? (softwareRendering ? 0.8 : 0.15) : (softwareRendering ? 0.6 : 0) + Behavior on opacity { + PropertyAnimation { // OpacityAnimator makes it turn black at random intervals + duration: units.longDuration + easing.type: Easing.InOutQuad + } + } + } + + Rectangle { + anchors.centerIn: iconCircle + width: iconCircle.width + height: width + radius: width / 2 + scale: mouseArea.containsPress ? 1 : 0 + color: PlasmaCore.ColorScope.textColor + opacity: 0.15 + Behavior on scale { + PropertyAnimation { + duration: units.shortDuration + easing.type: Easing.InOutQuart + } + } + } + + PlasmaCore.IconItem { + id: icon + anchors { + top: parent.top + horizontalCenter: parent.horizontalCenter + } + width: iconSize + height: iconSize + + colorGroup: PlasmaCore.ColorScope.colorGroup + active: mouseArea.containsMouse || root.activeFocus + } + + PlasmaComponents.Label { + id: label + font.pointSize: Math.max(fontSize + 1,theme.defaultFont.pointSize + 1) + anchors { + top: icon.bottom + topMargin: (softwareRendering ? 1.5 : 1) * units.smallSpacing + left: parent.left + right: parent.right + } + style: softwareRendering ? Text.Outline : Text.Normal + styleColor: softwareRendering ? PlasmaCore.ColorScope.backgroundColor : "transparent" //no outline, doesn't matter + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignTop + wrapMode: Text.WordWrap + font.underline: root.activeFocus + } + + MouseArea { + id: mouseArea + hoverEnabled: true + onClicked: root.clicked() + anchors.fill: parent + } + + Keys.onEnterPressed: clicked() + Keys.onReturnPressed: clicked() + Keys.onSpacePressed: clicked() + + Accessible.onPressAction: clicked() + Accessible.role: Accessible.Button + Accessible.name: label.text +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/Battery.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/Battery.qml new file mode 100644 index 00000000..2351c4de --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/Battery.qml @@ -0,0 +1,53 @@ +/* + * Copyright 2016 Kai Uwe Broulik + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.2 + +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents +import org.kde.plasma.workspace.components 2.0 as PW + +Row { + spacing: units.smallSpacing + visible: pmSource.data["Battery"]["Has Cumulative"] + + PlasmaCore.DataSource { + id: pmSource + engine: "powermanagement" + connectedSources: ["Battery", "AC Adapter"] + } + + PW.BatteryIcon { + id: battery + hasBattery: pmSource.data["Battery"]["Has Battery"] || false + percent: pmSource.data["Battery"]["Percent"] || 0 + pluggedIn: pmSource.data["AC Adapter"] ? pmSource.data["AC Adapter"]["Plugged in"] : false + + height: batteryLabel.height + width: height + } + + PlasmaComponents.Label { + id: batteryLabel + font.pointSize: config.fontSize + height: undefined + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel","%1%", battery.percent) + Accessible.name: i18nd("plasma_lookandfeel_org.kde.lookandfeel","Battery at %1%", battery.percent) + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/Clock.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/Clock.qml new file mode 100644 index 00000000..14bea3b2 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/Clock.qml @@ -0,0 +1,50 @@ +/* + * Copyright 2016 David Edmundson + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.8 +import QtQuick.Layouts 1.1 +import QtQuick.Controls 2.5 +import org.kde.plasma.core 2.0 + +ColumnLayout { + readonly property bool softwareRendering: GraphicsInfo.api === GraphicsInfo.Software + + Label { + text: Qt.formatTime(timeSource.data["Local"]["DateTime"]) + color: ColorScope.textColor + style: softwareRendering ? Text.Outline : Text.Normal + styleColor: softwareRendering ? ColorScope.backgroundColor : "transparent" //no outline, doesn't matter + font.pointSize: 34 + Layout.alignment: Qt.AlignHCenter + } + Label { + text: Qt.formatDate(timeSource.data["Local"]["DateTime"], Qt.DefaultLocaleLongDate) + color: ColorScope.textColor + style: softwareRendering ? Text.Outline : Text.Normal + styleColor: softwareRendering ? ColorScope.backgroundColor : "transparent" //no outline, doesn't matter + font.pointSize: 17 + Layout.alignment: Qt.AlignHCenter + } + DataSource { + id: timeSource + engine: "time" + connectedSources: ["Local"] + interval: 1000 + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/KeyboardLayoutButton.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/KeyboardLayoutButton.qml new file mode 100644 index 00000000..2af23258 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/KeyboardLayoutButton.qml @@ -0,0 +1,62 @@ +/*************************************************************************** + * Copyright (C) 2014 by Daniel Vrátil * + * * + * This program is free software; you can redistribute it and/or modify * + * it under the terms of the GNU General Public License as published by * + * the Free Software Foundation; either version 2 of the License, or * + * (at your option) any later version. * + * * + * This program is distributed in the hope that it will be useful, * + * but WITHOUT ANY WARRANTY; without even the implied warranty of * + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * + * GNU General Public License for more details. * + * * + * You should have received a copy of the GNU General Public License * + * along with this program; if not, write to the * + * Free Software Foundation, Inc., * + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA . * + ***************************************************************************/ + +import QtQuick 2.1 +import QtQuick.Controls 1.1 as QQC + +import org.kde.plasma.components 2.0 as PlasmaComponents + +import org.kde.plasma.workspace.keyboardlayout 1.0 + +PlasmaComponents.ToolButton { + + property int fontSize: config.fontSize + + id: kbLayoutButton + + iconName: "input-keyboard" + implicitWidth: minimumWidth + text: layout.layoutName() + font.pointSize: Math.max(fontSize,theme.defaultFont.pointSize) + + Accessible.name: i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "Button to change keyboard layout", "Switch layout") + + visible: layout.shouldBeVisible() + + onClicked: layout.nextLayout() + + KeyboardLayout { + id: layout + function nextLayout() { + layout.layout = (layout.layout + 1) % layout.layoutsList.length; + } + + function shouldBeVisible() { + return layout.layoutsList.length > 1; + } + + function layoutName() { + return (layout.isInitialized() && layout.layoutsList[layout.layout].displayName) || ''; + } + + function isInitialized() { + return layout.layoutsList.length > 0; + } + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/SessionManagementScreen.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/SessionManagementScreen.qml new file mode 100644 index 00000000..5f882604 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/SessionManagementScreen.qml @@ -0,0 +1,121 @@ +/* + * Copyright 2016 David Edmundson + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.2 + +import QtQuick.Layouts 1.1 +import QtQuick.Controls 1.1 + +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents + +Item { + id: root + + /* + * Any message to be displayed to the user, visible above the text fields + */ + property alias notificationMessage: notificationsLabel.text + + /* + * A list of Items (typically ActionButtons) to be shown in a Row beneath the prompts + */ + property alias actionItems: actionItemsLayout.children + + /* + * A model with a list of users to show in the view + * The following roles should exist: + * - name + * - iconSource + * + * The following are also handled: + * - vtNumber + * - displayNumber + * - session + * - isTty + */ + property alias userListModel: userListView.model + + /* + * Self explanatory + */ + property alias userListCurrentIndex: userListView.currentIndex + property var userListCurrentModelData: userListView.currentItem === null ? [] : userListView.currentItem.m + property bool showUserList: true + + property alias userList: userListView + + property int fontSize: config.fontSize + + default property alias _children: innerLayout.children + + UserList { + id: userListView + visible: showUserList && y > 0 + anchors { + bottom: parent.verticalCenter + left: parent.left + right: parent.right + } + } + + //goal is to show the prompts, in ~16 grid units high, then the action buttons + //but collapse the space between the prompts and actions if there's no room + //ui is constrained to 16 grid units wide, or the screen + ColumnLayout { + id: prompts + anchors.top: parent.verticalCenter + anchors.topMargin: units.gridUnit * 0.5 + anchors.left: parent.left + anchors.right: parent.right + anchors.bottom: parent.bottom + PlasmaComponents.Label { + id: notificationsLabel + font.pointSize: Math.max(fontSize + 1,theme.defaultFont.pointSize + 1) + Layout.maximumWidth: units.gridUnit * 16 + Layout.alignment: Qt.AlignHCenter + Layout.fillWidth: true + horizontalAlignment: Text.AlignHCenter + wrapMode: Text.WordWrap + font.italic: true + } + ColumnLayout { + Layout.minimumHeight: implicitHeight + Layout.maximumHeight: units.gridUnit * 10 + Layout.maximumWidth: units.gridUnit * 16 + Layout.alignment: Qt.AlignHCenter + ColumnLayout { + id: innerLayout + Layout.alignment: Qt.AlignHCenter + Layout.fillWidth: true + } + Item { + Layout.fillHeight: true + } + } + Row { //deliberately not rowlayout as I'm not trying to resize child items + id: actionItemsLayout + spacing: units.largeSpacing / 2 + Layout.alignment: Qt.AlignHCenter + } + Item { + Layout.fillHeight: true + } + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/UserDelegate.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/UserDelegate.qml new file mode 100644 index 00000000..e30e4a35 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/UserDelegate.qml @@ -0,0 +1,192 @@ +/* + * Copyright 2014 David Edmundson + * Copyright 2014 Aleix Pol Gonzalez + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.8 +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents + +Item { + id: wrapper + + // If we're using software rendering, draw outlines instead of shadows + // See https://bugs.kde.org/show_bug.cgi?id=398317 + readonly property bool softwareRendering: GraphicsInfo.api === GraphicsInfo.Software + + property bool isCurrent: true + + readonly property var m: model + property string name + property string userName + property string avatarPath + property string iconSource + property bool constrainText: true + property alias nameFontSize: usernameDelegate.font.pointSize + property int fontSize: config.fontSize + signal clicked() + + property real faceSize: units.gridUnit * 7 + + opacity: isCurrent ? 1.0 : 0.5 + + Behavior on opacity { + OpacityAnimator { + duration: units.longDuration + } + } + + // Draw a translucent background circle under the user picture + Rectangle { + anchors.centerIn: imageSource + width: imageSource.width + 2 // Subtract to prevent fringing + height: width + radius: width / 2 + gradient: Gradient { + GradientStop { position: 0.0; color: "#A67CF3" } + GradientStop { position: 1.0; color: "#9B79CC" } + } + } + + + Item { + id: imageSource + anchors { + bottom: usernameDelegate.top + bottomMargin: units.largeSpacing + horizontalCenter: parent.horizontalCenter + } + Behavior on width { + PropertyAnimation { + from: faceSize + duration: units.longDuration; + } + } + width: isCurrent ? faceSize : faceSize - units.largeSpacing + height: width + + //Image takes priority, taking a full path to a file, if that doesn't exist we show an icon + Image { + id: face + source: wrapper.avatarPath + sourceSize: Qt.size(faceSize, faceSize) + fillMode: Image.PreserveAspectCrop + anchors.fill: parent + } + + PlasmaCore.IconItem { + id: faceIcon + source: iconSource + visible: (face.status == Image.Error || face.status == Image.Null) + anchors.fill: parent + anchors.margins: units.gridUnit * 0.5 // because mockup says so... + colorGroup: PlasmaCore.ColorScope.colorGroup + } + } + + ShaderEffect { + anchors { + bottom: usernameDelegate.top + bottomMargin: units.largeSpacing + horizontalCenter: parent.horizontalCenter + } + + width: imageSource.width + height: imageSource.height + + supportsAtlasTextures: true + + property var source: ShaderEffectSource { + sourceItem: imageSource + // software rendering is just a fallback so we can accept not having a rounded avatar here + hideSource: wrapper.GraphicsInfo.api !== GraphicsInfo.Software + live: true // otherwise the user in focus will show a blurred avatar + } + + property var colorBorder: "#00000000" + + //draw a circle with an antialiased border + //innerRadius = size of the inner circle with contents + //outerRadius = size of the border + //blend = area to blend between two colours + //all sizes are normalised so 0.5 == half the width of the texture + + //if copying into another project don't forget to connect themeChanged to update() + //but in SDDM that's a bit pointless + fragmentShader: " + varying highp vec2 qt_TexCoord0; + uniform highp float qt_Opacity; + uniform lowp sampler2D source; + + uniform lowp vec4 colorBorder; + highp float blend = 0.01; + highp float innerRadius = 0.47; + highp float outerRadius = 0.49; + lowp vec4 colorEmpty = vec4(0.0, 0.0, 0.0, 0.0); + + void main() { + lowp vec4 colorSource = texture2D(source, qt_TexCoord0.st); + + highp vec2 m = qt_TexCoord0 - vec2(0.5, 0.5); + highp float dist = sqrt(m.x * m.x + m.y * m.y); + + if (dist < innerRadius) + gl_FragColor = colorSource; + else if (dist < innerRadius + blend) + gl_FragColor = mix(colorSource, colorBorder, ((dist - innerRadius) / blend)); + else if (dist < outerRadius) + gl_FragColor = colorBorder; + else if (dist < outerRadius + blend) + gl_FragColor = mix(colorBorder, colorEmpty, ((dist - outerRadius) / blend)); + else + gl_FragColor = colorEmpty ; + + gl_FragColor = gl_FragColor * qt_Opacity; + } + " + } + + PlasmaComponents.Label { + id: usernameDelegate + font.pointSize: Math.max(fontSize + 2,theme.defaultFont.pointSize + 2) + anchors { + bottom: parent.bottom + horizontalCenter: parent.horizontalCenter + } + height: implicitHeight // work around stupid bug in Plasma Components that sets the height + width: constrainText ? parent.width : implicitWidth + text: wrapper.name + style: softwareRendering ? Text.Outline : Text.Normal + styleColor: softwareRendering ? PlasmaCore.ColorScope.backgroundColor : "transparent" //no outline, doesn't matter + elide: Text.ElideRight + horizontalAlignment: Text.AlignHCenter + //make an indication that this has active focus, this only happens when reached with keyboard navigation + font.underline: wrapper.activeFocus + } + + MouseArea { + anchors.fill: parent + hoverEnabled: true + + onClicked: wrapper.clicked(); + } + + Accessible.name: name + Accessible.role: Accessible.Button + function accessiblePressAction() { wrapper.clicked() } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/UserList.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/UserList.qml new file mode 100644 index 00000000..a2d85088 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/UserList.qml @@ -0,0 +1,93 @@ +/* + * Copyright 2014 David Edmundson + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.2 + +ListView { + id: view + readonly property string selectedUser: currentItem ? currentItem.userName : "" + readonly property int userItemWidth: units.gridUnit * 8 + readonly property int userItemHeight: units.gridUnit * 8 + + implicitHeight: userItemHeight + + activeFocusOnTab : true + + /* + * Signals that a user was explicitly selected + */ + signal userSelected; + + orientation: ListView.Horizontal + highlightRangeMode: ListView.StrictlyEnforceRange + + //centre align selected item (which implicitly centre aligns the rest + preferredHighlightBegin: width/2 - userItemWidth/2 + preferredHighlightEnd: preferredHighlightBegin + + delegate: UserDelegate { + avatarPath: model.icon || "" + iconSource: model.iconName || "user-identity" + + name: { + var displayName = model.realName || model.name + + if (model.vtNumber === undefined || model.vtNumber < 0) { + return displayName + } + + if (!model.session) { + return i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "Nobody logged in on that session", "Unused") + } + + + var location = "" + if (model.isTty) { + location = i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "User logged in on console number", "TTY %1", model.vtNumber) + } else if (model.displayNumber) { + location = i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "User logged in on console (X display number)", "on TTY %1 (Display %2)", model.vtNumber, model.displayNumber) + } + + if (location) { + return i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "Username (location)", "%1 (%2)", displayName, location) + } + + return displayName + } + + userName: model.name + + width: userItemWidth + height: userItemHeight + + //if we only have one delegate, we don't need to clip the text as it won't be overlapping with anything + constrainText: ListView.view.count > 1 + + isCurrent: ListView.isCurrentItem + + onClicked: { + ListView.view.currentIndex = index; + ListView.view.userSelected(); + } + } + + Keys.onEscapePressed: view.userSelected() + Keys.onEnterPressed: view.userSelected() + Keys.onReturnPressed: view.userSelected() +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/VirtualKeyboard.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/VirtualKeyboard.qml new file mode 100644 index 00000000..7848b753 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/VirtualKeyboard.qml @@ -0,0 +1,28 @@ +/******************************************************************** + This file is part of the KDE project. + +Copyright (C) 2017 Martin Gräßlin + +This program is free software; you can redistribute it and/or modify +it under the terms of the GNU General Public License as published by +the Free Software Foundation; either version 2 of the License, or +(at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU General Public License for more details. + +You should have received a copy of the GNU General Public License +along with this program. If not, see . +*********************************************************************/ +import QtQuick 2.5 +import QtQuick.VirtualKeyboard 2.1 + +InputPanel { + id: inputPanel + property bool activated: false + active: activated && Qt.inputMethod.visible + visible: active + width: parent.width +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/WallpaperFader.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/WallpaperFader.qml new file mode 100644 index 00000000..c8476cd6 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/WallpaperFader.qml @@ -0,0 +1,178 @@ +/******************************************************************** + This file is part of the KDE project. + +Copyright (C) 2014 Aleix Pol Gonzalez + +This program is free software; you can redistribute it and/or modify +it under the terms of the GNU General Public License as published by +the Free Software Foundation; either version 2 of the License, or +(at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU General Public License for more details. + +You should have received a copy of the GNU General Public License +along with this program. If not, see . +*********************************************************************/ + +import QtQuick 2.6 +import QtQuick.Controls 1.1 +import QtQuick.Layouts 1.1 +import QtGraphicalEffects 1.0 + +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents + +import org.kde.plasma.private.sessions 2.0 +import "../components" + +Item { + id: wallpaperFader + property Item clock + property Item mainStack + property Item footer + property alias source: wallpaperBlur.source + state: lockScreenRoot.uiVisible ? "on" : "off" + property real factor: 0 + readonly property bool lightBackground: Math.max(PlasmaCore.ColorScope.backgroundColor.r, PlasmaCore.ColorScope.backgroundColor.g, PlasmaCore.ColorScope.backgroundColor.b) > 0.5 + + property bool alwaysShowClock: typeof config === "undefined" || config.alwaysShowClock === true + + Behavior on factor { + NumberAnimation { + target: wallpaperFader + property: "factor" + duration: 1000 + easing.type: Easing.InOutQuad + } + } + FastBlur { + id: wallpaperBlur + anchors.fill: parent + radius: 50 * wallpaperFader.factor + } + ShaderEffect { + id: wallpaperShader + anchors.fill: parent + supportsAtlasTextures: true + property var source: ShaderEffectSource { + sourceItem: wallpaperBlur + live: true + hideSource: true + textureMirroring: ShaderEffectSource.NoMirroring + } + + readonly property real contrast: 0.65 * wallpaperFader.factor + (1 - wallpaperFader.factor) + readonly property real saturation: 1.6 * wallpaperFader.factor + (1 - wallpaperFader.factor) + readonly property real intensity: (wallpaperFader.lightBackground ? 1.7 : 0.6) * wallpaperFader.factor + (1 - wallpaperFader.factor) + + readonly property real transl: (1.0 - contrast) / 2.0; + readonly property real rval: (1.0 - saturation) * 0.2126; + readonly property real gval: (1.0 - saturation) * 0.7152; + readonly property real bval: (1.0 - saturation) * 0.0722; + + property var colorMatrix: Qt.matrix4x4( + contrast, 0, 0, 0.0, + 0, contrast, 0, 0.0, + 0, 0, contrast, 0.0, + transl, transl, transl, 1.0).times(Qt.matrix4x4( + rval + saturation, rval, rval, 0.0, + gval, gval + saturation, gval, 0.0, + bval, bval, bval + saturation, 0.0, + 0, 0, 0, 1.0)).times(Qt.matrix4x4( + intensity, 0, 0, 0, + 0, intensity, 0, 0, + 0, 0, intensity, 0, + 0, 0, 0, 1 + )); + + + fragmentShader: " + uniform mediump mat4 colorMatrix; + uniform mediump sampler2D source; + varying mediump vec2 qt_TexCoord0; + uniform lowp float qt_Opacity; + + void main(void) + { + mediump vec4 tex = texture2D(source, qt_TexCoord0); + gl_FragColor = tex * colorMatrix * qt_Opacity; + }" + } + + states: [ + State { + name: "on" + PropertyChanges { + target: mainStack + opacity: 1 + } + PropertyChanges { + target: footer + opacity: 1 + } + PropertyChanges { + target: wallpaperFader + factor: 1 + } + PropertyChanges { + target: clock.shadow + opacity: 0 + } + PropertyChanges { + target: clock + opacity: 1 + anchors.horizontalCenter: formBg.horizontalCenter + // y: parent.height - height - 10 + } + }, + State { + name: "off" + PropertyChanges { + target: mainStack + opacity: 0 + } + PropertyChanges { + target: footer + opacity: 0 + } + PropertyChanges { + target: wallpaperFader + factor: 0 + } + PropertyChanges { + target: clock.shadow + opacity: wallpaperFader.alwaysShowClock ? 1 : 0 + } + PropertyChanges { + target: clock + opacity: wallpaperFader.alwaysShowClock ? 1 : 0 + } + } + ] + transitions: [ + Transition { + from: "off" + to: "on" + //Note: can't use animators as they don't play well with parallelanimations + NumberAnimation { + targets: [mainStack, footer, clock] + property: "opacity" + duration: units.longDuration + easing.type: Easing.InOutQuad + } + }, + Transition { + from: "on" + to: "off" + NumberAnimation { + targets: [mainStack, footer, clock] + property: "opacity" + duration: 500 + easing.type: Easing.InOutQuad + } + } + ] +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/artwork/README.txt b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/artwork/README.txt new file mode 100644 index 00000000..1885a360 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/artwork/README.txt @@ -0,0 +1 @@ +After editing SVG files be sure to run currentColorFillFix.sh from plasma-framework \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/artwork/logout_primary.svgz b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/artwork/logout_primary.svgz new file mode 100644 index 00000000..6a9423fa Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/artwork/logout_primary.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/artwork/restart_primary.svgz b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/artwork/restart_primary.svgz new file mode 100644 index 00000000..e2312bd8 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/artwork/restart_primary.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/artwork/shutdown_primary.svgz b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/artwork/shutdown_primary.svgz new file mode 100644 index 00000000..1c60152f Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/components/artwork/shutdown_primary.svgz differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/defaults b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/defaults new file mode 100644 index 00000000..b8a7c55c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/defaults @@ -0,0 +1,20 @@ +[kdeglobals][KDE] +widgetStyle=kvantum + +[kdeglobals][General] +ColorScheme=Dracula + +[kdeglobals][Icons] +Theme=candy-icons + +[kcminputrc][Mouse] +cursorTheme=Dracula-cursors + +[plasmarc][Theme] +name=Dracula + +[kwinrc][org.kde.kdecoration2] +library=org.kde.kwin.aurorae +theme=__aurorae__svg__Dracula + + diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/LockOsd.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/LockOsd.qml new file mode 100644 index 00000000..b28363b2 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/LockOsd.qml @@ -0,0 +1,83 @@ +/******************************************************************** + This file is part of the KDE project. + +Copyright (C) 2014 Aleix Pol Gonzalez + +This program is free software; you can redistribute it and/or modify +it under the terms of the GNU General Public License as published by +the Free Software Foundation; either version 2 of the License, or +(at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU General Public License for more details. + +You should have received a copy of the GNU General Public License +along with this program. If not, see . +*********************************************************************/ + +import QtQuick 2.0 +import org.kde.plasma.core 2.0 as PlasmaCore +import "../osd" + +PlasmaCore.FrameSvgItem { + id: osd + + // OSD Timeout in msecs - how long it will stay on the screen + property int timeout: 1800 + // This is either a text or a number, if showingProgress is set to true, + // the number will be used as a value for the progress bar + property var osdValue + // Icon name to display + property string icon + // Set to true if the value is meant for progress bar, + // false for displaying the value as normal text + property bool showingProgress: false + + objectName: "onScreenDisplay" + visible: false + width: osdItem.width + margins.left + margins.right + height: osdItem.height + margins.top + margins.bottom + imagePath: "widgets/background" + + function show() { + osd.visible = true; + hideAnimation.restart(); + } + + // avoid leaking ColorScope of lock screen theme into the OSD "popup" + PlasmaCore.ColorScope { + width: osdItem.width + height: osdItem.height + anchors.centerIn: parent + colorGroup: PlasmaCore.Theme.NormalColorGroup + + OsdItem { + id: osdItem + rootItem: osd + } + } + + SequentialAnimation { + id: hideAnimation + // prevent press and hold from flickering + PauseAnimation { duration: 100 } + NumberAnimation { + target: osd + property: "opacity" + from: 1 + to: 0 + duration: osd.timeout + easing.type: Easing.InQuad + } + ScriptAction { + script: { + osd.visible = false; + osd.opacity = 1; + osd.icon = ""; + osd.osdValue = 0; + } + } + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/LockScreen.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/LockScreen.qml new file mode 100644 index 00000000..c0bc939e --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/LockScreen.qml @@ -0,0 +1,65 @@ +/******************************************************************** + This file is part of the KDE project. + +Copyright (C) 2014 Aleix Pol Gonzalez + +This program is free software; you can redistribute it and/or modify +it under the terms of the GNU General Public License as published by +the Free Software Foundation; either version 2 of the License, or +(at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU General Public License for more details. + +You should have received a copy of the GNU General Public License +along with this program. If not, see . +*********************************************************************/ + +import QtQuick 2.5 +import QtQuick.Controls 1.1 +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.private.sessions 2.0 +import "../components" + +Item { + id: root + property bool viewVisible: false + property bool debug: false + property string notification + property int interfaceVersion: org_kde_plasma_screenlocker_greeter_interfaceVersion ? org_kde_plasma_screenlocker_greeter_interfaceVersion : 0 + signal clearPassword() + + LayoutMirroring.enabled: Qt.application.layoutDirection === Qt.RightToLeft + LayoutMirroring.childrenInherit: true + + Loader { + id: mainLoader + anchors.fill: parent + opacity: 0 + onItemChanged: opacity = 1 + + focus: true + + Behavior on opacity { + OpacityAnimator { + duration: units.longDuration + easing.type: Easing.InCubic + } + } + } + Connections { + id:loaderConnection + target: org_kde_plasma_screenlocker_greeter_view + onFrameSwapped: { + mainLoader.source = "LockScreenUi.qml"; + loaderConnection.target = null; + } + } + Component.onCompleted: { + if (root.interfaceVersion < 2) { + mainLoader.source = "LockScreenUi.qml"; + } + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/LockScreenUi.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/LockScreenUi.qml new file mode 100644 index 00000000..927de343 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/LockScreenUi.qml @@ -0,0 +1,543 @@ +/******************************************************************** + This file is part of the KDE project. + +Copyright (C) 2014 Aleix Pol Gonzalez + +This program is free software; you can redistribute it and/or modify +it under the terms of the GNU General Public License as published by +the Free Software Foundation; either version 2 of the License, or +(at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU General Public License for more details. + +You should have received a copy of the GNU General Public License +along with this program. If not, see . +*********************************************************************/ + +import QtQuick 2.8 +import QtQuick.Controls 1.1 +import QtQuick.Layouts 1.1 +import QtGraphicalEffects 1.0 + +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents +import org.kde.plasma.extras 2.0 as PlasmaExtras + + +import org.kde.plasma.private.sessions 2.0 +import "../components" + +PlasmaCore.ColorScope { + + id: lockScreenUi + // If we're using software rendering, draw outlines instead of shadows + // See https://bugs.kde.org/show_bug.cgi?id=398317 + readonly property bool softwareRendering: GraphicsInfo.api === GraphicsInfo.Software + readonly property bool lightBackground: Math.max(PlasmaCore.ColorScope.backgroundColor.r, PlasmaCore.ColorScope.backgroundColor.g, PlasmaCore.ColorScope.backgroundColor.b) > 0.5 + + colorGroup: PlasmaCore.Theme.ComplementaryColorGroup + + Connections { + target: authenticator + onFailed: { + root.notification = i18nd("plasma_lookandfeel_org.kde.lookandfeel","Unlocking failed"); + } + onGraceLockedChanged: { + if (!authenticator.graceLocked) { + root.notification = ""; + root.clearPassword(); + } + } + onMessage: { + root.notification = msg; + } + onError: { + root.notification = err; + } + } + + SessionManagement { + id: sessionManagement + } + + Connections { + target: sessionManagement + onAboutToSuspend: { + mainBlock.mainPasswordBox.text = ""; + } + } + + SessionsModel { + id: sessionsModel + showNewSessionEntry: false + } + + PlasmaCore.DataSource { + id: keystateSource + engine: "keystate" + connectedSources: "Caps Lock" + } + + Loader { + id: changeSessionComponent + active: false + source: "ChangeSession.qml" + visible: false + } + + MouseArea { + id: lockScreenRoot + + property bool uiVisible: false + property bool blockUI: mainStack.depth > 1 || mainBlock.mainPasswordBox.text.length > 0 || inputPanel.keyboardActive + + x: parent.x + y: parent.y + width: parent.width + height: parent.height + hoverEnabled: true + drag.filterChildren: true + onPressed: uiVisible = true; + onPositionChanged: uiVisible = true; + onUiVisibleChanged: { + if (blockUI) { + fadeoutTimer.running = false; + } else if (uiVisible) { + fadeoutTimer.restart(); + } + } + onBlockUIChanged: { + if (blockUI) { + fadeoutTimer.running = false; + uiVisible = true; + } else { + fadeoutTimer.restart(); + } + } + Keys.onEscapePressed: { + uiVisible = !uiVisible; + if (inputPanel.keyboardActive) { + inputPanel.showHide(); + } + if (!uiVisible) { + mainBlock.mainPasswordBox.text = ""; + } + } + Keys.onPressed: { + uiVisible = true; + event.accepted = false; + } + Timer { + id: fadeoutTimer + interval: 10000 + onTriggered: { + if (!lockScreenRoot.blockUI) { + lockScreenRoot.uiVisible = false; + } + } + } + + Component.onCompleted: PropertyAnimation { id: launchAnimation; target: lockScreenRoot; property: "opacity"; from: 0; to: 1; duration: 1000 } + + states: [ + State { + name: "onOtherSession" + // for slide out animation + PropertyChanges { target: lockScreenRoot; y: lockScreenRoot.height } + // we also change the opacity just to be sure it's not visible even on unexpected screen dimension changes with possible race conditions + PropertyChanges { target: lockScreenRoot; opacity: 0 } + } + ] + + transitions: + Transition { + // we only animate switchting to another session, because kscreenlocker doesn't get notified when + // coming from another session back and so we wouldn't know when to trigger the animation exactly + from: "" + to: "onOtherSession" + + PropertyAnimation { id: stateChangeAnimation; properties: "y"; duration: 300; easing.type: Easing.InQuad} + PropertyAnimation { properties: "opacity"; duration: 300} + + onRunningChanged: { + // after the animation has finished switch session: since we only animate the transition TO state "onOtherSession" + // and not the other way around, we don't have to check the state we transitioned into + if (/* lockScreenRoot.state == "onOtherSession" && */ !running) { + mainStack.currentItem.switchSession() + } + } + } + + WallpaperFader { + anchors.fill: parent + state: lockScreenRoot.uiVisible ? "on" : "off" + source: wallpaper + mainStack: mainStack + footer: footer + clock: clock + z: -3 + } + + DropShadow { + id: clockShadow + anchors.fill: clock + source: clock + visible: !softwareRendering + horizontalOffset: 1 + verticalOffset: 1 + radius: 6 + samples: 14 + spread: 0.3 + color: lockScreenUi.lightBackground ? PlasmaCore.ColorScope.backgroundColor : "black" // black matches Breeze window decoration and desktopcontainment + Behavior on opacity { + OpacityAnimator { + duration: 1000 + easing.type: Easing.InOutQuad + } + } + } + + Clock { + id: clock + property Item shadow: clockShadow + anchors.horizontalCenter: parent.horizontalCenter + y: (mainBlock.userList.y + mainStack.y)/2 - height/2 + visible: y > 0 + Layout.alignment: Qt.AlignBaseline + } + + ListModel { + id: users + + Component.onCompleted: { + users.append({name: kscreenlocker_userName, + realName: kscreenlocker_userName, + icon: kscreenlocker_userImage, + + }) + } + } + + StackView { + id: mainStack + anchors.centerIn: parent + + height: lockScreenRoot.height + units.gridUnit * 3 + width: parent.width / 3 + focus: true //StackView is an implicit focus scope, so we need to give this focus so the item inside will have it + + initialItem: MainBlock { + id: mainBlock + lockScreenUiVisible: lockScreenRoot.uiVisible + + showUserList: userList.y + mainStack.y > 0 + + Stack.onStatusChanged: { + // prepare for presenting again to the user + if (Stack.status == Stack.Activating) { + mainPasswordBox.remove(0, mainPasswordBox.length) + mainPasswordBox.focus = true + } + } + userListModel: users + notificationMessage: { + var text = "" + if (keystateSource.data["Caps Lock"]["Locked"]) { + text += i18nd("plasma_lookandfeel_org.kde.lookandfeel","Caps Lock is on") + if (root.notification) { + text += " • " + } + } + text += root.notification + return text + } + + onLoginRequest: { + root.notification = "" + authenticator.tryUnlock(password) + } + + actionItems: [ + ActionButton { + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Switch User") + iconSource: "system-switch-user" + onClicked: { + // If there are no existing sessions to switch to, create a new one instead + if (((sessionsModel.showNewSessionEntry && sessionsModel.count === 1) || + (!sessionsModel.showNewSessionEntry && sessionsModel.count === 0)) && + sessionsModel.canSwitchUser) { + mainStack.pop({immediate:true}) + sessionsModel.startNewSession(true /* lock the screen too */) + lockScreenRoot.state = '' + } else { + mainStack.push(switchSessionPage) + } + } + visible: sessionsModel.canStartNewSession && sessionsModel.canSwitchUser + //Button gets cut off on smaller displays without this. + anchors{ + verticalCenter: parent.top + } + } + ] + + Loader { + Layout.fillWidth: true + Layout.preferredHeight: item ? item.implicitHeight : 0 + active: config.showMediaControls + source: "MediaControls.qml" + } + } + + Component.onCompleted: { + if (defaultToSwitchUser) { //context property + // If we are in the only session, then going to the session switcher is + // a pointless extra step; instead create a new session immediately + if (((sessionsModel.showNewSessionEntry && sessionsModel.count === 1) || + (!sessionsModel.showNewSessionEntry && sessionsModel.count === 0)) && + sessionsModel.canStartNewSession) { + sessionsModel.startNewSession(true /* lock the screen too */) + } else { + mainStack.push({ + item: switchSessionPage, + immediate: true}); + } + } + } + } + + Loader { + id: inputPanel + state: "hidden" + readonly property bool keyboardActive: item ? item.active : false + anchors { + left: parent.left + right: parent.right + } + function showHide() { + state = state == "hidden" ? "visible" : "hidden"; + } + Component.onCompleted: inputPanel.source = "../components/VirtualKeyboard.qml" + + onKeyboardActiveChanged: { + if (keyboardActive) { + state = "visible"; + } else { + state = "hidden"; + } + } + + states: [ + State { + name: "visible" + PropertyChanges { + target: mainStack + y: Math.min(0, lockScreenRoot.height - inputPanel.height - mainBlock.visibleBoundary) + } + PropertyChanges { + target: inputPanel + y: lockScreenRoot.height - inputPanel.height + opacity: 1 + } + }, + State { + name: "hidden" + PropertyChanges { + target: mainStack + y: 0 + } + PropertyChanges { + target: inputPanel + y: lockScreenRoot.height - lockScreenRoot.height/4 + opacity: 0 + } + } + ] + transitions: [ + Transition { + from: "hidden" + to: "visible" + SequentialAnimation { + ScriptAction { + script: { + inputPanel.item.activated = true; + Qt.inputMethod.show(); + } + } + ParallelAnimation { + NumberAnimation { + target: mainStack + property: "y" + duration: units.longDuration + easing.type: Easing.InOutQuad + } + NumberAnimation { + target: inputPanel + property: "y" + duration: units.longDuration + easing.type: Easing.OutQuad + } + OpacityAnimator { + target: inputPanel + duration: units.longDuration + easing.type: Easing.OutQuad + } + } + } + }, + Transition { + from: "visible" + to: "hidden" + SequentialAnimation { + ParallelAnimation { + NumberAnimation { + target: mainStack + property: "y" + duration: units.longDuration + easing.type: Easing.InOutQuad + } + NumberAnimation { + target: inputPanel + property: "y" + duration: units.longDuration + easing.type: Easing.InQuad + } + OpacityAnimator { + target: inputPanel + duration: units.longDuration + easing.type: Easing.InQuad + } + } + ScriptAction { + script: { + Qt.inputMethod.hide(); + } + } + } + } + ] + } + + Component { + id: switchSessionPage + SessionManagementScreen { + property var switchSession: finalSwitchSession + + Stack.onStatusChanged: { + if (Stack.status == Stack.Activating) { + focus = true + } + } + + userListModel: sessionsModel + + // initiating animation of lockscreen for session switch + function initSwitchSession() { + lockScreenRoot.state = 'onOtherSession' + } + + // initiating session switch and preparing lockscreen for possible return of user + function finalSwitchSession() { + mainStack.pop({immediate:true}) + sessionsModel.switchUser(userListCurrentModelData.vtNumber) + lockScreenRoot.state = '' + } + + Keys.onLeftPressed: userList.decrementCurrentIndex() + Keys.onRightPressed: userList.incrementCurrentIndex() + Keys.onEnterPressed: initSwitchSession() + Keys.onReturnPressed: initSwitchSession() + Keys.onEscapePressed: mainStack.pop() + + ColumnLayout { + Layout.fillWidth: true + spacing: units.largeSpacing + + PlasmaComponents.Button { + Layout.fillWidth: true + font.pointSize: theme.defaultFont.pointSize + 1 + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Switch to This Session") + onClicked: initSwitchSession() + visible: sessionsModel.count > 0 + } + + PlasmaComponents.Button { + Layout.fillWidth: true + font.pointSize: theme.defaultFont.pointSize + 1 + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Start New Session") + onClicked: { + mainStack.pop({immediate:true}) + sessionsModel.startNewSession(true /* lock the screen too */) + lockScreenRoot.state = '' + } + } + } + + + actionItems: [ + ActionButton { + iconSource: "go-previous" + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel","Back") + onClicked: mainStack.pop() + //Button gets cut off on smaller displays without this. + anchors{ + verticalCenter: parent.top + } + } + ] + } + } + + + Loader { + active: root.viewVisible + source: "LockOsd.qml" + anchors { + horizontalCenter: parent.horizontalCenter + bottom: parent.bottom + bottomMargin: units.largeSpacing + } + } + + RowLayout { + id: footer + z: -2 + anchors { + bottom: parent.bottom + left: parent.left + right: parent.right + margins: units.smallSpacing + } + + + + PlasmaComponents.ToolButton { + text: i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "Button to show/hide virtual keyboard", "Virtual Keyboard") + iconName: inputPanel.keyboardActive ? "input-keyboard-virtual-on" : "input-keyboard-virtual-off" + onClicked: inputPanel.showHide() + + visible: inputPanel.status == Loader.Ready + } + + KeyboardLayoutButton { + } + + Item { + Layout.fillWidth: true + } + + Battery {} + } + } + + Component.onCompleted: { + // version support checks + if (root.interfaceVersion < 1) { + // ksmserver of 5.4, with greeter of 5.5 + root.viewVisible = true; + } + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/MainBlock.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/MainBlock.qml new file mode 100644 index 00000000..bd2d68b8 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/MainBlock.qml @@ -0,0 +1,141 @@ +/* + * Copyright 2016 David Edmundson + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.8 +import QtQuick.Layouts 1.2 +import QtQuick.Controls 2.4 +import QtQuick.Controls.Styles 1.4 + +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents + +import "../components" + +SessionManagementScreen { + + property Item mainPasswordBox: passwordBox + property bool lockScreenUiVisible: false + + //the y position that should be ensured visible when the on screen keyboard is visible + property int visibleBoundary: mapFromItem(loginButton, 0, 0).y + onHeightChanged: visibleBoundary = mapFromItem(loginButton, 0, 0).y + loginButton.height + units.smallSpacing + /* + * Login has been requested with the following username and password + * If username field is visible, it will be taken from that, otherwise from the "name" property of the currentIndex + */ + signal loginRequest(string password) + + function startLogin() { + var password = passwordBox.text + + //this is partly because it looks nicer + //but more importantly it works round a Qt bug that can trigger if the app is closed with a TextField focused + //See https://bugreports.qt.io/browse/QTBUG-55460 + loginButton.forceActiveFocus(); + loginRequest(password); + } + + RowLayout { + Layout.fillWidth: true + + TextField { + id: passwordBox + font.pointSize: theme.defaultFont.pointSize + 1 + Layout.fillWidth: true + placeholderText: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Password") + focus: true + echoMode: TextInput.Password + inputMethodHints: Qt.ImhHiddenText | Qt.ImhSensitiveData | Qt.ImhNoAutoUppercase | Qt.ImhNoPredictiveText + enabled: !authenticator.graceLocked + + placeholderTextColor: "#C3C7D1" + palette.text: "#C3C7D1" + + background: Rectangle { + color: "#272834" + opacity: 0.9 + border.width: 1 + border.color: "#9283BB" + radius: parent.width / 2 + height: 30 + anchors.fill: parent + anchors.centerIn: parent + } + + + onAccepted: { + if (lockScreenUiVisible) { + startLogin(); + } + } + + //if empty and left or right is pressed change selection in user switch + //this cannot be in keys.onLeftPressed as then it doesn't reach the password box + Keys.onPressed: { + if (event.key == Qt.Key_Left && !text) { + userList.decrementCurrentIndex(); + event.accepted = true + } + if (event.key == Qt.Key_Right && !text) { + userList.incrementCurrentIndex(); + event.accepted = true + } + } + + Connections { + target: root + onClearPassword: { + passwordBox.forceActiveFocus() + passwordBox.selectAll() + } + } + } + + Button { + id: loginButton + Accessible.name: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Unlock") + implicitHeight: passwordBox.height - units.smallSpacing * 0.5 // otherwise it comes out taller than the password field + text: ">" + Layout.leftMargin: 30 + + contentItem: Text { + text: loginButton.text + font: loginButton.font + opacity: enabled ? 1.0 : 0.3 + color: "#ffffff" + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + elide: Text.ElideRight + } + + background: Rectangle { + id: buttonBackground + width: 30 + height: 40 + radius: width / 2 + rotation: -90 + anchors.centerIn: parent + color: "#9B79CC" + + } + + onClicked: startLogin() + } + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/MediaControls.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/MediaControls.qml new file mode 100644 index 00000000..d981153f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/MediaControls.qml @@ -0,0 +1,162 @@ +/******************************************************************** + This file is part of the KDE project. + +Copyright (C) 2016 Kai Uwe Broulik + +This program is free software; you can redistribute it and/or modify +it under the terms of the GNU General Public License as published by +the Free Software Foundation; either version 2 of the License, or +(at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU General Public License for more details. + +You should have received a copy of the GNU General Public License +along with this program. If not, see . +*********************************************************************/ + +import QtQuick 2.5 +import QtQuick.Layouts 1.1 + +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents +import org.kde.plasma.extras 2.0 as PlasmaExtras + +Item { + visible: mpris2Source.hasPlayer + implicitHeight: controlsRow.height + controlsRow.y + + RowLayout { + id: controlsRow + anchors.bottom: parent.bottom + y: units.smallSpacing // some distance to the password field + width: parent.width + height: units.gridUnit * 3 + spacing: 0 + + enabled: mpris2Source.canControl + + PlasmaCore.DataSource { + id: mpris2Source + + readonly property string source: "@multiplex" + readonly property var playerData: data[source] + + readonly property bool hasPlayer: sources.length > 1 && !!playerData + readonly property string identity: hasPlayer ? playerData.Identity : "" + readonly property bool playing: hasPlayer && playerData.PlaybackStatus === "Playing" + readonly property bool canControl: hasPlayer && playerData.CanControl + readonly property bool canGoBack: hasPlayer && playerData.CanGoPrevious + readonly property bool canGoNext: hasPlayer && playerData.CanGoNext + + readonly property var currentMetadata: hasPlayer ? playerData.Metadata : ({}) + + readonly property string track: { + var xesamTitle = currentMetadata["xesam:title"] + if (xesamTitle) { + return xesamTitle + } + // if no track title is given, print out the file name + var xesamUrl = currentMetadata["xesam:url"] ? currentMetadata["xesam:url"].toString() : "" + if (!xesamUrl) { + return "" + } + var lastSlashPos = xesamUrl.lastIndexOf('/') + if (lastSlashPos < 0) { + return "" + } + var lastUrlPart = xesamUrl.substring(lastSlashPos + 1) + return decodeURIComponent(lastUrlPart) + } + readonly property string artist: currentMetadata["xesam:artist"] || "" + readonly property string albumArt: currentMetadata["mpris:artUrl"] || "" + + engine: "mpris2" + connectedSources: [source] + + function startOperation(op) { + var service = serviceForSource(source) + var operation = service.operationDescription(op) + return service.startOperationCall(operation) + } + + function goPrevious() { + startOperation("Previous"); + } + function goNext() { + startOperation("Next"); + } + function playPause(source) { + startOperation("PlayPause"); + } + } + + Image { + id: albumArt + Layout.preferredWidth: height + Layout.fillHeight: true + asynchronous: true + fillMode: Image.PreserveAspectFit + source: mpris2Source.albumArt + sourceSize.height: height + visible: status === Image.Loading || status === Image.Ready + } + + Item { // spacer + width: units.smallSpacing + height: 1 + } + + ColumnLayout { + Layout.fillWidth: true + spacing: 0 + + PlasmaComponents.Label { + Layout.fillWidth: true + wrapMode: Text.NoWrap + elide: Text.ElideRight + text: mpris2Source.track || i18nd("plasma_lookandfeel_org.kde.lookandfeel", "No media playing") + textFormat: Text.PlainText + font.pointSize: theme.defaultFont.pointSize + 1 + maximumLineCount: 1 + } + + PlasmaExtras.DescriptiveLabel { + Layout.fillWidth: true + wrapMode: Text.NoWrap + elide: Text.ElideRight + // if no artist is given, show player name instead + text: mpris2Source.artist || mpris2Source.identity || "" + textFormat: Text.PlainText + font.pointSize: theme.smallestFont.pointSize + 1 + maximumLineCount: 1 + } + } + + PlasmaComponents.ToolButton { + enabled: mpris2Source.canGoBack + iconName: LayoutMirroring.enabled ? "media-skip-forward" : "media-skip-backward" + onClicked: mpris2Source.goPrevious() + visible: mpris2Source.canGoBack || mpris2Source.canGoNext + Accessible.name: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Previous track") + } + + PlasmaComponents.ToolButton { + Layout.fillHeight: true + Layout.preferredWidth: height // make this button bigger + iconName: mpris2Source.playing ? "media-playback-pause" : "media-playback-start" + onClicked: mpris2Source.playPause() + Accessible.name: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Play or Pause media") + } + + PlasmaComponents.ToolButton { + enabled: mpris2Source.canGoNext + iconName: LayoutMirroring.enabled ? "media-skip-backward" : "media-skip-forward" + onClicked: mpris2Source.goNext() + visible: mpris2Source.canGoBack || mpris2Source.canGoNext + Accessible.name: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Next track") + } + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/config.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/config.qml new file mode 100644 index 00000000..921a0385 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/config.qml @@ -0,0 +1,44 @@ +import QtQuick 2.5 +import QtQuick.Controls 2.5 as QQC2 +import QtQuick.Layouts 1.1 + +ColumnLayout { + property alias cfg_alwaysShowClock: alwaysClock.checked + property alias cfg_showMediaControls: showMediaControls.checked + + spacing: 0 + + RowLayout { + spacing: units.largeSpacing / 2 + + QQC2.Label { + Layout.minimumWidth: formAlignment - units.largeSpacing //to match wallpaper config... + horizontalAlignment: Text.AlignRight + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Clock:") + } + QQC2.CheckBox { + id: alwaysClock + text: i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "verb, to show something", "Always show") + } + Item { + Layout.fillWidth: true + } + } + + RowLayout { + spacing: units.largeSpacing / 2 + + QQC2.Label { + Layout.minimumWidth: formAlignment - units.largeSpacing //to match wallpaper config... + horizontalAlignment: Text.AlignRight + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Media controls:") + } + QQC2.CheckBox { + id: showMediaControls + text: i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "verb, to show something", "Show") + } + Item { + Layout.fillWidth: true + } + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/config.xml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/config.xml new file mode 100644 index 00000000..436a67ea --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/lockscreen/config.xml @@ -0,0 +1,19 @@ + + + + + + + + true + + + + true + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/logout/Logout.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/logout/Logout.qml new file mode 100644 index 00000000..57e21fcb --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/logout/Logout.qml @@ -0,0 +1,262 @@ +/*************************************************************************** + * Copyright (C) 2014 by Aleix Pol Gonzalez * + * * + * This program is free software; you can redistribute it and/or modify * + * it under the terms of the GNU General Public License as published by * + * the Free Software Foundation; either version 2 of the License, or * + * (at your option) any later version. * + * * + * This program is distributed in the hope that it will be useful, * + * but WITHOUT ANY WARRANTY; without even the implied warranty of * + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * + * GNU General Public License for more details. * + * * + * You should have received a copy of the GNU General Public License * + * along with this program; if not, write to the * + * Free Software Foundation, Inc., * + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA . * + ***************************************************************************/ + +import QtQuick 2.2 +import QtQuick.Layouts 1.2 +import QtQuick.Controls 1.1 as Controls + +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents +import org.kde.kcoreaddons 1.0 as KCoreAddons + +import "../components" +import "timer.js" as AutoTriggerTimer + +import org.kde.plasma.private.sessions 2.0 + +PlasmaCore.ColorScope { + id: root + colorGroup: PlasmaCore.Theme.ComplementaryColorGroup + height: screenGeometry.height + width: screenGeometry.width + + signal logoutRequested() + signal haltRequested() + signal suspendRequested(int spdMethod) + signal rebootRequested() + signal rebootRequested2(int opt) + signal cancelRequested() + signal lockScreenRequested() + + property alias backgroundColor: backgroundRect.color + + function sleepRequested() { + root.suspendRequested(2); + } + + function hibernateRequested() { + root.suspendRequested(4); + } + + property real timeout: 30 + property real remainingTime: root.timeout + property var currentAction: { + switch (sdtype) { + case ShutdownType.ShutdownTypeReboot: + return root.rebootRequested; + case ShutdownType.ShutdownTypeHalt: + return root.haltRequested; + default: + return root.logoutRequested; + } + } + + KCoreAddons.KUser { + id: kuser + } + + // For showing a "other users are logged in" hint + SessionsModel { + id: sessionsModel + includeUnusedSessions: false + } + + Controls.Action { + onTriggered: root.cancelRequested() + shortcut: "Escape" + } + + onRemainingTimeChanged: { + if (remainingTime <= 0) { + root.currentAction(); + } + } + + Timer { + id: countDownTimer + running: true + repeat: true + interval: 1000 + onTriggered: remainingTime-- + Component.onCompleted: { + AutoTriggerTimer.addCancelAutoTriggerCallback(function() { + countDownTimer.running = false; + }); + } + } + + function isLightColor(color) { + return Math.max(color.r, color.g, color.b) > 0.5 + } + + Rectangle { + id: backgroundRect + anchors.fill: parent + //use "black" because this is intended to look like a general darkening of the scene. a dark gray as normal background would just look too "washed out" + color: "#1e1f29" + opacity: 0.6 + } + MouseArea { + anchors.fill: parent + onClicked: root.cancelRequested() + } + UserDelegate { + width: units.gridUnit * 7 + height: width + nameFontSize: theme.defaultFont.pointSize + 2 + anchors { + horizontalCenter: parent.horizontalCenter + bottom: parent.verticalCenter + } + constrainText: false + avatarPath: kuser.faceIconUrl + iconSource: "user-identity" + isCurrent: true + name: kuser.fullName + } + ColumnLayout { + anchors { + top: parent.verticalCenter + topMargin: units.gridUnit * 2 + horizontalCenter: parent.horizontalCenter + } + spacing: units.largeSpacing + + height: Math.max(implicitHeight, units.gridUnit * 10) + width: Math.max(implicitWidth, units.gridUnit * 16) + + PlasmaComponents.Label { + font.pointSize: theme.defaultFont.pointSize + 1 + Layout.maximumWidth: units.gridUnit * 16 + Layout.alignment: Qt.AlignHCenter + Layout.fillWidth: true + horizontalAlignment: Text.AlignHCenter + wrapMode: Text.WordWrap + font.italic: true + text: i18ndp("plasma_lookandfeel_org.kde.lookandfeel", + "One other user is currently logged in. If the computer is shut down or restarted, that user may lose work.", + "%1 other users are currently logged in. If the computer is shut down or restarted, those users may lose work.", + sessionsModel.count) + visible: sessionsModel.count > 1 + } + + PlasmaComponents.Label { + font.pointSize: theme.defaultFont.pointSize + 1 + Layout.maximumWidth: units.gridUnit * 16 + Layout.alignment: Qt.AlignHCenter + Layout.fillWidth: true + horizontalAlignment: Text.AlignHCenter + wrapMode: Text.WordWrap + font.italic: true + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "When restarted, the computer will enter the firmware setup screen.") + visible: rebootToFirmwareSetup + } + + RowLayout { + spacing: units.largeSpacing * 2 + Layout.alignment: Qt.AlignHCenter + LogoutButton { + id: suspendButton + iconSource: "system-suspend" + text: i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "Suspend to RAM", "Sleep") + action: root.sleepRequested + KeyNavigation.left: logoutButton + KeyNavigation.right: hibernateButton + visible: spdMethods.SuspendState + } + LogoutButton { + id: hibernateButton + iconSource: "system-suspend-hibernate" + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Hibernate") + action: root.hibernateRequested + KeyNavigation.left: suspendButton + KeyNavigation.right: rebootButton + visible: spdMethods.HibernateState + } + LogoutButton { + id: rebootButton + iconSource: "system-reboot" + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Restart") + action: root.rebootRequested + KeyNavigation.left: hibernateButton + KeyNavigation.right: shutdownButton + focus: sdtype === ShutdownType.ShutdownTypeReboot + visible: maysd + } + LogoutButton { + id: shutdownButton + iconSource: "system-shutdown" + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Shut Down") + action: root.haltRequested + KeyNavigation.left: rebootButton + KeyNavigation.right: logoutButton + focus: sdtype === ShutdownType.ShutdownTypeHalt + visible: maysd + } + LogoutButton { + id: logoutButton + iconSource: "system-log-out" + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Log Out") + action: root.logoutRequested + KeyNavigation.left: shutdownButton + KeyNavigation.right: suspendButton + focus: sdtype === ShutdownType.ShutdownTypeNone + visible: canLogout + } + } + + PlasmaComponents.Label { + font.pointSize: theme.defaultFont.pointSize + 1 + Layout.alignment: Qt.AlignHCenter + //opacity, as visible would re-layout + opacity: countDownTimer.running ? 1 : 0 + Behavior on opacity { + OpacityAnimator { + duration: units.longDuration + easing.type: Easing.InOutQuad + } + } + text: { + switch (sdtype) { + case ShutdownType.ShutdownTypeReboot: + return i18ndp("plasma_lookandfeel_org.kde.lookandfeel", "Restarting in 1 second", "Restarting in %1 seconds", root.remainingTime); + case ShutdownType.ShutdownTypeHalt: + return i18ndp("plasma_lookandfeel_org.kde.lookandfeel", "Shutting down in 1 second", "Shutting down in %1 seconds", root.remainingTime); + default: + return i18ndp("plasma_lookandfeel_org.kde.lookandfeel", "Logging out in 1 second", "Logging out in %1 seconds", root.remainingTime); + } + } + } + + RowLayout { + Layout.alignment: Qt.AlignHCenter + PlasmaComponents.Button { + font.pointSize: theme.defaultFont.pointSize + 1 + enabled: root.currentAction !== null + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "OK") + onClicked: root.currentAction() + } + PlasmaComponents.Button { + font.pointSize: theme.defaultFont.pointSize + 1 + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Cancel") + onClicked: root.cancelRequested() + } + } + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/logout/LogoutButton.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/logout/LogoutButton.qml new file mode 100644 index 00000000..af1b79d4 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/logout/LogoutButton.qml @@ -0,0 +1,46 @@ +/*************************************************************************** + * Copyright (C) 2016 Marco Martin * + * * + * This program is free software; you can redistribute it and/or modify * + * it under the terms of the GNU General Public License as published by * + * the Free Software Foundation; either version 2 of the License, or * + * (at your option) any later version. * + * * + * This program is distributed in the hope that it will be useful, * + * but WITHOUT ANY WARRANTY; without even the implied warranty of * + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * + * GNU General Public License for more details. * + * * + * You should have received a copy of the GNU General Public License * + * along with this program; if not, write to the * + * Free Software Foundation, Inc., * + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA . * + ***************************************************************************/ + +import QtQuick 2.2 +import QtQuick.Layouts 1.2 + +import org.kde.plasma.core 2.0 as PlasmaCore + +import "../components" +import "timer.js" as AutoTriggerTimer + +ActionButton { + property var action + onClicked: action() + Layout.alignment: Qt.AlignTop + iconSize: units.iconSizes.huge + circleVisiblity: activeFocus || containsMouse + circleOpacity: 0.55 // Selected option's circle is instantly visible + opacity: activeFocus || containsMouse ? 1 : 0.7 + labelRendering: Text.QtRendering // Remove once we've solved Qt bug: https://bugreports.qt.io/browse/QTBUG-70138 (KDE bug: https://bugs.kde.org/show_bug.cgi?id=401644) + font.underline: false + font.pointSize: theme.defaultFont.pointSize + 1 + Behavior on opacity { + OpacityAnimator { + duration: units.longDuration + easing.type: Easing.InOutQuad + } + } + Keys.onPressed: AutoTriggerTimer.cancelAutoTrigger(); +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/logout/timer.js b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/logout/timer.js new file mode 100644 index 00000000..eeb9a4b1 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/logout/timer.js @@ -0,0 +1,39 @@ +/*************************************************************************** + * Copyright (C) 2018 David Edmundson * + * * + * This program is free software; you can redistribute it and/or modify * + * it under the terms of the GNU General Public License as published by * + * the Free Software Foundation; either version 2 of the License, or * + * (at your option) any later version. * + * * + * This program is distributed in the hope that it will be useful, * + * but WITHOUT ANY WARRANTY; without even the implied warranty of * + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * + * GNU General Public License for more details. * + * * + * You should have received a copy of the GNU General Public License * + * along with this program; if not, write to the * + * Free Software Foundation, Inc., * + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA . * + ***************************************************************************/ + +.pragma library + +//written as a library to share knowledge of when a key was pressed +//between the multiple views, so pressing a key on one cancels all timers + +var callbacks = []; + +function addCancelAutoTriggerCallback(callback) { + callbacks.push(callback); +} + +function cancelAutoTrigger() { + callbacks.forEach(function(c) { + if (!c) { + return; + } + c(); + }); +} + diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/osd/Osd.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/osd/Osd.qml new file mode 100644 index 00000000..52b80e25 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/osd/Osd.qml @@ -0,0 +1,38 @@ +/* + * Copyright 2014 Martin Klapetek + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License as + * published by the Free Software Foundation; either version 2 of + * the License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . + */ + +import QtQuick 2.0 +import QtQuick.Window 2.2 +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.extras 2.0 as PlasmaExtra + +PlasmaCore.Dialog { + id: root + location: PlasmaCore.Types.Floating + type: PlasmaCore.Dialog.OnScreenDisplay + outputOnly: true + + property alias timeout: osd.timeout + property alias osdValue: osd.osdValue + property alias osdMaxValue: osd.osdMaxValue + property alias icon: osd.icon + property alias showingProgress: osd.showingProgress + + mainItem: OsdItem { + id: osd + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/osd/OsdItem.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/osd/OsdItem.qml new file mode 100644 index 00000000..35c54fa9 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/osd/OsdItem.qml @@ -0,0 +1,118 @@ +/* + * Copyright 2014 Martin Klapetek + * Copyright 2019 Kai Uwe Broulik + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License as + * published by the Free Software Foundation; either version 2 of + * the License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . + */ + +import QtQuick 2.14 +import QtQuick.Layouts 1.1 +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 3.0 as PlasmaComponents3 +import org.kde.plasma.extras 2.0 as PlasmaExtra +import QtQuick.Window 2.2 + +RowLayout { + // OSD Timeout in msecs - how long it will stay on the screen + property int timeout: 1800 + // This is either a text or a number, if showingProgress is set to true, + // the number will be used as a value for the progress bar + property var osdValue + // Maximum percent value + property int osdMaxValue: 100 + // Icon name to display + property string icon + // Set to true if the value is meant for progress bar, + // false for displaying the value as normal text + property bool showingProgress: false + + spacing: PlasmaCore.Units.smallSpacing + + width: Math.max(Math.min(Screen.desktopAvailableWidth / 2, implicitWidth), PlasmaCore.Units.gridUnit * 15) + height: PlasmaCore.Units.iconSizes.medium + + PlasmaCore.IconItem { + Layout.leftMargin: PlasmaCore.Units.smallSpacing + Layout.preferredWidth: PlasmaCore.Units.iconSizes.medium + Layout.preferredHeight: PlasmaCore.Units.iconSizes.medium + Layout.alignment: Qt.AlignVCenter + source: icon + visible: valid + } + + PlasmaComponents3.ProgressBar { + id: progressBar + Layout.fillWidth: true + Layout.alignment: Qt.AlignVCenter + // So it never exceeds the minimum popup size + Layout.preferredWidth: 1 + Layout.rightMargin: PlasmaCore.Units.smallSpacing + visible: showingProgress + from: 0 + to: osdMaxValue + value: Number(osdValue) + } + + // Get the width of a three-digit number so we can size the label + // to the maximum width to avoid the progress bad resizing itself + TextMetrics { + id: widestLabelSize + text: i18n("100%") + font: percentageLabel.font + } + + // Numerical display of progress bar value + PlasmaExtra.Heading { + id: percentageLabel + Layout.fillHeight: true + Layout.preferredWidth: widestLabelSize.width + Layout.rightMargin: PlasmaCore.Units.smallSpacing + Layout.alignment: Qt.AlignVCenter + level: 3 + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + text: i18nc("Percentage value", "%1%", progressBar.value) + visible: showingProgress + // Display a subtle visual indication that the volume might be + // dangerously high + // ------------------------------------------------ + // Keep this in sync with the copies in plasma-pa:ListItemBase.qml + // and plasma-pa:VolumeSlider.qml + color: { + if (progressBar.value <= 100) { + return PlasmaCore.Theme.textColor + } else if (progressBar.value > 100 && progressBar.value <= 125) { + return PlasmaCore.Theme.neutralTextColor + } else { + return PlasmaCore.Theme.negativeTextColor + } + } + } + + PlasmaExtra.Heading { + id: label + Layout.fillWidth: true + Layout.fillHeight: true + Layout.rightMargin: PlasmaCore.Units.smallSpacing + Layout.alignment: Qt.AlignVCenter + level: 3 + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + textFormat: Text.PlainText + wrapMode: Text.NoWrap + elide: Text.ElideRight + text: !showingProgress && osdValue ? osdValue : "" + visible: !showingProgress + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/previews/fullscreenpreview.jpg b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/previews/fullscreenpreview.jpg new file mode 100644 index 00000000..656cf30b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/previews/fullscreenpreview.jpg differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/previews/preview.png b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/previews/preview.png new file mode 100644 index 00000000..9ab630bf Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/previews/preview.png differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/previews/splash.png b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/previews/splash.png new file mode 100644 index 00000000..7925def1 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/previews/splash.png differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/splash/Splash.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/splash/Splash.qml new file mode 100644 index 00000000..6fc7e6a7 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/splash/Splash.qml @@ -0,0 +1,109 @@ +import QtQuick 2.5 + +Image { + id: root + source: "images/background.png" + + property int stage + + onStageChanged: { + if (stage == 1) { + introAnimation.running = true + } + } + + Item { + id: content + anchors.fill: parent + opacity: 0 + TextMetrics { + id: units + text: "M" + property int gridUnit: boundingRect.height + property int largeSpacing: units.gridUnit + property int smallSpacing: Math.max(2, gridUnit/4) + } + + Image { + id: logo + property real size: units.gridUnit * 12 + anchors.centerIn: parent + source: "images/logo.png" + sourceSize.width: 150 + sourceSize.height: 150 + + ParallelAnimation { + running: true + + ScaleAnimator { + target: logo + from: 0 + to: 1 + duration: 700 + } + SequentialAnimation { + loops: Animation.Infinite + + ScaleAnimator { + target: logo + from: 0.97 + to: 1 + duration: 1000 + } + ScaleAnimator { + target: logo + from: 1 + to: 0.97 + duration: 1000 + } + } + } + } + + Image { + id: busyIndicator + //in the middle of the remaining space + y: parent.height / 2 - height/2 + anchors.horizontalCenter: parent.horizontalCenter + source: "images/busy02.svg" + sourceSize.height: logo.height + 60 + sourceSize.width: logo.width + 60 + RotationAnimator on rotation { + id: rotationAnimator + from: 0 + to: 360 + duration: 1200 + loops: Animation.Infinite + } + } + + Image { + id: busyIndicator2 + //in the middle of the remaining space + y: parent.height / 2 - height /2 + anchors.horizontalCenter: parent.horizontalCenter + source: "images/busy02.svg" + sourceSize.height: logo.height + 100 + sourceSize.width: logo.width + 100 + RotationAnimator on rotation { + id: rotationAnimator2 + from: 360 + to: 0 + duration: 1200 + loops: Animation.Infinite + } + } + + + } + + OpacityAnimator { + id: introAnimation + running: false + target: content + from: 0 + to: 1 + duration: 1000 + easing.type: Easing.InOutQuad + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/splash/images/background.png b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/splash/images/background.png new file mode 100644 index 00000000..9e1a1a8d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/splash/images/background.png differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/splash/images/busy02.svg b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/splash/images/busy02.svg new file mode 100644 index 00000000..1de8b618 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/splash/images/busy02.svg @@ -0,0 +1,46 @@ + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/splash/images/logo.png b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/splash/images/logo.png new file mode 100644 index 00000000..ccb15227 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/contents/splash/images/logo.png differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/metadata.desktop b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/metadata.desktop new file mode 100644 index 00000000..5f7b122f --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Dracula/metadata.desktop @@ -0,0 +1,13 @@ +[Desktop Entry] +Name=Dracula +X-KDE-PluginInfo-Author=EliverLara +X-KDE-PluginInfo-Category=Plasma Look And Feel +X-KDE-PluginInfo-Email=eliverlara@gmail.com +X-KDE-PluginInfo-EnabledByDefault=true +X-KDE-PluginInfo-License=GPL 3+ +X-KDE-PluginInfo-Name=Dracula +X-KDE-PluginInfo-Version=0.1 +X-KDE-PluginInfo-Website=https://github.com/EliverLara/Ant-Dracula/tree/master/kde +X-KDE-ServiceTypes=Plasma/LookAndFeel + +X-KPackage-Dependencies=kns://colorschemes.knsrc/api.kde-look.org/1370679,kns://plasma-themes.knsrc/api.kde-look.org/1370687,kns://plasma-themes.knsrc/api.kde-look.org/1420691,kns://aurorae.knsrc/api.kde-look.org/1370682,kns://sddmtheme.knsrc/api.kde-look.org/1374247,kns://wallpaper.knsrc/api.kde-look.org/1378234,kns://xcursor.knsrc/api.kde-look.org/1669262,kns://plasmoids.knsrc/api.kde-look.org/2048016,kns://lookandfeel.knsrc/api.kde-look.org/2052404 \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/defaults b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/defaults new file mode 100644 index 00000000..b8a7c55c --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/defaults @@ -0,0 +1,20 @@ +[kdeglobals][KDE] +widgetStyle=kvantum + +[kdeglobals][General] +ColorScheme=Dracula + +[kdeglobals][Icons] +Theme=candy-icons + +[kcminputrc][Mouse] +cursorTheme=Dracula-cursors + +[plasmarc][Theme] +name=Dracula + +[kwinrc][org.kde.kdecoration2] +library=org.kde.kwin.aurorae +theme=__aurorae__svg__Dracula + + diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/previews/fullscreenpreview.jpg b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/previews/fullscreenpreview.jpg new file mode 100644 index 00000000..656cf30b Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/previews/fullscreenpreview.jpg differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/previews/preview.png b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/previews/preview.png new file mode 100644 index 00000000..9ab630bf Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/previews/preview.png differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/previews/splash.png b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/previews/splash.png new file mode 100644 index 00000000..7925def1 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/previews/splash.png differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/splash/Splash.qml b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/splash/Splash.qml new file mode 100644 index 00000000..6fc7e6a7 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/splash/Splash.qml @@ -0,0 +1,109 @@ +import QtQuick 2.5 + +Image { + id: root + source: "images/background.png" + + property int stage + + onStageChanged: { + if (stage == 1) { + introAnimation.running = true + } + } + + Item { + id: content + anchors.fill: parent + opacity: 0 + TextMetrics { + id: units + text: "M" + property int gridUnit: boundingRect.height + property int largeSpacing: units.gridUnit + property int smallSpacing: Math.max(2, gridUnit/4) + } + + Image { + id: logo + property real size: units.gridUnit * 12 + anchors.centerIn: parent + source: "images/logo.png" + sourceSize.width: 150 + sourceSize.height: 150 + + ParallelAnimation { + running: true + + ScaleAnimator { + target: logo + from: 0 + to: 1 + duration: 700 + } + SequentialAnimation { + loops: Animation.Infinite + + ScaleAnimator { + target: logo + from: 0.97 + to: 1 + duration: 1000 + } + ScaleAnimator { + target: logo + from: 1 + to: 0.97 + duration: 1000 + } + } + } + } + + Image { + id: busyIndicator + //in the middle of the remaining space + y: parent.height / 2 - height/2 + anchors.horizontalCenter: parent.horizontalCenter + source: "images/busy02.svg" + sourceSize.height: logo.height + 60 + sourceSize.width: logo.width + 60 + RotationAnimator on rotation { + id: rotationAnimator + from: 0 + to: 360 + duration: 1200 + loops: Animation.Infinite + } + } + + Image { + id: busyIndicator2 + //in the middle of the remaining space + y: parent.height / 2 - height /2 + anchors.horizontalCenter: parent.horizontalCenter + source: "images/busy02.svg" + sourceSize.height: logo.height + 100 + sourceSize.width: logo.width + 100 + RotationAnimator on rotation { + id: rotationAnimator2 + from: 360 + to: 0 + duration: 1200 + loops: Animation.Infinite + } + } + + + } + + OpacityAnimator { + id: introAnimation + running: false + target: content + from: 0 + to: 1 + duration: 1000 + easing.type: Easing.InOutQuad + } +} diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/splash/images/background.png b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/splash/images/background.png new file mode 100644 index 00000000..9e1a1a8d Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/splash/images/background.png differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/splash/images/busy02.svg b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/splash/images/busy02.svg new file mode 100644 index 00000000..1de8b618 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/splash/images/busy02.svg @@ -0,0 +1,46 @@ + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/splash/images/logo.png b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/splash/images/logo.png new file mode 100644 index 00000000..ccb15227 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/contents/splash/images/logo.png differ diff --git a/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/metadata.json b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/metadata.json new file mode 100644 index 00000000..d1687b62 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/plasma/look-and-feel/Plasma6/Dracula/metadata.json @@ -0,0 +1,32 @@ +{ + "KPackageStructure": "Plasma/LookAndFeel", + "KPlugin": { + "Authors": [ + { + "Email": "eliverlara@gmail.com", + "Name": "EliverLara" + } + ], + "Category": "Plasma Look And Feel", + "EnabledByDefault": true, + "Id": "Dracula", + "License": "GPL 3+", + "Name": "Dracula", + "ServiceTypes": [ + "Plasma/LookAndFeel" + ], + "Version": "0.1", + "Website": "https://github.com/EliverLara/Ant-Dracula/tree/master/kde" + }, + "X-KPackage-Dependencies": [ + "kns://colorschemes.knsrc/api.kde-look.org/1370679", + "kns://plasma-themes.knsrc/api.kde-look.org/1370687", + "kns://plasma-themes.knsrc/api.kde-look.org/1420691", + "kns://aurorae.knsrc/api.kde-look.org/1370682", + "kns://sddmtheme.knsrc/api.kde-look.org/2150918", + "kns://wallpaper.knsrc/api.kde-look.org/1378234", + "kns://xcursor.knsrc/api.kde-look.org/1669262", + "kns://plasmoids.knsrc/api.kde-look.org/2144212", + "kns://plasmoids.knsrc/api.kde-look.org/2196105" + ] +} diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/DropdownMenuStyle.qml b/filesystem/.themes/Dracula/kde/sddm/Dracula/DropdownMenuStyle.qml new file mode 100644 index 00000000..75959c92 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/DropdownMenuStyle.qml @@ -0,0 +1,26 @@ +import QtQuick 2.2 + +import org.kde.plasma.core 2.0 as PlasmaCore + +import QtQuick.Controls.Styles 1.4 as QQCS +import QtQuick.Controls 1.3 as QQC + +QQCS.MenuStyle { + frame: Rectangle { + color: "#21232D" + border.color: "#232831" + border.width: 1 + } + itemDelegate.label: QQC.Label { + height: contentHeight * 2 + verticalAlignment: Text.AlignVCenter + color: config.highlight_color + font.pointSize: config.fontSize + font.family: config.font + text: styleData.text + } + itemDelegate.background: Rectangle { + visible: styleData.selected + color: config.selected_color + } +} diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/KeyboardButton.qml b/filesystem/.themes/Dracula/kde/sddm/Dracula/KeyboardButton.qml new file mode 100644 index 00000000..2a83f899 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/KeyboardButton.qml @@ -0,0 +1,38 @@ +import QtQuick 2.2 + +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents + +import QtQuick.Controls 1.3 as QQC + +PlasmaComponents.ToolButton { + id: keyboardButton + + property int currentIndex: -1 + + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Keyboard Layout: %1", instantiator.objectAt(currentIndex).shortName) + implicitWidth: minimumWidth + font.pointSize: config.fontSize + + visible: menu.items.length > 1 + + Component.onCompleted: currentIndex = Qt.binding(function() {return keyboard.currentLayout}); + + menu: QQC.Menu { + id: keyboardMenu + style: DropdownMenuStyle {} + Instantiator { + id: instantiator + model: keyboard.layouts + onObjectAdded: keyboardMenu.insertItem(index, object) + onObjectRemoved: keyboardMenu.removeItem( object ) + delegate: QQC.MenuItem { + text: modelData.longName + property string shortName: modelData.shortName + onTriggered: { + keyboard.currentLayout = model.index + } + } + } + } +} diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/Login.qml b/filesystem/.themes/Dracula/kde/sddm/Dracula/Login.qml new file mode 100644 index 00000000..9aa293f1 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/Login.qml @@ -0,0 +1,137 @@ +import "components" + +import QtQuick 2.2 +import QtQuick.Layouts 1.2 +import QtQuick.Controls 2.4 +import QtQuick.Controls.Styles 1.4 + +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents + +SessionManagementScreen { + id: root + property Item mainPasswordBox: passwordBox + + property bool showUsernamePrompt: !showUserList + + property string lastUserName + property bool loginScreenUiVisible: false + + //the y position that should be ensured visible when the on screen keyboard is visible + property int visibleBoundary: mapFromItem(loginButton, 0, 0).y + onHeightChanged: visibleBoundary = mapFromItem(loginButton, 0, 0).y + loginButton.height + units.smallSpacing + + signal loginRequest(string username, string password) + + onShowUsernamePromptChanged: { + if (!showUsernamePrompt) { + lastUserName = "" + } + } + + /* + * Login has been requested with the following username and password + * If username field is visible, it will be taken from that, otherwise from the "name" property of the currentIndex + */ + function startLogin() { + var username = showUsernamePrompt ? userNameInput.text : userList.selectedUser + var password = passwordBox.text + + //this is partly because it looks nicer + //but more importantly it works round a Qt bug that can trigger if the app is closed with a TextField focused + //DAVE REPORT THE FRICKING THING AND PUT A LINK + loginButton.forceActiveFocus(); + loginRequest(username, password); + } + + Input { + id: userNameInput + Layout.fillWidth: true + Layout.topMargin: 10 + Layout.bottomMargin: 10 + text: lastUserName + visible: showUsernamePrompt + focus: showUsernamePrompt && !lastUserName //if there's a username prompt it gets focus first, otherwise password does + placeholderText: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Username") + + onAccepted: + if (root.loginScreenUiVisible) { + passwordBox.forceActiveFocus() + } + } + + Input { + id: passwordBox + placeholderText: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Password") + focus: !showUsernamePrompt || lastUserName + echoMode: TextInput.Password + + Layout.fillWidth: true + + onAccepted: { + if (root.loginScreenUiVisible) { + startLogin(); + } + } + + Keys.onEscapePressed: { + mainStack.currentItem.forceActiveFocus(); + } + + //if empty and left or right is pressed change selection in user switch + //this cannot be in keys.onLeftPressed as then it doesn't reach the password box + Keys.onPressed: { + if (event.key == Qt.Key_Left && !text) { + userList.decrementCurrentIndex(); + event.accepted = true + } + if (event.key == Qt.Key_Right && !text) { + userList.incrementCurrentIndex(); + event.accepted = true + } + } + + Connections { + target: sddm + onLoginFailed: { + passwordBox.selectAll() + passwordBox.forceActiveFocus() + } + } + } + Button { + id: loginButton + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Log In") + enabled: passwordBox.text != "" + + Layout.topMargin: 10 + Layout.bottomMargin: 10 + Layout.preferredWidth: 150 + Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter + + font.pointSize: config.fontSize + font.family: config.font + + contentItem: Text { + text: loginButton.text + font: loginButton.font + opacity: enabled ? 1.0 : 0.3 + color: config.highlight_color + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + elide: Text.ElideRight + } + + background: Rectangle { + id: buttonBackground + width: parent.width + height: 30 + radius: width / 2 + color: "#9B79CC" + opacity: enabled ? 1.0 : 0.3 + } + + onClicked: startLogin(); + } + +} diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/Main.qml b/filesystem/.themes/Dracula/kde/sddm/Dracula/Main.qml new file mode 100644 index 00000000..4218a0ad --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/Main.qml @@ -0,0 +1,473 @@ +/* + * Copyright 2016 David Edmundson + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.8 + +import QtQuick.Layouts 1.1 +import QtQuick.Controls 1.1 +import QtGraphicalEffects 1.0 + +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents +import org.kde.plasma.extras 2.0 as PlasmaExtras + +import "components" + +PlasmaCore.ColorScope { + id: root + + readonly property bool softwareRendering: GraphicsInfo.api === GraphicsInfo.Software + + colorGroup: PlasmaCore.Theme.ComplementaryColorGroup + + width: 1600 + height: 900 + + property string notificationMessage + + LayoutMirroring.enabled: Qt.application.layoutDirection === Qt.RightToLeft + LayoutMirroring.childrenInherit: true + + PlasmaCore.DataSource { + id: keystateSource + engine: "keystate" + connectedSources: "Caps Lock" + } + + Image { + id: wallpaper + height: parent.height + width: parent.width + source: config.background || config.Background + asynchronous: true + cache: true + clip: true + } + + MouseArea { + id: loginScreenRoot + anchors.fill: parent + + property bool uiVisible: true + property bool blockUI: mainStack.depth > 1 || userListComponent.mainPasswordBox.text.length > 0 || inputPanel.keyboardActive || config.type != "image" + + hoverEnabled: true + drag.filterChildren: true + onPressed: uiVisible = true; + onPositionChanged: uiVisible = true; + onUiVisibleChanged: { + if (blockUI) { + fadeoutTimer.running = false; + } else if (uiVisible) { + fadeoutTimer.restart(); + } + } + onBlockUIChanged: { + if (blockUI) { + fadeoutTimer.running = false; + uiVisible = true; + } else { + fadeoutTimer.restart(); + } + } + + Keys.onPressed: { + uiVisible = true; + event.accepted = false; + } + + //takes one full minute for the ui to disappear + Timer { + id: fadeoutTimer + running: true + interval: 60000 + onTriggered: { + if (!loginScreenRoot.blockUI) { + loginScreenRoot.uiVisible = false; + } + } + } + + StackView { + id: mainStack + anchors.centerIn: parent + height: root.height / 2 + width: parent.width / 3 + + focus: true //StackView is an implicit focus scope, so we need to give this focus so the item inside will have it + + Timer { + //SDDM has a bug in 0.13 where even though we set the focus on the right item within the window, the window doesn't have focus + //it is fixed in 6d5b36b28907b16280ff78995fef764bb0c573db which will be 0.14 + //we need to call "window->activate()" *After* it's been shown. We can't control that in QML so we use a shoddy timer + //it's been this way for all Plasma 5.x without a huge problem + running: true + repeat: false + interval: 200 + onTriggered: mainStack.forceActiveFocus() + } + + initialItem: Login { + id: userListComponent + userListModel: userModel + loginScreenUiVisible: loginScreenRoot.uiVisible + userListCurrentIndex: userModel.lastIndex >= 0 ? userModel.lastIndex : 0 + lastUserName: userModel.lastUser + + showUserList: { + if ( !userListModel.hasOwnProperty("count") + || !userListModel.hasOwnProperty("disableAvatarsThreshold")) + return (userList.y + mainStack.y) > 0 + + if ( userListModel.count == 0 ) return false + + return userListModel.count <= userListModel.disableAvatarsThreshold && (userList.y + mainStack.y) > 0 + } + + notificationMessage: { + var text = "" + if (keystateSource.data["Caps Lock"]["Locked"]) { + text += i18nd("plasma_lookandfeel_org.kde.lookandfeel","Caps Lock is on") + if (root.notificationMessage) { + text += " • " + } + } + text += root.notificationMessage + return text + } + + actionItems: [ + ActionButton { + iconSource: Qt.resolvedUrl("assets/suspend.svg") + text: i18ndc("plasma_lookandfeel_org.kde.lookandfeel","Suspend to RAM","Sleep") + onClicked: sddm.suspend() + enabled: sddm.canSuspend + visible: !inputPanel.keyboardActive + }, + ActionButton { + iconSource: Qt.resolvedUrl("assets/restart.svg") + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel","Restart") + onClicked: sddm.reboot() + enabled: sddm.canReboot + visible: !inputPanel.keyboardActive + }, + ActionButton { + iconSource: Qt.resolvedUrl("assets/shutdown.svg") + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel","Shut Down") + onClicked: sddm.powerOff() + enabled: sddm.canPowerOff + visible: !inputPanel.keyboardActive + }, + ActionButton { + iconSource: Qt.resolvedUrl("assets/change_user.svg") + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel","Different User") + onClicked: mainStack.push(userPromptComponent) + enabled: true + visible: !userListComponent.showUsernamePrompt && !inputPanel.keyboardActive + }] + + onLoginRequest: { + root.notificationMessage = "" + sddm.login(username, password, sessionButton.currentIndex) + } + } + + Behavior on opacity { + OpacityAnimator { + duration: units.longDuration + } + } + } + + Loader { + id: inputPanel + state: "hidden" + property bool keyboardActive: item ? item.active : false + onKeyboardActiveChanged: { + if (keyboardActive) { + state = "visible" + } else { + state = "hidden"; + } + } + source: "components/VirtualKeyboard.qml" + anchors { + left: parent.left + right: parent.right + } + + function showHide() { + state = state == "hidden" ? "visible" : "hidden"; + } + + states: [ + State { + name: "visible" + PropertyChanges { + target: mainStack + y: Math.min(0, root.height - inputPanel.height - userListComponent.visibleBoundary) + } + PropertyChanges { + target: inputPanel + y: root.height - inputPanel.height + opacity: 1 + } + }, + State { + name: "hidden" + PropertyChanges { + target: mainStack + y: 0 + } + PropertyChanges { + target: inputPanel + y: root.height - root.height/4 + opacity: 0 + } + } + ] + transitions: [ + Transition { + from: "hidden" + to: "visible" + SequentialAnimation { + ScriptAction { + script: { + inputPanel.item.activated = true; + Qt.inputMethod.show(); + } + } + ParallelAnimation { + NumberAnimation { + target: mainStack + property: "y" + duration: units.longDuration + easing.type: Easing.InOutQuad + } + NumberAnimation { + target: inputPanel + property: "y" + duration: units.longDuration + easing.type: Easing.OutQuad + } + OpacityAnimator { + target: inputPanel + duration: units.longDuration + easing.type: Easing.OutQuad + } + } + } + }, + Transition { + from: "visible" + to: "hidden" + SequentialAnimation { + ParallelAnimation { + NumberAnimation { + target: mainStack + property: "y" + duration: units.longDuration + easing.type: Easing.InOutQuad + } + NumberAnimation { + target: inputPanel + property: "y" + duration: units.longDuration + easing.type: Easing.InQuad + } + OpacityAnimator { + target: inputPanel + duration: units.longDuration + easing.type: Easing.InQuad + } + } + ScriptAction { + script: { + Qt.inputMethod.hide(); + } + } + } + } + ] + } + + + Component { + id: userPromptComponent + Login { + showUsernamePrompt: true + notificationMessage: root.notificationMessage + loginScreenUiVisible: loginScreenRoot.uiVisible + + // using a model rather than a QObject list to avoid QTBUG-75900 + userListModel: ListModel { + ListElement { + name: "" + iconSource: "" + } + Component.onCompleted: { + // as we can't bind inside ListElement + setProperty(0, "name", i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Type in Username and Password")); + } + } + + onLoginRequest: { + root.notificationMessage = "" + sddm.login(username, password, sessionButton.currentIndex) + } + + actionItems: [ + ActionButton { + iconSource: "system-suspend" + text: i18ndc("plasma_lookandfeel_org.kde.lookandfeel","Suspend to RAM","Sleep") + onClicked: sddm.suspend() + enabled: sddm.canSuspend + visible: !inputPanel.keyboardActive + }, + ActionButton { + iconSource: "system-reboot" + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel","Restart") + onClicked: sddm.reboot() + enabled: sddm.canReboot + visible: !inputPanel.keyboardActive + }, + ActionButton { + iconSource: "system-shutdown" + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel","Shut Down") + onClicked: sddm.powerOff() + enabled: sddm.canPowerOff + visible: !inputPanel.keyboardActive + }, + ActionButton { + iconSource: "go-previous" + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel","List Users") + onClicked: mainStack.pop() + visible: !inputPanel.keyboardActive + } + ] + } + } + + Rectangle { + id: formBg + width: mainStack.width + height: mainStack.height + footerBg.height + x: root.width / 2 - width / 2 + y: root.height / 2 - height / 2 + footerBg.height + radius: 14 + color: "#21232D" + opacity: 1 + z:-1 + } + + Rectangle { + id: footerBg + width: parent.width + height: footer.height + 10 + anchors.left: parent.left + anchors.top: parent.top + radius: 7 + color: "#21232D" + opacity: 1 + z:-1 + } + + //Footer + RowLayout { + id: footer + anchors { + top: parent.top + left: parent.left + margins: units.smallSpacing + } + + Behavior on opacity { + OpacityAnimator { + duration: units.longDuration + } + } + + PlasmaComponents.ToolButton { + text: i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "Button to show/hide virtual keyboard", "Virtual Keyboard") + iconName: inputPanel.keyboardActive ? "input-keyboard-virtual-on" : "input-keyboard-virtual-off" + onClicked: inputPanel.showHide() + visible: true + } + + KeyboardButton { + } + + SessionButton { + id: sessionButton + } + + } + + RowLayout { + id: footerRight + spacing: 10 + + anchors { + top: parent.top + right: parent.right + margins: 10 + } + + Behavior on opacity { + OpacityAnimator { + duration: units.longDuration + } + } + + Battery {} + + Clock { + id: clock + visible: true + } + } + } + + Connections { + target: sddm + onLoginFailed: { + notificationMessage = i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Login Failed") + } + onLoginSucceeded: { + //note SDDM will kill the greeter at some random point after this + //there is no certainty any transition will finish, it depends on the time it + //takes to complete the init + mainStack.opacity = 0 + footer.opacity = 0 + footerRight.opacity = 0 + } + } + + onNotificationMessageChanged: { + if (notificationMessage) { + notificationResetTimer.start(); + } + } + + Timer { + id: notificationResetTimer + interval: 3000 + onTriggered: notificationMessage = "" + } +} diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/SessionButton.qml b/filesystem/.themes/Dracula/kde/sddm/Dracula/SessionButton.qml new file mode 100644 index 00000000..89edd4d4 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/SessionButton.qml @@ -0,0 +1,59 @@ +/* + * Copyright 2016 David Edmundson + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.2 + +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents + +import QtQuick.Controls 1.3 as QQC + +PlasmaComponents.ToolButton { + id: root + property int currentIndex: -1 + + implicitWidth: minimumWidth + + visible: menu.items.length > 1 + + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel", "Desktop Session: %1", instantiator.objectAt(currentIndex).text || "") + + font.pointSize: config.fontSize + + Component.onCompleted: { + currentIndex = sessionModel.lastIndex + } + + menu: QQC.Menu { + id: menu + style: DropdownMenuStyle {} + Instantiator { + id: instantiator + model: sessionModel + onObjectAdded: menu.insertItem(index, object) + onObjectRemoved: menu.removeItem( object ) + delegate: QQC.MenuItem { + text: model.name + onTriggered: { + root.currentIndex = model.index + } + } + } + } +} diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/background.jpg b/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/background.jpg new file mode 100644 index 00000000..9d2e22a2 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/background.jpg differ diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/change_user.svg b/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/change_user.svg new file mode 100644 index 00000000..66800d36 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/change_user.svg @@ -0,0 +1,99 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/restart.svg b/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/restart.svg new file mode 100644 index 00000000..37d758c5 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/restart.svg @@ -0,0 +1,117 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/shutdown.svg b/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/shutdown.svg new file mode 100644 index 00000000..00070649 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/shutdown.svg @@ -0,0 +1,91 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/suspend.svg b/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/suspend.svg new file mode 100644 index 00000000..a380fb64 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/assets/suspend.svg @@ -0,0 +1,89 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/components/ActionButton.qml b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/ActionButton.qml new file mode 100644 index 00000000..fc0178ac --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/ActionButton.qml @@ -0,0 +1,91 @@ +/* + * Copyright 2016 David Edmundson + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.2 +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents + +Item { + id: root + property alias text: label.text + property alias iconSource: icon.source + property alias containsMouse: mouseArea.containsMouse + property alias font: label.font + signal clicked + + activeFocusOnTab: true + + property int iconSize: units.gridUnit * 2.5 + + implicitWidth: Math.max(iconSize + units.largeSpacing * 2, label.contentWidth) + implicitHeight: iconSize + units.smallSpacing + label.implicitHeight + + opacity: activeFocus || containsMouse ? 1.5 : 0.97 + Behavior on opacity { + PropertyAnimation { // OpacityAnimator makes it turn black at random intervals + duration: units.longDuration * 2 + easing.type: Easing.InOutQuad + } + } + + + PlasmaCore.IconItem { + id: icon + anchors { + top: parent.top + horizontalCenter: parent.horizontalCenter + } + width: iconSize + height: iconSize + + colorGroup: PlasmaCore.ColorScope.colorGroup + active: mouseArea.containsMouse || root.activeFocus + } + PlasmaComponents.Label { + id: label + anchors { + top: icon.bottom + topMargin: units.smallSpacing + left: parent.left + right: parent.right + } + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignTop + wrapMode: Text.WordWrap + font.underline: root.activeFocus + font.pointSize: config.fontSize + font.family: config.font + color:activeFocus || containsMouse ? config.highlight_color : config.color + } + + MouseArea { + id: mouseArea + hoverEnabled: true + onClicked: root.clicked() + anchors.fill: parent + } + + Keys.onEnterPressed: clicked() + Keys.onReturnPressed: clicked() + Keys.onSpacePressed: clicked() + + Accessible.onPressAction: clicked() + Accessible.role: Accessible.Button + Accessible.name: label.text +} diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/components/Battery.qml b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/Battery.qml new file mode 100644 index 00000000..c92a0ff2 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/Battery.qml @@ -0,0 +1,52 @@ +/* + * Copyright 2016 Kai Uwe Broulik + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.2 + +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents +import org.kde.plasma.workspace.components 2.0 as PW + +Row { + spacing: units.smallSpacing + visible: pmSource.data["Battery"]["Has Cumulative"] + + PlasmaCore.DataSource { + id: pmSource + engine: "powermanagement" + connectedSources: ["Battery", "AC Adapter"] + } + + PW.BatteryIcon { + id: battery + hasBattery: pmSource.data["Battery"]["Has Battery"] || false + percent: pmSource.data["Battery"]["Percent"] || 0 + pluggedIn: pmSource.data["AC Adapter"] ? pmSource.data["AC Adapter"]["Plugged in"] : false + + height: batteryLabel.height + width: height + } + + PlasmaComponents.Label { + id: batteryLabel + height: undefined + text: i18nd("plasma_lookandfeel_org.kde.lookandfeel","%1%", battery.percent) + Accessible.name: i18nd("plasma_lookandfeel_org.kde.lookandfeel","Battery at %1%", battery.percent) + } +} diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/components/Clock.qml b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/Clock.qml new file mode 100644 index 00000000..e1748442 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/Clock.qml @@ -0,0 +1,55 @@ +/* + * Copyright 2016 David Edmundson + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.8 +import QtQuick.Layouts 1.1 +import QtQuick.Controls 2.5 +import org.kde.plasma.core 2.0 + +RowLayout { + readonly property bool softwareRendering: GraphicsInfo.api === GraphicsInfo.Software + + + Label { + text: Qt.formatDate(timeSource.data["Local"]["DateTime"], Qt.DefaultLocaleLongDate) + color: config.color + style: softwareRendering ? Text.Outline : Text.Normal + styleColor: softwareRendering ? ColorScope.backgroundColor : "transparent" //no outline, doesn't matter + font.pointSize: 11 + Layout.alignment: Qt.AlignHCenter + font.family: config.font + + } + Label { + text: Qt.formatTime(timeSource.data["Local"]["DateTime"]) + color: config.color + style: softwareRendering ? Text.Outline : Text.Normal + styleColor: softwareRendering ? ColorScope.backgroundColor : "transparent" //no outline, doesn't matter + font.pointSize: 11 + Layout.alignment: Qt.AlignHCenter + font.family: config.font + + } + DataSource { + id: timeSource + engine: "time" + connectedSources: ["Local"] + interval: 1000 + } +} diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/components/Input.qml b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/Input.qml new file mode 100644 index 00000000..2ee4e885 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/Input.qml @@ -0,0 +1,21 @@ +import QtQuick 2.2 +import QtQuick.Layouts 1.2 +import QtQuick.Controls 2.4 +import QtQuick.Controls.Styles 1.4 + +TextField { + placeholderTextColor: config.color + palette.text: config.color + font.pointSize: config.fontSize + font.family: config.font + background: Rectangle { + color: "#3B3D48" + radius: 10 + width: parent.width + height: width / 9 + opacity: 1 + border.width: 1 + border.color: parent.focus ? config.selected_color : "#16171d" + anchors.centerIn: parent + } +} \ No newline at end of file diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/components/SessionManagementScreen.qml b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/SessionManagementScreen.qml new file mode 100644 index 00000000..475d082e --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/SessionManagementScreen.qml @@ -0,0 +1,119 @@ +/* + * Copyright 2016 David Edmundson + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + + +import QtQuick 2.2 + +import QtQuick.Layouts 1.1 +import QtQuick.Controls 1.1 + +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents + +Item { + id: root + + /* + * Any message to be displayed to the user, visible above the text fields + */ + property alias notificationMessage: notificationsLabel.text + + /* + * A list of Items (typically ActionButtons) to be shown in a Row beneath the prompts + */ + property alias actionItems: actionItemsLayout.children + + /* + * A model with a list of users to show in the view + * The following roles should exist: + * - name + * - iconSource + * + * The following are also handled: + * - vtNumber + * - displayNumber + * - session + * - isTty + */ + property alias userListModel: userListView.model + + /* + * Self explanatory + */ + property alias userListCurrentIndex: userListView.currentIndex + property var userListCurrentModelData: userListView.currentItem === null ? [] : userListView.currentItem.m + property bool showUserList: true + + property alias userList: userListView + + default property alias _children: innerLayout.children + + UserList { + id: userListView + visible: showUserList && y > 0 + anchors { + bottom: parent.verticalCenter + left: parent.left + right: parent.right + } + } + + //goal is to show the prompts, in ~16 grid units high, then the action buttons + //but collapse the space between the prompts and actions if there's no room + //ui is constrained to 16 grid units wide, or the screen + ColumnLayout { + id: prompts + anchors.top: parent.verticalCenter + anchors.topMargin: units.gridUnit * 0.5 + anchors.left: parent.left + anchors.right: parent.right + anchors.bottom: parent.bottom + PlasmaComponents.Label { + id: notificationsLabel + Layout.maximumWidth: units.gridUnit * 16 + Layout.alignment: Qt.AlignHCenter + Layout.fillWidth: true + horizontalAlignment: Text.AlignHCenter + wrapMode: Text.WordWrap + font.italic: true + } + ColumnLayout { + Layout.minimumHeight: implicitHeight + Layout.maximumHeight: units.gridUnit * 10 + Layout.maximumWidth: units.gridUnit * 16 + Layout.alignment: Qt.AlignHCenter + ColumnLayout { + id: innerLayout + Layout.alignment: Qt.AlignHCenter + Layout.fillWidth: true + } + Item { + Layout.fillHeight: true + } + } + Row { //deliberately not rowlayout as I'm not trying to resize child items + id: actionItemsLayout + spacing: units.smallSpacing + Layout.alignment: Qt.AlignHCenter + } + Item { + Layout.fillHeight: true + } + } +} diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/components/UserDelegate.qml b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/UserDelegate.qml new file mode 100644 index 00000000..4be842b8 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/UserDelegate.qml @@ -0,0 +1,193 @@ +/* + * Copyright 2014 David Edmundson + * Copyright 2014 Aleix Pol Gonzalez + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.8 +import org.kde.plasma.core 2.0 as PlasmaCore +import org.kde.plasma.components 2.0 as PlasmaComponents + +Item { + id: wrapper + + // If we're using software rendering, draw outlines instead of shadows + // See https://bugs.kde.org/show_bug.cgi?id=398317 + readonly property bool softwareRendering: GraphicsInfo.api === GraphicsInfo.Software + + property bool isCurrent: true + + readonly property var m: model + property string name + property string userName + property string avatarPath + property string iconSource + property bool constrainText: true + property alias nameFontSize: usernameDelegate.font.pointSize + property int fontSize: config.fontSize - 1 + signal clicked() + + property real faceSize: Math.min(width, height - usernameDelegate.height - units.smallSpacing) + + opacity: isCurrent ? 1.0 : 0.5 + + Behavior on opacity { + OpacityAnimator { + duration: units.longDuration + } + } + + // Draw a translucent background circle under the user picture + Rectangle { + anchors.centerIn: imageSource + width: imageSource.width + 2 // Subtract to prevent fringing + height: width + radius: width / 2 + gradient: Gradient { + GradientStop { position: 0.0; color: "#A67CF3" } + GradientStop { position: 1.0; color: "#9B79CC" } + } + } + + Item { + id: imageSource + anchors { + bottom: usernameDelegate.top + bottomMargin: units.largeSpacing + horizontalCenter: parent.horizontalCenter + } + Behavior on width { + PropertyAnimation { + from: faceSize + duration: units.longDuration * 2; + } + } + width: isCurrent ? faceSize : faceSize - units.largeSpacing + height: width + + //Image takes priority, taking a full path to a file, if that doesn't exist we show an icon + Image { + id: face + source: wrapper.avatarPath + sourceSize: Qt.size(faceSize, faceSize) + fillMode: Image.PreserveAspectCrop + anchors.fill: parent + } + + PlasmaCore.IconItem { + id: faceIcon + source: iconSource + visible: (face.status == Image.Error || face.status == Image.Null) + anchors.fill: parent + anchors.margins: units.gridUnit * 0.5 // because mockup says so... + colorGroup: PlasmaCore.ColorScope.colorGroup + } + } + + ShaderEffect { + anchors { + bottom: usernameDelegate.top + bottomMargin: units.largeSpacing + horizontalCenter: parent.horizontalCenter + } + + width: imageSource.width + height: imageSource.height + + supportsAtlasTextures: true + + property var source: ShaderEffectSource { + sourceItem: imageSource + // software rendering is just a fallback so we can accept not having a rounded avatar here + hideSource: wrapper.GraphicsInfo.api !== GraphicsInfo.Software + live: true // otherwise the user in focus will show a blurred avatar + } + + property var colorBorder: "#00000000" + + //draw a circle with an antialised border + //innerRadius = size of the inner circle with contents + //outerRadius = size of the border + //blend = area to blend between two colours + //all sizes are normalised so 0.5 == half the width of the texture + + //if copying into another project don't forget to connect themeChanged to update() + //but in SDDM that's a bit pointless + fragmentShader: " + varying highp vec2 qt_TexCoord0; + uniform highp float qt_Opacity; + uniform lowp sampler2D source; + + uniform lowp vec4 colorBorder; + highp float blend = 0.01; + highp float innerRadius = 0.47; + highp float outerRadius = 0.49; + lowp vec4 colorEmpty = vec4(0.0, 0.0, 0.0, 0.0); + + void main() { + lowp vec4 colorSource = texture2D(source, qt_TexCoord0.st); + + highp vec2 m = qt_TexCoord0 - vec2(0.5, 0.5); + highp float dist = sqrt(m.x * m.x + m.y * m.y); + + if (dist < innerRadius) + gl_FragColor = colorSource; + else if (dist < innerRadius + blend) + gl_FragColor = mix(colorSource, colorBorder, ((dist - innerRadius) / blend)); + else if (dist < outerRadius) + gl_FragColor = colorBorder; + else if (dist < outerRadius + blend) + gl_FragColor = mix(colorBorder, colorEmpty, ((dist - outerRadius) / blend)); + else + gl_FragColor = colorEmpty ; + + gl_FragColor = gl_FragColor * qt_Opacity; + } + " + } + + PlasmaComponents.Label { + id: usernameDelegate + font.pointSize: Math.max(fontSize + 2,theme.defaultFont.pointSize + 2) + anchors { + bottom: parent.bottom + horizontalCenter: parent.horizontalCenter + } + height: implicitHeight // work around stupid bug in Plasma Components that sets the height + width: constrainText ? parent.width : implicitWidth + text: wrapper.name + style: softwareRendering ? Text.Outline : Text.Normal + styleColor: softwareRendering ? PlasmaCore.ColorScope.backgroundColor : "transparent" //no outline, doesn't matter + elide: Text.ElideRight + horizontalAlignment: Text.AlignHCenter + color: config.color + //make an indication that this has active focus, this only happens when reached with keyboard navigation + font.underline: wrapper.activeFocus + font.family: config.font + } + + MouseArea { + anchors.fill: parent + hoverEnabled: true + + onClicked: wrapper.clicked(); + } + + Accessible.name: name + Accessible.role: Accessible.Button + function accessiblePressAction() { wrapper.clicked() } +} diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/components/UserList.qml b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/UserList.qml new file mode 100644 index 00000000..bad164c3 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/UserList.qml @@ -0,0 +1,93 @@ +/* + * Copyright 2014 David Edmundson + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2 or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.2 + +ListView { + id: view + readonly property string selectedUser: currentItem ? currentItem.userName : "" + readonly property int userItemWidth: units.gridUnit * 8 + readonly property int userItemHeight: units.gridUnit * 8 + + implicitHeight: userItemHeight + + activeFocusOnTab : true + + /* + * Signals that a user was explicitly selected + */ + signal userSelected; + + orientation: ListView.Horizontal + highlightRangeMode: ListView.StrictlyEnforceRange + + //centre align selected item (which implicitly centre aligns the rest + preferredHighlightBegin: width/2 - userItemWidth/2 + preferredHighlightEnd: preferredHighlightBegin + + delegate: UserDelegate { + avatarPath: model.icon || "" + iconSource: model.iconName || "user-identity" + + name: { + var displayName = model.realName || model.name + + if (model.vtNumber === undefined || model.vtNumber < 0) { + return displayName + } + + if (!model.session) { + return i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "Nobody logged in on that session", "Unused") + } + + + var location = "" + if (model.isTty) { + location = i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "User logged in on console number", "TTY %1", model.vtNumber) + } else if (model.displayNumber) { + location = i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "User logged in on console (X display number)", "on TTY %1 (Display %2)", model.vtNumber, model.displayNumber) + } + + if (location) { + return i18ndc("plasma_lookandfeel_org.kde.lookandfeel", "Username (location)", "%1 (%2)", displayName, location) + } + + return displayName + } + + userName: model.name + + width: userItemWidth + height: userItemHeight + + //if we only have one delegate, we don't need to clip the text as it won't be overlapping with anything + constrainText: ListView.view.count > 1 + + isCurrent: ListView.isCurrentItem + + onClicked: { + ListView.view.currentIndex = index; + ListView.view.userSelected(); + } + } + + Keys.onEscapePressed: view.userSelected() + Keys.onEnterPressed: view.userSelected() + Keys.onReturnPressed: view.userSelected() +} diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/components/VirtualKeyboard.qml b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/VirtualKeyboard.qml new file mode 100644 index 00000000..1aa0d3b9 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/VirtualKeyboard.qml @@ -0,0 +1,29 @@ +/******************************************************************** + This file is part of the KDE project. + +Copyright (C) 2017 Martin Gräßlin + +This program is free software; you can redistribute it and/or modify +it under the terms of the GNU General Public License as published by +the Free Software Foundation; either version 2 of the License, or +(at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU General Public License for more details. + +You should have received a copy of the GNU General Public License +along with this program. If not, see . +*********************************************************************/ + +import QtQuick 2.5 +import QtQuick.VirtualKeyboard 2.1 + +InputPanel { + id: inputPanel + property bool activated: false + active: activated && Qt.inputMethod.visible + visible: active + width: parent.width +} diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/components/artwork/logout_primary.svgz b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/artwork/logout_primary.svgz new file mode 100644 index 00000000..6a9423fa Binary files /dev/null and b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/artwork/logout_primary.svgz differ diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/components/artwork/restart_primary.svgz b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/artwork/restart_primary.svgz new file mode 100644 index 00000000..e2312bd8 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/artwork/restart_primary.svgz differ diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/components/artwork/shutdown_primary.svgz b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/artwork/shutdown_primary.svgz new file mode 100644 index 00000000..1c60152f Binary files /dev/null and b/filesystem/.themes/Dracula/kde/sddm/Dracula/components/artwork/shutdown_primary.svgz differ diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/faces/.face.icon b/filesystem/.themes/Dracula/kde/sddm/Dracula/faces/.face.icon new file mode 100644 index 00000000..ecee9917 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/faces/.face.icon @@ -0,0 +1,14 @@ + + + + + + diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/metadata.desktop b/filesystem/.themes/Dracula/kde/sddm/Dracula/metadata.desktop new file mode 100644 index 00000000..63a8be25 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/metadata.desktop @@ -0,0 +1,16 @@ +[SddmGreeterTheme] +Name=Dracula +Description=Dracula sddm theme +Author=Eliver Lara +Copyright=(c) 2019, Eliver Lara +License=GPL 3+ +Type=sddm-theme +Version=0.1 +Website=https://github.com/EliverLara/Ant-Dracula/tree/master/kde/sddm +Screenshot=preview.png +MainScript=Main.qml +ConfigFile=theme.conf +TranslationsDirectory=translations +Email=eliverlara@gmail.com +Theme-Id=Dracula +Theme-API=2.0 diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/preview.png b/filesystem/.themes/Dracula/kde/sddm/Dracula/preview.png new file mode 100644 index 00000000..341be512 Binary files /dev/null and b/filesystem/.themes/Dracula/kde/sddm/Dracula/preview.png differ diff --git a/filesystem/.themes/Dracula/kde/sddm/Dracula/theme.conf b/filesystem/.themes/Dracula/kde/sddm/Dracula/theme.conf new file mode 100644 index 00000000..696eaa20 --- /dev/null +++ b/filesystem/.themes/Dracula/kde/sddm/Dracula/theme.conf @@ -0,0 +1,9 @@ +[General] +type=image +color=#C3C7D1 +highlight_color=#ffffff +selected_color=#9B79CC +selected_fg_color=#2e3440 +fontSize=11 +Background="assets/background.jpg" +font="Cantarell" diff --git a/filesystem/.themes/Dracula/metacity-1/close.png b/filesystem/.themes/Dracula/metacity-1/close.png new file mode 100644 index 00000000..57a9dd4f Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/close.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/close_focused.png b/filesystem/.themes/Dracula/metacity-1/close_focused.png new file mode 100644 index 00000000..57a9dd4f Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/close_focused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/close_focused_normal.png b/filesystem/.themes/Dracula/metacity-1/close_focused_normal.png new file mode 100644 index 00000000..57a9dd4f Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/close_focused_normal.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/close_focused_prelight.png b/filesystem/.themes/Dracula/metacity-1/close_focused_prelight.png new file mode 100644 index 00000000..5003de12 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/close_focused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/close_focused_pressed.png b/filesystem/.themes/Dracula/metacity-1/close_focused_pressed.png new file mode 100644 index 00000000..3810512b Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/close_focused_pressed.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/close_unfocused.png b/filesystem/.themes/Dracula/metacity-1/close_unfocused.png new file mode 100644 index 00000000..357acd3a Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/close_unfocused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/close_unfocused_prelight.png b/filesystem/.themes/Dracula/metacity-1/close_unfocused_prelight.png new file mode 100644 index 00000000..7540136a Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/close_unfocused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/close_unfocused_pressed.png b/filesystem/.themes/Dracula/metacity-1/close_unfocused_pressed.png new file mode 100644 index 00000000..3810512b Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/close_unfocused_pressed.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/maximize.png b/filesystem/.themes/Dracula/metacity-1/maximize.png new file mode 100644 index 00000000..53941886 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/maximize.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/maximize_focused.png b/filesystem/.themes/Dracula/metacity-1/maximize_focused.png new file mode 100644 index 00000000..53941886 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/maximize_focused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/maximize_focused_normal.png b/filesystem/.themes/Dracula/metacity-1/maximize_focused_normal.png new file mode 100644 index 00000000..53941886 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/maximize_focused_normal.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/maximize_focused_prelight.png b/filesystem/.themes/Dracula/metacity-1/maximize_focused_prelight.png new file mode 100644 index 00000000..bf4f0da4 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/maximize_focused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/maximize_focused_pressed.png b/filesystem/.themes/Dracula/metacity-1/maximize_focused_pressed.png new file mode 100644 index 00000000..bf4f0da4 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/maximize_focused_pressed.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/maximize_unfocused.png b/filesystem/.themes/Dracula/metacity-1/maximize_unfocused.png new file mode 100644 index 00000000..aefe981f Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/maximize_unfocused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/maximize_unfocused_prelight.png b/filesystem/.themes/Dracula/metacity-1/maximize_unfocused_prelight.png new file mode 100644 index 00000000..bf4f0da4 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/maximize_unfocused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/maximize_unfocused_pressed.png b/filesystem/.themes/Dracula/metacity-1/maximize_unfocused_pressed.png new file mode 100644 index 00000000..bf4f0da4 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/maximize_unfocused_pressed.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/menu.png b/filesystem/.themes/Dracula/metacity-1/menu.png new file mode 100644 index 00000000..591572eb Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/menu.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/menu_focused.png b/filesystem/.themes/Dracula/metacity-1/menu_focused.png new file mode 100644 index 00000000..591572eb Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/menu_focused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/menu_focused_normal.png b/filesystem/.themes/Dracula/metacity-1/menu_focused_normal.png new file mode 100644 index 00000000..591572eb Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/menu_focused_normal.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/menu_focused_prelight.png b/filesystem/.themes/Dracula/metacity-1/menu_focused_prelight.png new file mode 100644 index 00000000..1b99b07a Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/menu_focused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/menu_focused_pressed.png b/filesystem/.themes/Dracula/metacity-1/menu_focused_pressed.png new file mode 100644 index 00000000..1b99b07a Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/menu_focused_pressed.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/menu_unfocused.png b/filesystem/.themes/Dracula/metacity-1/menu_unfocused.png new file mode 100644 index 00000000..81e06d52 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/menu_unfocused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/menu_unfocused_prelight.png b/filesystem/.themes/Dracula/metacity-1/menu_unfocused_prelight.png new file mode 100644 index 00000000..1b99b07a Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/menu_unfocused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/menu_unfocused_pressed.png b/filesystem/.themes/Dracula/metacity-1/menu_unfocused_pressed.png new file mode 100644 index 00000000..1b99b07a Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/menu_unfocused_pressed.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/metacity-theme-1.xml b/filesystem/.themes/Dracula/metacity-1/metacity-theme-1.xml new file mode 120000 index 00000000..fa4e5f1c --- /dev/null +++ b/filesystem/.themes/Dracula/metacity-1/metacity-theme-1.xml @@ -0,0 +1 @@ +metacity-theme.xml \ No newline at end of file diff --git a/filesystem/.themes/Dracula/metacity-1/metacity-theme-2.xml b/filesystem/.themes/Dracula/metacity-1/metacity-theme-2.xml new file mode 120000 index 00000000..fa4e5f1c --- /dev/null +++ b/filesystem/.themes/Dracula/metacity-1/metacity-theme-2.xml @@ -0,0 +1 @@ +metacity-theme.xml \ No newline at end of file diff --git a/filesystem/.themes/Dracula/metacity-1/metacity-theme-3.xml b/filesystem/.themes/Dracula/metacity-1/metacity-theme-3.xml new file mode 100755 index 00000000..62301bc5 --- /dev/null +++ b/filesystem/.themes/Dracula/metacity-1/metacity-theme-3.xml @@ -0,0 +1,1144 @@ + + + + Dracula + Eliver Lara <eliverlara@gmail> + ÂEliver Lara, 2022 + 2022 + Dracula Window Theme + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +</draw_ops> + +<draw_ops name="title_unfocused"> + <title x="(0 `max` ((width - title_width) / 2)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused" /> +</draw_ops> + +<!-- WINDOW DECORATIONS --> +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_focused"> + <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_fill_attached_focused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_focused" /> +</draw_ops> + +<draw_ops name="rounded_titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="border_focused"> + <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="border_unfocused"> + <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="border_right_focused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_right_unfocused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<draw_ops name="border_left_focused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_left_unfocused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<!-- BUTTON ICONS --> +<!-- note: negative values in x or y causes gnome-shell to crash --> + +<!-- Close icon --> +<draw_ops name="close_focused"> + <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_prelight"> + <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_pressed"> + <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused"> + <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_prelight"> + <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_pressed"> + <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Maximize icon --> +<draw_ops name="maximize_focused"> + <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_prelight"> + <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_pressed"> + <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused"> + <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_prelight"> + <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_pressed"> + <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + +<!-- Unmaximize icon --> +<draw_ops name="unmaximize_focused"> + <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_prelight"> + <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_pressed"> + <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused"> + <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_prelight"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_pressed"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Minimize icon --> +<draw_ops name="minimize_focused"> + <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_prelight"> + <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_pressed"> + <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused"> + <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_prelight"> + <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_pressed"> + <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Menu icon --> +<draw_ops name="menu_focused"> + <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_prelight"> + <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_pressed"> + <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused"> + <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_prelight"> + <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_pressed"> + <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Shade icon --> +<draw_ops name="shade_focused"> + <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_prelight"> + <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_pressed"> + <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused"> + <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_prelight"> + <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_pressed"> + <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Unshade icon --> +<draw_ops name="unshade_focused"> + <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_prelight"> + <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_pressed"> + <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused"> + <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_prelight"> + <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_pressed"> + <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- FRAME STYLES --> +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_focused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_unfocused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="borderless" geometry="borderless"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_right_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_right_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_left_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_left_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- placeholder for unimplementated styles--> +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- FRAME STYLE SETS --> +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused" /> + <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> + <frame focus="yes" state="maximized" style="normal_max_focused" /> + <frame focus="no" state="maximized" style="normal_max_unfocused" /> + <frame focus="yes" state="shaded" style="normal_focused" /> + <frame focus="no" state="shaded" style="normal_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> + <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="dialog_focused" /> + <frame focus="no" state="shaded" style="dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="modal_dialog_focused" /> + <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused" /> + <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="utility_focused" /> + <frame focus="no" state="shaded" style="utility_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused" /> + <frame focus="no" state="normal" resize="both" style="border_unfocused" /> + <frame focus="yes" state="maximized" style="borderless" /> + <frame focus="no" state="maximized" style="borderless" /> + <frame focus="yes" state="shaded" style="blank" /> + <frame focus="no" state="shaded" style="blank" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<!-- WINDOWS --> +<window type="normal" style_set="normal_style_set" /> +<window type="dialog" style_set="dialog_style_set" /> +<window type="modal_dialog" style_set="modal_dialog_style_set" /> +<window type="menu" style_set="utility_style_set" /> +<window type="utility" style_set="utility_style_set" /> +<window type="border" style_set="border_style_set" /> + +</metacity_theme> diff --git a/filesystem/.themes/Dracula/metacity-1/metacity-theme.xml b/filesystem/.themes/Dracula/metacity-1/metacity-theme.xml new file mode 100755 index 00000000..5bd70a67 --- /dev/null +++ b/filesystem/.themes/Dracula/metacity-1/metacity-theme.xml @@ -0,0 +1,1144 @@ +<?xml version="1.0"?> +<metacity_theme> +<info> + <name>Dracula</name> + <author>Eliver Lara <eliverlara@gmail></author> + <copyright>ÂEliver Lara, 2022</copyright> + <date>2022</date> + <description>Dracula Window Theme</description> +</info> + + +<!-- CONSTANTS --> +<constant name="C_titlebar" value="#1e1f29" /> +<constant name="C_titlebar_unfocused" value="#1e1f29" /> +<constant name="C_border_focused" value="#1e1f29" /> +<constant name="C_border_unfocused" value="#1e1f29" /> +<constant name="C_title_focused" value="#f8f8f2" /> +<constant name="C_title_unfocused" value="#93979f" /> + +<constant name="C_wm_button_background" value="#fc2" /> +<constant name="C_wm_button_foreground" value="#283141" /> +<constant name="C_wm_button_unfocused" value="#e6e8eb" /> + +<constant name="C_close_button" value="#283141" /> +<constant name="C_maximize_button" value="#283141" /> +<constant name="C_restore_button" value="#283141" /> +<constant name="C_minimize_button" value="#283141" /> + +<!-- GEOMETRY --> + +<!-- Focused window --> +<frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4"> + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="3" /> + <distance name="left_titlebar_edge" value="5" /> + <distance name="right_titlebar_edge" value="5" /> + <distance name="title_vertical_pad" value="4" /> + <aspect_ratio name="button" value="1.0" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Unfocused window --> +<frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="4" rounded_top_right="4" parent="normal" > + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="left_titlebar_edge" value="5"/> + <distance name="right_titlebar_edge" value="5"/> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Maximized window --> +<frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Left tiled window --> +<frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="right_width" value="0" /> +</frame_geometry> + +<!-- Right tiled window --> +<frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="left_width" value="0" /> +</frame_geometry> + +<!-- Small window --> +<frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<!-- Small unfocused window --> +<frame_geometry name="small_unfocused" parent="small"> + <distance name="left_titlebar_edge" value="5"/> + <distance name="right_titlebar_edge" value="5"/> +</frame_geometry> + +<!-- No buttons --> +<frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> +</frame_geometry> + +<!-- Border --> +<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="1" /> + <distance name="title_vertical_pad" value="1" /> + <border name="title_border" left="10" right="10" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<!-- Borderless --> +<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="0" /> + <border name="title_border" left="0" right="0" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<!-- Modal --> +<frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small"> + <distance name="title_vertical_pad" value="5"/> +</frame_geometry> + +<frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="title_vertical_pad" value="8"/> + <distance name="bottom_height" value="1"/> + <distance name="left_width" value="1"/> + <distance name="right_width" value="1"/> +</frame_geometry> + + +<!-- TITLES --> + +<!-- Title alignment --> +<draw_ops name="title_focused"> + <title x="(0 `max` ((width - title_width) / 2)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_focused" /> +</draw_ops> + +<draw_ops name="title_unfocused"> + <title x="(0 `max` ((width - title_width) / 2)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused" /> +</draw_ops> + +<!-- WINDOW DECORATIONS --> +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_focused"> + <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_fill_attached_focused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_focused" /> +</draw_ops> + +<draw_ops name="rounded_titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="border_focused"> + <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="border_unfocused"> + <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="border_right_focused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_right_unfocused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<draw_ops name="border_left_focused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_left_unfocused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<!-- BUTTON ICONS --> +<!-- note: negative values in x or y causes gnome-shell to crash --> + +<!-- Close icon --> +<draw_ops name="close_focused"> + <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_prelight"> + <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_pressed"> + <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused"> + <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_prelight"> + <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_pressed"> + <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Maximize icon --> +<draw_ops name="maximize_focused"> + <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_prelight"> + <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_pressed"> + <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused"> + <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_prelight"> + <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_pressed"> + <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + +<!-- Unmaximize icon --> +<draw_ops name="unmaximize_focused"> + <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_prelight"> + <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_pressed"> + <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused"> + <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_prelight"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_pressed"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Minimize icon --> +<draw_ops name="minimize_focused"> + <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_prelight"> + <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_pressed"> + <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused"> + <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_prelight"> + <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_pressed"> + <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Menu icon --> +<draw_ops name="menu_focused"> + <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_prelight"> + <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_pressed"> + <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused"> + <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_prelight"> + <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_pressed"> + <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Shade icon --> +<draw_ops name="shade_focused"> + <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_prelight"> + <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_pressed"> + <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused"> + <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_prelight"> + <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_pressed"> + <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Unshade icon --> +<draw_ops name="unshade_focused"> + <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_prelight"> + <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_pressed"> + <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused"> + <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_prelight"> + <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_pressed"> + <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- FRAME STYLES --> +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_focused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_unfocused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="borderless" geometry="borderless"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_right_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_right_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_left_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_left_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- placeholder for unimplementated styles--> +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- FRAME STYLE SETS --> +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused" /> + <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> + <frame focus="yes" state="maximized" style="normal_max_focused" /> + <frame focus="no" state="maximized" style="normal_max_unfocused" /> + <frame focus="yes" state="shaded" style="normal_focused" /> + <frame focus="no" state="shaded" style="normal_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> + <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="dialog_focused" /> + <frame focus="no" state="shaded" style="dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="modal_dialog_focused" /> + <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused" /> + <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="utility_focused" /> + <frame focus="no" state="shaded" style="utility_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused" /> + <frame focus="no" state="normal" resize="both" style="border_unfocused" /> + <frame focus="yes" state="maximized" style="borderless" /> + <frame focus="no" state="maximized" style="borderless" /> + <frame focus="yes" state="shaded" style="blank" /> + <frame focus="no" state="shaded" style="blank" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<!-- WINDOWS --> +<window type="normal" style_set="normal_style_set" /> +<window type="dialog" style_set="dialog_style_set" /> +<window type="modal_dialog" style_set="modal_dialog_style_set" /> +<window type="menu" style_set="utility_style_set" /> +<window type="utility" style_set="utility_style_set" /> +<window type="border" style_set="border_style_set" /> + +</metacity_theme> diff --git a/filesystem/.themes/Dracula/metacity-1/minimize.png b/filesystem/.themes/Dracula/metacity-1/minimize.png new file mode 100644 index 00000000..ba7ad7e0 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/minimize.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/minimize_focused.png b/filesystem/.themes/Dracula/metacity-1/minimize_focused.png new file mode 100644 index 00000000..ba7ad7e0 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/minimize_focused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/minimize_focused_normal.png b/filesystem/.themes/Dracula/metacity-1/minimize_focused_normal.png new file mode 100644 index 00000000..ba7ad7e0 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/minimize_focused_normal.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/minimize_focused_prelight.png b/filesystem/.themes/Dracula/metacity-1/minimize_focused_prelight.png new file mode 100644 index 00000000..409f9517 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/minimize_focused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/minimize_focused_pressed.png b/filesystem/.themes/Dracula/metacity-1/minimize_focused_pressed.png new file mode 100644 index 00000000..409f9517 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/minimize_focused_pressed.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/minimize_unfocused.png b/filesystem/.themes/Dracula/metacity-1/minimize_unfocused.png new file mode 100644 index 00000000..aefe981f Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/minimize_unfocused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/minimize_unfocused_prelight.png b/filesystem/.themes/Dracula/metacity-1/minimize_unfocused_prelight.png new file mode 100644 index 00000000..409f9517 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/minimize_unfocused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/minimize_unfocused_pressed.png b/filesystem/.themes/Dracula/metacity-1/minimize_unfocused_pressed.png new file mode 100644 index 00000000..409f9517 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/minimize_unfocused_pressed.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/shade.png b/filesystem/.themes/Dracula/metacity-1/shade.png new file mode 100644 index 00000000..9d1ff7dd Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/shade.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/shade_focused.png b/filesystem/.themes/Dracula/metacity-1/shade_focused.png new file mode 100644 index 00000000..9d1ff7dd Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/shade_focused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/shade_focused_normal.png b/filesystem/.themes/Dracula/metacity-1/shade_focused_normal.png new file mode 100644 index 00000000..9d1ff7dd Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/shade_focused_normal.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/shade_focused_prelight.png b/filesystem/.themes/Dracula/metacity-1/shade_focused_prelight.png new file mode 100644 index 00000000..90655fc8 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/shade_focused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/shade_focused_pressed.png b/filesystem/.themes/Dracula/metacity-1/shade_focused_pressed.png new file mode 100644 index 00000000..b0a26c61 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/shade_focused_pressed.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/shade_unfocused.png b/filesystem/.themes/Dracula/metacity-1/shade_unfocused.png new file mode 100644 index 00000000..8fa50565 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/shade_unfocused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/shade_unfocused_prelight.png b/filesystem/.themes/Dracula/metacity-1/shade_unfocused_prelight.png new file mode 100644 index 00000000..9d1ff7dd Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/shade_unfocused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/shade_unfocused_pressed.png b/filesystem/.themes/Dracula/metacity-1/shade_unfocused_pressed.png new file mode 100644 index 00000000..b0a26c61 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/shade_unfocused_pressed.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/thumbnail.png b/filesystem/.themes/Dracula/metacity-1/thumbnail.png new file mode 100644 index 00000000..765c8695 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/thumbnail.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unmaximize.png b/filesystem/.themes/Dracula/metacity-1/unmaximize.png new file mode 100644 index 00000000..96ee50c2 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unmaximize.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unmaximize_focused.png b/filesystem/.themes/Dracula/metacity-1/unmaximize_focused.png new file mode 100644 index 00000000..96ee50c2 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unmaximize_focused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unmaximize_focused_normal.png b/filesystem/.themes/Dracula/metacity-1/unmaximize_focused_normal.png new file mode 100644 index 00000000..96ee50c2 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unmaximize_focused_normal.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unmaximize_focused_prelight.png b/filesystem/.themes/Dracula/metacity-1/unmaximize_focused_prelight.png new file mode 100644 index 00000000..79c7ece3 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unmaximize_focused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unmaximize_focused_pressed.png b/filesystem/.themes/Dracula/metacity-1/unmaximize_focused_pressed.png new file mode 100644 index 00000000..79c7ece3 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unmaximize_focused_pressed.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unmaximize_unfocused.png b/filesystem/.themes/Dracula/metacity-1/unmaximize_unfocused.png new file mode 100644 index 00000000..357acd3a Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unmaximize_unfocused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unmaximize_unfocused_prelight.png b/filesystem/.themes/Dracula/metacity-1/unmaximize_unfocused_prelight.png new file mode 100644 index 00000000..79c7ece3 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unmaximize_unfocused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unmaximize_unfocused_pressed.png b/filesystem/.themes/Dracula/metacity-1/unmaximize_unfocused_pressed.png new file mode 100644 index 00000000..79c7ece3 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unmaximize_unfocused_pressed.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unshade.png b/filesystem/.themes/Dracula/metacity-1/unshade.png new file mode 100644 index 00000000..ca57d053 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unshade.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unshade_focused.png b/filesystem/.themes/Dracula/metacity-1/unshade_focused.png new file mode 100644 index 00000000..ca57d053 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unshade_focused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unshade_focused_normal.png b/filesystem/.themes/Dracula/metacity-1/unshade_focused_normal.png new file mode 100644 index 00000000..ca57d053 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unshade_focused_normal.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unshade_focused_prelight.png b/filesystem/.themes/Dracula/metacity-1/unshade_focused_prelight.png new file mode 100644 index 00000000..b20ccf6d Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unshade_focused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unshade_focused_pressed.png b/filesystem/.themes/Dracula/metacity-1/unshade_focused_pressed.png new file mode 100644 index 00000000..27c14b61 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unshade_focused_pressed.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unshade_unfocused.png b/filesystem/.themes/Dracula/metacity-1/unshade_unfocused.png new file mode 100644 index 00000000..8fa50565 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unshade_unfocused.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unshade_unfocused_prelight.png b/filesystem/.themes/Dracula/metacity-1/unshade_unfocused_prelight.png new file mode 100644 index 00000000..ca57d053 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unshade_unfocused_prelight.png differ diff --git a/filesystem/.themes/Dracula/metacity-1/unshade_unfocused_pressed.png b/filesystem/.themes/Dracula/metacity-1/unshade_unfocused_pressed.png new file mode 100644 index 00000000..27c14b61 Binary files /dev/null and b/filesystem/.themes/Dracula/metacity-1/unshade_unfocused_pressed.png differ diff --git a/filesystem/.themes/Dracula/package-lock.json b/filesystem/.themes/Dracula/package-lock.json new file mode 100644 index 00000000..fbf97220 --- /dev/null +++ b/filesystem/.themes/Dracula/package-lock.json @@ -0,0 +1,4373 @@ +{ + "name": "Ant", + "version": "1.0.0", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "abbrev": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", + "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==" + }, + "ajv": { + "version": "6.12.3", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.3.tgz", + "integrity": "sha512-4K0cK3L1hsqk9xIb2z9vs/XU+PGJZ9PNpJRDS9YLzmNdX6jmVPfamLvTJr0aDAusnHyCHO6MjzlkAsgtqp9teA==", + "requires": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + } + }, + "amdefine": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz", + "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=" + }, + "ansi-colors": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", + "integrity": "sha512-SFKX67auSNoVR38N3L+nvsPjOE0bybKTYbkf5tRvushrAPQ9V75huw0ZxBkKVeRU9kqH3d6HA4xTckbwZ4ixmA==", + "requires": { + "ansi-wrap": "^0.1.0" + } + }, + "ansi-gray": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/ansi-gray/-/ansi-gray-0.1.1.tgz", + "integrity": "sha1-KWLPVOyXksSFEKPetSRDaGHvclE=", + "requires": { + "ansi-wrap": "0.1.0" + } + }, + "ansi-regex": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", + "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=" + }, + "ansi-styles": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", + "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=" + }, + "ansi-wrap": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/ansi-wrap/-/ansi-wrap-0.1.0.tgz", + "integrity": "sha1-qCJQ3bABXponyoLoLqYDu/pF768=" + }, + "anymatch": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", + "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", + "requires": { + "micromatch": "^3.1.4", + "normalize-path": "^2.1.1" + } + }, + "append-buffer": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/append-buffer/-/append-buffer-1.0.2.tgz", + "integrity": "sha1-2CIM9GYIFSXv6lBhTz3mUU36WPE=", + "requires": { + "buffer-equal": "^1.0.0" + } + }, + "aproba": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz", + "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==" + }, + "archy": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz", + "integrity": "sha1-+cjBN1fMHde8N5rHeyxipcKGjEA=" + }, + "are-we-there-yet": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz", + "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==", + "requires": { + "delegates": "^1.0.0", + "readable-stream": "^2.0.6" + } + }, + "arr-diff": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", + "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=" + }, + "arr-filter": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/arr-filter/-/arr-filter-1.1.2.tgz", + "integrity": "sha1-Q/3d0JHo7xGqTEXZzcGOLf8XEe4=", + "requires": { + "make-iterator": "^1.0.0" + } + }, + "arr-flatten": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz", + "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==" + }, + "arr-map": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/arr-map/-/arr-map-2.0.2.tgz", + "integrity": "sha1-Onc0X/wc814qkYJWAfnljy4kysQ=", + "requires": { + "make-iterator": "^1.0.0" + } + }, + "arr-union": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", + "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=" + }, + "array-differ": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-1.0.0.tgz", + "integrity": "sha1-7/UuN1gknTO+QCuLuOVkuytdQDE=" + }, + "array-each": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/array-each/-/array-each-1.0.1.tgz", + "integrity": "sha1-p5SvDAWrF1KEbudTofIRoFugxE8=" + }, + "array-find-index": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz", + "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=" + }, + "array-initial": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/array-initial/-/array-initial-1.1.0.tgz", + "integrity": "sha1-L6dLJnOTccOUe9enrcc74zSz15U=", + "requires": { + "array-slice": "^1.0.0", + "is-number": "^4.0.0" + }, + "dependencies": { + "is-number": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz", + "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==" + } + } + }, + "array-last": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/array-last/-/array-last-1.3.0.tgz", + "integrity": "sha512-eOCut5rXlI6aCOS7Z7kCplKRKyiFQ6dHFBem4PwlwKeNFk2/XxTrhRh5T9PyaEWGy/NHTZWbY+nsZlNFJu9rYg==", + "requires": { + "is-number": "^4.0.0" + }, + "dependencies": { + "is-number": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz", + "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==" + } + } + }, + "array-slice": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-1.1.0.tgz", + "integrity": "sha512-B1qMD3RBP7O8o0H2KbrXDyB0IccejMF15+87Lvlor12ONPRHP6gTjXMNkt/d3ZuOGbAe66hFmaCfECI24Ufp6w==" + }, + "array-sort": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/array-sort/-/array-sort-1.0.0.tgz", + "integrity": "sha512-ihLeJkonmdiAsD7vpgN3CRcx2J2S0TiYW+IS/5zHBI7mKUq3ySvBdzzBfD236ubDBQFiiyG3SWCPc+msQ9KoYg==", + "requires": { + "default-compare": "^1.0.0", + "get-value": "^2.0.6", + "kind-of": "^5.0.2" + }, + "dependencies": { + "kind-of": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", + "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==" + } + } + }, + "array-uniq": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz", + "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=" + }, + "array-unique": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", + "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=" + }, + "asn1": { + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz", + "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==", + "requires": { + "safer-buffer": "~2.1.0" + } + }, + "assert-plus": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", + "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=" + }, + "assign-symbols": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz", + "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=" + }, + "async-done": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/async-done/-/async-done-1.3.1.tgz", + "integrity": "sha512-R1BaUeJ4PMoLNJuk+0tLJgjmEqVsdN118+Z8O+alhnQDQgy0kmD5Mqi0DNEmMx2LM0Ed5yekKu+ZXYvIHceicg==", + "requires": { + "end-of-stream": "^1.1.0", + "once": "^1.3.2", + "process-nextick-args": "^1.0.7", + "stream-exhaust": "^1.0.1" + } + }, + "async-each": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz", + "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==" + }, + "async-foreach": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz", + "integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=" + }, + "async-settle": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/async-settle/-/async-settle-1.0.0.tgz", + "integrity": "sha1-HQqRS7Aldb7IqPOnTlCA9yssDGs=", + "requires": { + "async-done": "^1.2.2" + } + }, + "asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=" + }, + "atob": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", + "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==" + }, + "aws-sign2": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz", + "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=" + }, + "aws4": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.10.0.tgz", + "integrity": "sha512-3YDiu347mtVtjpyV3u5kVqQLP242c06zwDOgpeRnybmXlYYsLbtTrUBUm8i8srONt+FWobl5aibnU1030PeeuA==" + }, + "bach": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/bach/-/bach-1.2.0.tgz", + "integrity": "sha1-Szzpa/JxNPeaG0FKUcFONMO9mIA=", + "requires": { + "arr-filter": "^1.1.1", + "arr-flatten": "^1.0.1", + "arr-map": "^2.0.0", + "array-each": "^1.0.0", + "array-initial": "^1.0.0", + "array-last": "^1.1.1", + "async-done": "^1.2.2", + "async-settle": "^1.0.0", + "now-and-later": "^2.0.0" + } + }, + "balanced-match": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", + "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=" + }, + "base": { + "version": "0.11.2", + "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz", + "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==", + "requires": { + "cache-base": "^1.0.1", + "class-utils": "^0.3.5", + "component-emitter": "^1.2.1", + "define-property": "^1.0.0", + "isobject": "^3.0.1", + "mixin-deep": "^1.2.0", + "pascalcase": "^0.1.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "bcrypt-pbkdf": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz", + "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=", + "requires": { + "tweetnacl": "^0.14.3" + } + }, + "beeper": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/beeper/-/beeper-1.1.1.tgz", + "integrity": "sha1-5tXqjF2tABMEpwsiY4RH9pyy+Ak=" + }, + "binary-extensions": { + "version": "1.13.1", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz", + "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==" + }, + "bindings": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz", + "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==", + "optional": true, + "requires": { + "file-uri-to-path": "1.0.0" + } + }, + "block-stream": { + "version": "0.0.9", + "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz", + "integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=", + "requires": { + "inherits": "~2.0.0" + } + }, + "brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "requires": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "braces": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", + "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", + "requires": { + "arr-flatten": "^1.1.0", + "array-unique": "^0.3.2", + "extend-shallow": "^2.0.1", + "fill-range": "^4.0.0", + "isobject": "^3.0.1", + "repeat-element": "^1.1.2", + "snapdragon": "^0.8.1", + "snapdragon-node": "^2.0.1", + "split-string": "^3.0.2", + "to-regex": "^3.0.1" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "buffer-equal": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/buffer-equal/-/buffer-equal-1.0.0.tgz", + "integrity": "sha1-WWFrSYME1Var1GaWayLu2j7KX74=" + }, + "buffer-from": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz", + "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==" + }, + "builtin-modules": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz", + "integrity": "sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8=" + }, + "cache-base": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz", + "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==", + "requires": { + "collection-visit": "^1.0.0", + "component-emitter": "^1.2.1", + "get-value": "^2.0.6", + "has-value": "^1.0.0", + "isobject": "^3.0.1", + "set-value": "^2.0.0", + "to-object-path": "^0.3.0", + "union-value": "^1.0.0", + "unset-value": "^1.0.0" + } + }, + "camelcase": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", + "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=" + }, + "camelcase-keys": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz", + "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=", + "requires": { + "camelcase": "^2.0.0", + "map-obj": "^1.0.0" + }, + "dependencies": { + "camelcase": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz", + "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=" + } + } + }, + "caseless": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", + "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=" + }, + "chalk": { + "version": "1.1.3", + "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", + "requires": { + "ansi-styles": "^2.2.1", + "escape-string-regexp": "^1.0.2", + "has-ansi": "^2.0.0", + "strip-ansi": "^3.0.0", + "supports-color": "^2.0.0" + } + }, + "chokidar": { + "version": "2.1.8", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz", + "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==", + "requires": { + "anymatch": "^2.0.0", + "async-each": "^1.0.1", + "braces": "^2.3.2", + "fsevents": "^1.2.7", + "glob-parent": "^3.1.0", + "inherits": "^2.0.3", + "is-binary-path": "^1.0.0", + "is-glob": "^4.0.0", + "normalize-path": "^3.0.0", + "path-is-absolute": "^1.0.0", + "readdirp": "^2.2.1", + "upath": "^1.1.1" + }, + "dependencies": { + "normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==" + } + } + }, + "class-utils": { + "version": "0.3.6", + "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", + "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==", + "requires": { + "arr-union": "^3.1.0", + "define-property": "^0.2.5", + "isobject": "^3.0.0", + "static-extend": "^0.1.1" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + } + } + }, + "cliui": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz", + "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=", + "requires": { + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1", + "wrap-ansi": "^2.0.0" + } + }, + "clone": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", + "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" + }, + "clone-buffer": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/clone-buffer/-/clone-buffer-1.0.0.tgz", + "integrity": "sha1-4+JbIHrE5wGvch4staFnksrD3Fg=" + }, + "clone-stats": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", + "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" + }, + "cloneable-readable": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/cloneable-readable/-/cloneable-readable-1.1.2.tgz", + "integrity": "sha512-Bq6+4t+lbM8vhTs/Bef5c5AdEMtapp/iFb6+s4/Hh9MVTt8OLKH7ZOOZSCT+Ys7hsHvqv0GuMPJ1lnQJVHvxpg==", + "requires": { + "inherits": "^2.0.1", + "process-nextick-args": "^2.0.0", + "readable-stream": "^2.3.5" + }, + "dependencies": { + "process-nextick-args": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", + "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==" + } + } + }, + "code-point-at": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz", + "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=" + }, + "collection-map": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/collection-map/-/collection-map-1.0.0.tgz", + "integrity": "sha1-rqDwb40mx4DCt1SUOFVEsiVa8Yw=", + "requires": { + "arr-map": "^2.0.2", + "for-own": "^1.0.0", + "make-iterator": "^1.0.0" + } + }, + "collection-visit": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", + "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=", + "requires": { + "map-visit": "^1.0.0", + "object-visit": "^1.0.0" + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" + }, + "color-support": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz", + "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==" + }, + "combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "requires": { + "delayed-stream": "~1.0.0" + } + }, + "component-emitter": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", + "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=" + }, + "concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" + }, + "concat-stream": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz", + "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", + "requires": { + "buffer-from": "^1.0.0", + "inherits": "^2.0.3", + "readable-stream": "^2.2.2", + "typedarray": "^0.0.6" + } + }, + "console-control-strings": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", + "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=" + }, + "convert-source-map": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.6.0.tgz", + "integrity": "sha512-eFu7XigvxdZ1ETfbgPBohgyQ/Z++C0eEhTor0qRwBw9unw+L0/6V8wkSuGgzdThkiS5lSpdptOQPD8Ak40a+7A==", + "requires": { + "safe-buffer": "~5.1.1" + } + }, + "copy-descriptor": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", + "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=" + }, + "copy-props": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/copy-props/-/copy-props-2.0.4.tgz", + "integrity": "sha512-7cjuUME+p+S3HZlbllgsn2CDwS+5eCCX16qBgNC4jgSTf49qR1VKy/Zhl400m0IQXl/bPGEVqncgUUMjrr4s8A==", + "requires": { + "each-props": "^1.3.0", + "is-plain-object": "^2.0.1" + } + }, + "core-util-is": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz", + "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=" + }, + "cross-spawn": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz", + "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=", + "requires": { + "lru-cache": "^4.0.1", + "which": "^1.2.9" + } + }, + "currently-unhandled": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz", + "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=", + "requires": { + "array-find-index": "^1.0.1" + } + }, + "d": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/d/-/d-1.0.0.tgz", + "integrity": "sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8=", + "requires": { + "es5-ext": "^0.10.9" + } + }, + "dashdash": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz", + "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=", + "requires": { + "assert-plus": "^1.0.0" + } + }, + "dateformat": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-2.2.0.tgz", + "integrity": "sha1-QGXiATz5+5Ft39gu+1Bq1MZ2kGI=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "decamelize": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", + "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=" + }, + "decode-uri-component": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", + "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=" + }, + "default-compare": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/default-compare/-/default-compare-1.0.0.tgz", + "integrity": "sha512-QWfXlM0EkAbqOCbD/6HjdwT19j7WCkMyiRhWilc4H9/5h/RzTF9gv5LYh1+CmDV5d1rki6KAWLtQale0xt20eQ==", + "requires": { + "kind-of": "^5.0.2" + }, + "dependencies": { + "kind-of": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", + "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==" + } + } + }, + "default-resolution": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/default-resolution/-/default-resolution-2.0.0.tgz", + "integrity": "sha1-vLgrqnKtebQmp2cy8aga1t8m1oQ=" + }, + "define-properties": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz", + "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==", + "requires": { + "object-keys": "^1.0.12" + } + }, + "define-property": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz", + "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==", + "requires": { + "is-descriptor": "^1.0.2", + "isobject": "^3.0.1" + }, + "dependencies": { + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=" + }, + "delegates": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", + "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=" + }, + "detect-file": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz", + "integrity": "sha1-8NZtA2cqglyxtzvbP+YjEMjlUrc=" + }, + "duplexer2": { + "version": "0.0.2", + "resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.0.2.tgz", + "integrity": "sha1-xhTc9n4vsUmVqRcR5aYX6KYKMds=", + "requires": { + "readable-stream": "~1.1.9" + }, + "dependencies": { + "isarray": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz", + "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=" + }, + "readable-stream": { + "version": "1.1.14", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz", + "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=", + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.1", + "isarray": "0.0.1", + "string_decoder": "~0.10.x" + } + }, + "string_decoder": { + "version": "0.10.31", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz", + "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=" + } + } + }, + "duplexify": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.6.0.tgz", + "integrity": "sha512-fO3Di4tBKJpYTFHAxTU00BcfWMY9w24r/x21a6rZRbsD/ToUgGxsMbiGRmB7uVAXeGKXD9MwiLZa5E97EVgIRQ==", + "requires": { + "end-of-stream": "^1.0.0", + "inherits": "^2.0.1", + "readable-stream": "^2.0.0", + "stream-shift": "^1.0.0" + } + }, + "each-props": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/each-props/-/each-props-1.3.2.tgz", + "integrity": "sha512-vV0Hem3zAGkJAyU7JSjixeU66rwdynTAa1vofCrSA5fEln+m67Az9CcnkVD776/fsN/UjIWmBDoNRS6t6G9RfA==", + "requires": { + "is-plain-object": "^2.0.1", + "object.defaults": "^1.1.0" + } + }, + "ecc-jsbn": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz", + "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=", + "requires": { + "jsbn": "~0.1.0", + "safer-buffer": "^2.1.0" + } + }, + "emoji-regex": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz", + "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==" + }, + "end-of-stream": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.1.tgz", + "integrity": "sha512-1MkrZNvWTKCaigbn+W15elq2BB/L22nqrSY5DKlo3X6+vclJm8Bb5djXJBmEX6fS3+zCh/F4VBK5Z2KxJt4s2Q==", + "requires": { + "once": "^1.4.0" + } + }, + "error-ex": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", + "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", + "requires": { + "is-arrayish": "^0.2.1" + } + }, + "es5-ext": { + "version": "0.10.46", + "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.46.tgz", + "integrity": "sha512-24XxRvJXNFwEMpJb3nOkiRJKRoupmjYmOPVlI65Qy2SrtxwOTB+g6ODjBKOtwEHbYrhWRty9xxOWLNdClT2djw==", + "requires": { + "es6-iterator": "~2.0.3", + "es6-symbol": "~3.1.1", + "next-tick": "1" + } + }, + "es6-iterator": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz", + "integrity": "sha1-p96IkUGgWpSwhUQDstCg+/qY87c=", + "requires": { + "d": "1", + "es5-ext": "^0.10.35", + "es6-symbol": "^3.1.1" + } + }, + "es6-symbol": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.1.tgz", + "integrity": "sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc=", + "requires": { + "d": "1", + "es5-ext": "~0.10.14" + } + }, + "es6-weak-map": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.2.tgz", + "integrity": "sha1-XjqzIlH/0VOKH45f+hNXdy+S2W8=", + "requires": { + "d": "1", + "es5-ext": "^0.10.14", + "es6-iterator": "^2.0.1", + "es6-symbol": "^3.1.1" + } + }, + "escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=" + }, + "expand-brackets": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", + "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", + "requires": { + "debug": "^2.3.3", + "define-property": "^0.2.5", + "extend-shallow": "^2.0.1", + "posix-character-classes": "^0.1.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "expand-tilde": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz", + "integrity": "sha1-l+gBqgUt8CRU3kawK/YhZCzchQI=", + "requires": { + "homedir-polyfill": "^1.0.1" + } + }, + "extend": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", + "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==" + }, + "extend-shallow": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", + "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=", + "requires": { + "assign-symbols": "^1.0.0", + "is-extendable": "^1.0.1" + }, + "dependencies": { + "is-extendable": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", + "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", + "requires": { + "is-plain-object": "^2.0.4" + } + } + } + }, + "extglob": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", + "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", + "requires": { + "array-unique": "^0.3.2", + "define-property": "^1.0.0", + "expand-brackets": "^2.1.4", + "extend-shallow": "^2.0.1", + "fragment-cache": "^0.2.1", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "extsprintf": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz", + "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=" + }, + "fancy-log": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/fancy-log/-/fancy-log-1.3.2.tgz", + "integrity": "sha1-9BEl49hPLn2JpD0G2VjI94vha+E=", + "requires": { + "ansi-gray": "^0.1.1", + "color-support": "^1.1.3", + "time-stamp": "^1.0.0" + } + }, + "fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==" + }, + "fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==" + }, + "file-uri-to-path": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", + "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==", + "optional": true + }, + "fill-range": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", + "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", + "requires": { + "extend-shallow": "^2.0.1", + "is-number": "^3.0.0", + "repeat-string": "^1.6.1", + "to-regex-range": "^2.1.0" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "find-up": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz", + "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=", + "requires": { + "path-exists": "^2.0.0", + "pinkie-promise": "^2.0.0" + } + }, + "findup-sync": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-2.0.0.tgz", + "integrity": "sha1-kyaxSIwi0aYIhlCoaQGy2akKLLw=", + "requires": { + "detect-file": "^1.0.0", + "is-glob": "^3.1.0", + "micromatch": "^3.0.4", + "resolve-dir": "^1.0.1" + }, + "dependencies": { + "is-glob": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", + "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", + "requires": { + "is-extglob": "^2.1.0" + } + } + } + }, + "fined": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/fined/-/fined-1.1.0.tgz", + "integrity": "sha1-s33IRLdqL15wgeiE98CuNE8VNHY=", + "requires": { + "expand-tilde": "^2.0.2", + "is-plain-object": "^2.0.3", + "object.defaults": "^1.1.0", + "object.pick": "^1.2.0", + "parse-filepath": "^1.0.1" + } + }, + "flagged-respawn": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/flagged-respawn/-/flagged-respawn-1.0.0.tgz", + "integrity": "sha1-Tnmumy6zi/hrO7Vr8+ClaqX8q9c=" + }, + "flush-write-stream": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.0.3.tgz", + "integrity": "sha512-calZMC10u0FMUqoiunI2AiGIIUtUIvifNwkHhNupZH4cbNnW1Itkoh/Nf5HFYmDrwWPjrUxpkZT0KhuCq0jmGw==", + "requires": { + "inherits": "^2.0.1", + "readable-stream": "^2.0.4" + } + }, + "for-in": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", + "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=" + }, + "for-own": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/for-own/-/for-own-1.0.0.tgz", + "integrity": "sha1-xjMy9BXO3EsE2/5wz4NklMU8tEs=", + "requires": { + "for-in": "^1.0.1" + } + }, + "forever-agent": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz", + "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=" + }, + "form-data": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz", + "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==", + "requires": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.6", + "mime-types": "^2.1.12" + } + }, + "fragment-cache": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz", + "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=", + "requires": { + "map-cache": "^0.2.2" + } + }, + "fs-mkdirp-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs-mkdirp-stream/-/fs-mkdirp-stream-1.0.0.tgz", + "integrity": "sha1-C3gV/DIBxqaeFNuYzgmMFpNSWes=", + "requires": { + "graceful-fs": "^4.1.11", + "through2": "^2.0.3" + } + }, + "fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=" + }, + "fsevents": { + "version": "1.2.11", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.11.tgz", + "integrity": "sha512-+ux3lx6peh0BpvY0JebGyZoiR4D+oYzdPZMKJwkZ+sFkNJzpL7tXc/wehS49gUAxg3tmMHPHZkA8JU2rhhgDHw==", + "optional": true, + "requires": { + "bindings": "^1.5.0", + "nan": "^2.12.1", + "node-pre-gyp": "*" + }, + "dependencies": { + "abbrev": { + "version": "1.1.1", + "bundled": true, + "optional": true + }, + "ansi-regex": { + "version": "2.1.1", + "bundled": true, + "optional": true + }, + "aproba": { + "version": "1.2.0", + "bundled": true, + "optional": true + }, + "are-we-there-yet": { + "version": "1.1.5", + "bundled": true, + "optional": true, + "requires": { + "delegates": "^1.0.0", + "readable-stream": "^2.0.6" + } + }, + "balanced-match": { + "version": "1.0.0", + "bundled": true, + "optional": true + }, + "brace-expansion": { + "version": "1.1.11", + "bundled": true, + "optional": true, + "requires": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "chownr": { + "version": "1.1.3", + "bundled": true, + "optional": true + }, + "code-point-at": { + "version": "1.1.0", + "bundled": true, + "optional": true + }, + "concat-map": { + "version": "0.0.1", + "bundled": true, + "optional": true + }, + "console-control-strings": { + "version": "1.1.0", + "bundled": true, + "optional": true + }, + "core-util-is": { + "version": "1.0.2", + "bundled": true, + "optional": true + }, + "debug": { + "version": "3.2.6", + "bundled": true, + "optional": true, + "requires": { + "ms": "^2.1.1" + } + }, + "deep-extend": { + "version": "0.6.0", + "bundled": true, + "optional": true + }, + "delegates": { + "version": "1.0.0", + "bundled": true, + "optional": true + }, + "detect-libc": { + "version": "1.0.3", + "bundled": true, + "optional": true + }, + "fs-minipass": { + "version": "1.2.7", + "bundled": true, + "optional": true, + "requires": { + "minipass": "^2.6.0" + } + }, + "fs.realpath": { + "version": "1.0.0", + "bundled": true, + "optional": true + }, + "gauge": { + "version": "2.7.4", + "bundled": true, + "optional": true, + "requires": { + "aproba": "^1.0.3", + "console-control-strings": "^1.0.0", + "has-unicode": "^2.0.0", + "object-assign": "^4.1.0", + "signal-exit": "^3.0.0", + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1", + "wide-align": "^1.1.0" + } + }, + "glob": { + "version": "7.1.6", + "bundled": true, + "optional": true, + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "has-unicode": { + "version": "2.0.1", + "bundled": true, + "optional": true + }, + "iconv-lite": { + "version": "0.4.24", + "bundled": true, + "optional": true, + "requires": { + "safer-buffer": ">= 2.1.2 < 3" + } + }, + "ignore-walk": { + "version": "3.0.3", + "bundled": true, + "optional": true, + "requires": { + "minimatch": "^3.0.4" + } + }, + "inflight": { + "version": "1.0.6", + "bundled": true, + "optional": true, + "requires": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "inherits": { + "version": "2.0.4", + "bundled": true, + "optional": true + }, + "ini": { + "version": "1.3.5", + "bundled": true, + "optional": true + }, + "is-fullwidth-code-point": { + "version": "1.0.0", + "bundled": true, + "optional": true, + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "isarray": { + "version": "1.0.0", + "bundled": true, + "optional": true + }, + "minimatch": { + "version": "3.0.4", + "bundled": true, + "optional": true, + "requires": { + "brace-expansion": "^1.1.7" + } + }, + "minimist": { + "version": "0.0.8", + "bundled": true, + "optional": true + }, + "minipass": { + "version": "2.9.0", + "bundled": true, + "optional": true, + "requires": { + "safe-buffer": "^5.1.2", + "yallist": "^3.0.0" + } + }, + "minizlib": { + "version": "1.3.3", + "bundled": true, + "optional": true, + "requires": { + "minipass": "^2.9.0" + } + }, + "mkdirp": { + "version": "0.5.1", + "bundled": true, + "optional": true, + "requires": { + "minimist": "0.0.8" + } + }, + "ms": { + "version": "2.1.2", + "bundled": true, + "optional": true + }, + "needle": { + "version": "2.4.0", + "bundled": true, + "optional": true, + "requires": { + "debug": "^3.2.6", + "iconv-lite": "^0.4.4", + "sax": "^1.2.4" + } + }, + "node-pre-gyp": { + "version": "0.14.0", + "bundled": true, + "optional": true, + "requires": { + "detect-libc": "^1.0.2", + "mkdirp": "^0.5.1", + "needle": "^2.2.1", + "nopt": "^4.0.1", + "npm-packlist": "^1.1.6", + "npmlog": "^4.0.2", + "rc": "^1.2.7", + "rimraf": "^2.6.1", + "semver": "^5.3.0", + "tar": "^4.4.2" + } + }, + "nopt": { + "version": "4.0.1", + "bundled": true, + "optional": true, + "requires": { + "abbrev": "1", + "osenv": "^0.1.4" + } + }, + "npm-bundled": { + "version": "1.1.1", + "bundled": true, + "optional": true, + "requires": { + "npm-normalize-package-bin": "^1.0.1" + } + }, + "npm-normalize-package-bin": { + "version": "1.0.1", + "bundled": true, + "optional": true + }, + "npm-packlist": { + "version": "1.4.7", + "bundled": true, + "optional": true, + "requires": { + "ignore-walk": "^3.0.1", + "npm-bundled": "^1.0.1" + } + }, + "npmlog": { + "version": "4.1.2", + "bundled": true, + "optional": true, + "requires": { + "are-we-there-yet": "~1.1.2", + "console-control-strings": "~1.1.0", + "gauge": "~2.7.3", + "set-blocking": "~2.0.0" + } + }, + "number-is-nan": { + "version": "1.0.1", + "bundled": true, + "optional": true + }, + "object-assign": { + "version": "4.1.1", + "bundled": true, + "optional": true + }, + "once": { + "version": "1.4.0", + "bundled": true, + "optional": true, + "requires": { + "wrappy": "1" + } + }, + "os-homedir": { + "version": "1.0.2", + "bundled": true, + "optional": true + }, + "os-tmpdir": { + "version": "1.0.2", + "bundled": true, + "optional": true + }, + "osenv": { + "version": "0.1.5", + "bundled": true, + "optional": true, + "requires": { + "os-homedir": "^1.0.0", + "os-tmpdir": "^1.0.0" + } + }, + "path-is-absolute": { + "version": "1.0.1", + "bundled": true, + "optional": true + }, + "process-nextick-args": { + "version": "2.0.1", + "bundled": true, + "optional": true + }, + "rc": { + "version": "1.2.8", + "bundled": true, + "optional": true, + "requires": { + "deep-extend": "^0.6.0", + "ini": "~1.3.0", + "minimist": "^1.2.0", + "strip-json-comments": "~2.0.1" + }, + "dependencies": { + "minimist": { + "version": "1.2.0", + "bundled": true, + "optional": true + } + } + }, + "readable-stream": { + "version": "2.3.6", + "bundled": true, + "optional": true, + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "rimraf": { + "version": "2.7.1", + "bundled": true, + "optional": true, + "requires": { + "glob": "^7.1.3" + } + }, + "safe-buffer": { + "version": "5.1.2", + "bundled": true, + "optional": true + }, + "safer-buffer": { + "version": "2.1.2", + "bundled": true, + "optional": true + }, + "sax": { + "version": "1.2.4", + "bundled": true, + "optional": true + }, + "semver": { + "version": "5.7.1", + "bundled": true, + "optional": true + }, + "set-blocking": { + "version": "2.0.0", + "bundled": true, + "optional": true + }, + "signal-exit": { + "version": "3.0.2", + "bundled": true, + "optional": true + }, + "string-width": { + "version": "1.0.2", + "bundled": true, + "optional": true, + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + }, + "string_decoder": { + "version": "1.1.1", + "bundled": true, + "optional": true, + "requires": { + "safe-buffer": "~5.1.0" + } + }, + "strip-ansi": { + "version": "3.0.1", + "bundled": true, + "optional": true, + "requires": { + "ansi-regex": "^2.0.0" + } + }, + "strip-json-comments": { + "version": "2.0.1", + "bundled": true, + "optional": true + }, + "tar": { + "version": "4.4.13", + "bundled": true, + "optional": true, + "requires": { + "chownr": "^1.1.1", + "fs-minipass": "^1.2.5", + "minipass": "^2.8.6", + "minizlib": "^1.2.1", + "mkdirp": "^0.5.0", + "safe-buffer": "^5.1.2", + "yallist": "^3.0.3" + } + }, + "util-deprecate": { + "version": "1.0.2", + "bundled": true, + "optional": true + }, + "wide-align": { + "version": "1.1.3", + "bundled": true, + "optional": true, + "requires": { + "string-width": "^1.0.2 || 2" + } + }, + "wrappy": { + "version": "1.0.2", + "bundled": true, + "optional": true + }, + "yallist": { + "version": "3.1.1", + "bundled": true, + "optional": true + } + } + }, + "fstream": { + "version": "1.0.12", + "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz", + "integrity": "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==", + "requires": { + "graceful-fs": "^4.1.2", + "inherits": "~2.0.0", + "mkdirp": ">=0.5 0", + "rimraf": "2" + } + }, + "function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" + }, + "gauge": { + "version": "2.7.4", + "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz", + "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=", + "requires": { + "aproba": "^1.0.3", + "console-control-strings": "^1.0.0", + "has-unicode": "^2.0.0", + "object-assign": "^4.1.0", + "signal-exit": "^3.0.0", + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1", + "wide-align": "^1.1.0" + }, + "dependencies": { + "object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" + } + } + }, + "gaze": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz", + "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==", + "requires": { + "globule": "^1.0.0" + } + }, + "get-caller-file": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", + "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==" + }, + "get-stdin": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz", + "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=" + }, + "get-value": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz", + "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=" + }, + "getpass": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz", + "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=", + "requires": { + "assert-plus": "^1.0.0" + } + }, + "glob": { + "version": "7.1.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz", + "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "glob-parent": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", + "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=", + "requires": { + "is-glob": "^3.1.0", + "path-dirname": "^1.0.0" + }, + "dependencies": { + "is-glob": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", + "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", + "requires": { + "is-extglob": "^2.1.0" + } + } + } + }, + "glob-stream": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/glob-stream/-/glob-stream-6.1.0.tgz", + "integrity": "sha1-cEXJlBOz65SIjYOrRtC0BMx73eQ=", + "requires": { + "extend": "^3.0.0", + "glob": "^7.1.1", + "glob-parent": "^3.1.0", + "is-negated-glob": "^1.0.0", + "ordered-read-streams": "^1.0.0", + "pumpify": "^1.3.5", + "readable-stream": "^2.1.5", + "remove-trailing-separator": "^1.0.1", + "to-absolute-glob": "^2.0.0", + "unique-stream": "^2.0.2" + } + }, + "glob-watcher": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-5.0.3.tgz", + "integrity": "sha512-8tWsULNEPHKQ2MR4zXuzSmqbdyV5PtwwCaWSGQ1WwHsJ07ilNeN1JB8ntxhckbnpSHaf9dXFUHzIWvm1I13dsg==", + "requires": { + "anymatch": "^2.0.0", + "async-done": "^1.2.0", + "chokidar": "^2.0.0", + "is-negated-glob": "^1.0.0", + "just-debounce": "^1.0.0", + "object.defaults": "^1.1.0" + } + }, + "global-modules": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz", + "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==", + "requires": { + "global-prefix": "^1.0.1", + "is-windows": "^1.0.1", + "resolve-dir": "^1.0.0" + } + }, + "global-prefix": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz", + "integrity": "sha1-2/dDxsFJklk8ZVVoy2btMsASLr4=", + "requires": { + "expand-tilde": "^2.0.2", + "homedir-polyfill": "^1.0.1", + "ini": "^1.3.4", + "is-windows": "^1.0.1", + "which": "^1.2.14" + } + }, + "globule": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.2.tgz", + "integrity": "sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==", + "requires": { + "glob": "~7.1.1", + "lodash": "~4.17.10", + "minimatch": "~3.0.2" + } + }, + "glogg": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/glogg/-/glogg-1.0.1.tgz", + "integrity": "sha512-ynYqXLoluBKf9XGR1gA59yEJisIL7YHEH4xr3ZziHB5/yl4qWfaK8Js9jGe6gBGCSCKVqiyO30WnRZADvemUNw==", + "requires": { + "sparkles": "^1.0.0" + } + }, + "graceful-fs": { + "version": "4.1.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz", + "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=" + }, + "gulp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/gulp/-/gulp-4.0.0.tgz", + "integrity": "sha1-lXZsYB2t5Kd+0+eyttwDiBtZY2Y=", + "requires": { + "glob-watcher": "^5.0.0", + "gulp-cli": "^2.0.0", + "undertaker": "^1.0.0", + "vinyl-fs": "^3.0.0" + }, + "dependencies": { + "gulp-cli": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/gulp-cli/-/gulp-cli-2.0.1.tgz", + "integrity": "sha512-RxujJJdN8/O6IW2nPugl7YazhmrIEjmiVfPKrWt68r71UCaLKS71Hp0gpKT+F6qOUFtr7KqtifDKaAJPRVvMYQ==", + "requires": { + "ansi-colors": "^1.0.1", + "archy": "^1.0.0", + "array-sort": "^1.0.0", + "color-support": "^1.1.3", + "concat-stream": "^1.6.0", + "copy-props": "^2.0.1", + "fancy-log": "^1.3.2", + "gulplog": "^1.0.0", + "interpret": "^1.1.0", + "isobject": "^3.0.1", + "liftoff": "^2.5.0", + "matchdep": "^2.0.0", + "mute-stdout": "^1.0.0", + "pretty-hrtime": "^1.0.0", + "replace-homedir": "^1.0.0", + "semver-greatest-satisfied-range": "^1.1.0", + "v8flags": "^3.0.1", + "yargs": "^7.1.0" + } + } + } + }, + "gulp-exec": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/gulp-exec/-/gulp-exec-2.1.3.tgz", + "integrity": "sha1-RgpOyN+GhB0XOLx0lYxo5XaTQtk=", + "requires": { + "gulp-util": "^3.0.7", + "gulplog": "^1.0.0", + "through2": "^2.0.1" + } + }, + "gulp-sass": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/gulp-sass/-/gulp-sass-4.0.2.tgz", + "integrity": "sha512-q8psj4+aDrblJMMtRxihNBdovfzGrXJp1l4JU0Sz4b/Mhsi2DPrKFYCGDwjIWRENs04ELVHxdOJQ7Vs98OFohg==", + "requires": { + "chalk": "^2.3.0", + "lodash.clonedeep": "^4.3.2", + "node-sass": "^4.8.3", + "plugin-error": "^1.0.1", + "replace-ext": "^1.0.0", + "strip-ansi": "^4.0.0", + "through2": "^2.0.0", + "vinyl-sourcemaps-apply": "^0.2.0" + }, + "dependencies": { + "ansi-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", + "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=" + }, + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "requires": { + "color-convert": "^1.9.0" + } + }, + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + }, + "strip-ansi": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", + "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", + "requires": { + "ansi-regex": "^3.0.0" + } + }, + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "gulp-util": { + "version": "3.0.8", + "resolved": "https://registry.npmjs.org/gulp-util/-/gulp-util-3.0.8.tgz", + "integrity": "sha1-AFTh50RQLifATBh8PsxQXdVLu08=", + "requires": { + "array-differ": "^1.0.0", + "array-uniq": "^1.0.2", + "beeper": "^1.0.0", + "chalk": "^1.0.0", + "dateformat": "^2.0.0", + "fancy-log": "^1.1.0", + "gulplog": "^1.0.0", + "has-gulplog": "^0.1.0", + "lodash._reescape": "^3.0.0", + "lodash._reevaluate": "^3.0.0", + "lodash._reinterpolate": "^3.0.0", + "lodash.template": "^3.0.0", + "minimist": "^1.1.0", + "multipipe": "^0.1.2", + "object-assign": "^3.0.0", + "replace-ext": "0.0.1", + "through2": "^2.0.0", + "vinyl": "^0.5.0" + }, + "dependencies": { + "clone": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz", + "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=" + }, + "clone-stats": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-0.0.1.tgz", + "integrity": "sha1-uI+UqCzzi4eR1YBG6kAprYjKmdE=" + }, + "replace-ext": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-0.0.1.tgz", + "integrity": "sha1-KbvZIHinOfC8zitO5B6DeVNSKSQ=" + }, + "vinyl": { + "version": "0.5.3", + "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-0.5.3.tgz", + "integrity": "sha1-sEVbOPxeDPMNQyUTLkYZcMIJHN4=", + "requires": { + "clone": "^1.0.0", + "clone-stats": "^0.0.1", + "replace-ext": "0.0.1" + } + } + } + }, + "gulplog": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/gulplog/-/gulplog-1.0.0.tgz", + "integrity": "sha1-4oxNRdBey77YGDY86PnFkmIp/+U=", + "requires": { + "glogg": "^1.0.0" + } + }, + "har-schema": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz", + "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=" + }, + "har-validator": { + "version": "5.1.5", + "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz", + "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==", + "requires": { + "ajv": "^6.12.3", + "har-schema": "^2.0.0" + } + }, + "has-ansi": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz", + "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=", + "requires": { + "ansi-regex": "^2.0.0" + } + }, + "has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=" + }, + "has-gulplog": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/has-gulplog/-/has-gulplog-0.1.0.tgz", + "integrity": "sha1-ZBTIKRNpfaUVkDl9r7EvIpZ4Ec4=", + "requires": { + "sparkles": "^1.0.0" + } + }, + "has-symbols": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.0.tgz", + "integrity": "sha1-uhqPGvKg/DllD1yFA2dwQSIGO0Q=" + }, + "has-unicode": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", + "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=" + }, + "has-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", + "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=", + "requires": { + "get-value": "^2.0.6", + "has-values": "^1.0.0", + "isobject": "^3.0.0" + } + }, + "has-values": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz", + "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=", + "requires": { + "is-number": "^3.0.0", + "kind-of": "^4.0.0" + }, + "dependencies": { + "kind-of": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", + "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "homedir-polyfill": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.1.tgz", + "integrity": "sha1-TCu8inWJmP7r9e1oWA921GdotLw=", + "requires": { + "parse-passwd": "^1.0.0" + } + }, + "hosted-git-info": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.7.1.tgz", + "integrity": "sha512-7T/BxH19zbcCTa8XkMlbK5lTo1WtgkFi3GvdWEyNuc4Vex7/9Dqbnpsf4JMydcfj9HCg4zUWFTL3Za6lapg5/w==" + }, + "http-signature": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", + "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=", + "requires": { + "assert-plus": "^1.0.0", + "jsprim": "^1.2.2", + "sshpk": "^1.7.0" + } + }, + "in-publish": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.1.tgz", + "integrity": "sha512-oDM0kUSNFC31ShNxHKUyfZKy8ZeXZBWMjMdZHKLOk13uvT27VTL/QzRGfRUcevJhpkZAvlhPYuXkF7eNWrtyxQ==" + }, + "indent-string": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz", + "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=", + "requires": { + "repeating": "^2.0.0" + } + }, + "inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", + "requires": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ini": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz", + "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==" + }, + "interpret": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.1.0.tgz", + "integrity": "sha1-ftGxQQxqDg94z5XTuEQMY/eLhhQ=" + }, + "invert-kv": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz", + "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY=" + }, + "is-absolute": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-absolute/-/is-absolute-1.0.0.tgz", + "integrity": "sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==", + "requires": { + "is-relative": "^1.0.0", + "is-windows": "^1.0.1" + } + }, + "is-accessor-descriptor": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", + "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "is-arrayish": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", + "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=" + }, + "is-binary-path": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz", + "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=", + "requires": { + "binary-extensions": "^1.0.0" + } + }, + "is-buffer": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz", + "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==" + }, + "is-builtin-module": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz", + "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=", + "requires": { + "builtin-modules": "^1.0.0" + } + }, + "is-data-descriptor": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", + "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "is-descriptor": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", + "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", + "requires": { + "is-accessor-descriptor": "^0.1.6", + "is-data-descriptor": "^0.1.4", + "kind-of": "^5.0.0" + }, + "dependencies": { + "kind-of": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", + "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==" + } + } + }, + "is-extendable": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", + "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=" + }, + "is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=" + }, + "is-finite": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz", + "integrity": "sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==" + }, + "is-fullwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "is-glob": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz", + "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==", + "requires": { + "is-extglob": "^2.1.1" + } + }, + "is-negated-glob": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-negated-glob/-/is-negated-glob-1.0.0.tgz", + "integrity": "sha1-aRC8pdqMleeEtXUbl2z1oQ/uNtI=" + }, + "is-number": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", + "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "requires": { + "isobject": "^3.0.1" + } + }, + "is-relative": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz", + "integrity": "sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==", + "requires": { + "is-unc-path": "^1.0.0" + } + }, + "is-typedarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz", + "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=" + }, + "is-unc-path": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz", + "integrity": "sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==", + "requires": { + "unc-path-regex": "^0.1.2" + } + }, + "is-utf8": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz", + "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=" + }, + "is-valid-glob": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-valid-glob/-/is-valid-glob-1.0.0.tgz", + "integrity": "sha1-Kb8+/3Ab4tTTFdusw5vDn+j2Aao=" + }, + "is-windows": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", + "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==" + }, + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" + }, + "isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=" + }, + "isobject": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=" + }, + "isstream": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz", + "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=" + }, + "js-base64": { + "version": "2.6.4", + "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz", + "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==" + }, + "jsbn": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz", + "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=" + }, + "json-schema": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz", + "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=" + }, + "json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==" + }, + "json-stable-stringify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz", + "integrity": "sha1-mnWdOcXy/1A/1TAGRu1EX4jE+a8=", + "requires": { + "jsonify": "~0.0.0" + } + }, + "json-stringify-safe": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz", + "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=" + }, + "jsonify": { + "version": "0.0.0", + "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz", + "integrity": "sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=" + }, + "jsprim": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz", + "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=", + "requires": { + "assert-plus": "1.0.0", + "extsprintf": "1.3.0", + "json-schema": "0.2.3", + "verror": "1.10.0" + } + }, + "just-debounce": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/just-debounce/-/just-debounce-1.0.0.tgz", + "integrity": "sha1-h/zPrv/AtozRnVX2cilD+SnqNeo=" + }, + "kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==" + }, + "last-run": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/last-run/-/last-run-1.1.1.tgz", + "integrity": "sha1-RblpQsF7HHnHchmCWbqUO+v4yls=", + "requires": { + "default-resolution": "^2.0.0", + "es6-weak-map": "^2.0.1" + } + }, + "lazystream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.0.tgz", + "integrity": "sha1-9plf4PggOS9hOWvolGJAe7dxaOQ=", + "requires": { + "readable-stream": "^2.0.5" + } + }, + "lcid": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz", + "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=", + "requires": { + "invert-kv": "^1.0.0" + } + }, + "lead": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/lead/-/lead-1.0.0.tgz", + "integrity": "sha1-bxT5mje+Op3XhPVJVpDlkDRm7kI=", + "requires": { + "flush-write-stream": "^1.0.2" + } + }, + "liftoff": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-2.5.0.tgz", + "integrity": "sha1-IAkpG7Mc6oYbvxCnwVooyvdcMew=", + "requires": { + "extend": "^3.0.0", + "findup-sync": "^2.0.0", + "fined": "^1.0.1", + "flagged-respawn": "^1.0.0", + "is-plain-object": "^2.0.4", + "object.map": "^1.0.0", + "rechoir": "^0.6.2", + "resolve": "^1.1.7" + } + }, + "load-json-file": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", + "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=", + "requires": { + "graceful-fs": "^4.1.2", + "parse-json": "^2.2.0", + "pify": "^2.0.0", + "pinkie-promise": "^2.0.0", + "strip-bom": "^2.0.0" + } + }, + "locate-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", + "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", + "requires": { + "p-locate": "^3.0.0", + "path-exists": "^3.0.0" + }, + "dependencies": { + "path-exists": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", + "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=" + } + } + }, + "lodash": { + "version": "4.17.19", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.19.tgz", + "integrity": "sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==" + }, + "lodash._basecopy": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/lodash._basecopy/-/lodash._basecopy-3.0.1.tgz", + "integrity": "sha1-jaDmqHbPNEwK2KVIghEd08XHyjY=" + }, + "lodash._basetostring": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/lodash._basetostring/-/lodash._basetostring-3.0.1.tgz", + "integrity": "sha1-0YYdh3+CSlL2aYMtyvPuFVZqB9U=" + }, + "lodash._basevalues": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/lodash._basevalues/-/lodash._basevalues-3.0.0.tgz", + "integrity": "sha1-W3dXYoAr3j0yl1A+JjAIIP32Ybc=" + }, + "lodash._getnative": { + "version": "3.9.1", + "resolved": "https://registry.npmjs.org/lodash._getnative/-/lodash._getnative-3.9.1.tgz", + "integrity": "sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U=" + }, + "lodash._isiterateecall": { + "version": "3.0.9", + "resolved": "https://registry.npmjs.org/lodash._isiterateecall/-/lodash._isiterateecall-3.0.9.tgz", + "integrity": "sha1-UgOte6Ql+uhCRg5pbbnPPmqsBXw=" + }, + "lodash._reescape": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/lodash._reescape/-/lodash._reescape-3.0.0.tgz", + "integrity": "sha1-Kx1vXf4HyKNVdT5fJ/rH8c3hYWo=" + }, + "lodash._reevaluate": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/lodash._reevaluate/-/lodash._reevaluate-3.0.0.tgz", + "integrity": "sha1-WLx0xAZklTrgsSTYBpltrKQx4u0=" + }, + "lodash._reinterpolate": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz", + "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=" + }, + "lodash._root": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/lodash._root/-/lodash._root-3.0.1.tgz", + "integrity": "sha1-+6HEUkwZ7ppfgTa0YJ8BfPTe1pI=" + }, + "lodash.clonedeep": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz", + "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=" + }, + "lodash.escape": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/lodash.escape/-/lodash.escape-3.2.0.tgz", + "integrity": "sha1-mV7g3BjBtIzJLv+ucaEKq1tIdpg=", + "requires": { + "lodash._root": "^3.0.0" + } + }, + "lodash.isarguments": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz", + "integrity": "sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo=" + }, + "lodash.isarray": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/lodash.isarray/-/lodash.isarray-3.0.4.tgz", + "integrity": "sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U=" + }, + "lodash.keys": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-3.1.2.tgz", + "integrity": "sha1-TbwEcrFWvlCgsoaFXRvQsMZWCYo=", + "requires": { + "lodash._getnative": "^3.0.0", + "lodash.isarguments": "^3.0.0", + "lodash.isarray": "^3.0.0" + } + }, + "lodash.restparam": { + "version": "3.6.1", + "resolved": "https://registry.npmjs.org/lodash.restparam/-/lodash.restparam-3.6.1.tgz", + "integrity": "sha1-k2pOMJ7zMKdkXtQUWYbIWuWyCAU=" + }, + "lodash.template": { + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-3.6.2.tgz", + "integrity": "sha1-+M3sxhaaJVvpCYrosMU9N4kx0U8=", + "requires": { + "lodash._basecopy": "^3.0.0", + "lodash._basetostring": "^3.0.0", + "lodash._basevalues": "^3.0.0", + "lodash._isiterateecall": "^3.0.0", + "lodash._reinterpolate": "^3.0.0", + "lodash.escape": "^3.0.0", + "lodash.keys": "^3.0.0", + "lodash.restparam": "^3.0.0", + "lodash.templatesettings": "^3.0.0" + } + }, + "lodash.templatesettings": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-3.1.1.tgz", + "integrity": "sha1-+zB4RHU7Zrnxr6VOJix0UwfbqOU=", + "requires": { + "lodash._reinterpolate": "^3.0.0", + "lodash.escape": "^3.0.0" + } + }, + "loud-rejection": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz", + "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=", + "requires": { + "currently-unhandled": "^0.4.1", + "signal-exit": "^3.0.0" + } + }, + "lru-cache": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz", + "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", + "requires": { + "pseudomap": "^1.0.2", + "yallist": "^2.1.2" + } + }, + "make-iterator": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/make-iterator/-/make-iterator-1.0.1.tgz", + "integrity": "sha512-pxiuXh0iVEq7VM7KMIhs5gxsfxCux2URptUQaXo4iZZJxBAzTPOLE2BumO5dbfVYq/hBJFBR/a1mFDmOx5AGmw==", + "requires": { + "kind-of": "^6.0.2" + } + }, + "map-cache": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", + "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=" + }, + "map-obj": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", + "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=" + }, + "map-visit": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", + "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=", + "requires": { + "object-visit": "^1.0.0" + } + }, + "matchdep": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/matchdep/-/matchdep-2.0.0.tgz", + "integrity": "sha1-xvNINKDY28OzfCfui7yyfHd1WC4=", + "requires": { + "findup-sync": "^2.0.0", + "micromatch": "^3.0.4", + "resolve": "^1.4.0", + "stack-trace": "0.0.10" + } + }, + "meow": { + "version": "3.7.0", + "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz", + "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=", + "requires": { + "camelcase-keys": "^2.0.0", + "decamelize": "^1.1.2", + "loud-rejection": "^1.0.0", + "map-obj": "^1.0.1", + "minimist": "^1.1.3", + "normalize-package-data": "^2.3.4", + "object-assign": "^4.0.1", + "read-pkg-up": "^1.0.1", + "redent": "^1.0.0", + "trim-newlines": "^1.0.0" + }, + "dependencies": { + "object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" + } + } + }, + "micromatch": { + "version": "3.1.10", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", + "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", + "requires": { + "arr-diff": "^4.0.0", + "array-unique": "^0.3.2", + "braces": "^2.3.1", + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "extglob": "^2.0.4", + "fragment-cache": "^0.2.1", + "kind-of": "^6.0.2", + "nanomatch": "^1.2.9", + "object.pick": "^1.3.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.2" + } + }, + "mime-db": { + "version": "1.44.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz", + "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==" + }, + "mime-types": { + "version": "2.1.27", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz", + "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==", + "requires": { + "mime-db": "1.44.0" + } + }, + "minimatch": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", + "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", + "requires": { + "brace-expansion": "^1.1.7" + } + }, + "minimist": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", + "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==" + }, + "mixin-deep": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz", + "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==", + "requires": { + "for-in": "^1.0.2", + "is-extendable": "^1.0.1" + }, + "dependencies": { + "is-extendable": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", + "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", + "requires": { + "is-plain-object": "^2.0.4" + } + } + } + }, + "mkdirp": { + "version": "0.5.5", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", + "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", + "requires": { + "minimist": "^1.2.5" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "multipipe": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/multipipe/-/multipipe-0.1.2.tgz", + "integrity": "sha1-Ko8t33Du1WTf8tV/HhoTfZ8FB4s=", + "requires": { + "duplexer2": "0.0.2" + } + }, + "mute-stdout": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/mute-stdout/-/mute-stdout-1.0.1.tgz", + "integrity": "sha512-kDcwXR4PS7caBpuRYYBUz9iVixUk3anO3f5OYFiIPwK/20vCzKCHyKoulbiDY1S53zD2bxUpxN/IJ+TnXjfvxg==" + }, + "nan": { + "version": "2.14.0", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz", + "integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==" + }, + "nanomatch": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", + "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==", + "requires": { + "arr-diff": "^4.0.0", + "array-unique": "^0.3.2", + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "fragment-cache": "^0.2.1", + "is-windows": "^1.0.2", + "kind-of": "^6.0.2", + "object.pick": "^1.3.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + } + }, + "next-tick": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.0.0.tgz", + "integrity": "sha1-yobR/ogoFpsBICCOPchCS524NCw=" + }, + "node-gyp": { + "version": "3.8.0", + "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.8.0.tgz", + "integrity": "sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==", + "requires": { + "fstream": "^1.0.0", + "glob": "^7.0.3", + "graceful-fs": "^4.1.2", + "mkdirp": "^0.5.0", + "nopt": "2 || 3", + "npmlog": "0 || 1 || 2 || 3 || 4", + "osenv": "0", + "request": "^2.87.0", + "rimraf": "2", + "semver": "~5.3.0", + "tar": "^2.0.0", + "which": "1" + }, + "dependencies": { + "semver": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz", + "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=" + } + } + }, + "node-sass": { + "version": "4.14.1", + "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.14.1.tgz", + "integrity": "sha512-sjCuOlvGyCJS40R8BscF5vhVlQjNN069NtQ1gSxyK1u9iqvn6tf7O1R4GNowVZfiZUCRt5MmMs1xd+4V/7Yr0g==", + "requires": { + "async-foreach": "^0.1.3", + "chalk": "^1.1.1", + "cross-spawn": "^3.0.0", + "gaze": "^1.0.0", + "get-stdin": "^4.0.1", + "glob": "^7.0.3", + "in-publish": "^2.0.0", + "lodash": "^4.17.15", + "meow": "^3.7.0", + "mkdirp": "^0.5.1", + "nan": "^2.13.2", + "node-gyp": "^3.8.0", + "npmlog": "^4.0.0", + "request": "^2.88.0", + "sass-graph": "2.2.5", + "stdout-stream": "^1.4.0", + "true-case-path": "^1.0.2" + } + }, + "nopt": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz", + "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=", + "requires": { + "abbrev": "1" + } + }, + "normalize-package-data": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.4.0.tgz", + "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==", + "requires": { + "hosted-git-info": "^2.1.4", + "is-builtin-module": "^1.0.0", + "semver": "2 || 3 || 4 || 5", + "validate-npm-package-license": "^3.0.1" + } + }, + "normalize-path": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", + "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", + "requires": { + "remove-trailing-separator": "^1.0.1" + } + }, + "now-and-later": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.0.tgz", + "integrity": "sha1-vGHLtFbXnLMiB85HygUTb/Ln1u4=", + "requires": { + "once": "^1.3.2" + } + }, + "npmlog": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz", + "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==", + "requires": { + "are-we-there-yet": "~1.1.2", + "console-control-strings": "~1.1.0", + "gauge": "~2.7.3", + "set-blocking": "~2.0.0" + } + }, + "number-is-nan": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", + "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=" + }, + "oauth-sign": { + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz", + "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==" + }, + "object-assign": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-3.0.0.tgz", + "integrity": "sha1-m+3VygiXlJvKR+f/QIBi1Un1h/I=" + }, + "object-copy": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz", + "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=", + "requires": { + "copy-descriptor": "^0.1.0", + "define-property": "^0.2.5", + "kind-of": "^3.0.3" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "object-keys": { + "version": "1.0.12", + "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.12.tgz", + "integrity": "sha512-FTMyFUm2wBcGHnH2eXmz7tC6IwlqQZ6mVZ+6dm6vZ4IQIHjs6FdNsQBuKGPuUUUY6NfJw2PshC08Tn6LzLDOag==" + }, + "object-visit": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", + "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=", + "requires": { + "isobject": "^3.0.0" + } + }, + "object.assign": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.0.tgz", + "integrity": "sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==", + "requires": { + "define-properties": "^1.1.2", + "function-bind": "^1.1.1", + "has-symbols": "^1.0.0", + "object-keys": "^1.0.11" + } + }, + "object.defaults": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/object.defaults/-/object.defaults-1.1.0.tgz", + "integrity": "sha1-On+GgzS0B96gbaFtiNXNKeQ1/s8=", + "requires": { + "array-each": "^1.0.1", + "array-slice": "^1.0.0", + "for-own": "^1.0.0", + "isobject": "^3.0.0" + } + }, + "object.map": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/object.map/-/object.map-1.0.1.tgz", + "integrity": "sha1-z4Plncj8wK1fQlDh94s7gb2AHTc=", + "requires": { + "for-own": "^1.0.0", + "make-iterator": "^1.0.0" + } + }, + "object.pick": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", + "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=", + "requires": { + "isobject": "^3.0.1" + } + }, + "object.reduce": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/object.reduce/-/object.reduce-1.0.1.tgz", + "integrity": "sha1-b+NI8qx/oPlcpiEiZZkJaCW7A60=", + "requires": { + "for-own": "^1.0.0", + "make-iterator": "^1.0.0" + } + }, + "once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", + "requires": { + "wrappy": "1" + } + }, + "ordered-read-streams": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz", + "integrity": "sha1-d8DLN8QVJdZBZtmQ/61+xqDhNj4=", + "requires": { + "readable-stream": "^2.0.1" + } + }, + "os-homedir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", + "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=" + }, + "os-locale": { + "version": "1.4.0", + "resolved": "http://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz", + "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=", + "requires": { + "lcid": "^1.0.0" + } + }, + "os-tmpdir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=" + }, + "osenv": { + "version": "0.1.5", + "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz", + "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==", + "requires": { + "os-homedir": "^1.0.0", + "os-tmpdir": "^1.0.0" + } + }, + "p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", + "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", + "requires": { + "p-limit": "^2.0.0" + } + }, + "p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==" + }, + "parse-filepath": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz", + "integrity": "sha1-pjISf1Oq89FYdvWHLz/6x2PWyJE=", + "requires": { + "is-absolute": "^1.0.0", + "map-cache": "^0.2.0", + "path-root": "^0.1.1" + } + }, + "parse-json": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz", + "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=", + "requires": { + "error-ex": "^1.2.0" + } + }, + "parse-passwd": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz", + "integrity": "sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=" + }, + "pascalcase": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz", + "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=" + }, + "path-dirname": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz", + "integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=" + }, + "path-exists": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz", + "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=", + "requires": { + "pinkie-promise": "^2.0.0" + } + }, + "path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" + }, + "path-parse": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", + "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==" + }, + "path-root": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/path-root/-/path-root-0.1.1.tgz", + "integrity": "sha1-mkpoFMrBwM1zNgqV8yCDyOpHRbc=", + "requires": { + "path-root-regex": "^0.1.0" + } + }, + "path-root-regex": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/path-root-regex/-/path-root-regex-0.1.2.tgz", + "integrity": "sha1-v8zcjfWxLcUsi0PsONGNcsBLqW0=" + }, + "path-type": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz", + "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=", + "requires": { + "graceful-fs": "^4.1.2", + "pify": "^2.0.0", + "pinkie-promise": "^2.0.0" + } + }, + "performance-now": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", + "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=" + }, + "pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=" + }, + "pinkie": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz", + "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=" + }, + "pinkie-promise": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", + "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=", + "requires": { + "pinkie": "^2.0.0" + } + }, + "plugin-error": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-1.0.1.tgz", + "integrity": "sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA==", + "requires": { + "ansi-colors": "^1.0.1", + "arr-diff": "^4.0.0", + "arr-union": "^3.1.0", + "extend-shallow": "^3.0.2" + } + }, + "posix-character-classes": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz", + "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=" + }, + "pretty-hrtime": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", + "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=" + }, + "process-nextick-args": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-1.0.7.tgz", + "integrity": "sha1-FQ4gt1ZZCtP5EJPyWk8q2L/zC6M=" + }, + "pseudomap": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz", + "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=" + }, + "psl": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz", + "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==" + }, + "pump": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz", + "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==", + "requires": { + "end-of-stream": "^1.1.0", + "once": "^1.3.1" + } + }, + "pumpify": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.5.1.tgz", + "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==", + "requires": { + "duplexify": "^3.6.0", + "inherits": "^2.0.3", + "pump": "^2.0.0" + } + }, + "punycode": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", + "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==" + }, + "qs": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", + "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==" + }, + "read-pkg": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz", + "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=", + "requires": { + "load-json-file": "^1.0.0", + "normalize-package-data": "^2.3.2", + "path-type": "^1.0.0" + } + }, + "read-pkg-up": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz", + "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=", + "requires": { + "find-up": "^1.0.0", + "read-pkg": "^1.0.0" + } + }, + "readable-stream": { + "version": "2.3.6", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + }, + "dependencies": { + "process-nextick-args": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", + "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==" + } + } + }, + "readdirp": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz", + "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==", + "requires": { + "graceful-fs": "^4.1.11", + "micromatch": "^3.1.10", + "readable-stream": "^2.0.2" + } + }, + "rechoir": { + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz", + "integrity": "sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=", + "requires": { + "resolve": "^1.1.6" + } + }, + "redent": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz", + "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=", + "requires": { + "indent-string": "^2.1.0", + "strip-indent": "^1.0.1" + } + }, + "regex-not": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", + "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==", + "requires": { + "extend-shallow": "^3.0.2", + "safe-regex": "^1.1.0" + } + }, + "remove-bom-buffer": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz", + "integrity": "sha512-8v2rWhaakv18qcvNeli2mZ/TMTL2nEyAKRvzo1WtnZBl15SHyEhrCu2/xKlJyUFKHiHgfXIyuY6g2dObJJycXQ==", + "requires": { + "is-buffer": "^1.1.5", + "is-utf8": "^0.2.1" + } + }, + "remove-bom-stream": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/remove-bom-stream/-/remove-bom-stream-1.2.0.tgz", + "integrity": "sha1-BfGlk/FuQuH7kOv1nejlaVJflSM=", + "requires": { + "remove-bom-buffer": "^3.0.0", + "safe-buffer": "^5.1.0", + "through2": "^2.0.3" + } + }, + "remove-trailing-separator": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", + "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=" + }, + "repeat-element": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz", + "integrity": "sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==" + }, + "repeat-string": { + "version": "1.6.1", + "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", + "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=" + }, + "repeating": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz", + "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=", + "requires": { + "is-finite": "^1.0.0" + } + }, + "replace-ext": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", + "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" + }, + "replace-homedir": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/replace-homedir/-/replace-homedir-1.0.0.tgz", + "integrity": "sha1-6H9tUTuSjd6AgmDBK+f+xv9ueYw=", + "requires": { + "homedir-polyfill": "^1.0.1", + "is-absolute": "^1.0.0", + "remove-trailing-separator": "^1.1.0" + } + }, + "request": { + "version": "2.88.2", + "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz", + "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==", + "requires": { + "aws-sign2": "~0.7.0", + "aws4": "^1.8.0", + "caseless": "~0.12.0", + "combined-stream": "~1.0.6", + "extend": "~3.0.2", + "forever-agent": "~0.6.1", + "form-data": "~2.3.2", + "har-validator": "~5.1.3", + "http-signature": "~1.2.0", + "is-typedarray": "~1.0.0", + "isstream": "~0.1.2", + "json-stringify-safe": "~5.0.1", + "mime-types": "~2.1.19", + "oauth-sign": "~0.9.0", + "performance-now": "^2.1.0", + "qs": "~6.5.2", + "safe-buffer": "^5.1.2", + "tough-cookie": "~2.5.0", + "tunnel-agent": "^0.6.0", + "uuid": "^3.3.2" + } + }, + "require-directory": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", + "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=" + }, + "require-main-filename": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", + "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=" + }, + "resolve": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.8.1.tgz", + "integrity": "sha512-AicPrAC7Qu1JxPCZ9ZgCZlY35QgFnNqc+0LtbRNxnVw4TXvjQ72wnuL9JQcEBgXkI9JM8MsT9kaQoHcpCRJOYA==", + "requires": { + "path-parse": "^1.0.5" + } + }, + "resolve-dir": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz", + "integrity": "sha1-eaQGRMNivoLybv/nOcm7U4IEb0M=", + "requires": { + "expand-tilde": "^2.0.0", + "global-modules": "^1.0.0" + } + }, + "resolve-options": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/resolve-options/-/resolve-options-1.1.0.tgz", + "integrity": "sha1-MrueOcBtZzONyTeMDW1gdFZq0TE=", + "requires": { + "value-or-function": "^3.0.0" + } + }, + "resolve-url": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", + "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=" + }, + "ret": { + "version": "0.1.15", + "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz", + "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==" + }, + "rimraf": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", + "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", + "requires": { + "glob": "^7.1.3" + } + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" + }, + "safe-regex": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", + "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=", + "requires": { + "ret": "~0.1.10" + } + }, + "safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" + }, + "sass-graph": { + "version": "2.2.5", + "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.5.tgz", + "integrity": "sha512-VFWDAHOe6mRuT4mZRd4eKE+d8Uedrk6Xnh7Sh9b4NGufQLQjOrvf/MQoOdx+0s92L89FeyUUNfU597j/3uNpag==", + "requires": { + "glob": "^7.0.0", + "lodash": "^4.0.0", + "scss-tokenizer": "^0.2.3", + "yargs": "^13.3.2" + }, + "dependencies": { + "ansi-regex": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", + "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==" + }, + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "requires": { + "color-convert": "^1.9.0" + } + }, + "camelcase": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", + "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==" + }, + "cliui": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz", + "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==", + "requires": { + "string-width": "^3.1.0", + "strip-ansi": "^5.2.0", + "wrap-ansi": "^5.1.0" + } + }, + "find-up": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", + "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", + "requires": { + "locate-path": "^3.0.0" + } + }, + "get-caller-file": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", + "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==" + }, + "is-fullwidth-code-point": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", + "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=" + }, + "require-main-filename": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", + "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==" + }, + "string-width": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", + "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", + "requires": { + "emoji-regex": "^7.0.1", + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^5.1.0" + } + }, + "strip-ansi": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", + "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", + "requires": { + "ansi-regex": "^4.1.0" + } + }, + "which-module": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz", + "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=" + }, + "wrap-ansi": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz", + "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==", + "requires": { + "ansi-styles": "^3.2.0", + "string-width": "^3.0.0", + "strip-ansi": "^5.0.0" + } + }, + "y18n": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz", + "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==" + }, + "yargs": { + "version": "13.3.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz", + "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==", + "requires": { + "cliui": "^5.0.0", + "find-up": "^3.0.0", + "get-caller-file": "^2.0.1", + "require-directory": "^2.1.1", + "require-main-filename": "^2.0.0", + "set-blocking": "^2.0.0", + "string-width": "^3.0.0", + "which-module": "^2.0.0", + "y18n": "^4.0.0", + "yargs-parser": "^13.1.2" + } + }, + "yargs-parser": { + "version": "13.1.2", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz", + "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==", + "requires": { + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" + } + } + } + }, + "scss-tokenizer": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz", + "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=", + "requires": { + "js-base64": "^2.1.8", + "source-map": "^0.4.2" + }, + "dependencies": { + "source-map": { + "version": "0.4.4", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz", + "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=", + "requires": { + "amdefine": ">=0.0.4" + } + } + } + }, + "semver": { + "version": "5.5.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.1.tgz", + "integrity": "sha512-PqpAxfrEhlSUWge8dwIp4tZnQ25DIOthpiaHNIthsjEFQD6EvqUKUDM7L8O2rShkFccYo1VjJR0coWfNkCubRw==" + }, + "semver-greatest-satisfied-range": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/semver-greatest-satisfied-range/-/semver-greatest-satisfied-range-1.1.0.tgz", + "integrity": "sha1-E+jCZYq5aRywzXEJMkAoDTb3els=", + "requires": { + "sver-compat": "^1.5.0" + } + }, + "set-blocking": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", + "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=" + }, + "set-value": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz", + "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==", + "requires": { + "extend-shallow": "^2.0.1", + "is-extendable": "^0.1.1", + "is-plain-object": "^2.0.3", + "split-string": "^3.0.1" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "signal-exit": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz", + "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==" + }, + "snapdragon": { + "version": "0.8.2", + "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", + "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", + "requires": { + "base": "^0.11.1", + "debug": "^2.2.0", + "define-property": "^0.2.5", + "extend-shallow": "^2.0.1", + "map-cache": "^0.2.2", + "source-map": "^0.5.6", + "source-map-resolve": "^0.5.0", + "use": "^3.1.0" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "snapdragon-node": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz", + "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==", + "requires": { + "define-property": "^1.0.0", + "isobject": "^3.0.0", + "snapdragon-util": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "snapdragon-util": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz", + "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==", + "requires": { + "kind-of": "^3.2.0" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=" + }, + "source-map-resolve": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz", + "integrity": "sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==", + "requires": { + "atob": "^2.1.1", + "decode-uri-component": "^0.2.0", + "resolve-url": "^0.2.1", + "source-map-url": "^0.4.0", + "urix": "^0.1.0" + } + }, + "source-map-url": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz", + "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=" + }, + "sparkles": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/sparkles/-/sparkles-1.0.1.tgz", + "integrity": "sha512-dSO0DDYUahUt/0/pD/Is3VIm5TGJjludZ0HVymmhYF6eNA53PVLhnUk0znSYbH8IYBuJdCE+1luR22jNLMaQdw==" + }, + "spdx-correct": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.0.0.tgz", + "integrity": "sha512-N19o9z5cEyc8yQQPukRCZ9EUmb4HUpnrmaL/fxS2pBo2jbfcFRVuFZ/oFC+vZz0MNNk0h80iMn5/S6qGZOL5+g==", + "requires": { + "spdx-expression-parse": "^3.0.0", + "spdx-license-ids": "^3.0.0" + } + }, + "spdx-exceptions": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.1.0.tgz", + "integrity": "sha512-4K1NsmrlCU1JJgUrtgEeTVyfx8VaYea9J9LvARxhbHtVtohPs/gFGG5yy49beySjlIMhhXZ4QqujIZEfS4l6Cg==" + }, + "spdx-expression-parse": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz", + "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==", + "requires": { + "spdx-exceptions": "^2.1.0", + "spdx-license-ids": "^3.0.0" + } + }, + "spdx-license-ids": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.1.tgz", + "integrity": "sha512-TfOfPcYGBB5sDuPn3deByxPhmfegAhpDYKSOXZQN81Oyrrif8ZCodOLzK3AesELnCx03kikhyDwh0pfvvQvF8w==" + }, + "split-string": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", + "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==", + "requires": { + "extend-shallow": "^3.0.0" + } + }, + "sshpk": { + "version": "1.16.1", + "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz", + "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==", + "requires": { + "asn1": "~0.2.3", + "assert-plus": "^1.0.0", + "bcrypt-pbkdf": "^1.0.0", + "dashdash": "^1.12.0", + "ecc-jsbn": "~0.1.1", + "getpass": "^0.1.1", + "jsbn": "~0.1.0", + "safer-buffer": "^2.0.2", + "tweetnacl": "~0.14.0" + } + }, + "stack-trace": { + "version": "0.0.10", + "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz", + "integrity": "sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA=" + }, + "static-extend": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz", + "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=", + "requires": { + "define-property": "^0.2.5", + "object-copy": "^0.1.0" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + } + } + }, + "stdout-stream": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz", + "integrity": "sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==", + "requires": { + "readable-stream": "^2.0.1" + } + }, + "stream-exhaust": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz", + "integrity": "sha512-b/qaq/GlBK5xaq1yrK9/zFcyRSTNxmcZwFLGSTG0mXgZl/4Z6GgiyYOXOvY7N3eEvFRAG1bkDRz5EPGSvPYQlw==" + }, + "stream-shift": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.0.tgz", + "integrity": "sha1-1cdSgl5TZ+eG944Y5EXqIjoVWVI=" + }, + "string-width": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + }, + "string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "requires": { + "safe-buffer": "~5.1.0" + } + }, + "strip-ansi": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", + "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", + "requires": { + "ansi-regex": "^2.0.0" + } + }, + "strip-bom": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", + "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=", + "requires": { + "is-utf8": "^0.2.0" + } + }, + "strip-indent": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz", + "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=", + "requires": { + "get-stdin": "^4.0.1" + } + }, + "supports-color": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", + "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=" + }, + "sver-compat": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/sver-compat/-/sver-compat-1.5.0.tgz", + "integrity": "sha1-PPh9/rTQe0o/FIJ7wYaz/QxkXNg=", + "requires": { + "es6-iterator": "^2.0.1", + "es6-symbol": "^3.1.1" + } + }, + "tar": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.2.tgz", + "integrity": "sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==", + "requires": { + "block-stream": "*", + "fstream": "^1.0.12", + "inherits": "2" + } + }, + "through2": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.3.tgz", + "integrity": "sha1-AARWmzfHx0ujnEPzzteNGtlBQL4=", + "requires": { + "readable-stream": "^2.1.5", + "xtend": "~4.0.1" + } + }, + "through2-filter": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/through2-filter/-/through2-filter-2.0.0.tgz", + "integrity": "sha1-YLxVoNrLdghdsfna6Zq0P4PWIuw=", + "requires": { + "through2": "~2.0.0", + "xtend": "~4.0.0" + } + }, + "time-stamp": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/time-stamp/-/time-stamp-1.1.0.tgz", + "integrity": "sha1-dkpaEa9QVhkhsTPztE5hhofg9cM=" + }, + "to-absolute-glob": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz", + "integrity": "sha1-GGX0PZ50sIItufFFt4z/fQ98hJs=", + "requires": { + "is-absolute": "^1.0.0", + "is-negated-glob": "^1.0.0" + } + }, + "to-object-path": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", + "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "to-regex": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz", + "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==", + "requires": { + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "regex-not": "^1.0.2", + "safe-regex": "^1.1.0" + } + }, + "to-regex-range": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", + "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=", + "requires": { + "is-number": "^3.0.0", + "repeat-string": "^1.6.1" + } + }, + "to-through": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-through/-/to-through-2.0.0.tgz", + "integrity": "sha1-/JKtq6ByZHvAtn1rA2ZKoZUJOvY=", + "requires": { + "through2": "^2.0.3" + } + }, + "tough-cookie": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz", + "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==", + "requires": { + "psl": "^1.1.28", + "punycode": "^2.1.1" + } + }, + "trim-newlines": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz", + "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=" + }, + "true-case-path": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz", + "integrity": "sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==", + "requires": { + "glob": "^7.1.2" + } + }, + "tunnel-agent": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz", + "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=", + "requires": { + "safe-buffer": "^5.0.1" + } + }, + "tweetnacl": { + "version": "0.14.5", + "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz", + "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=" + }, + "typedarray": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", + "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=" + }, + "unc-path-regex": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz", + "integrity": "sha1-5z3T17DXxe2G+6xrCufYxqadUPo=" + }, + "undertaker": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/undertaker/-/undertaker-1.2.0.tgz", + "integrity": "sha1-M52kZGJS0ILcN45wgGcpl1DhG0k=", + "requires": { + "arr-flatten": "^1.0.1", + "arr-map": "^2.0.0", + "bach": "^1.0.0", + "collection-map": "^1.0.0", + "es6-weak-map": "^2.0.1", + "last-run": "^1.1.0", + "object.defaults": "^1.0.0", + "object.reduce": "^1.0.0", + "undertaker-registry": "^1.0.0" + } + }, + "undertaker-registry": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/undertaker-registry/-/undertaker-registry-1.0.1.tgz", + "integrity": "sha1-XkvaMI5KiirlhPm5pDWaSZglzFA=" + }, + "union-value": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz", + "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==", + "requires": { + "arr-union": "^3.1.0", + "get-value": "^2.0.6", + "is-extendable": "^0.1.1", + "set-value": "^2.0.1" + } + }, + "unique-stream": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/unique-stream/-/unique-stream-2.2.1.tgz", + "integrity": "sha1-WqADz76Uxf+GbE59ZouxxNuts2k=", + "requires": { + "json-stable-stringify": "^1.0.0", + "through2-filter": "^2.0.0" + } + }, + "unset-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", + "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=", + "requires": { + "has-value": "^0.3.1", + "isobject": "^3.0.0" + }, + "dependencies": { + "has-value": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", + "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=", + "requires": { + "get-value": "^2.0.3", + "has-values": "^0.1.4", + "isobject": "^2.0.0" + }, + "dependencies": { + "isobject": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", + "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=", + "requires": { + "isarray": "1.0.0" + } + } + } + }, + "has-values": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", + "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=" + } + } + }, + "upath": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz", + "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==" + }, + "uri-js": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", + "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", + "requires": { + "punycode": "^2.1.0" + } + }, + "urix": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", + "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=" + }, + "use": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", + "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==" + }, + "util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=" + }, + "uuid": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz", + "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==" + }, + "v8flags": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-3.1.1.tgz", + "integrity": "sha512-iw/1ViSEaff8NJ3HLyEjawk/8hjJib3E7pvG4pddVXfUg1983s3VGsiClDjhK64MQVDGqc1Q8r18S4VKQZS9EQ==", + "requires": { + "homedir-polyfill": "^1.0.1" + } + }, + "validate-npm-package-license": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", + "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", + "requires": { + "spdx-correct": "^3.0.0", + "spdx-expression-parse": "^3.0.0" + } + }, + "value-or-function": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/value-or-function/-/value-or-function-3.0.0.tgz", + "integrity": "sha1-HCQ6ULWVwb5Up1S/7OhWO5/42BM=" + }, + "verror": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", + "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=", + "requires": { + "assert-plus": "^1.0.0", + "core-util-is": "1.0.2", + "extsprintf": "^1.2.0" + } + }, + "vinyl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", + "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", + "requires": { + "clone": "^2.1.1", + "clone-buffer": "^1.0.0", + "clone-stats": "^1.0.0", + "cloneable-readable": "^1.0.0", + "remove-trailing-separator": "^1.0.1", + "replace-ext": "^1.0.0" + } + }, + "vinyl-fs": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/vinyl-fs/-/vinyl-fs-3.0.3.tgz", + "integrity": "sha512-vIu34EkyNyJxmP0jscNzWBSygh7VWhqun6RmqVfXePrOwi9lhvRs//dOaGOTRUQr4tx7/zd26Tk5WeSVZitgng==", + "requires": { + "fs-mkdirp-stream": "^1.0.0", + "glob-stream": "^6.1.0", + "graceful-fs": "^4.0.0", + "is-valid-glob": "^1.0.0", + "lazystream": "^1.0.0", + "lead": "^1.0.0", + "object.assign": "^4.0.4", + "pumpify": "^1.3.5", + "readable-stream": "^2.3.3", + "remove-bom-buffer": "^3.0.0", + "remove-bom-stream": "^1.2.0", + "resolve-options": "^1.1.0", + "through2": "^2.0.0", + "to-through": "^2.0.0", + "value-or-function": "^3.0.0", + "vinyl": "^2.0.0", + "vinyl-sourcemap": "^1.1.0" + } + }, + "vinyl-sourcemap": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/vinyl-sourcemap/-/vinyl-sourcemap-1.1.0.tgz", + "integrity": "sha1-kqgAWTo4cDqM2xHYswCtS+Y7PhY=", + "requires": { + "append-buffer": "^1.0.2", + "convert-source-map": "^1.5.0", + "graceful-fs": "^4.1.6", + "normalize-path": "^2.1.1", + "now-and-later": "^2.0.0", + "remove-bom-buffer": "^3.0.0", + "vinyl": "^2.0.0" + } + }, + "vinyl-sourcemaps-apply": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/vinyl-sourcemaps-apply/-/vinyl-sourcemaps-apply-0.2.1.tgz", + "integrity": "sha1-q2VJ1h0XLCsbh75cUI0jnI74dwU=", + "requires": { + "source-map": "^0.5.1" + } + }, + "which": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", + "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", + "requires": { + "isexe": "^2.0.0" + } + }, + "which-module": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz", + "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=" + }, + "wide-align": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz", + "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==", + "requires": { + "string-width": "^1.0.2 || 2" + } + }, + "wrap-ansi": { + "version": "2.1.0", + "resolved": "http://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", + "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=", + "requires": { + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1" + } + }, + "wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" + }, + "xtend": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz", + "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68=" + }, + "y18n": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz", + "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE=" + }, + "yallist": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz", + "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=" + }, + "yargs": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz", + "integrity": "sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=", + "requires": { + "camelcase": "^3.0.0", + "cliui": "^3.2.0", + "decamelize": "^1.1.1", + "get-caller-file": "^1.0.1", + "os-locale": "^1.4.0", + "read-pkg-up": "^1.0.1", + "require-directory": "^2.1.1", + "require-main-filename": "^1.0.1", + "set-blocking": "^2.0.0", + "string-width": "^1.0.2", + "which-module": "^1.0.0", + "y18n": "^3.2.1", + "yargs-parser": "^5.0.0" + } + }, + "yargs-parser": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0.tgz", + "integrity": "sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=", + "requires": { + "camelcase": "^3.0.0" + } + } + } +} diff --git a/filesystem/.themes/Dracula/package.json b/filesystem/.themes/Dracula/package.json new file mode 100644 index 00000000..a6739f8d --- /dev/null +++ b/filesystem/.themes/Dracula/package.json @@ -0,0 +1,25 @@ +{ + "name": "Ant", + "version": "1.0.0", + "description": "A flat and light theme with a modern look", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/EliverLara/Ant.git" + }, + "keywords": [], + "author": "", + "license": "ISC", + "bugs": { + "url": "https://github.com/EliverLara/Ant/issues" + }, + "homepage": "https://github.com/EliverLara/Ant#readme", + "dependencies": { + "gulp": "^4.0.0", + "gulp-exec": "^2.1.3", + "gulp-sass": "^4.0.2" + } +} diff --git a/filesystem/.themes/Dracula/screenshot.png b/filesystem/.themes/Dracula/screenshot.png new file mode 100644 index 00000000..37104e3a Binary files /dev/null and b/filesystem/.themes/Dracula/screenshot.png differ diff --git a/filesystem/.themes/Dracula/src/render-wm-assets-hidpi.py b/filesystem/.themes/Dracula/src/render-wm-assets-hidpi.py new file mode 100755 index 00000000..fb248136 --- /dev/null +++ b/filesystem/.themes/Dracula/src/render-wm-assets-hidpi.py @@ -0,0 +1,180 @@ +#!/usr/bin/python3 + +# Thanks to the GNOME theme nerds for the original source of this script + +import os +import sys +import xml.sax +import subprocess + +INKSCAPE = '/usr/bin/inkscape' +OPTIPNG = '/usr/bin/optipng' +MAINDIR = '../' +SRC = os.path.join('.', 'wm') + +inkscape_process = None + + +def optimize_png(png_file): + if os.path.exists(OPTIPNG): + process = subprocess.Popen([OPTIPNG, '-quiet', '-o7', png_file]) + process.wait() + + +def wait_for_prompt(process, command=None): + if command is not None: + process.stdin.write((command+'\n').encode('utf-8')) + + # This is kinda ugly ... + # Wait for just a '>', or '\n>' if some other char appearead first + output = process.stdout.read(1) + if output == b'>': + return + + output += process.stdout.read(1) + while output != b'\n>': + output += process.stdout.read(1) + output = output[1:] + + +def start_inkscape(): + process = subprocess.Popen( + [INKSCAPE, '--shell'], + bufsize=0, stdin=subprocess.PIPE, stdout=subprocess.PIPE + ) + wait_for_prompt(process) + return process + + +def inkscape_render_rect(icon_file, rect, output_file): + global inkscape_process + if inkscape_process is None: + inkscape_process = start_inkscape() + wait_for_prompt(inkscape_process, + '--export-dpi=180 %s -i %s -e %s' % (icon_file, rect, output_file) + ) + optimize_png(output_file) + + +class ContentHandler(xml.sax.ContentHandler): + ROOT = 0 + SVG = 1 + LAYER = 2 + OTHER = 3 + TEXT = 4 + + def __init__(self, path, force=False, filter=None): + self.stack = [self.ROOT] + self.inside = [self.ROOT] + self.path = path + self.rects = [] + self.state = self.ROOT + self.chars = "" + self.force = force + self.filter = filter + + def endDocument(self): + pass + + def startElement(self, name, attrs): + if self.inside[-1] == self.ROOT: + if name == "svg": + self.stack.append(self.SVG) + self.inside.append(self.SVG) + return + elif self.inside[-1] == self.SVG: + if (name == "g" and ('inkscape:groupmode' in attrs) and ('inkscape:label' in attrs) + and attrs['inkscape:groupmode'] == 'layer' and attrs['inkscape:label'].startswith('Baseplate')): + self.stack.append(self.LAYER) + self.inside.append(self.LAYER) + self.context = None + self.icon_name = None + self.rects = [] + return + elif self.inside[-1] == self.LAYER: + if name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'context': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text='context' + self.chars = "" + return + elif name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'icon-name': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'icon-name' + self.chars = "" + return + elif name == "rect": + self.rects.append(attrs) + + self.stack.append(self.OTHER) + + def endElement(self, name): + stacked = self.stack.pop() + if self.inside[-1] == stacked: + self.inside.pop() + + if stacked == self.TEXT and self.text is not None: + assert self.text in ['context', 'icon-name'] + if self.text == 'context': + self.context = self.chars + elif self.text == 'icon-name': + self.icon_name = self.chars + self.text = None + elif stacked == self.LAYER: + assert self.icon_name + assert self.context + + if self.filter is not None and not self.icon_name in self.filter: + return + + print (self.context, self.icon_name) + for rect in self.rects: + width = rect['width'] + height = rect['height'] + id = rect['id'] + + dir = os.path.join(MAINDIR, self.context) + outfile = os.path.join(dir, self.icon_name+'.png') + if not os.path.exists(dir): + os.makedirs(dir) + # Do a time based check! + if self.force or not os.path.exists(outfile): + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + stat_in = os.stat(self.path) + stat_out = os.stat(outfile) + if stat_in.st_mtime > stat_out.st_mtime: + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + sys.stdout.write('-') + sys.stdout.flush() + sys.stdout.write('\n') + sys.stdout.flush() + + def characters(self, chars): + self.chars += chars.strip() + +if len(sys.argv) == 1: + if not os.path.exists(MAINDIR): + os.mkdir(MAINDIR) + print ('Rendering from SVGs in', SRC) + for file in os.listdir(SRC): + if file[-4:] == '.svg': + file = os.path.join(SRC, file) + handler = ContentHandler(file) + xml.sax.parse(open(file), handler) +else: + file = os.path.join(SRC, sys.argv[1] + '.svg') + if len(sys.argv) > 2: + icons = sys.argv[2:] + else: + icons = None + if os.path.exists(os.path.join(file)): + handler = ContentHandler(file, True, filter=icons) + xml.sax.parse(open(file), handler) + else: + print ("Error: No such file", file) + sys.exit(1) diff --git a/filesystem/.themes/Dracula/src/render-wm-assets.py b/filesystem/.themes/Dracula/src/render-wm-assets.py new file mode 100755 index 00000000..2891c29c --- /dev/null +++ b/filesystem/.themes/Dracula/src/render-wm-assets.py @@ -0,0 +1,180 @@ +#!/usr/bin/python3 + +# Thanks to the GNOME theme nerds for the original source of this script + +import os +import sys +import xml.sax +import subprocess + +INKSCAPE = '/usr/bin/inkscape' +OPTIPNG = '/usr/bin/optipng' +MAINDIR = '../' +SRC = os.path.join('.', 'wm') + +inkscape_process = None + + +def optimize_png(png_file): + if os.path.exists(OPTIPNG): + process = subprocess.Popen([OPTIPNG, '-quiet', '-o7', png_file]) + process.wait() + + +def wait_for_prompt(process, command=None): + if command is not None: + process.stdin.write((command+'\n').encode('utf-8')) + + # This is kinda ugly ... + # Wait for just a '>', or '\n>' if some other char appearead first + output = process.stdout.read(1) + if output == b'>': + return + + output += process.stdout.read(1) + while output != b'\n>': + output += process.stdout.read(1) + output = output[1:] + + +def start_inkscape(): + process = subprocess.Popen( + [INKSCAPE, '--shell'], + bufsize=0, stdin=subprocess.PIPE, stdout=subprocess.PIPE + ) + wait_for_prompt(process) + return process + + +def inkscape_render_rect(icon_file, rect, output_file): + global inkscape_process + if inkscape_process is None: + inkscape_process = start_inkscape() + wait_for_prompt(inkscape_process, + '%s -i %s -e %s' % (icon_file, rect, output_file) + ) + optimize_png(output_file) + + +class ContentHandler(xml.sax.ContentHandler): + ROOT = 0 + SVG = 1 + LAYER = 2 + OTHER = 3 + TEXT = 4 + + def __init__(self, path, force=False, filter=None): + self.stack = [self.ROOT] + self.inside = [self.ROOT] + self.path = path + self.rects = [] + self.state = self.ROOT + self.chars = "" + self.force = force + self.filter = filter + + def endDocument(self): + pass + + def startElement(self, name, attrs): + if self.inside[-1] == self.ROOT: + if name == "svg": + self.stack.append(self.SVG) + self.inside.append(self.SVG) + return + elif self.inside[-1] == self.SVG: + if (name == "g" and ('inkscape:groupmode' in attrs) and ('inkscape:label' in attrs) + and attrs['inkscape:groupmode'] == 'layer' and attrs['inkscape:label'].startswith('Baseplate')): + self.stack.append(self.LAYER) + self.inside.append(self.LAYER) + self.context = None + self.icon_name = None + self.rects = [] + return + elif self.inside[-1] == self.LAYER: + if name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'context': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text='context' + self.chars = "" + return + elif name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'icon-name': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'icon-name' + self.chars = "" + return + elif name == "rect": + self.rects.append(attrs) + + self.stack.append(self.OTHER) + + def endElement(self, name): + stacked = self.stack.pop() + if self.inside[-1] == stacked: + self.inside.pop() + + if stacked == self.TEXT and self.text is not None: + assert self.text in ['context', 'icon-name'] + if self.text == 'context': + self.context = self.chars + elif self.text == 'icon-name': + self.icon_name = self.chars + self.text = None + elif stacked == self.LAYER: + assert self.icon_name + assert self.context + + if self.filter is not None and not self.icon_name in self.filter: + return + + print (self.context, self.icon_name) + for rect in self.rects: + width = rect['width'] + height = rect['height'] + id = rect['id'] + + dir = os.path.join(MAINDIR, self.context) + outfile = os.path.join(dir, self.icon_name+'.png') + if not os.path.exists(dir): + os.makedirs(dir) + # Do a time based check! + if self.force or not os.path.exists(outfile): + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + stat_in = os.stat(self.path) + stat_out = os.stat(outfile) + if stat_in.st_mtime > stat_out.st_mtime: + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + sys.stdout.write('-') + sys.stdout.flush() + sys.stdout.write('\n') + sys.stdout.flush() + + def characters(self, chars): + self.chars += chars.strip() + +if len(sys.argv) == 1: + if not os.path.exists(MAINDIR): + os.mkdir(MAINDIR) + print ('Rendering from SVGs in', SRC) + for file in os.listdir(SRC): + if file[-4:] == '.svg': + file = os.path.join(SRC, file) + handler = ContentHandler(file) + xml.sax.parse(open(file), handler) +else: + file = os.path.join(SRC, sys.argv[1] + '.svg') + if len(sys.argv) > 2: + icons = sys.argv[2:] + else: + icons = None + if os.path.exists(os.path.join(file)): + handler = ContentHandler(file, True, filter=icons) + xml.sax.parse(open(file), handler) + else: + print ("Error: No such file", file) + sys.exit(1) diff --git a/filesystem/.themes/Dracula/src/wm/wm-assets.svg b/filesystem/.themes/Dracula/src/wm/wm-assets.svg new file mode 100755 index 00000000..f4f9bfc1 --- /dev/null +++ b/filesystem/.themes/Dracula/src/wm/wm-assets.svg @@ -0,0 +1,3235 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + inkscape:export-ydpi="90" + inkscape:export-xdpi="90" + width="240" + height="240" + id="svg11300" + sodipodi:version="0.32" + inkscape:version="0.92.4 (unknown)" + sodipodi:docname="wm-assets.svg" + inkscape:output_extension="org.inkscape.output.svg.inkscape" + version="1.0" + style="display:inline;enable-background:new" + inkscape:export-filename="/home/sam/Projects/Paper/gtk-theme-wm-assets.png"> + <title + id="title3004">Moka Icon Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + Sam Hewitt + + + + + Moka Icon Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/src/wm_controls.fish b/filesystem/.themes/Dracula/src/wm_controls.fish new file mode 100644 index 00000000..9f85b90c --- /dev/null +++ b/filesystem/.themes/Dracula/src/wm_controls.fish @@ -0,0 +1,5 @@ +set -l wm 'close' 'close_prelight' 'close_unfocused' 'min' 'min_prelight' 'maximize' 'maximize_prelight' +set -l path '../assets/' +for item in $wm + inkscape $path$item.svg -o $path$item@2.png --export-dpi=192; optipng -o7 --quiet $path$item@2.png +end diff --git a/filesystem/.themes/Dracula/unity/close.png b/filesystem/.themes/Dracula/unity/close.png new file mode 100644 index 00000000..84ef3911 Binary files /dev/null and b/filesystem/.themes/Dracula/unity/close.png differ diff --git a/filesystem/.themes/Dracula/unity/close.svg b/filesystem/.themes/Dracula/unity/close.svg new file mode 100755 index 00000000..b9c364e7 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/close.svg @@ -0,0 +1,83 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/close_focused_normal.svg b/filesystem/.themes/Dracula/unity/close_focused_normal.svg new file mode 100755 index 00000000..b9c364e7 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/close_focused_normal.svg @@ -0,0 +1,83 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/close_focused_prelight.svg b/filesystem/.themes/Dracula/unity/close_focused_prelight.svg new file mode 100644 index 00000000..88731219 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/close_focused_prelight.svg @@ -0,0 +1,92 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/close_focused_pressed.svg b/filesystem/.themes/Dracula/unity/close_focused_pressed.svg new file mode 100644 index 00000000..e4feac12 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/close_focused_pressed.svg @@ -0,0 +1,92 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/close_unfocused.svg b/filesystem/.themes/Dracula/unity/close_unfocused.svg new file mode 100755 index 00000000..825e8135 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/close_unfocused.svg @@ -0,0 +1,105 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/close_unfocused_prelight.svg b/filesystem/.themes/Dracula/unity/close_unfocused_prelight.svg new file mode 100644 index 00000000..88731219 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/close_unfocused_prelight.svg @@ -0,0 +1,92 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/close_unfocused_pressed.svg b/filesystem/.themes/Dracula/unity/close_unfocused_pressed.svg new file mode 100644 index 00000000..e4feac12 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/close_unfocused_pressed.svg @@ -0,0 +1,92 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/maximize.svg b/filesystem/.themes/Dracula/unity/maximize.svg new file mode 100755 index 00000000..42a2996e --- /dev/null +++ b/filesystem/.themes/Dracula/unity/maximize.svg @@ -0,0 +1,92 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/maximize_focused_normal.svg b/filesystem/.themes/Dracula/unity/maximize_focused_normal.svg new file mode 100755 index 00000000..42a2996e --- /dev/null +++ b/filesystem/.themes/Dracula/unity/maximize_focused_normal.svg @@ -0,0 +1,92 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/maximize_focused_prelight.svg b/filesystem/.themes/Dracula/unity/maximize_focused_prelight.svg new file mode 100644 index 00000000..7ef5c70f --- /dev/null +++ b/filesystem/.themes/Dracula/unity/maximize_focused_prelight.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/maximize_focused_pressed.svg b/filesystem/.themes/Dracula/unity/maximize_focused_pressed.svg new file mode 100644 index 00000000..0759e3d3 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/maximize_focused_pressed.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/maximize_unfocused.svg b/filesystem/.themes/Dracula/unity/maximize_unfocused.svg new file mode 100755 index 00000000..825e8135 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/maximize_unfocused.svg @@ -0,0 +1,105 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/maximize_unfocused_prelight.svg b/filesystem/.themes/Dracula/unity/maximize_unfocused_prelight.svg new file mode 100644 index 00000000..7ef5c70f --- /dev/null +++ b/filesystem/.themes/Dracula/unity/maximize_unfocused_prelight.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/maximize_unfocused_pressed.svg b/filesystem/.themes/Dracula/unity/maximize_unfocused_pressed.svg new file mode 100644 index 00000000..0759e3d3 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/maximize_unfocused_pressed.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/minimize.svg b/filesystem/.themes/Dracula/unity/minimize.svg new file mode 100755 index 00000000..65128a43 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/minimize.svg @@ -0,0 +1,101 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/minimize_focused_normal.svg b/filesystem/.themes/Dracula/unity/minimize_focused_normal.svg new file mode 100755 index 00000000..65128a43 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/minimize_focused_normal.svg @@ -0,0 +1,101 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/minimize_focused_prelight.svg b/filesystem/.themes/Dracula/unity/minimize_focused_prelight.svg new file mode 100644 index 00000000..82527128 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/minimize_focused_prelight.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/minimize_focused_pressed.svg b/filesystem/.themes/Dracula/unity/minimize_focused_pressed.svg new file mode 100644 index 00000000..df230d93 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/minimize_focused_pressed.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/minimize_unfocused.svg b/filesystem/.themes/Dracula/unity/minimize_unfocused.svg new file mode 100755 index 00000000..825e8135 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/minimize_unfocused.svg @@ -0,0 +1,105 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/minimize_unfocused_prelight.svg b/filesystem/.themes/Dracula/unity/minimize_unfocused_prelight.svg new file mode 100644 index 00000000..82527128 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/minimize_unfocused_prelight.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/minimize_unfocused_pressed.svg b/filesystem/.themes/Dracula/unity/minimize_unfocused_pressed.svg new file mode 100644 index 00000000..df230d93 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/minimize_unfocused_pressed.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/unmaximize.svg b/filesystem/.themes/Dracula/unity/unmaximize.svg new file mode 100755 index 00000000..42a2996e --- /dev/null +++ b/filesystem/.themes/Dracula/unity/unmaximize.svg @@ -0,0 +1,92 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/unmaximize_focused_normal.svg b/filesystem/.themes/Dracula/unity/unmaximize_focused_normal.svg new file mode 100755 index 00000000..42a2996e --- /dev/null +++ b/filesystem/.themes/Dracula/unity/unmaximize_focused_normal.svg @@ -0,0 +1,92 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/unmaximize_focused_prelight.svg b/filesystem/.themes/Dracula/unity/unmaximize_focused_prelight.svg new file mode 100644 index 00000000..7ef5c70f --- /dev/null +++ b/filesystem/.themes/Dracula/unity/unmaximize_focused_prelight.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/unmaximize_focused_pressed.svg b/filesystem/.themes/Dracula/unity/unmaximize_focused_pressed.svg new file mode 100644 index 00000000..0759e3d3 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/unmaximize_focused_pressed.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/unmaximize_unfocused.svg b/filesystem/.themes/Dracula/unity/unmaximize_unfocused.svg new file mode 100755 index 00000000..825e8135 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/unmaximize_unfocused.svg @@ -0,0 +1,105 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/unmaximize_unfocused_prelight.svg b/filesystem/.themes/Dracula/unity/unmaximize_unfocused_prelight.svg new file mode 100644 index 00000000..7ef5c70f --- /dev/null +++ b/filesystem/.themes/Dracula/unity/unmaximize_unfocused_prelight.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/unity/unmaximize_unfocused_pressed.svg b/filesystem/.themes/Dracula/unity/unmaximize_unfocused_pressed.svg new file mode 100644 index 00000000..0759e3d3 --- /dev/null +++ b/filesystem/.themes/Dracula/unity/unmaximize_unfocused_pressed.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/bottom-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/bottom-active.svg new file mode 100644 index 00000000..a7e44a0c --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/bottom-active.svg @@ -0,0 +1,67 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/bottom-left-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/bottom-left-active.svg new file mode 100644 index 00000000..e1f5efc2 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/bottom-left-active.svg @@ -0,0 +1,63 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/bottom-right-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/bottom-right-inactive.svg new file mode 100644 index 00000000..9f85cf03 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/bottom-right-inactive.svg @@ -0,0 +1,63 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/close-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/close-active.svg new file mode 100644 index 00000000..a5d6d2dd --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/close-active.svg @@ -0,0 +1,100 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/close-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/close-inactive.svg new file mode 100644 index 00000000..ccbe1836 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/close-inactive.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/close-prelight.svg b/filesystem/.themes/Dracula/xfwm4/assets/close-prelight.svg new file mode 100644 index 00000000..f03c8adb --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/close-prelight.svg @@ -0,0 +1,106 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/close-pressed.svg b/filesystem/.themes/Dracula/xfwm4/assets/close-pressed.svg new file mode 100644 index 00000000..f03c8adb --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/close-pressed.svg @@ -0,0 +1,106 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/hide-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/hide-active.svg new file mode 100644 index 00000000..c87ff6ea --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/hide-active.svg @@ -0,0 +1,93 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/hide-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/hide-inactive.svg new file mode 100644 index 00000000..ccbe1836 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/hide-inactive.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/hide-prelight.svg b/filesystem/.themes/Dracula/xfwm4/assets/hide-prelight.svg new file mode 100644 index 00000000..31a6fa8d --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/hide-prelight.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/hide-pressed.svg b/filesystem/.themes/Dracula/xfwm4/assets/hide-pressed.svg new file mode 100644 index 00000000..31a6fa8d --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/hide-pressed.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/maximize-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/maximize-active.svg new file mode 100644 index 00000000..e857c03a --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/maximize-active.svg @@ -0,0 +1,93 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/maximize-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/maximize-inactive.svg new file mode 100644 index 00000000..ccbe1836 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/maximize-inactive.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/maximize-prelight.svg b/filesystem/.themes/Dracula/xfwm4/assets/maximize-prelight.svg new file mode 100644 index 00000000..207664ec --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/maximize-prelight.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/maximize-pressed.svg b/filesystem/.themes/Dracula/xfwm4/assets/maximize-pressed.svg new file mode 100644 index 00000000..207664ec --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/maximize-pressed.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/menu-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/menu-active.svg new file mode 100644 index 00000000..7eb6772f --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/menu-active.svg @@ -0,0 +1,108 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/menu-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/menu-inactive.svg new file mode 100644 index 00000000..a08afdfe --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/menu-inactive.svg @@ -0,0 +1,108 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/menu-prelight.svg b/filesystem/.themes/Dracula/xfwm4/assets/menu-prelight.svg new file mode 100644 index 00000000..2c1e5b7b --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/menu-prelight.svg @@ -0,0 +1,100 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/menu-pressed.svg b/filesystem/.themes/Dracula/xfwm4/assets/menu-pressed.svg new file mode 100644 index 00000000..0f4e1665 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/menu-pressed.svg @@ -0,0 +1,114 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/right-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/right-active.svg new file mode 100644 index 00000000..a7e1bf9f --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/right-active.svg @@ -0,0 +1,67 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/shade-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/shade-active.svg new file mode 100644 index 00000000..897e7865 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/shade-active.svg @@ -0,0 +1,89 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/shade-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/shade-inactive.svg new file mode 100644 index 00000000..fd1d6ecf --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/shade-inactive.svg @@ -0,0 +1,89 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/shade-prelight.svg b/filesystem/.themes/Dracula/xfwm4/assets/shade-prelight.svg new file mode 100644 index 00000000..4b8e9554 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/shade-prelight.svg @@ -0,0 +1,81 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/shade-pressed.svg b/filesystem/.themes/Dracula/xfwm4/assets/shade-pressed.svg new file mode 100644 index 00000000..5c7c5fbb --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/shade-pressed.svg @@ -0,0 +1,81 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/shade-toggled-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/shade-toggled-active.svg new file mode 100644 index 00000000..ae261c33 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/shade-toggled-active.svg @@ -0,0 +1,105 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/stick-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/stick-active.svg new file mode 100644 index 00000000..6452a2c8 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/stick-active.svg @@ -0,0 +1,89 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/stick-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/stick-inactive.svg new file mode 100644 index 00000000..29a27de0 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/stick-inactive.svg @@ -0,0 +1,89 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/stick-prelight.svg b/filesystem/.themes/Dracula/xfwm4/assets/stick-prelight.svg new file mode 100644 index 00000000..2fc0ebf7 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/stick-prelight.svg @@ -0,0 +1,89 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/stick-pressed.svg b/filesystem/.themes/Dracula/xfwm4/assets/stick-pressed.svg new file mode 100644 index 00000000..91cb129c --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/stick-pressed.svg @@ -0,0 +1,89 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/stick-toggled-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/stick-toggled-active.svg new file mode 100644 index 00000000..5b442633 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/stick-toggled-active.svg @@ -0,0 +1,98 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/title-1-active-shaded.svg b/filesystem/.themes/Dracula/xfwm4/assets/title-1-active-shaded.svg new file mode 100644 index 00000000..ca5ffb52 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/title-1-active-shaded.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/title-1-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/title-1-active.svg new file mode 100644 index 00000000..c581295a --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/title-1-active.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/title-1-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/title-1-inactive.svg new file mode 100644 index 00000000..71e4b147 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/title-1-inactive.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/title-2-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/title-2-active.svg new file mode 100644 index 00000000..09ea1009 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/title-2-active.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/title-2-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/title-2-inactive.svg new file mode 100644 index 00000000..33bfac20 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/title-2-inactive.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/title-3-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/title-3-active.svg new file mode 100644 index 00000000..5d80eecb --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/title-3-active.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/title-3-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/title-3-inactive.svg new file mode 100644 index 00000000..5d80eecb --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/title-3-inactive.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/title-4-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/title-4-active.svg new file mode 100644 index 00000000..5d80eecb --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/title-4-active.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/title-4-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/title-4-inactive.svg new file mode 100644 index 00000000..5d80eecb --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/title-4-inactive.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/title-5-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/title-5-active.svg new file mode 100644 index 00000000..5d80eecb --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/title-5-active.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/title-5-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/title-5-inactive.svg new file mode 100644 index 00000000..5d80eecb --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/title-5-inactive.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/top-left-active-shaded.svg b/filesystem/.themes/Dracula/xfwm4/assets/top-left-active-shaded.svg new file mode 100644 index 00000000..40eddd5b --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/top-left-active-shaded.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/top-left-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/top-left-active.svg new file mode 100644 index 00000000..6b9600e5 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/top-left-active.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/top-left-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/top-left-inactive.svg new file mode 100644 index 00000000..9b90c139 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/top-left-inactive.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/top-right-active-shaded.svg b/filesystem/.themes/Dracula/xfwm4/assets/top-right-active-shaded.svg new file mode 100644 index 00000000..51fd7b9f --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/top-right-active-shaded.svg @@ -0,0 +1,98 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/top-right-active.svg b/filesystem/.themes/Dracula/xfwm4/assets/top-right-active.svg new file mode 100644 index 00000000..628339a8 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/top-right-active.svg @@ -0,0 +1,98 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/assets/top-right-inactive.svg b/filesystem/.themes/Dracula/xfwm4/assets/top-right-inactive.svg new file mode 100644 index 00000000..dd1d3f24 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/assets/top-right-inactive.svg @@ -0,0 +1,98 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/filesystem/.themes/Dracula/xfwm4/bottom-active.png b/filesystem/.themes/Dracula/xfwm4/bottom-active.png new file mode 100644 index 00000000..18242a67 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/bottom-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/bottom-inactive.png b/filesystem/.themes/Dracula/xfwm4/bottom-inactive.png new file mode 120000 index 00000000..d53233b1 --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/bottom-inactive.png @@ -0,0 +1 @@ +bottom-active.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/xfwm4/bottom-left-active.png b/filesystem/.themes/Dracula/xfwm4/bottom-left-active.png new file mode 100644 index 00000000..268e8c87 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/bottom-left-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/bottom-left-inactive.png b/filesystem/.themes/Dracula/xfwm4/bottom-left-inactive.png new file mode 120000 index 00000000..1305debb --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/bottom-left-inactive.png @@ -0,0 +1 @@ +bottom-left-active.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/xfwm4/bottom-right-active.png b/filesystem/.themes/Dracula/xfwm4/bottom-right-active.png new file mode 120000 index 00000000..fba1612d --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/bottom-right-active.png @@ -0,0 +1 @@ +bottom-right-inactive.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/xfwm4/bottom-right-inactive.png b/filesystem/.themes/Dracula/xfwm4/bottom-right-inactive.png new file mode 100644 index 00000000..6f660a69 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/bottom-right-inactive.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/close-active.png b/filesystem/.themes/Dracula/xfwm4/close-active.png new file mode 100644 index 00000000..bb8b3aca Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/close-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/close-inactive.png b/filesystem/.themes/Dracula/xfwm4/close-inactive.png new file mode 100644 index 00000000..7197d6e6 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/close-inactive.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/close-prelight.png b/filesystem/.themes/Dracula/xfwm4/close-prelight.png new file mode 100644 index 00000000..addfe186 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/close-prelight.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/close-pressed.png b/filesystem/.themes/Dracula/xfwm4/close-pressed.png new file mode 100644 index 00000000..2226bd24 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/close-pressed.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/hide-active.png b/filesystem/.themes/Dracula/xfwm4/hide-active.png new file mode 100644 index 00000000..136e9439 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/hide-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/hide-inactive.png b/filesystem/.themes/Dracula/xfwm4/hide-inactive.png new file mode 100644 index 00000000..fba0222a Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/hide-inactive.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/hide-prelight.png b/filesystem/.themes/Dracula/xfwm4/hide-prelight.png new file mode 100644 index 00000000..616d0852 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/hide-prelight.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/hide-pressed.png b/filesystem/.themes/Dracula/xfwm4/hide-pressed.png new file mode 100644 index 00000000..b588c4b7 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/hide-pressed.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/left-active.png b/filesystem/.themes/Dracula/xfwm4/left-active.png new file mode 120000 index 00000000..2e5e96cd --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/left-active.png @@ -0,0 +1 @@ +right-active.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/xfwm4/left-inactive.png b/filesystem/.themes/Dracula/xfwm4/left-inactive.png new file mode 120000 index 00000000..2e5e96cd --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/left-inactive.png @@ -0,0 +1 @@ +right-active.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/xfwm4/maximize-active.png b/filesystem/.themes/Dracula/xfwm4/maximize-active.png new file mode 100644 index 00000000..03bca3a3 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/maximize-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/maximize-inactive.png b/filesystem/.themes/Dracula/xfwm4/maximize-inactive.png new file mode 100644 index 00000000..e7c4888e Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/maximize-inactive.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/maximize-prelight.png b/filesystem/.themes/Dracula/xfwm4/maximize-prelight.png new file mode 100644 index 00000000..472e3c42 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/maximize-prelight.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/maximize-pressed.png b/filesystem/.themes/Dracula/xfwm4/maximize-pressed.png new file mode 100644 index 00000000..472e3c42 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/maximize-pressed.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/menu-active.png b/filesystem/.themes/Dracula/xfwm4/menu-active.png new file mode 100644 index 00000000..d24242eb Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/menu-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/menu-inactive.png b/filesystem/.themes/Dracula/xfwm4/menu-inactive.png new file mode 100644 index 00000000..8038c379 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/menu-inactive.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/menu-prelight.png b/filesystem/.themes/Dracula/xfwm4/menu-prelight.png new file mode 100644 index 00000000..36af4a53 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/menu-prelight.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/menu-pressed.png b/filesystem/.themes/Dracula/xfwm4/menu-pressed.png new file mode 100644 index 00000000..f8109633 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/menu-pressed.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/render_assets.fish b/filesystem/.themes/Dracula/xfwm4/render_assets.fish new file mode 100644 index 00000000..2576548c --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/render_assets.fish @@ -0,0 +1,12 @@ +set -l red (set_color -o red) +set -l cyan (set_color -o cyan) + +for i in assets/*; + set -l file_name (basename $i .svg) + if test -f ./$file_name'.png' + echo $red$file_name exists + else + echo $cyan'Creating '$file_name'.png' + convert -background none $i ./$file_name'.png' + end +;end diff --git a/filesystem/.themes/Dracula/xfwm4/right-active.png b/filesystem/.themes/Dracula/xfwm4/right-active.png new file mode 100644 index 00000000..7e5cd122 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/right-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/right-inactive.png b/filesystem/.themes/Dracula/xfwm4/right-inactive.png new file mode 120000 index 00000000..2e5e96cd --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/right-inactive.png @@ -0,0 +1 @@ +right-active.png \ No newline at end of file diff --git a/filesystem/.themes/Dracula/xfwm4/shade-active.png b/filesystem/.themes/Dracula/xfwm4/shade-active.png new file mode 100644 index 00000000..0da3c119 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/shade-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/shade-inactive.png b/filesystem/.themes/Dracula/xfwm4/shade-inactive.png new file mode 100644 index 00000000..d942466a Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/shade-inactive.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/shade-prelight.png b/filesystem/.themes/Dracula/xfwm4/shade-prelight.png new file mode 100644 index 00000000..ead395d1 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/shade-prelight.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/shade-pressed.png b/filesystem/.themes/Dracula/xfwm4/shade-pressed.png new file mode 100644 index 00000000..bbea935d Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/shade-pressed.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/shade-toggled-active.png b/filesystem/.themes/Dracula/xfwm4/shade-toggled-active.png new file mode 100644 index 00000000..d2f052fe Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/shade-toggled-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/stick-active.png b/filesystem/.themes/Dracula/xfwm4/stick-active.png new file mode 100644 index 00000000..4850290f Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/stick-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/stick-inactive.png b/filesystem/.themes/Dracula/xfwm4/stick-inactive.png new file mode 100644 index 00000000..b5f9fa21 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/stick-inactive.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/stick-prelight.png b/filesystem/.themes/Dracula/xfwm4/stick-prelight.png new file mode 100644 index 00000000..65131da0 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/stick-prelight.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/stick-pressed.png b/filesystem/.themes/Dracula/xfwm4/stick-pressed.png new file mode 100644 index 00000000..f1aae7f2 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/stick-pressed.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/stick-toggled-active.png b/filesystem/.themes/Dracula/xfwm4/stick-toggled-active.png new file mode 100644 index 00000000..aa9a2ddf Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/stick-toggled-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/themerc b/filesystem/.themes/Dracula/xfwm4/themerc new file mode 100644 index 00000000..d7d06dbd --- /dev/null +++ b/filesystem/.themes/Dracula/xfwm4/themerc @@ -0,0 +1,24 @@ +#button_layout=O|HMC +button_offset=2 +button_spacing=2 + +full_width_title=true + +title_horizontal_offset=0 +title_vertical_offset_active=1 +title_vertical_offset_inactive=1 +title_shadow_active=false +title_shadow_inactive=false + +active_text_color=#ECEFF1 +active_text_shadow_color=#ECEFF1 +inactive_text_color=#778085 +inactive_text_shadow_color=#778085 + +shadow_delta_height=2 +shadow_delta_width=0 +shadow_delta_x=0 +shadow_delta_y=-4 +shadow_opacity=46 + +show_popup_shadow=true diff --git a/filesystem/.themes/Dracula/xfwm4/title-1-active-shaded.png b/filesystem/.themes/Dracula/xfwm4/title-1-active-shaded.png new file mode 100644 index 00000000..241f6d1b Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/title-1-active-shaded.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/title-1-active.png b/filesystem/.themes/Dracula/xfwm4/title-1-active.png new file mode 100644 index 00000000..9db415db Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/title-1-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/title-1-inactive.png b/filesystem/.themes/Dracula/xfwm4/title-1-inactive.png new file mode 100644 index 00000000..bd1d75c3 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/title-1-inactive.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/title-2-active.png b/filesystem/.themes/Dracula/xfwm4/title-2-active.png new file mode 100644 index 00000000..5e643126 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/title-2-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/title-2-inactive.png b/filesystem/.themes/Dracula/xfwm4/title-2-inactive.png new file mode 100644 index 00000000..5e643126 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/title-2-inactive.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/title-3-active.png b/filesystem/.themes/Dracula/xfwm4/title-3-active.png new file mode 100644 index 00000000..aabbe0af Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/title-3-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/title-3-inactive.png b/filesystem/.themes/Dracula/xfwm4/title-3-inactive.png new file mode 100644 index 00000000..2136ff35 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/title-3-inactive.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/title-4-active.png b/filesystem/.themes/Dracula/xfwm4/title-4-active.png new file mode 100644 index 00000000..eca3d83d Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/title-4-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/title-4-inactive.png b/filesystem/.themes/Dracula/xfwm4/title-4-inactive.png new file mode 100644 index 00000000..33bce1c8 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/title-4-inactive.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/title-5-active.png b/filesystem/.themes/Dracula/xfwm4/title-5-active.png new file mode 100644 index 00000000..c43c6ed8 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/title-5-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/title-5-inactive.png b/filesystem/.themes/Dracula/xfwm4/title-5-inactive.png new file mode 100644 index 00000000..c43c6ed8 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/title-5-inactive.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/top-left-active-shaded.png b/filesystem/.themes/Dracula/xfwm4/top-left-active-shaded.png new file mode 100644 index 00000000..306d8231 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/top-left-active-shaded.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/top-left-active.png b/filesystem/.themes/Dracula/xfwm4/top-left-active.png new file mode 100644 index 00000000..c9d1de40 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/top-left-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/top-left-inactive.png b/filesystem/.themes/Dracula/xfwm4/top-left-inactive.png new file mode 100644 index 00000000..bd35055a Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/top-left-inactive.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/top-right-active-shaded.png b/filesystem/.themes/Dracula/xfwm4/top-right-active-shaded.png new file mode 100644 index 00000000..a24334c5 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/top-right-active-shaded.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/top-right-active.png b/filesystem/.themes/Dracula/xfwm4/top-right-active.png new file mode 100644 index 00000000..e209b717 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/top-right-active.png differ diff --git a/filesystem/.themes/Dracula/xfwm4/top-right-inactive.png b/filesystem/.themes/Dracula/xfwm4/top-right-inactive.png new file mode 100644 index 00000000..e209b717 Binary files /dev/null and b/filesystem/.themes/Dracula/xfwm4/top-right-inactive.png differ