diff --git a/CREDITS b/CREDITS index 78ce81f..2ae85a9 100644 --- a/CREDITS +++ b/CREDITS @@ -1,2 +1,3 @@ [Chicago 95 Theme] -Grassmunk 4/2016 \ No newline at end of file +Grassmunk 4/2016 +AdrianoML 12/2016 diff --git a/README.md b/README.md index ec14c7c..c963ce9 100644 --- a/README.md +++ b/README.md @@ -13,19 +13,22 @@ Included in this theme: - Plymouth theme created from scratch ## Screenshots -![alt text](https://raw.githubusercontent.com/grassmunk/Chicago95/master/Screenshots/plymouth.gif "Plymouth") +![alt text](https://raw.githubusercontent.com/AdrianoML/Chicago95/master/Screenshots/plymouth.gif "Plymouth") -![alt text](https://raw.githubusercontent.com/grassmunk/Chicago95/master/Screenshots/lightdm.png "LightDM") +![alt text](https://raw.githubusercontent.com/AdrianoML/Chicago95/master/Screenshots/lightdm.png "LightDM") -![alt text](https://raw.githubusercontent.com/grassmunk/Chicago95/master/Screenshots/Screenshot.png "Big Screenshot") +![alt text](https://raw.githubusercontent.com/AdrianoML/Chicago95/master/Screenshots/Screenshot.png "Big Screenshot") -![alt text](https://raw.githubusercontent.com/grassmunk/Chicago95/master/Screenshots/gtk2.png "GTK2") +![alt text](https://raw.githubusercontent.com/AdrianoML/Chicago95/master/Screenshots/gtk2.png "GTK2") + +![alt text](https://raw.githubusercontent.com/AdrianoML/Chicago95/master/Screenshots/widget-factory-gtk3-chicago95.png "GTK3") + +![alt text](https://raw.githubusercontent.com/AdrianoML/Chicago95/master/Screenshots/nautilus-grk3-chicago95.png "GTK3") -![alt text](https://raw.githubusercontent.com/grassmunk/Chicago95/master/Screenshots/gtk3.png "GTK3") I decided that the pop-overs were almost exactly as annoying/ugly as Clippy was in MS Office 97 so the buttons/coloring are matched to look exactly like that. -![alt text](https://raw.githubusercontent.com/grassmunk/Chicago95/master/Screenshots/DOS.png "Terminal") +![alt text](https://raw.githubusercontent.com/AdrianoML/Chicago95/master/Screenshots/DOS.png "Terminal") ## Installation @@ -146,7 +149,7 @@ For the icon theme, I made a small adjustment that replaces the MS Windows logos ## Requirements -GTK+ 3.16 or above +GTK+ 3.22 or above Xfce 4.12 of above diff --git a/Screenshots/gtk3.png b/Screenshots/gtk3.png deleted file mode 100644 index bed07de..0000000 Binary files a/Screenshots/gtk3.png and /dev/null differ diff --git a/Screenshots/nautilus-grk3-chicago95.png b/Screenshots/nautilus-grk3-chicago95.png new file mode 100644 index 0000000..21b0177 Binary files /dev/null and b/Screenshots/nautilus-grk3-chicago95.png differ diff --git a/Screenshots/widget-factory-gtk3-chicago95.png b/Screenshots/widget-factory-gtk3-chicago95.png new file mode 100644 index 0000000..f18e074 Binary files /dev/null and b/Screenshots/widget-factory-gtk3-chicago95.png differ diff --git a/Theme/Chicago95/gtk-2.0/tabs/tab-right.png~ b/Theme/Chicago95/gtk-2.0/tabs/tab-right.png~ deleted file mode 100644 index 95a6857..0000000 Binary files a/Theme/Chicago95/gtk-2.0/tabs/tab-right.png~ and /dev/null differ diff --git a/Theme/Chicago95/gtk-2.0/tabs/tab-right.png~~ b/Theme/Chicago95/gtk-2.0/tabs/tab-right.png~~ deleted file mode 100644 index 9907fb5..0000000 Binary files a/Theme/Chicago95/gtk-2.0/tabs/tab-right.png~~ and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-down-disabled.png b/Theme/Chicago95/gtk-3.0/assets/arrow-down-disabled.png new file mode 100644 index 0000000..c033db1 Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/arrow-down-disabled.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-down-hover.png b/Theme/Chicago95/gtk-3.0/assets/arrow-down-hover.png deleted file mode 100644 index 6d66f34..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/arrow-down-hover.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-down-insens.png b/Theme/Chicago95/gtk-3.0/assets/arrow-down-insens.png deleted file mode 100644 index a0f3fd9..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/arrow-down-insens.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-down-selected.png b/Theme/Chicago95/gtk-3.0/assets/arrow-down-selected.png new file mode 100644 index 0000000..1d76f2c Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/arrow-down-selected.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-down.png b/Theme/Chicago95/gtk-3.0/assets/arrow-down.png index 5c99ede..b58e80b 100644 Binary files a/Theme/Chicago95/gtk-3.0/assets/arrow-down.png and b/Theme/Chicago95/gtk-3.0/assets/arrow-down.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-left-disabled.png b/Theme/Chicago95/gtk-3.0/assets/arrow-left-disabled.png new file mode 100644 index 0000000..a5c2866 Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/arrow-left-disabled.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-left-hover.png b/Theme/Chicago95/gtk-3.0/assets/arrow-left-hover.png deleted file mode 100644 index 382fe7d..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/arrow-left-hover.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-left-insens.png b/Theme/Chicago95/gtk-3.0/assets/arrow-left-insens.png deleted file mode 100644 index 3419a8f..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/arrow-left-insens.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-left-selected.png b/Theme/Chicago95/gtk-3.0/assets/arrow-left-selected.png new file mode 100644 index 0000000..928416f Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/arrow-left-selected.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-left.png b/Theme/Chicago95/gtk-3.0/assets/arrow-left.png index ecd3fd4..15b54a7 100644 Binary files a/Theme/Chicago95/gtk-3.0/assets/arrow-left.png and b/Theme/Chicago95/gtk-3.0/assets/arrow-left.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-right-disabled.png b/Theme/Chicago95/gtk-3.0/assets/arrow-right-disabled.png new file mode 100644 index 0000000..00bc0b5 Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/arrow-right-disabled.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-right-hover.png b/Theme/Chicago95/gtk-3.0/assets/arrow-right-hover.png deleted file mode 100644 index aa00863..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/arrow-right-hover.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-right-insens.png b/Theme/Chicago95/gtk-3.0/assets/arrow-right-insens.png deleted file mode 100644 index 07b8a8f..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/arrow-right-insens.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-right-selected.png b/Theme/Chicago95/gtk-3.0/assets/arrow-right-selected.png new file mode 100644 index 0000000..772ff9c Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/arrow-right-selected.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-right.png b/Theme/Chicago95/gtk-3.0/assets/arrow-right.png index 3379704..938610a 100644 Binary files a/Theme/Chicago95/gtk-3.0/assets/arrow-right.png and b/Theme/Chicago95/gtk-3.0/assets/arrow-right.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-up-disabled.png b/Theme/Chicago95/gtk-3.0/assets/arrow-up-disabled.png new file mode 100644 index 0000000..5074fc0 Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/arrow-up-disabled.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-up-hover.png b/Theme/Chicago95/gtk-3.0/assets/arrow-up-hover.png deleted file mode 100644 index e01e58b..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/arrow-up-hover.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-up-insens.png b/Theme/Chicago95/gtk-3.0/assets/arrow-up-insens.png deleted file mode 100644 index c620cdf..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/arrow-up-insens.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-up-selected.png b/Theme/Chicago95/gtk-3.0/assets/arrow-up-selected.png new file mode 100644 index 0000000..7a75240 Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/arrow-up-selected.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/arrow-up.png b/Theme/Chicago95/gtk-3.0/assets/arrow-up.png index 8ddad5e..65fc8bf 100644 Binary files a/Theme/Chicago95/gtk-3.0/assets/arrow-up.png and b/Theme/Chicago95/gtk-3.0/assets/arrow-up.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/check-check.png b/Theme/Chicago95/gtk-3.0/assets/check-check.png new file mode 100644 index 0000000..12f95af Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/check-check.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/check-indeterminate.png b/Theme/Chicago95/gtk-3.0/assets/check-indeterminate.png new file mode 100644 index 0000000..32e1eac Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/check-indeterminate.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/checkbox-checked-insensitive.png b/Theme/Chicago95/gtk-3.0/assets/checkbox-checked-insensitive.png deleted file mode 100644 index fe197ba..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/checkbox-checked-insensitive.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/checkbox-checked-over.png b/Theme/Chicago95/gtk-3.0/assets/checkbox-checked-over.png deleted file mode 100644 index 1ddd4e0..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/checkbox-checked-over.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/checkbox-checked.png b/Theme/Chicago95/gtk-3.0/assets/checkbox-checked.png deleted file mode 100644 index 62890c3..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/checkbox-checked.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/checkbox-mixed-insensitive.png b/Theme/Chicago95/gtk-3.0/assets/checkbox-mixed-insensitive.png deleted file mode 100644 index 7186600..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/checkbox-mixed-insensitive.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/checkbox-mixed.png b/Theme/Chicago95/gtk-3.0/assets/checkbox-mixed.png deleted file mode 100644 index 013bcac..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/checkbox-mixed.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/checkbox-test.png b/Theme/Chicago95/gtk-3.0/assets/checkbox-test.png deleted file mode 100644 index c3e42f3..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/checkbox-test.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/checkbox-unchecked-insensitive.png b/Theme/Chicago95/gtk-3.0/assets/checkbox-unchecked-insensitive.png deleted file mode 100644 index cb7da2b..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/checkbox-unchecked-insensitive.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/checkbox-unchecked-over.png b/Theme/Chicago95/gtk-3.0/assets/checkbox-unchecked-over.png deleted file mode 100644 index 35ddc6b..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/checkbox-unchecked-over.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/checkbox-unchecked.png b/Theme/Chicago95/gtk-3.0/assets/checkbox-unchecked.png deleted file mode 100644 index 35ddc6b..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/checkbox-unchecked.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/checker-board-pattern.png b/Theme/Chicago95/gtk-3.0/assets/checker-board-pattern.png new file mode 100644 index 0000000..f3fd05d Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/checker-board-pattern.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png b/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png deleted file mode 100644 index 0c92b34..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-checked-selected.png b/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-checked-selected.png deleted file mode 100644 index 2a94b5a..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-checked-selected.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-checked.png b/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-checked.png deleted file mode 100644 index 733cfb8..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-checked.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png b/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png deleted file mode 100644 index e711fe4..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-mixed-selected.png b/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-mixed-selected.png deleted file mode 100644 index cab57b4..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-mixed-selected.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-mixed.png b/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-mixed.png deleted file mode 100644 index 130102e..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/menuitem-checkbox-mixed.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/menuitem-radio-checked-insensitive.png b/Theme/Chicago95/gtk-3.0/assets/menuitem-radio-checked-insensitive.png deleted file mode 100644 index f50c8c3..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/menuitem-radio-checked-insensitive.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/menuitem-radio-checked-selected.png b/Theme/Chicago95/gtk-3.0/assets/menuitem-radio-checked-selected.png deleted file mode 100644 index 0a58ca0..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/menuitem-radio-checked-selected.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/menuitem-radio-checked.png b/Theme/Chicago95/gtk-3.0/assets/menuitem-radio-checked.png deleted file mode 100644 index 7508a49..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/menuitem-radio-checked.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/menuitem-unchecked.png b/Theme/Chicago95/gtk-3.0/assets/menuitem-unchecked.png deleted file mode 100644 index 5af7289..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/menuitem-unchecked.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/radio-check.png b/Theme/Chicago95/gtk-3.0/assets/radio-check.png new file mode 100644 index 0000000..5e188ee Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/radio-check.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/radio-inner-ring.png b/Theme/Chicago95/gtk-3.0/assets/radio-inner-ring.png new file mode 100644 index 0000000..dc404e8 Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/radio-inner-ring.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/radio-mixed-insensitive.png b/Theme/Chicago95/gtk-3.0/assets/radio-mixed-insensitive.png deleted file mode 100644 index f2a5735..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/radio-mixed-insensitive.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/radio-mixed.png b/Theme/Chicago95/gtk-3.0/assets/radio-mixed.png deleted file mode 100644 index 40ef889..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/radio-mixed.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/radio-ring.png b/Theme/Chicago95/gtk-3.0/assets/radio-ring.png new file mode 100644 index 0000000..e84b13c Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/assets/radio-ring.png differ diff --git a/Theme/Chicago95/gtk-3.0/assets/radio-selected-insensitive.png b/Theme/Chicago95/gtk-3.0/assets/radio-selected-insensitive.png deleted file mode 100644 index 6c1cec3..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/radio-selected-insensitive.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/radio-selected-over.png b/Theme/Chicago95/gtk-3.0/assets/radio-selected-over.png deleted file mode 100644 index 78a6ffa..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/radio-selected-over.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/radio-selected.png b/Theme/Chicago95/gtk-3.0/assets/radio-selected.png deleted file mode 100644 index 78a6ffa..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/radio-selected.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/radio-unselected-insensitive.png b/Theme/Chicago95/gtk-3.0/assets/radio-unselected-insensitive.png deleted file mode 100644 index a9c49c3..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/radio-unselected-insensitive.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/radio-unselected-over.png b/Theme/Chicago95/gtk-3.0/assets/radio-unselected-over.png deleted file mode 100644 index f0ae5e8..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/radio-unselected-over.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/radio-unselected.png b/Theme/Chicago95/gtk-3.0/assets/radio-unselected.png deleted file mode 100644 index f0ae5e8..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/radio-unselected.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/slider-above-insense.png b/Theme/Chicago95/gtk-3.0/assets/slider-above-insense.png deleted file mode 100644 index 9a65b8d..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/slider-above-insense.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/slider-above.png b/Theme/Chicago95/gtk-3.0/assets/slider-above.png deleted file mode 100644 index a822aae..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/slider-above.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/slider-below-insense.png b/Theme/Chicago95/gtk-3.0/assets/slider-below-insense.png deleted file mode 100644 index 2486f3b..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/slider-below-insense.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/slider-below.png b/Theme/Chicago95/gtk-3.0/assets/slider-below.png deleted file mode 100644 index a105171..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/slider-below.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/slider-left-insense.png b/Theme/Chicago95/gtk-3.0/assets/slider-left-insense.png deleted file mode 100644 index 9c1e8b5..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/slider-left-insense.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/slider-left.png b/Theme/Chicago95/gtk-3.0/assets/slider-left.png deleted file mode 100644 index 01f42ee..0000000 Binary files a/Theme/Chicago95/gtk-3.0/assets/slider-left.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/assets/switch-off-disabled.svg b/Theme/Chicago95/gtk-3.0/assets/switch-off-disabled.svg deleted file mode 100644 index 7b46f9f..0000000 --- a/Theme/Chicago95/gtk-3.0/assets/switch-off-disabled.svg +++ /dev/null @@ -1,67 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/Theme/Chicago95/gtk-3.0/assets/switch-off.svg b/Theme/Chicago95/gtk-3.0/assets/switch-off.svg deleted file mode 100644 index 8f57ceb..0000000 --- a/Theme/Chicago95/gtk-3.0/assets/switch-off.svg +++ /dev/null @@ -1,67 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/Theme/Chicago95/gtk-3.0/assets/switch-on-disabled.svg b/Theme/Chicago95/gtk-3.0/assets/switch-on-disabled.svg deleted file mode 100644 index fa3da93..0000000 --- a/Theme/Chicago95/gtk-3.0/assets/switch-on-disabled.svg +++ /dev/null @@ -1,68 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/Theme/Chicago95/gtk-3.0/assets/switch-on.svg b/Theme/Chicago95/gtk-3.0/assets/switch-on.svg deleted file mode 100644 index 4935897..0000000 --- a/Theme/Chicago95/gtk-3.0/assets/switch-on.svg +++ /dev/null @@ -1,68 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/Theme/Chicago95/gtk-3.0/buttons/close-focused-active.png b/Theme/Chicago95/gtk-3.0/buttons/close-focused-active.png deleted file mode 120000 index 845671b..0000000 --- a/Theme/Chicago95/gtk-3.0/buttons/close-focused-active.png +++ /dev/null @@ -1 +0,0 @@ -close-focused-normal.png \ No newline at end of file diff --git a/Theme/Chicago95/gtk-3.0/buttons/close-focused-normal.png b/Theme/Chicago95/gtk-3.0/buttons/close-focused-normal.png deleted file mode 100644 index 5baf488..0000000 Binary files a/Theme/Chicago95/gtk-3.0/buttons/close-focused-normal.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/buttons/close-focused-pressed.png b/Theme/Chicago95/gtk-3.0/buttons/close-focused-pressed.png deleted file mode 100644 index 3eeb68d..0000000 Binary files a/Theme/Chicago95/gtk-3.0/buttons/close-focused-pressed.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/buttons/close-unfocused-normal.png b/Theme/Chicago95/gtk-3.0/buttons/close-unfocused-normal.png deleted file mode 120000 index 845671b..0000000 --- a/Theme/Chicago95/gtk-3.0/buttons/close-unfocused-normal.png +++ /dev/null @@ -1 +0,0 @@ -close-focused-normal.png \ No newline at end of file diff --git a/Theme/Chicago95/gtk-3.0/buttons/icon-close.png b/Theme/Chicago95/gtk-3.0/buttons/icon-close.png new file mode 100644 index 0000000..9cd6bc8 Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/buttons/icon-close.png differ diff --git a/Theme/Chicago95/gtk-3.0/buttons/icon-maximise.png b/Theme/Chicago95/gtk-3.0/buttons/icon-maximise.png new file mode 100644 index 0000000..1ab181c Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/buttons/icon-maximise.png differ diff --git a/Theme/Chicago95/gtk-3.0/buttons/icon-minimise.png b/Theme/Chicago95/gtk-3.0/buttons/icon-minimise.png new file mode 100644 index 0000000..34ca1e1 Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/buttons/icon-minimise.png differ diff --git a/Theme/Chicago95/gtk-3.0/buttons/icon-restore.png b/Theme/Chicago95/gtk-3.0/buttons/icon-restore.png new file mode 100644 index 0000000..f8540c8 Binary files /dev/null and b/Theme/Chicago95/gtk-3.0/buttons/icon-restore.png differ diff --git a/Theme/Chicago95/gtk-3.0/buttons/maximize-focused-active.png b/Theme/Chicago95/gtk-3.0/buttons/maximize-focused-active.png deleted file mode 120000 index 158c49d..0000000 --- a/Theme/Chicago95/gtk-3.0/buttons/maximize-focused-active.png +++ /dev/null @@ -1 +0,0 @@ -maximize-focused-normal.png \ No newline at end of file diff --git a/Theme/Chicago95/gtk-3.0/buttons/maximize-focused-normal.png b/Theme/Chicago95/gtk-3.0/buttons/maximize-focused-normal.png deleted file mode 100644 index f556e99..0000000 Binary files a/Theme/Chicago95/gtk-3.0/buttons/maximize-focused-normal.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/buttons/maximize-focused-pressed.png b/Theme/Chicago95/gtk-3.0/buttons/maximize-focused-pressed.png deleted file mode 100644 index 632e31d..0000000 Binary files a/Theme/Chicago95/gtk-3.0/buttons/maximize-focused-pressed.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/buttons/maximize-unfocused-normal.png b/Theme/Chicago95/gtk-3.0/buttons/maximize-unfocused-normal.png deleted file mode 120000 index 158c49d..0000000 --- a/Theme/Chicago95/gtk-3.0/buttons/maximize-unfocused-normal.png +++ /dev/null @@ -1 +0,0 @@ -maximize-focused-normal.png \ No newline at end of file diff --git a/Theme/Chicago95/gtk-3.0/buttons/minimize-focused-active.png b/Theme/Chicago95/gtk-3.0/buttons/minimize-focused-active.png deleted file mode 120000 index f29d1e8..0000000 --- a/Theme/Chicago95/gtk-3.0/buttons/minimize-focused-active.png +++ /dev/null @@ -1 +0,0 @@ -minimize-focused-normal.png \ No newline at end of file diff --git a/Theme/Chicago95/gtk-3.0/buttons/minimize-focused-normal.png b/Theme/Chicago95/gtk-3.0/buttons/minimize-focused-normal.png deleted file mode 100644 index 17965bd..0000000 Binary files a/Theme/Chicago95/gtk-3.0/buttons/minimize-focused-normal.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/buttons/minimize-focused-pressed.png b/Theme/Chicago95/gtk-3.0/buttons/minimize-focused-pressed.png deleted file mode 100644 index f59a18a..0000000 Binary files a/Theme/Chicago95/gtk-3.0/buttons/minimize-focused-pressed.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/buttons/minimize-unfocused-normal.png b/Theme/Chicago95/gtk-3.0/buttons/minimize-unfocused-normal.png deleted file mode 120000 index f29d1e8..0000000 --- a/Theme/Chicago95/gtk-3.0/buttons/minimize-unfocused-normal.png +++ /dev/null @@ -1 +0,0 @@ -minimize-focused-normal.png \ No newline at end of file diff --git a/Theme/Chicago95/gtk-3.0/buttons/restore-focused-active.png b/Theme/Chicago95/gtk-3.0/buttons/restore-focused-active.png deleted file mode 120000 index 6e01c29..0000000 --- a/Theme/Chicago95/gtk-3.0/buttons/restore-focused-active.png +++ /dev/null @@ -1 +0,0 @@ -restore-focused-normal.png \ No newline at end of file diff --git a/Theme/Chicago95/gtk-3.0/buttons/restore-focused-normal.png b/Theme/Chicago95/gtk-3.0/buttons/restore-focused-normal.png deleted file mode 100644 index 779eae0..0000000 Binary files a/Theme/Chicago95/gtk-3.0/buttons/restore-focused-normal.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/buttons/restore-focused-pressed.png b/Theme/Chicago95/gtk-3.0/buttons/restore-focused-pressed.png deleted file mode 100644 index c771ba6..0000000 Binary files a/Theme/Chicago95/gtk-3.0/buttons/restore-focused-pressed.png and /dev/null differ diff --git a/Theme/Chicago95/gtk-3.0/buttons/restore-unfocused-normal.png b/Theme/Chicago95/gtk-3.0/buttons/restore-unfocused-normal.png deleted file mode 120000 index 6e01c29..0000000 --- a/Theme/Chicago95/gtk-3.0/buttons/restore-unfocused-normal.png +++ /dev/null @@ -1 +0,0 @@ -restore-focused-normal.png \ No newline at end of file diff --git a/Theme/Chicago95/gtk-3.0/gtk-widgets-assets.css b/Theme/Chicago95/gtk-3.0/gtk-widgets-assets.css deleted file mode 100644 index e304df9..0000000 --- a/Theme/Chicago95/gtk-3.0/gtk-widgets-assets.css +++ /dev/null @@ -1,485 +0,0 @@ -/******************* - * check and radio * - *******************/ -/* draw regular check and radio items using our assets */ -.check, -.check row:selected, -.check row:selected:focus { - background-image: url("assets/checkbox-unchecked.png"); -} - -.check:insensitive, -.check row:selected:insensitive, -.check row:selected:focus:insensitive { - background-image: url("assets/checkbox-unchecked-insensitive.png"); -} - -.check:hover, -.check row:selected:hover, -.check row:selected:focus:hover { - background-image: url("assets/checkbox-unchecked-over.png"); -} - -.check:active, -.check row:selected:active, -.check row:selected:focus:active { - background-image: url("assets/checkbox-checked.png"); -} - -.check:active:hover, -.check row:selected:active:hover, -.check row:selected:focus:active:hover { - background-image: url("assets/checkbox-checked-over.png"); -} - -.check:active:insensitive, -.check row:selected:active:insensitive, -.check row:selected:focus:active:insensitive { - background-image: url("assets/checkbox-checked-insensitive.png"); -} - -.check:inconsistent, -.check row:selected:inconsistent, -.check row:selected:focus:inconsistent { - background-image: url("assets/checkbox-mixed.png"); -} - -.check:inconsistent:insensitive, -.check row:selected:inconsistent:insensitive, -.check row:selected:focus:inconsistent:insensitive { - background-image: url("assets/checkbox-mixed-insensitive.png"); -} - - -.radio, -.view.cell.radio { - background-image: url("assets/radio-unselected.png"); -} - -.radio:insensitive { - background-image: url("assets/radio-unselected-insensitive.png"); -} - -.radio:hover { - background-image: url("assets/radio-unselected-over.png"); -} - -.radio:active { - background-image: url("assets/radio-selected.png"); -} - -.radio:active:hover { - background-image: url("assets/radio-selected-over.png"); -} - -.radio:active:insensitive { - background-image: url("assets/radio-selected-insensitive.png"); -} - -.radio:inconsistent { - background-image: url("assets/radio-mixed.png"); -} - -.radio:inconsistent:insensitive { - background-image: url("assets/radio-mixed-insensitive.png"); -} - -/******************************** - * Touch text selection handles * - ******************************** -.cursor-handle.bottom { - background-image: url("assets/slider-horiz.png"); -} - -.cursor-handle.top { - background-image: url("assets/slider-horiz.png"); -}*/ - -/****************** - * window actions * - ******************/ - -.titlebar .titlebutton.minimize { - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: url("buttons/minimize-focused-normal.png"); -} - -.titlebar .titlebutton.minimize:backdrop { - background-image: url("buttons/minimize-unfocused-normal.png"); - color: transparent; -} - -/*.titlebar .titlebutton.minimize:hover,*/ -.titlebar .titlebutton.minimize:active/*, -.titlebar .titlebutton.minimize:checked*/ { - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: url("buttons/minimize-focused-pressed.png"); -} - -.titlebar .titlebutton.maximize { - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: url("buttons/maximize-focused-normal.png"); -} - -.titlebar .titlebutton.maximize:backdrop { - background-image: url("buttons/maximize-unfocused-normal.png"); - color: transparent; -} - - -/*.titlebar .titlebutton.maximize:hover,*/ -.titlebar .titlebutton.maximize:active/*, -.titlebar .titlebutton.maximize:checked*/ { - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: url("buttons/maximize-focused-pressed.png"); -} - -.maximized .titlebutton.maximize { - background-image: url("buttons/restore-focused-normal.png"); -} -.maximized .titlebutton.maximize:active { - background-image: url("buttons/restore-focused-pressed.png"); -} - -.titlebar .titlebutton.close { - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: url("buttons/close-focused-normal.png"); -} - -.titlebar .titlebutton.close:backdrop { - background-image: url("buttons/close-unfocused-normal.png"); - color: transparent; -} - - -/*.titlebar .titlebutton.close:hover,*/ -.titlebar .titlebutton.close:active/*, -.titlebar .titlebutton.close:checked*/ { - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: url("buttons/close-focused-pressed.png"); -} - - - -/********************************* - * check and radio (gnome 3.18+) * - *********************************/ -.check, -.check row:selected, -.check row:selected:focus { - -gtk-icon-source: url("assets/checkbox-unchecked.png"); -} - -.check:insensitive, -.check row:selected:insensitive, -.check row:selected:focus:insensitive { - -gtk-icon-source: url("assets/checkbox-unchecked-insensitive.png"); -} - -.check:active, .check:checked, -.check row:selected:active, .check row:selected:checked, -.check row:selected:focus:active, .check row:selected:focus:checked { - -gtk-icon-source: url("assets/checkbox-checked.png"); -} - -.check:active:insensitive, .check:checked:insensitive, -.check row:selected:active:insensitive, .check row:selected:checked:insensitive, -.check row:selected:focus:active:insensitive, .check row:selected:focus:checked:insensitive { - -gtk-icon-source: url("assets/checkbox-checked-insensitive.png"); -} - - -.check:inconsistent, -.check row:selected:inconsistent, -.check row:selected:focus:inconsistent { - -gtk-icon-source: url("assets/checkbox-mixed.png"); -} - -.check:inconsistent:insensitive, -.check row:selected:inconsistent:insensitive, -.check row:selected:focus:inconsistent:insensitive { - -gtk-icon-source: url("assets/checkbox-mixed-insensitive.png"); -} - -.radio, -.radio row:selected, -.radio row:selected:focus { - -gtk-icon-source: url("assets/radio-unselected.png"); -} - -.radio:insensitive, -.radio row:selected:insensitive, -.radio row:selected:focus:insensitive { - -gtk-icon-source: url("assets/radio-unselected-insensitive.png"); -} - -.radio:active, .radio:checked, -.radio row:selected:active, .radio row:selected:checked, -.radio row:selected:focus:active, .radio row:selected:focus:checked { - -gtk-icon-source: url("assets/radio-selected.png"); -} - -.radio:active:insensitive, .radio:checked:insensitive, -.radio row:selected:active:insensitive, .radio row:selected:checked:insensitive, -.radio row:selected:focus:active:insensitive, .radio row:selected:focus:checked:insensitive { - -gtk-icon-source: url("assets/radio-selected-insensitive.png"); -} - -.radio:inconsistent, -.radio row:selected:inconsistent, -.radio row:selected:focus:inconsistent { - -gtk-icon-source: url("assets/radio-mixed.png"); -} - -.radio:inconsistent:insensitive, -.radio row:selected:inconsistent:insensitive, -.radio row:selected:focus:inconsistent:insensitive { - -gtk-icon-source: url("assets/radio-mixed-insensitive.png"); -} - -/************************** - * menuitem check & radio * - **************************/ - -.menuitem.check { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-unchecked.png")); - color: @theme_fg_color; - icon-shadow: none; -} -.menuitem.check:active, .menuitem.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-checked.png")); -} -.menuitem.check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed.png")); -} - -.menuitem.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-checked-selected.png")); -} -.menuitem.check:hover:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed-selected.png")); -} -.menuitem.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-checked-insensitive.png")); -} - -/* Radio */ -.menuitem.radio { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-unchecked.png")); - color: @theme_fg_color; - icon-shadow: none; -} -.menuitem.radio:active, .menuitem.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-radio-checked.png")); -} -.menuitem.radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed.png")); -} - -.menuitem.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed-selected.png")); -} - -.menuitem.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-radio-checked-selected.png")); -} - -.menuitem.radio:insensitive:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed-insensitive.png")); -} -.menuitem.radio:insensitive:checked { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-radio-checked-insensitive.png")); -} - - -/* Scroolbar Arrows */ -.scrollbar.button.vertical.top { - -gtk-icon-source: url("assets/arrow-up.png"); -} - - -.scrollbar.button.vertical.bottom { - -gtk-icon-source: url("assets/arrow-down.png"); -} - -.scrollbar.button.horizontal.left { - -gtk-icon-source: url("assets/arrow-left.png"); -} - -.scrollbar.button.horizontal.right { - -gtk-icon-source: url("assets/arrow-right.png"); -} - -.scrollbar.button.vertical.top:insensitive { - -gtk-icon-source: url("assets/arrow-up-insens.png"); -} - -.scrollbar.button.vertical.bottom:insensitive { - -gtk-icon-source: url("assets/arrow-down-insens.png"); -} - - -.scrollbar.button.horizontal.left:insensitive { - -gtk-icon-source: url("assets/arrow-left-insens.png"); -} - - -.scrollbar.button.horizontal.right:insensitive { - -gtk-icon-source: url("assets/arrow-right-insens.png"); -} -/* - -.scrollbar.button.vertical.top:prelight { - background-image: url("assets/stepper-up-prelight.png"); - border-image: url("assets/stepper-up-prelight.png"); - border-width: 1px; - border-radius: 1px; - border-color: black; -} - -.scrollbar.button.vertical.bottom:prelight { - background-image: url("assets/stepper-down-prelight.png"); - border-image: url("assets/stepper-down-prelight.png"); - border-width: 1px; - border-radius: 1px; - border-color: black; -} - -.scrollbar.button.horizontal.left:prelight { - background-image: url("assets/stepper-left-prelight.png"); - border-image: url("assets/stepper-left-prelight.png"); - border-width: 1px; - border-radius: 1px; - border-color: black; -} - -.scrollbar.button.horizontal.right:prelight { - background-image: url("assets/stepper-right-prelight.png"); - border-image: url("assets/stepper-right-prelight.png"); - border-width: 1px; - border-radius: 1px; - border-color: black; - -} */ - - -.scale.scale-has-marks-above.slider.horizontal, -.scale.scale-has-marks-above.slider.horizontal:hover, -.scale.scale-has-marks-above.slider.horizontal:active, -.scale.scale-has-marks-above.slider.horizontal:active:hover { - border: 0; - box-shadow: 0 0 0; - background-color: transparent; - background-image: url("assets/slider-above.png"); -} - -.scale.scale-has-marks-above.slider.horizontal:insensitive, -.scale.scale-has-marks-above.slider.horizontal:insensitive:hover { - border: 0; - box-shadow: 0 0 0; - background-color: transparent; - background-image: url("assets/slider-above-insense.png"); -} - -.scale.scale-has-marks-above.slider.vertical, -.scale.scale-has-marks-above.slider.vertical:hover, -.scale.scale-has-marks-above.slider.vertical:active, -.scale.scale-has-marks-above.slider.vertical:active:hover { - border: 0; - box-shadow: 0 0 0; - background-color: transparent; - background-image: url("assets/slider-left.png"); -} - -.scale.scale-has-marks-above.slider.vertical:insensitive, -.scale.scale-has-marks-above.slider.vertical:insensitive:hover { - border: 0; - box-shadow: 0 0 0; - background-color: transparent; - background-image: url("assets/slider-left-insense.png"); -} - -.scale.scale-has-marks-below.slider.horizontal, -.scale.scale-has-marks-below.slider.horizontal:hover, -.scale.scale-has-marks-below.slider.horizontal:active, -.scale.scale-has-marks-below.slider.horizontal:active:hover { - border: 0; - box-shadow: 0 0 0; - background-color: transparent; - background-image: url("assets/slider-below.png"); -} - -.scale.scale-has-marks-below.slider.horizontal:insensitive, -.scale.scale-has-marks-below.slider.horizontal:insensitive:hover { - border: 0; - box-shadow: 0 0 0; - background-color: transparent; - background-image: url("assets/slider-below-insense.png"); -} - -.scale.scale-has-marks-below.slider.vertical, -.scale.scale-has-marks-below.slider.vertical:hover, -.scale.scale-has-marks-below.slider.vertical:active, -.scale.scale-has-marks-below.slider.vertical:active:hover { - border: 0; - box-shadow: 0 0 0; - background-color: transparent; - background-image: url("assets/slider-right.png"); -} - -.scale.scale-has-marks-below.slider.vertical:insensitive, -.scale.scale-has-marks-below.slider.vertical:insensitive:hover { - border: 0; - box-shadow: 0 0 0; - background-color: transparent; - background-image: url("assets/slider-right-insense.png"); -} - -.menu .menuitem .arrow:dir(ltr) { - -gtk-icon-source: url("assets/arrow-right.png"); -} -.menu .menuitem .arrow:dir(rtl) { - -gtk-icon-source: url("assets/arrow-left.png"); -} - -.menu .menuitem .arrow:dir(ltr):hover { - -gtk-icon-source: url("assets/arrow-right-hover.png"); -} -.menu .menuitem .arrow:dir(rtl):hover { - -gtk-icon-source: url("assets/arrow-left-hover.png"); -} - -.menu .menuitem .arrow:dir(ltr):insensitive { - -gtk-icon-source: url("assets/arrow-right-insense.png"); -} -.menu .menuitem .arrow:dir(rtl):insensitive { - -gtk-icon-source: url("assets/arrow-left-insense.png"); -} - -.combobox .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} \ No newline at end of file diff --git a/Theme/Chicago95/gtk-3.0/gtk-widgets.css b/Theme/Chicago95/gtk-3.0/gtk-widgets.css index 0e918c8..8acafec 100644 --- a/Theme/Chicago95/gtk-3.0/gtk-widgets.css +++ b/Theme/Chicago95/gtk-3.0/gtk-widgets.css @@ -3,106 +3,74 @@ /* default */ * { - -GtkArrow-arrow-scaling: 0.6; - -GtkButton-child-displacement-x: 1; - -GtkButton-child-displacement-y: 1; - -GtkButton-default-border: 0; - -GtkButton-image-spacing: 5; - -GtkButton-inner-border: 3; - -GtkButton-interior-focus: false; - -GtkButtonBox-child-min-height: 24; - -GtkButtonBox-child-internal-pad-y: 1; - -GtkCheckButton-indicator-size: 15; - -GtkCheckMenuItem-indicator-size: 16; - -GtkExpander-expander-size: 8; - -GtkNotebook-initial-gap: 1; - -GtkNotebook-tab-overlap: 0; -GtkHTML-link-color: @link_color; -GtkIMHtml-hyperlink-color: @link_color; - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 5px; - -GtkMenu-horizontal-offset: -8px; - -GtkPaned-handle-size: 6; - -GtkProgressBar-min-horizontal-bar-height: 16; - -GtkProgressBar-min-vertical-bar-width: 16; - -GtkRange-slider-width: 16; - -GtkRange-stepper-spacing: 0; - -GtkRange-stepper-size: 16; - -GtkRange-trough-border: 0; - -GtkRange-trough-under-steppers: 1; + -GtkMenu-horizontal-offset: 5px; -GtkScrollbar-has-backward-stepper: true; -GtkScrollbar-has-forward-stepper: true; - -GtkScrollbar-min-slider-length: 80; -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - -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: 0; - -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; + -GtkTreeView-horizontal-separator: 1; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + background-clip: padding-box; + outline-width: 1px; + outline-offset: 0px; outline-color: #808080; outline-style: solid; - outline-offset: 0; + + /* inherit colors from parent */ + color: inherit; + background-color: inherit; + min-width: 8px; + min-height: 8px; + } - - -/*************** - * base states * - ***************/ .background { background-color: @theme_bg_color; color: @theme_fg_color; } - -* { - /* inherit colors from parent */ - color: inherit; - background-color: inherit; -} -*:selected, -*:selected:focus { +iconview:selected, +/*iconview in nautilus breaks without this, but with it radio and check buttons background break in lists... */ +:not(check):not(radio).view:selected, +:selected, +selection { background-color: @theme_selected_bg_color; color: @theme_selected_fg_color; - - } -*:insensitive, -*:insensitive:insensitive { +:disabled, +:disabled:disabled { color: #808080; - text-shadow: 1px 1px 0 white; + text-shadow: 1px 1px 0 @border_bright; + -gtk-icon-effect: dim; } -/* apply effects to insensitive and prelit images -*:insensitive { - -gtk-image-effect: dim; +:focus { + outline: 1px dotted @border_dark; + -gtk-outline-radius: 0px; + outline-offset: -3px; } -*/ -/* -*:hover { - background-color: none; -} -*/ - .gtkstyle-fallback { background-color: @theme_bg_color; color: @theme_fg_color; } -.gtkstyle-fallback:prelight { +.gtkstyle-fallback:hover { background-color: shade(@theme_bg_color, 1.1); color: @theme_fg_color; } @@ -112,7 +80,7 @@ color: @theme_fg_color; } -.gtkstyle-fallback:insensitive { +.gtkstyle-fallback:disabled { background-color: shade(shade(@theme_bg_color, 0.95), 1.05); color: mix(@theme_fg_color, @theme_bg_color, 0.5); } @@ -122,732 +90,776 @@ color: @theme_selected_fg_color; } -GtkImage, -GtkImage:insensitive, -GtkLabel, -GtkLabel:insensitive, -GtkBox, -GtkBox:insensitive, -GtkGrid, -GtkGrid:insensitive { +image, +image:disabled, +label, +label:disabled, +box, +box:disabled, +grid, +grid:disabled { background-color: transparent; + min-width: 0px; + min-height: 0px; } -/****************** - * visual effects * - ******************/ -/* transitions -.button { - transition: border 100ms ease-in-out; +stepper, .stepper { + min-width: 16px; + min-height: 16px; + margin: 0px; } -.entry { - transition: border 100ms ease-out; +slider, .slider { + min-width: 10px; + background-color: @bg_color; } -.entry:focus { - transition: border 100ms ease-in; +frame { + background-color: transparent; + padding: 2px; +} +.frame { + background-color: transparent; + padding: 0px; } -.entry.image.left { - padding-right: 4px; +/* since .view is white and frame is generally behind grey, lets nullify frame's padding */ +frame > list, +frame > .view { + margin: -2px; +} +frame > scrolledwindow { + margin: -3px; } -.notebook tab GtkLabel, -.notebook .prelight-page, -.notebook .prelight-page GtkLabel, -.notebook .active-page, -.notebook .active-page GtkLabel { - transition: all 200ms ease-in; -} -*/ +/* frame always comes with a border element which is the one that should be decorated, but so far i found + * that decorating only the frame with sunken 2px is better */ -/* inset shadows -.button:active, -.primary-toolbar .button:active, -.toolbar .button:active, -.header-bar .button:active, -.notebook.header { - box-shadow: inset 10px 0 alpha(@dark_shadow, 0.07), - inset 0 1px alpha(@dark_shadow, 0.08), - inset -1px 0 alpha(@dark_shadow, 0.07), - inset 0 -1px alpha(@dark_shadow, 0.05); -} - -.entry { - box-shadow: +frame > label { + margin-left: 6px; } - -.button:active *:insensitive, -.primary-toolbar .button:active *:insensitive, -.toolbar .button:active *:insensitive, -.header-bar .button:active *:insensitive, -.entry:insensitive { +border.flat { + border-style: none; box-shadow: none; } - */ -/************* - * assistant * - *************/ -GtkAssistant .sidebar .highlight { - font: bold; +arrow { + background-image: url("assets/arrow-down.png"); + background-position: center; + background-repeat: no-repeat; + background-size: 11px; + min-height: 10px; + min-width: 10px; +} +:hover > arrow { + background-image: url("assets/arrow-down-selected.png"); } -GtkAssistant .sidebar { - padding: 4px; - border-width: 0 1px 0 0; +tabs > arrow.up, +expander arrow, +arrow.right { + background-image: url("assets/arrow-right.png"); +} +tabs > arrow.up:hover, +expander arrow:hover, +:hover > arrow.right { + background-image: url("assets/arrow-right-selected.png"); +} + +tabs > arrow.down, +arrow.left { + background-image: url("assets/arrow-left.png"); +} +tabs > arrow.down:hover, +:hover > arrow.left { + background-image: url("assets/arrow-left-selected.png"); +} + +arrow.up { + background-image: url("assets/arrow-up.png"); +} +:hover > arrow.up { + background-image: url("assets/arrow-up-selected.png"); +} + +expander arrow:checked, +arrow.down { + background-image: url("assets/arrow-down.png"); +} +expander arrow:checked:hover, +:hover > arrow.down { + background-image: url("assets/arrow-down-selected.png"); +} + + +/***************** + * Basic Effects * + *****************/ + +/* Sunken flat 1px */ +button:checked, +scrollbar button:active { border-style: solid; - border-right-color: shade(@theme_bg_color, 0.8); + border-width: 1px; + border-color: @bg_shade; border-radius: 0; - background-color: @theme_bg_color; - color: mix(@theme_fg_color, @theme_bg_color, 0.1); + background-color: @bg_color; + box-shadow: none; } +/* Sunken 1px */ +button.flat:selected, button.flat:active, button.flat:checked, +toolbar button:selected, toolbar button:active, toolbar button:checked, +levelbar trough, +progressbar trough, +menubar > menuitem:hover, +separator { + border-style: solid; + border-width: 1px; + border-color: @bg_shade @bg_bright @bg_bright @bg_shade; + border-radius: 0; +} + +/* Sunken 2px */ +stacksidebar list row:selected, +stacksidebar list row:active, +colorswatch:selected, +calendar.view, +frame, +scrolledwindow, +entry, +slider, +switch, +.sidebar list, +scale trough, +combobox button:checked, +popover button.flat:selected, popover button.flat:active, +bbutton.appmenu:selected, button.appmenu:active +button:selected, button:active, +check, radio { + border-style: solid; + border-width: 1px; + border-color: @bg_shade @bg_bright @bg_bright @bg_shade; + box-shadow: inset 1px 1px @bg_dark, + inset -1px -1px @bg_color; + border-radius: 0; +} + +/* Raised 1px */ +button.appmenu +button.flat, +button.flat:hover:not(:active):not(:checked):not(:selected), +toolbar button, +toolbar button:hover:not(:active):not(:checked):not(:selected), +menubar, +toolbar, +stepper { + border-style: solid; + border-width: 1px; + border-color: @bg_bright @bg_shade @bg_shade @bg_bright; + box-shadow: none; + border-radius: 0; +} + +/* Raised 2px */ +window > frame, +stacksidebar list row, +colorswatch, +combobox > window, +calendar.header, +popover button.flat, +button, .button, +slider, +notebook > header > tabs > tab, +notebook, +notebook.frame { + border-style: solid; + border-width: 1px; + border-color: @bg_color @bg_dark @bg_dark @bg_color; + box-shadow: inset 1px 1px @bg_bright, + inset -1px -1px @bg_shade; + border-radius: 0px; +} + +/* Makes a checkerboard */ +stacksidebar list row:selected:hover, +stacksidebar list row:selected, +button:selected, button:active, button:checked, +toolbar button:active, +toolbar button:checked, +slider:disabled, +trough, +paned > separator { + background-color: @border_bright; + background-image: linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, #c0c0c0), linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, @border_dark); + background-size: 2px 2px; + background-position: 0 0, 1px 1px; +} + + /********** * button * **********/ -.button { - padding: 5px; - border-top: 1px solid white; - border-left: 1px solid white; - border-right: 1px solid black; - border-bottom: 1px solid black; - border-radius: 0; - box-shadow: inset -1px -1px 0px 0px #808080; - color: black; - background-color: #c0c0c0; - -} - -.button:hover { - background-image: none; -} - -.button:active { - -GtkWidget-focus-padding: 1; - -GtkWidget-focus-line-width: 1; +popover button.flat, +button, .button { padding: 4px; - padding-top: 6px; - padding-left: 6px; - border-top: 1px solid black; - border-left: 1px solid black; - border-right: 1px solid white; - border-bottom: 1px solid white; - border-radius: 0; - box-shadow: inset 1px 1px 0px 0px #808080; - background-color: #c0c0c0; - background-image: none; + margin: 2px; + background-color: @bg_color; +} + +/* Button pressing contents shifting */ +popover button.flat:checked, +popover button.flat:active, +button:checked, +button:active { + padding: 5px 3px 3px 5px; +} + +/* Slim buttons */ +switch slider, +scrollbar button, +scrollbar slider, +combobox button, +button.flat, +toolbar button, +spinbutton button, +stacksidebar list row, +header button { + margin: 0px; + padding: 2px; + background-color: @bg_color; } -*:focus, -.button:focus, -.button:hover:focus, -.button:active:focus, -.button:active:hover:focus, -.button:checked:focus, -.button:checked:hover:focus { - outline: 1.25px dotted black; - outline-radius: 0; - outline-offset: -4px; -} - -/* .button:active:hover { - border-color: shade(@theme_selected_bg_color, 0.7); +stacksidebar list row:selected, +stacksidebar list row:active, +stacksidebar list row:checked, +stacksidebar list row:selected:hover, +button.flat:active, +button.flat:checked, +toolbar button:active, +toolbar button:checked, +switch slider:active, +switch slider:checked, +combobox button:checked, +combobox button:active, +spinbutton button:checked, +spinbutton button:active { + padding: 3px 1px 1px 3px; } - -.button:hover:focus, -.button:active:focus, -.button:active:hover:focus { - border-color: shade(@theme_bg_color, 0.7); -} - -.button:insensitive { - - border-color: shade(@theme_bg_color, 0.85); - background-color: shade(@theme_bg_color, 0.9); - background-image: none; +/* These have no button pressing effect */ +scrollbar button:checked, +scrollbar button:active, +scrollbar slider:checked, +scrollbar slider:active { + padding: 2px; +} +header button:checked, +header button:active { + padding: 0px; } -.button:active *:insensitive { - color: white; - border-color: shade(@theme_bg_color, 0.75); - background-color: shade(@theme_bg_color, 0.80); - background-image: none; -} */ - -/* default button -.button.default { - border-width: 1px; - border-color: shade(@theme_selected_bg_color, 0.6); - background-color: shade(@theme_bg_color, 1.0); - color: @theme_fg_color; +/* button has no decoration untill active/hover etc */ +toolbar button, +button.flat { + border-color: transparent; } - - -.button.default:hover { - border-color: shade(@theme_selected_bg_color, 0.6); - background-color: shade(@theme_selected_bg_color, 1.02); +viewport button.flat { + background-color: transparent; } -.button.default:active { - border-color: shade(@theme_selected_bg_color, 0.6); - background-color: shade(@theme_selected_bg_color, 0.95); -} - -.button.default:active:hover { - border-color: shade(@theme_selected_bg_color, 0.6); - background-color: shade(@theme_selected_bg_color, 0.97); -} - -*/ - -/**************** - * cell and row * - ****************/ -.cell { - border-width: 0; - border-style: solid; - border-color: #FFF #000 #000 #FFF; - - border-radius: 0; -} - -.cell:selected, -.cell:selected:focus { - - background-color: @theme_selected_bg_color; -} - - -row:selected, -row:selected:hover, -row:selected:focus { - -GtkWidget-focus-padding: 1; - -GtkWidget-focus-line-width: 0; - - -} /******************* * check and radio * *******************/ -.check, -.radio, -.check:insensitive, -.radio:insensitive { - border-style: none; + +/* disabling focus outline because it looks bad around the whole element... */ +radiobutton:focus, +checkbutton:focus { + outline: 0px } -GtkCheckButton:hover, -GtkCheckButton:active:hover, -GtkCheckButton:selected, -GtkCheckButton:selected:focus { +/* ...instead we are going to enable it around the label */ +/* but outline doesen't work inside a label! so we use borders */ +radiobutton label, +checkbutton label{ + padding-left: 4px; + padding-right: 4px; + border: 1px dotted alpha(@border_dark,0); +} + +radiobutton:focus label, +checkbutton:focus label{ + border: 1px dotted @border_dark; +} + +check, +radio { + min-width: 10px; + min-height: 10px; + background-color: @base_color; +} + +check:disabled, +radio:disabled { background-color: @bg_color; } -/***************** - * column-header * - *****************/ -column-header .button:hover, -column-header .button:active:hover, -column-header .button:hover:focus, -column-header .button:active:hover:focus, -column-header .button, -column-header .button:hover { - border-width: 1px 1px 1px 1px; - border-radius: 0; - border-color: black; - box-shadow: inset 1px 1px white; - color: black; - background-color: #c0c0c0; +/* using a mix of css and background for now, radio still not perfect + * with pure css box-shadow makes the circle look oval */ +radio { + background-image: url("assets/radio-inner-ring.png"); + border-radius: 10px; + box-shadow: none; } -column-header .button:focus { - outline: 1.25px dotted black; - outline-radius: 0; - outline-offset: -4px; +check:checked { + -gtk-icon-source: url("assets/check-check.png"); + -gtk-icon-transform: none; } -/* +radio:checked { + -gtk-icon-source: url("assets/radio-check.png"); +} -column-header .button:active, -column-header .button:focus, -column-header .button:active:focus { - border-color: shade(@theme_base_color, 0.9); - border-bottom-color: shade(@theme_base_color, 0.8); - background-color: shade(@theme_base_color, 0.97); - background-image: none; +check:indeterminate, +radio:indeterminate { + -gtk-icon-source: url("assets/check-indeterminate.png"); +} + +/* similar to checkbutton, used in popovers */ +modelbutton label { + padding: 2px 6px; } +/**************************** + * viewport, iconview, view * + ****************************/ -column-header:last-child .button { - border-width: 0 0 1px 0; -} - -**************** - * 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; -} - -/**************** - * drawing area * - ****************/ -GtkDrawingArea { - background-color: @theme_base_color; -} - -GtkDrawingArea:insensitive { - background-color: shade(@theme_base_color, 0.9); -} - -/*********** - * gtkhtml * - ***********/ -GtkHTML { - background-color: @theme_base_color; +viewport, +viewport list, +iconview, +textview, +view, .view { + border-width: 0px; + background-color: @base_color; color: @theme_text_color; } -/*********** -* calendar * -************/ -GtkCalendar { - padding-left: 1px; +box.view { + background-color: @bg_color; + color: @fg_color; +} + +view:disabled, +view:disabled:disabled { + background-color: @bg_color; + color: @fg_color; +} + +view:selected, +view:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +iconview { + -GdMainIconView-icon-size: 48; +} + + +/********************* + * list cell and row * + *********************/ + +cell,:not(check):not(radio).cell, +row, :not(check):not(radio).row { + border-width: 0px 0px 1px 0px; + border-style: solid; + border-color: mix(@fg_color,@base_color,0.7); +} + +cell:selected, +cell:selected:focus, +row:selected, +row:selected:hover, +row:selected:focus { + background-color: @theme_selected_bg_color; + outline-width: 1px; + outline-offset: 0px; +} + +list > separator { + border: 0px; + min-height: 0px; + min-width: 0px; +} + + +/********* + * paned * + *********/ + +paned { + margin: 2px; +} + +paned > paned { + margin: 0px; +} + +/************* + * separator * + *************/ + +separator { + min-width: 0px; + min-height: 0px; +} + +.horizontal separator { + margin-top: 4px; + margin-bottom: 4px; +} + +.vertical separator { + margin-left: 4px; + margin-right: 4px; +} + +/* MUST KEEP min-width and min-height above zero, or else a default value of 4px is used! */ +paned > separator { + border: 0px; + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; +} +/* quodlibet likes to reset background-image here... +paned separator { +background-image: linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, #c0c0c0), linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, @border_dark); +}*/ + + +paned.vertical > separator { + margin-top: 2px; + margin-bottom: 2px; padding-top: 1px; + padding-bottom: 1px; +} + +paned.horizontal > separator { + margin-left: 2px; + margin-right: 2px; + padding-left: 1px; padding-right: 1px; - outline-offset: -1px; - background-color: white } -GtkCalendar:inconsistent { - color: mix(@theme_fg_color, @theme_bg_color, 0.5); +toolbar > separator { + margin: 0px 2px 0px 2px; } -GtkCalendar.view { - border-top: 1px solid #808080; - border-left: 1px solid #808080; - border-right: 1px solid white; - border-bottom: 1px solid white; + +/************ + * treeview * + ************/ + +treeview { + -GtkTreeView-vertical-separator: 0; + outline-width: 1px; + outline-offset: 1px; +} + +treeview.dnd { + border-width: 1px; + border-style: solid; + border-color: @theme_selected_bg_color; + border-radius: 0; +} + +/* treeview misbehaves if we only define selection/focus globally */ +treeview:selected, +treeview:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +treeview > check, +treeview > radio:checked +treeview radio:checked { + background-color: @base_color; +} + +treeview entry { + border-radius: 0; + background-color: @theme_base_color; background-image: none; } - -GtkCalendar.highlight { - border-width: 1px; - border-color: red; - border-left: 1px solid red; - background-color: transparent; - color: @theme_selected_bg_color; +header > button { + padding-top: 0px; + padding-bottom: 0px; } -GtkCalendar.header { - border: 1px solid white; - border-right: 1px solid #808080; - border-bottom: 1px solid #808080; - border-radius: 0px; - background-color: #c0c0c0; - - - - color: black; /* x11 color "Indigo" (a dark purple)*/ -} - - -GtkCalendar.button { - border-radius: 0; - box-shadow: 0 0 0; - border-width: 0; -} - - - -GtkCalendar.highlight { - - color: black; -} - -GtkCalendar:selected { - background-color: #c0c0c0; - color: white; -} - -/****************** - * combobox entry * - ****************** -.primary-toolbar GtkComboBox.combobox-entry .entry, -.primary-toolbar GtkComboBox.combobox-entry .entry:insensitive, -GtkComboBox.combobox-entry .entry, -GtkComboBox.combobox-entry .entry:insensitive { - border-left: 1px solid #808080; - border-right: 0px solid #c0c0c0; - border-top: 1px solid #808080; - border-bottom: 1px solid #FFFFFF; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - background-color: white; - color: @fg_color; - box-shadow: inset 1px 1px black, - inset 0px -1px #c0c0c0; -} - -.primary-toolbar GtkComboBox.combobox-entry .entry:active, -.primary-toolbar GtkComboBox.combobox-entry .entry:focus, -GtkComboBox.combobox-entry .entry:active, -GtkComboBox.combobox-entry .entry:focus { - background-color: @base_color; - color: @fg_color; -} - - -.primary-toolbar GtkComboBox.combobox-entry .button, -.primary-toolbar GtkComboBox.combobox-entry .button:insensitive, -GtkComboBox.combobox-entry .button, -GtkComboBox.combobox-entry .button:insensitive { - border-left: 0px; - border-right: 1px solid #FFFFFF; - border-top: 1px solid #808080; - border-bottom: 1px solid #FFFFFF; - box-shadow: inset 3px 3px #FFFFFF, - inset 2px 2px #c0c0c0, - inset 0px 1px black, - inset -3px -3px #808080, - inset -2px -2px #000000, - inset -1px -1px #c0c0c0; -} - -*/ - -/* -.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:focus, -GtkComboBox.combobox-entry .entry:insensitive { - border: 1px solid red; -} - -.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:checked, -.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:checked, -GtkComboBox.combobox-entry .button:insensitive { - border-width: 1px 1px 1px 1px; - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} -*/ - -GtkComboBox.combobox-entry .menu { - padding: 1px; - background-color: #FFF; - border: 1px #000 solid; - color:@fg_color; -} - - - /********* * entry * *********/ -.entry { - padding: 4px; + +combobox > window > menu, +entry { + padding: 2px; background-color: @base_color; - border-left: 1px solid #808080; - border-top: 1px solid #808080; - border-right: 1px solid #FFFFFF; - border-bottom: 1px solid #FFFFFF; - box-shadow: inset 1px 1px #000000, - inset -1px -1px #c0c0c0; color: @fg_color; } -.entry:active, -.entry:focus { - background-color: #FFF; -} - -.entry:selected, -.entry:selected:focus { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color;; -} - - -.entry:insensitive { +entry:disabled { background-color: @bg_color; color: @fg_color; background-image: none; } -.entry.progressbar .entry.progressbar:insensitive { - background-color: red; - background-image: none; - color: @theme_selected_bg_color; + +/************ + * combobox * + ************/ + +combobox > box > button arrow, +combobox > box > button { + min-width: 16px; + min-height: 16px; } +combobox button { + margin-top: 2px; + margin-bottom: 2px; +} + +combobox entry { + margin-right: -24px; +} + + +/************* + * scrollbar * + *************/ + +scrollbar { + min-width: 10px; + min-height: 10px; + padding: 0px; + border-width: 0px; +} + +/* where is the junction? in scrollablewindow? doesent exists anymore? */ +scrollbar.junction, +scrollbar .junction { + border-width: 1px; + border-style: solid; + border-color: #c0c0c0; + background-color: red; +} + +scrollbar.vertical slider { + min-height: 40px; + min-width: 10px; +} +scrollbar.horizontal slider { + min-width: 40px; + min-height: 10px; +} + +scrollbar button { + -gtk-icon-source: none; + background-image: url("assets/arrow-down.png"); + background-position: center; + background-repeat: no-repeat; + background-size: 9px; + min-width: 10px; + min-height: 10px; +} + +scrollbar.vertical button.up { + background-image: url("assets/arrow-up.png"); +} +scrollbar.vertical button.up:disabled { + background-image: url("assets/arrow-up-disabled.png"); +} + +scrollbar.vertical button.down { + background-image: url("assets/arrow-down.png"); +} +scrollbar.vertical button.down:disabled { + background-image: url("assets/arrow-down-disabled.png"); +} + +scrollbar.horizontal button.up { + background-image: url("assets/arrow-left.png"); +} +scrollbar.horizontal button.up:disabled { + background-image: url("assets/arrow-left-disabled.png"); +} + +scrollbar.horizontal button.down { + background-image: url("assets/arrow-right.png"); +} +scrollbar.horizontal button.down:disabled { + background-image: url("assets/arrow-right-disabled.png"); +} + + +/************* + * assistant * + *************/ + +/* FINDME */ +assistant .sidebar .highlight +assistant .sidebar label.highlight { + font-weight: bold; +} + +assistant .sidebar { + padding: 4px; + border-width: 0 1px 0 0; + border-style: solid; + border-right-color: @bg_shade; + border-radius: 0; +} + + +/**************** + * drawing area * + ****************/ + +/* FINDME */ +GtkDrawingArea { + background-color: @theme_base_color; +} + +GtkDrawingArea:disabled { + background-color: shade(@theme_base_color, 0.9); +} + + +/*********** + * gtkhtml * + ***********/ + +/* FINDME */ +GtkHTML { + background-color: @theme_base_color; + color: @theme_text_color; +} + + +/************ + * calendar * + ************/ + +calendar { + padding-left: 2px; + padding-top: 2px; + padding-right: 2px; + outline-offset: 0px; +} + +calendar.header { + background-color: @bg_color; +} + + /************ * expander * ************/ -GtkTreeView.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: @theme_fg_color; -} -GtkTreeView.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +expander arrow { + min-width: 16px; + min-height: 16px; } -.expander, -.expander:hover, -.expander:active { - background-color: @bg_color; -} - - - -/************** - * list boxes * - **************/ -.list { - padding: 1px; - border: 1px solid black; - /* background-color: #808080; */ - box-shadow: 0 0 0; - color: @theme_fg_color; -} - -.list-row { - padding: 2px; - box-shadow: 0 0 0; - border: 1px solid #c0c0c0; -} - -.list-row:selected { - border-width: 1px; - border-style: solid; - border-color: #000 #fff #fff #000; - box-shadow: inset 1px 1px #808080, - inset -1px -1px #c0c0c0; - background-color: @bg_color; - color: @theme_fg_color; -} - - - -/********* - * frame * - *********/ -.frame { -/* - border-left: 1px solid red; - border-right: 1px solid blue; - border-top: 1px solid green; - border-bottom: 1px solid yellow; - border-radius: 0; */ - padding: 1px; - border-left: 1px solid #808080; - border-top: 1px solid #808080; - border-right: 1px solid #FFFFFF; - border-bottom: 1px solid #FFFFFF; - box-shadow: inset 1px 1px #000000, - inset -1px -1px #c0c0c0; - border-radius:0; - background-color: transparent; - -} /******************* * scrolled window * *******************/ -GtkScrolledWindow.frame { - border-width: 1px; - -} /* avoid double borders when a viewport is - * packed into a GtkScrolledWindow */ -GtkScrolledWindow GtkViewport.frame { - border-style: none; + * packed into a GtkScrolledWindow + scrolledwindow viewport { + border-style: none; + } */ + +scrolledwindow.frame, +scrolledwindow { + padding: 1px; + padding-bottom: 0px; } +/* transmission misteriously resets border-width to zero, cant even force it here +scrolledwindow.frame { +border-width: 1px; +} */ + + +/* nautilus seems to have a special transparent icon canvas, since scrolledwindow is also transparent +the default background color is shown, lets paint it with the base color */ +.nautilus-window overlay > scrolledwindow { + background-color: @base_color; +} + + /************ * iconview * ************/ -GtkIconView.view.cell:selected, -GtkIconView.view.cell:selected:focus { - border-width: 1px; - border-style: solid; - border-color: yellow; + +iconview.view.cell { + border: 0px solid @border_dark; border-radius: 0px; - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; } -.content-view.view.rubberband, -.view.rubberband, -.rubberband { - border-width: 0; - border-style: solid; -} - - - /*********** * infobar * ***********/ -GtkInfoBar { - border: 1px solid black; - border-style: none; + +infobar { + padding:2px; + border: 1px solid @border_dark; + border-radius: 1px; } /* The Info bar uses the colors and button layout from clippy! */ .info { - border: 1px solid black; - border-radius: 15px; background-color: @info_bg_color; - background-image: none; color: @info_fg_color; } -.info .button { - padding:2px; - border: 1px solid #b2b2b2; - background-color: @info_bg_color; - border-radius: 15px; - color: @info_fg_color; -} - -.warning .button { - padding:2px; - border: 1px solid #b2b2b2; - background-color: @warning_bg_color; - border-radius: 15px; - color: @warning_fg_color; -} - -.question .button { - - padding:2px; - border: 1px solid #b2b2b2; - background-color: @question_bg_color; - border-radius: 15px; - color: @question_fg_color; -} - -.error .button { - padding:2px; - border: 1px solid #b2b2b2; - background-color: @error_bg_color; - border-radius: 15px; - color: @error_fg_color; -} - - -.info .button:hover, -.warning .button:hover, -.question .button:hover, -.error .button:hover { - box-shadow: inset 3px 3px white, inset 1px 1px #868686, inset -1px -1px #868686; -} - - -.info .button:active, -.warning .button:active, -.question .button:active, -.error .button:active { - box-shadow: inset 3px 3px white, inset 1px 1px #868686, 2px 2px white; -} - - .warning { - border-width: 1px; - border-style: solid; - background-color: @warning_bg_color; - background-image: none; + background-color: @warning_bg_color; color: @warning_fg_color; } - .question { - border-width: 1px; - border-style: solid; - background-color: @question_bg_color; - background-image: none; + background-color: @question_bg_color; color: @question_fg_color; } - .error { - border-width: 1px; - border-style: solid; - background-color: @error_bg_color; - border-radius: 15px; + background-color: @error_bg_color; color: @error_fg_color; } -. /******************* * symbolic images * *******************/ + +/* FINDME */ .image { color: alpha(currentColor, 0.5); } @@ -871,2133 +883,564 @@ GtkInfoBar { color: @theme_selected_fg_color; } -/***************** - * miscellaneous * - *****************/ -.floating-bar { - padding: 3px; - border-top: 1px solid #c0c0c0; - border-bottom: 1px solid #000000; - border-left: 1px solid #c0c0c0; - border-right: 1px solid #000000; - - box-shadow: inset 1px 1px #FFFFFF, - inset -1px -1px #808080; - - - border-radius: 0px; - background-color: #c0c0c0; - background-image: none; - color: @theme_fg_color; -} - - - -.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(@theme_selected_bg_color, 0.9); -} - -.grip { - background-color: transparent; -} - -/* TODO: Add proper menu arrows */ -.arrow { - color: alpha(currentColor, 0.7); -} - -/******** - * menu * - ********/ - -GtkTreeMenu.menu, -GtkMenuToolButton.menu, -GtkComboBox .menu { - background-color: @menu_bg_color; -} - -.primary-toolbar .menu, -.primary-toolbar .button .menu, -.toolbar .menu, -.toolbar .primary-toolbar .menu, -.header-bar .menu, -.header-bar .primary-toolbar .menu, -.menu { - padding: 3px; - - border-top: 1px solid #c0c0c0; - border-bottom: 1px solid #000000; - border-left: 1px solid #c0c0c0; - border-right: 1px solid #000000; - box-shadow: inset 1px 1px #FFFFFF, - inset -1px -1px #808080; - background-color: @menu_bg_color; - color: @menu_fg_color; -} - -/* Hover-effect on play-button in ubuntu soundmenu -.menu:selected { - background-color: @selected_bg_color; -} -*/ -.menu.button:hover, -.menu.button:active, -.menu.button:active *:insensitive, -.menu.button:insensitive, -.menu.button { - background-color: transparent; - background-image: none; -} - -.context-menu { - font: initial; -} - -/* ubuntu software center menu */ -#toolbar-popup { - background-color: @menu_bg_color; - color: @menu_fg_color; -} /*********** * menubar * ***********/ -.menubar { - -GtkWidget-window-dragging: true; - border-style: none; - background-color: @menubar_bg_color; - background-image: none; - color: @menubar_fg_color; +menubar, .menubar { + border-left: 0px; + border-right: 0px; + border-top: 0px; + -GtkWidget-window-dragging: true; } + + /*************** * menubaritem * ***************/ +/* can't track proper hovering of the menubaritem, only activation for now */ -.menubar .menuitem { - padding: 3px 7px; - color: @menubar_fg_color; +menubar > menuitem { + padding: 0px 4px; + border: 1px solid transparent; + margin: 0px; } -.menubar .menuitem:hover { - - background-color: @selected_bg_color; - background-image: none; - color: @selected_fg_color; -} - -.menubar .menuitem *:hover { - border-color: red yellow blue green; -} - - - /************ * menuitem * ************/ -GtkTreeMenu .menuitem { - border-width: 0; - -} - -.menuitem, -.menu .menuitem { - -GtkMenuItem-arrow-scaling: 0.5; +menu menuitem { padding: 2px; - color: @menu_fg_color; -} - -.menu .menuitem:active, -.menu .menuitem:hover { - - background-image: none; + border-width: 0; } - -.menu .menuitem:active, -.menu .menuitem *:active, -.menu .menuitem:hover, -.menu .menuitem *:hover { +menu menuitem:active, +menu menuitem:hover { background-color: @theme_selected_bg_color; color: @theme_selected_fg_color; } -.menu .menuitem:insensitive, -.menu .menuitem *:insensitive { - color: #808080; +menuitem > check, +menuitem > radio, +menuitem > label { + margin-left: 2px; + margin-right: 2px; } - - -.menuitem.check, -.menuitem.radio, -.menuitem.check:hover, -.menuitem.radio:hover, -.menuitem.check:insensitive, -.menuitem.radio:insensitive { - border-style: none; - /*background-color: @theme_selected_fg_color; */ - background-image: none; -} - - - -.menuitem.check:active, -.menuitem.radio:active { - border-style: none; - background-color: @theme_selected_fg_color; -} - -.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(@bg_color, 0.6); - background-color: @menu_bg_color; - background-image: none; - color: @menu_fg_color; -} - -.menuitem .entry:active, -.menuitem .entry:focus { - border-color: shade(@selected_bg_color, 0.6); -} -/* -.menuitem .accelerator { - color: @fg_color; -} - -.menuitem.accelerator:hover, -.menuitem.accelerator:active, -.menu .menuitem.accelerator:hover, -.menu .menuitem.accelerator:active { - color: @theme_selected_fg_color; -} - -.menuitem .accelerator:insensitive { - color: #808080; -}*/ - -GtkModelMenuItem GtkBox GtkImage { +menuitem > box > image { padding-right: 4px; } -/************ - * popovers * - ************/ -GtkPopover { - - padding: 5px; - margin: 3px; - border-radius: 8px; - border-color: #000; - border-width: 1px; - border-style: solid; - box-shadow: 3px 3px #808080; - background-color: @info_bg_color; - color: @theme_fg_color; -} -GtkPopover.background { - background-image: none; - background-color: @info_bg_color; -} - -GtkPopover.osd { - box-shadow: 3px 3px #808080; -} - -GtkPopover > .list, -GtkPopover > .view, -GtkPopover > .toolbar { - background-color: @info_bg_color; -} - -GtkPopover.osd > .toolbar .button { - border-radius: 0; - border-width: 0px; - - background-image: none; -} - -GtkPopover .separator { - background-color: red; - color: @fg_color; -} - -GtkModelButton.button, -GtkModelButton.button:insensitive -{ - /*background-color: transparent; */ - background-image: none; - padding:2px; - border: 1px solid #b2b2b2; - background-color: @info_bg_color; - border-radius: 15px; - color: @theme_fg_color; -} - -GtkModelButton.button:hover { - box-shadow: inset 3px 3px white, inset 1px 1px #868686, inset -1px -1px #868686; -} - -GtkModelButton.button:active:hover, -GtkModelButton.button:active, -GtkModelButton.button:selected, -GtkModelButton.button:active:insensitive { - background-image: none; - padding:2px; - border: 1px solid #b2b2b2; - background-color: @info_bg_color; - border-radius: 15px; - color: @theme_fg_color; - box-shadow: inset 3px 3px white, inset 1px 1px #868686, 2px 2px white; -} /************ * notebook * ************/ -.notebook { - padding: 0; - border-width: 1px; - border-style: solid; - /* border-color: none; */ - background-color: @theme_bg_color; - background-image: none; - background-clip: border-box; - box-shadow: none; +/* Must paint over the notebook.frame top bevel by filling the header and +using borders or box-shadows on one side of the header > tabs */ + +notebook.frame, +notebook { + padding-left: 0px; + padding-right: 0px; + margin: 0px; } - - .notebook.frame { - border-width: 1px; - border-style: solid; - border-color: #fff #000 #000 #fff; - -} - -.notebook.header { - border-width: 0px; +notebook > header { background-color: @bg_color; } - -.notebook.header.frame { - border-color: shade(@theme_base_color, 0.75); +notebook > stack{ + margin: 3px; +} +notebook > header > tabs > tab { + padding-top: 4px; + padding-bottom: 4px; +} +notebook > header.left > tabs > tab:checked { + padding-top: 6px; + padding-bottom: 6px; +} +notebook > header > tabs > tab label { + padding-left: 8px; + padding-right: 8px; } -.notebook.header.frame.top { - border-width: 0px 0px 1px 0px; - box-shadow: none; +/* Note to self: bottom and right use a newer method better than top and left, update them +in the future... */ + +/* TOP tabs */ +notebook > header.top { + margin-left: -1px; + margin-right: -1px; } - -.notebook.header.frame.right { - border-width: 1px 1px 1px 0; - box-shadow: none; -} - -.notebook.header.frame.bottom { - border-width: 0 1px 1px 1px; - box-shadow: none; -} - -.notebook.header.frame.left { - border-width: 1px 0 1px 1px; - box-shadow: none; -} - -.notebook GtkViewport { - border-width: 0; - background-color: @theme_base_color; - color: @theme_text_color; -} - -.notebook tab { - padding: 4px; - border-style: none; - background-color: @bg_color; - background-image: none; - -} - - - -.notebook tab:active { - /*background-color: none; */ - background-image: none; -} - -.notebook tab.top { - border-top: solid 2px @bg_color; - border-top-left-radius: 3px; - border-top-right-radius: 3px; - border-bottom: 1px solid #fff; - box-shadow: inset 1px 1px #fff, - inset -2px 0 #808080, - inset -1px 0 #000; - color: @fg_color; -} - -.notebook tab.top:active { - padding: 5px 4px; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - border-top: 1px solid #FFF; - border-right: 1px solid #000; - border-left: 1px solid #FFF; - border-bottom: 1px solid @bg_color; - box-shadow: inset -1px 0 #808080; -} - -.notebook tab.right { - border-right: solid 2px @bg_color; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; - border-left: 1px solid #000; - box-shadow: inset 0px 1px #FFF, - inset -1px 0px #FFF, - inset 0 -2px #808080, - inset 0 -1px #000; - - color: @fg_color; -} - -/* TO DO: Fix remaining tabs */ - -.notebook tab.right:active { - padding: 7px 6px; - border-bottom-right-radius: 4px; - border-top-right-radius: 4px; +notebook > header.top > tabs { border-style: solid; - border-width: 1px; - border-color: #FFF #FFF #000 @bg_color; - box-shadow: inset -1px -1px #808080; + border-width: 1px 1px 0px 1px; + border-color: alpha(@bg_color,0.0); + box-shadow: inset 0px 0px @bg_shade, + inset 0px -1px @bg_bright; - box-shadow: none; + margin-left: 2px; + margin-right: 2px; +} +notebook > header.top > tabs > tab { + /* raised 2px EXCEPTION */ + border-bottom: 0px; + box-shadow: inset 1px 1px @bg_bright, + inset -1px 0px @bg_shade; + + margin-top: 2px; + margin-bottom: 1px; + border-top-left-radius: 2px 6px; + border-top-right-radius: 2px 6px; + +} +notebook > header.top > tabs > tab:checked { + margin-top: 0px; + margin-bottom: 0px; + + margin-left: -3px; + margin-right: -3px; } -.notebook tab.bottom { - border-bottom: solid 2px @theme_base_color; - box-shadow: inset 1px 0 shade(@theme_bg_color, 0.7), - inset -1px 0 shade(@theme_bg_color, 0.7), - inset 0 -1px shade(@theme_bg_color, 0.7); -} -.notebook tab.bottom:active { - border: solid 1px shade(@theme_bg_color, 0.7); - box-shadow: none; +/* LEFT tabs */ +notebook > header.left { + margin-top: -1px; + margin-bottom: -1px; } - -.notebook tab.left { - border-left: solid 2px @theme_base_color; - box-shadow: inset 1px 0 shade(@theme_bg_color, 0.7), - inset 0 1px shade(@theme_bg_color, 0.7), - inset 0 -1px shade(@theme_bg_color, 0.7); -} - -.notebook tab.left:active { - border: solid 1px shade(@theme_bg_color, 0.7); - box-shadow: none; -} - -.notebook tab GtkLabel { - color: @fg_color; -} - -.notebook .active-page, -.notebook tab .active-page GtkLabel { - color: @theme_text_color; -} - -/* close button styling */ -.notebook tab .button, -.notebook tab .button:active, -.notebook tab .button:hover { - padding: 1px; - border-width: 0px; - border-radius: 0px; +notebook > header.left > tabs { border-style: solid; - box-shadow: none; - background-image: none; + border-width: 1px 0px 1px 1px; + border-color: alpha(@bg_color,0.0); + box-shadow: inset 0px 0px @bg_bright, + inset -1px 0px @bg_bright; + + margin-top: 2px; + margin-bottom: 2px; +} +notebook > header.left > tabs > tab { + /* raised 2px EXCEPTION */ + border-right: 0px; + box-shadow: inset 1px 1px @bg_bright, + inset 0px -1px @bg_shade; + + margin-left: 2px; + margin-right: 1px; + border-top-left-radius: 6px 2px; + border-bottom-left-radius: 6px 2px; + +} +notebook > header.left > tabs > tab:checked { + margin-left: 0px; + margin-right: 0px; + + margin-top: -3px; + margin-bottom: -3px; +} + + +/* BOTTOM tabs */ +notebook > header.bottom { + margin-left: 0px; + margin-right: -3px; + margin-bottom: -2px; +} +notebook > header.bottom > tabs { + border-style: solid; + border-width: 1px 0px 0px 0px; + border-color: @bg_shade; + box-shadow: inset 0px 1px @bg_dark, + inset 0px 0px @bg_bright; + + margin-left: 2px; + margin-right: 2px; +} +notebook > header.bottom > tabs > tab { + /* raised 2px EXCEPTION */ + border-top: 0px; + box-shadow: inset 1px 0px @bg_bright, + inset -1px -1px @bg_shade; + + margin-top: 0px; + margin-bottom: 1px; + border-bottom-left-radius: 2px 6px; + border-bottom-right-radius: 2px 6px; + +} +notebook > header.bottom > tabs > tab:checked { + margin-top: -1px; + margin-bottom: -1px; + + margin-left: -3px; + margin-right: -3px; +} + + +/* RIGHT tabs */ +notebook > header.right { + margin-top: 0px; + margin-bottom: -3px; + margin-right: -2px; +} +notebook > header.right > tabs { + border-style: solid; + border-width: 0px 0px 0px 1px; + border-color: @bg_shade; + box-shadow: inset 1px 0px @bg_dark, + inset 0px 0px @bg_bright; + + margin-top: 2px; + margin-bottom: 2px; +} +notebook > header.right > tabs > tab { + /* raised 2px EXCEPTION */ + border-left: 0px; + box-shadow: inset 0px 1px @bg_bright, + inset -1px -1px @bg_shade; + + margin-left: 0px; + margin-right: 1px; + border-top-right-radius: 6px 2px; + border-bottom-right-radius: 6px 2px; + +} +notebook > header.right > tabs > tab:checked { + margin-left: -1px; + margin-right: -1px; + + margin-top: -3px; + margin-bottom: -3px; +} + + +/* get the outline into the label... */ +notebook tab { + outline: 1px dotted @border_dark; + outline-offset: -5px; +} + +/* nautilus button still wonky... */ +notebook header tabs button.flat, +notebook header tabs button { + margin-left: 4px; + margin-right: 5px; +} + +tabs > arrow { background-color: transparent; - color: @theme_text_color; + padding: 2px; + -gtk-icon-source: none; } -.notebook tab .button:hover { - color: @theme_text_color; +/*********************************** + * progressbar, levelbar and scale * + ***********************************/ + +levelbar, +progressbar { + padding: 2px; } -.notebook tab .button:active, -.notebook tab .button:active:hover { - border-color: shade(@theme_base_color, 0.7); - background-color: shade(@theme_base_color, 0.95); +levelbar trough, +progressbar trough { + background-color: @bg_color; } -/****************** - * pane separator * - ******************/ -.pane-separator { - background-color: @theme_bg_color; - color: transparent; +levelbar.horizontal trough, +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 14px; } -/************************* - * progressbar and scale * - *************************/ -GtkProgressBar { +levelbar.vertical trough, +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 14px; + min-height: 60px; /* vertical progressbar is squished in awf... */ +} + +levelbar block, +progressbar progress { + background-image: none; + background-color: @selected_bg_color; +} + +levelbar block.empty { + background-color: @bg_color; +} + +levelbar.vertical.discrete block { + margin-top: 2px; +} + +levelbar.horizontal.discrete block { + margin-right: 2px; +} + +scale.vertical { + margin-top: 3px; + margin-bottom: 3px; + padding: 1px 7px 1px 7px; +} + +scale.horizontal { + margin-left: 3px; + margin-right: 3px; + padding: 9px 1px 9px 1px; +} + +scale trough { + min-width: 1px; + min-height: 1px; +} + +scale highlight, +scale empty { + min-width: 1px; + min-height: 1px; + background-color: transparent; +} + +scale.vertical slider { + min-width: 1px; + min-height: 10px; + margin: 0px -12px 0px -12px; +} +scale.horizontal slider { + min-width: 10px; + min-height: 1px; + margin: -12px 0px -12px 0px; +} + +/* there might be other cases where the inside is filled by other widgets */ +scale.color contents trough { + min-height: 8px; + min-width: 8px; +} + +/* outline inside the trough node is terrible, this disables it but +can't put it in the slider... +scale *:focus { +outline: 0px; +} */ + +scale:focus trough { + outline-offset: 2px; +} + + +/**************** + * stacksidebar * + ****************/ + +stacksidebar > scrolledwindow { + padding: 0px; + margin: 0px; + border: 0px; + box-shadow: none; +} + +stacksidebar separator { + padding: 0px; + margin: 0px; +} + +stacksidebar list { + margin: 0px; + background-color: @bg_color; +} + +stacksidebar.sidebar list{ + margin: 0px; +} + +stacksidebar list row { + padding: 2px; + margin: 0px; +} + +stacksidebar list row label { padding: 3px; - border-width: 1px; - border-radius: 0px; } -.progressbar, -.progressbar row, -.progressbar row:hover, -.progressbar row:selected, -.progressbar row:selected:focus { - background-image: none; - background-color: @progressbar_color; - box-shadow:none; -} - -.progressbar.vertical { - background-image: none; - background-color: @progressbar_color; +stacksidebar list row:selected, +stacksidebar list row:focus, +stacksidebar list row:selected:focus, +stacksidebar list row:selected:focus:hover, +stacksidebar list row:selected:hover { + padding: 2px; + margin: 0px; + background-color: @border_bright; + color: @fg_color; } -.trough, -.trough row, -.trough row:hover, -.trough row:selected, -.trough row:selected:focus { - border-width: 1px; - border-style: solid; - border-color: #808080 #fff #fff #808080; - background-color: @theme_bg_color; - background-image: none; +stacksidebar list row:selected, +stacksidebar list row:selected:focus, +stacksidebar list row:selected:hover { + outline: 1px dotted @border_dark; + -gtk-outline-radius: 0px; + outline-offset: -6px; } -.trough.vertical { - background-color: @theme_bg_color; - background-image: none; -} - -/* level bars as used for password quality or remaining power */ -GtkLevelBar { - -GtkLevelBar-min-block-width: 6; - -GtkLevelBar-min-block-height: 2; -} - -GtkLevelBar.vertical { - -GtkLevelBar-min-block-width: 2; - -GtkLevelBar-min-block-height: 6; -} - -.level-bar.trough { - padding: 1px; - border-radius: 0px; -} - -.level-bar.fill-block { - border-width: 1px; - border-style: solid; - background-color: @theme_selected_bg_color; -} - -.level-bar.indicator-continuous.fill-block { - padding: 1px; - border-radius: 0px; -} - -.level-bar.indicator-discrete.fill-block.horizontal { - margin: 0 1px; -} - -.level-bar.indicator-discrete.fill-block.vertical { - margin: 1px 0; -} - -/* discrete indicator border rounding, - uncomment when :nth-child will be working - on the widget - -.level-bar.indicator-discrete.fill-block.horizontal:first-child { - border-radius: 2px 0 0 2px; -} - -.level-bar.indicator-discrete.fill-block.horizontal:last-child { - border-radius: 0 2px 2px 0; -} - -.level-bar.indicator-discrete.fill-block.vertical:first-child { - border-radius: 2px 2px 0 0; -} - -.level-bar.indicator-discrete.fill-block.vertical:last-child { - border-radius: 0 0 2px 2px; -} -*/ - -.level-bar.fill-block.level-high { - border-color: shade(@success_color, 0.85); - background-image: linear-gradient(to bottom, - shade(@success_color, 1.2), - @success_color 75%, - shade(@success_color, 0.95) - ); -} - -.level-bar.fill-block.level-low { - border-color: shade(@warning_color, 0.80); - background-image: linear-gradient(to bottom, - shade(@warning_color, 1.3), - @warning_color 75%, - shade(@warning_color, 0.9) - ); -} - -.level-bar.fill-block.empty-fill-block { - border-color: alpha(@theme_fg_color, 0.1); - background-color: transparent; - background-image: none; -} - -.scale { - -GtkRange-slider-width: 21; - -GtkRange-trough-border: 0; - -GtkScale-slider-length: 11; - - -} - -.scale.slider, -.scale.slider:hover { - border-radius: 0px; - background-color: @theme_bg_color; - background-image: none; - /* we will draw the border using box shadow for now */ - padding: 0; - border-width: 1px; - border-style: solid; - border-color: #FFF #000 #000 #FFF; - box-shadow: inset -1px -1px #808080; - border-radius: 0px; - -} - -.scale.slider:insensitive { - - /* Makes a checkerboard */ - background-color: white; - background-image: linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, #c0c0c0), - linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, black); - background-size:2px 2px; - background-position:0 0, 1px 1px - - -} - -/* -.scale.slider:hover { - box-shadow: inset 1px 0 shade(@theme_bg_color, 0.7), - inset 0 1px shade(@theme_bg_color, 0.7), - inset -1px 0 shade(@theme_bg_color, 0.7), - inset 0 -1px shade(@theme_bg_color, 0.7); -} - -.scale.slider:insensitive { - background-color: @theme_bg_color; - background-image: none; - box-shadow: inset 1px 0 shade(@theme_bg_color, 0.85), - inset 0 1px shade(@theme_bg_color, 0.85), - inset -1px 0 shade(@theme_bg_color, 0.85), - inset 0 -1px shade(@theme_bg_color, 0.85); -} -*/ -.scale.slider.fine-tune:active, -.scale.slider.fine-tune:active:hover, -.scale.slider.fine-tune.horizontal:active, -.scale.slider.fine-tune.horizontal:active:hover { - background-size: 50%; - background-repeat: no-repeat; - background-position: center; - -} - -.scale.mark { - border-color: #000; -} - -.scale.trough { - margin: 9px 0; - border-width: 1px 1px 1px 1px; - border-color: #808080 #FFF #FFF #808080; - border-radius: 0px; - background-color: @bg_color; - box-shadow: inset 1px 1px #000; - background-image: none; -} - -.scale.trough.vertical { - margin: 0 9px; -} - -.menuitem .scale.highlight.left, -.scale.highlight.left { - background-image: none; -} - -.menuitem .scale.highlight.left:hover { - border-color: @theme_selected_bg_color; - background-color: @theme_selected_bg_color; -} - -.scale.highlight.bottom { - border-color: @theme_selected_bg_color; - background-color: @theme_selected_bg_color; - background-image: none; -} - -.scale.trough:insensitive, -.scale.highlight.left:insensitive { - background-image: none; -} - -/************* - * scrollbar * - *************/ -.scrollbar { - padding: 16px; - border-width: 0px; - border-style: solid; - padding: 0; - -} - -.scrollbar.trough { - border-width: 0; - border-radius: 0; - background-color: shade(@theme_bg_color, 0.9); - background-image: none; - background-color: #fff; - /* This makes a square-checkerboard */ - background-image: linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, #c0c0c0), - linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, black); - background-size:2px 2px; - background-position:0 0, 1px 1px -} - -.scrollbars-junction { - border-width: 1px; - border-style: solid; - border-color: #c0c0c0; - border-radius: 0; - background-color: #c0c0c0; - box-shadow: none -} - -.scrollbar.button{ - border-width: 1px; - border-style: solid; - border-color: #c0c0c0 #000 #000 #c0c0c0; - border-radius: 0; - background-color: #c0c0c0; - box-shadow: inset 1px 1px #FFF, inset -1px -1px #808080; -} - -.scrollbar.button:active, -.scrollbar.button:active:hover { - /* TODO: Fix padding so the arrow moves */ - border-width: 1px; - border-style: solid; - border-color: #808080; - border-radius: 0; - background-color: #c0c0c0; - box-shadow: none; - - -} - -.scrollbar.slider { - border-width: 1px; - border-color: #c0c0c0 #000 #000 #c0c0c0; - border-radius: 0; - background-color: #c0c0c0; - box-shadow: inset 1px 1px #FFF, inset -1px -1px #808080; -} - -/* -.scrollbar.slider:hover, -.scrollbar.slider.vertical:hover { - border-color: transparent; - background-color: mix(@theme_bg_color, @theme_fg_color, 0.27); -} - -.scrollbar.slider:active, -.scrollbar.slider.vertical:active { - border-color: transparent; - background-color: shade(@theme_bg_color, 0.5); -} - -.scrollbar.slider.fine-tune:prelight:active { - border-width: 2px; - border-color: transparent; -} -*/ - -/* overlay scrollbar */ -OsThumb { - color: @theme_bg_color; -} - -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: @theme_bg_color; -} - -/************* - * separator * - *************/ -.sidebar.view.separator, -.view.separator, -.separator { - border-width: 1px; - border-style: solid; - border-color: red; - color: #808080; -} - -.button .separator, -.button.separator { - border-color: #808008; -} - -.button .separator:insensitive, -.button.separator:insensitive { - border-color: #808080; -} - -.primary-toolbar GtkSeparatorToolItem, -.primary-toolbar .separator, -.primary-toolbar .separator:insensitive, -.toolbar GtkSeparatorToolItem, -.toolbar .separator, -.toolbar .separator:insensitive { - -GtkWidget-window-dragging: true; - - border-color:#808080; - color: #808080; -} - -.header-bar GtkSeparatorToolItem, -.header-bar .separator, -.header-bar .separator:insensitive, -.titlebar GtkSeparatorToolItem, -.titlebar .separator, -.titlebar .separator:insensitive { - -GtkWidget-window-dragging: true; - border-color: red yellow blue green; - color: #808080; -} - -.primary-toolbar .button .separator, -.primary-toolbar .button.separator, -.toolbar .button .separator, -.toolbar .button.separator { - border-color: #808080; -} - -.header-bar .button .separator, -.header-bar .button.separator, -.titlebar .button .separator, -.titlebar .button.separator { - border-color: #808080; -} - -.primary-toolbar .button .separator:insensitive, -.primary-toolbar .button.separator:insensitive, -.toolbar .button .separator:insensitive, -.toolbar .button.separator:insensitive { - border-color: #808080; -} - -.header-bar .button .separator:insensitive, -.header-bar .button.separator:insensitive, -.titlebar .button .separator:insensitive, -.titlebar .button.separator:insensitive { - border-color: #808080; -} - -.menuitem.separator { - -GtkMenuItem-horizontal-padding: 0; - -GtkWidget-separator-height: 2; - - border-style: none; - color: #808080; -} - -GtkComboBox .separator { - /* always disable separators */ - -GtkWidget-wide-separators: true; - -GtkWidget-horizontal-separator: 0; - -GtkWidget-vertical-separator: 0; - - border-style: none; -} /*********** * sidebar * ***********/ -.sidebar, -.sidebar.view, -.sidebar .view, -.sidebar GtkScrolledWindow { - background-color: #808080; - color: #FFF; - box-shadow: none; + +.sidebar list { + padding: 1px; } -.sidebar row:selected, -.sidebar row:selected:hover, -.sidebar row:selected:focus, -.sidebar .view row:selected, -.sidebar .view row:selected:hover, -.sidebar .view row:selected:focus { - /* border-color: none; */ - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; +placessidebar list > row, +.sidebar list > row { + padding-bottom: 1px; + padding-left: 4px; + padding-right: 2px; } -/* -.sidebar row:prelight, -.sidebar .view row:prelight { - border-color: shade(@theme_selected_bg_color, 1.05); - background-color: shade(@theme_selected_bg_color, 1.05); - background-image: none; - color: @theme_fg_color; -} - -.sidebar row:selected:prelight, -.sidebar .view row:selected:prelight { - border-color: shade(@theme_selected_bg_color, 1.05); - background-color: shade(@theme_selected_bg_color, 1.05); - background-image: none; - color: @theme_selected_fg_color; -} -*/ -.sidebar .frame { - border-width: 0; -} - -/*addition start*/ -.sidebar-item { - padding: 10px 4px; } - .sidebar-item > Gtklabel { - padding-left: 6px; - padding-right: 6px; } - .sidebar-item.needs-attention > Gtklabel { - background-size: 6px 6px, 0 0; } - -/* ------------- -NEW ON GTK 3.18 ----------------*/ -GtkSidebarRow.list-row { - padding: 0px; } -GtkSidebarRow .sidebar-revealer { - padding: 1px 14px 1px 12px; } -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; } - - -.sidebar-button.button.image-button { - padding: 3px; - border-radius: 0; - box-shadow: 0px 0px 0px alpha(@dark_shadow,0)} - -.sidebar-button.button:not(:hover):not(:active) > GtkImage { - opacity: 0.5; } - -.sidebar-item { - padding: 5px; } - .sidebar-item > GtkLabel { - padding-left: 6px; - padding-right: 6px; } - .sidebar-item.needs-attention > GtkLabel { - background-size: 6px 6px, 0 0; } -/*addition end*/ /************** * spinbutton * **************/ -.spinbutton .button { - color: @theme_text_color; - padding: 2px 4px; - border-width: 1px; - border-style: solid; - border-color: #c0c0c0 #000 #000 #c0c0c0; - border-radius: 0; - background-color: #c0c0c0; - box-shadow: inset 1px 1px #FFF, inset -1px -1px #808080; - background-image: none; +spinbutton.horizontal button { + margin-top: 2px; + margin-bottom: 2px; } - -.spinbutton .button:insensitive { - color: #808080; - text-shadow: 1px 1px 0 white; +spinbutton.horizontal entry { + min-width: 80px; + min-height: 12px; + margin-right: -46px; } - -.spinbutton .button:active { - border-width: 1px; - border-style: solid; - border-color: #808080; - border-radius: 0; - background-color: #c0c0c0; - background-image: none; - box-shadow:none; +spinbutton.vertical button { + margin-left: 0px; + margin-right: 0px; } -.spinbutton .button:first-child { - border-radius: 0px 0 0 0px; - box-shadow: none; -} - -.spinbutton .button:last-child { - border-radius: 0 0px 0px 0; -} - -/* -.spinbutton .button:dir(rtl) { - box-shadow: inset -1px 0 shade(@theme_base_color, 0.9); -} - -*/ - -.spinbutton.vertical .button { - color: @theme_text_color; - padding: 2px 4px; - border-width: 1px; - border-style: solid; - border-color: #c0c0c0 #000 #000 #c0c0c0; - border-radius: 0; - background-color: #c0c0c0; - box-shadow: inset 1px 1px #FFF, inset -1px -1px #808080; - background-image: none; -} - -.spinbutton.vertical .button:hover { - background-image: none; -} - -.spinbutton.vertical .button:active { - border-width: 1px; - border-style: solid; - border-color: #808080; - border-radius: 0; - background-color: #c0c0c0; - background-image: none; - box-shadow:none; - background-image: none; -} - -/* -.spinbutton.vertical .button:active:hover { - border-color: shade(@theme_bg_color, 0.7); -} - -.spinbutton.vertical .button:focus, -.spinbutton.vertical .button:hover:focus, -.spinbutton.vertical .button:active:focus, -.spinbutton.vertical .button:active:hover:focus { - border-color: shade(@theme_bg_color, 0.7); -} -*/ -.spinbutton.vertical .button:insensitive { - color: #808080; - text-shadow: 1px 1px 0 white; - background-image: none; -} - -.spinbutton.vertical .button:first-child { - border-width: 1px; - border-bottom-width: 0; - border-radius: 0px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} - -.spinbutton.vertical .button:last-child { - border-width: 1px; - border-top-width: 0; - border-radius: 0px; - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.spinbutton.vertical.entry { - border-width: 1px; - border-style: solid; - border-radius: 0; -} - - - -/*********** - * spinner * - ***********/ - -/* -@keyframes spinner { - 00.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.70)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); } - - 10.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.90)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)); } - - 20.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.90)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)); } - - 30.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.70)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); } - - 40.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.50)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)); } - - 50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.30)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)); } - - 60.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.10)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); } - - 70.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.10)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)); } - - 80.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.30)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)); } - - 90.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.50)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)); } - - 100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.70)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); } -} - -.spinner { - background-color: transparent; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); - - background-position: 0% 70%, 33% 70%, 70% 70%; - background-size: 30% 30%; - background-repeat: no-repeat; -} - -.spinner:active { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.70)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); - - animation: spinner 1s infinite linear; -} - -.menu.spinner, -.menu .spinner, -.menu .spinner:hover, -.primary-toolbar .spinner { - color: @theme_selected_bg_color; - border: none; - box-shadow: none; -} - -*/ -/************* - * statusbar * - *************/ -GtkStatusbar { - padding: 4px; - color: @theme_fg_color; +spinbutton.vertical entry { + min-width: 12px; } /********** * switch * - ********** -GtkSwitch { - padding: 0; - border-radius: 0px; - font: bold condensed; + **********/ + +switch { + background-color: @base_color; } -GtkSwitch.slider { - border-width: 1px; - border-style: solid; - border-color: @theme_bg_color; - background-color: @theme_bg_color; - background-image: none; -} - -GtkSwitch.slider:insensitive { - border-color: shade(@theme_bg_color, 0.85); - background-color: shade(@theme_bg_color, 0.9); - background-image: none; -} - -GtkSwitch.trough { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 0.95); - background-image: none; - color: @theme_fg_color; -} - -GtkSwitch.trough:active { - border-color: shade(@theme_selected_bg_color, 0.9); - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -GtkSwitch.trough:insensitive { - border-color: shade(@theme_bg_color, 0.85); - background-color: shade(@theme_bg_color, 0.9); - background-image: none; - color: mix(@theme_fg_color, @theme_bg_color, 0.5); -}*/ - -GtkSwitch { - -GtkWidget-focus-line-width: 0; - border-radius: 8px; - padding: 0; -} - -.menu GtkSwitch.trough, -.toolbar.menubar GtkSwitch.trough, -.primary-toolbar .toolbar GtkSwitch.trough, -.primary-toolbar.toolbar GtkSwitch.trough, -GtkSwitch.trough, -GtkSwitch.trough:insensitive, -GtkSwitch.trough:backdrop { - border: none; - border-image: none; - background: none; - color: transparent; - box-shadow: none; - background-image: url("assets/switch-off.svg"); - background-size: 44px 20px; - background-position: center center; - background-repeat: no-repeat; - text-shadow: none; -} - -GtkSwitch.trough { - background-image: url("assets/switch-off.svg"); -} - -GtkSwitch.trough:active { - background-image: url("assets/switch-on.svg"); -} - -GtkSwitch.trough:insensitive { - background-image: url("assets/switch-off-disabled.svg"); -} - -GtkSwitch.trough:active:insensitive { - background-image: url("assets/switch-on-disabled.svg"); +switch slider { + margin: 1px; + min-width: 18px; + min-height: 12px; } -.toolbar.menubar GtkSwitch.trough, -.primary-toolbar .toolbar GtkSwitch.trough, -.primary-toolbar.toolbar GtkSwitch.trough { - background-image: url("assets/switch-dark-off.svg"); -} +/*************** + * Colorswatch * + ***************/ -.toolbar.menubar GtkSwitch.trough:active, -.primary-toolbar .toolbar GtkSwitch.trough:active, -.primary-toolbar.toolbar GtkSwitch.trough:active { - background-image: url("assets/switch-dark-on.svg"); -} - -.toolbar.menubar GtkSwitch.trough:insensitive, -.primary-toolbar .toolbar GtkSwitch.trough:insensitive, -.primary-toolbar.toolbar GtkSwitch.trough:insensitive { - background-image: url("assets/switch-dark-off-disabled.svg"); -} - -.toolbar.menubar GtkSwitch.trough:active:insensitive, -.primary-toolbar .toolbar GtkSwitch.trough:active:insensitive, -.primary-toolbar.toolbar GtkSwitch.trough:active:insensitive { - background-image: url("assets/switch-dark-on-disabled.svg"); -} - -GtkSwitch.slider { - border: none; - border-image: none; - background: none; - color: transparent; - box-shadow: none; -} - -/************ - * textview * - ************/ -GtkTextView { - background-color: @theme_base_color; - color: @theme_text_color; -} - -/***************** - * color chooser * - *****************/ -GtkColorSwatch, -GtkColorSwatch:selected { - border-width: 1px; - border-style: solid; - border-color: #c0c0c0 #000 #000 #c0c0c0; - border-radius: 0px; +colorswatch { background-color: transparent; background-clip: border-box; + padding: 2px; } -GtkColorSwatch:hover, -GtkColorSwatch:selected:hover { - border-color: alpha(black, 0.3); -} - -GtkColorSwatch.color-dark:hover { -} - -GtkColorSwatch.color-light:hover { -} - -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; +colorswatch:selected overlay { background-color: transparent; } -.color-active-badge.color-light, -.color-active-badge.color-light:hover { - border-color: #808080; - color: #000; -} - -.color-active-badge.color-dark, -.color-active-badge.color-dark:hover { - border-color: #000; - color: #808080; -} - -GtkColorEditor GtkColorSwatch { - border-radius: 0px; -} - -GtkColorEditor GtkColorSwatch.color-dark:hover, -GtkColorEditor GtkColorSwatch.color-light:hover { - background-image: none; - border-color: alpha(black, 0.3); -} - -GtkColorButton.button { - padding: 2px; -} - -/************** - * header-bar * - **************/ -.header-bar { - padding: 6px; - border-width: 1px; - border-style: solid; - border-color: transparent; - background-color: @bg_color; - background-image: none; - color: @titlebar_fg_color; -} - -.header-bar .button.text-button { - padding: 2px; -} - -.header-bar .button.image-button { - padding: 2px; -} - -.header-bar .title { - font: bold; - padding: 0 12px; -} - -.header-bar .subtitle { - font: smaller; - padding: 0 12px; -} - -/* -.header-bar GtkComboBox, -.header-bar .button { - color: red; -} - - -.header-bar .button:active:hover, -.header-bar .button:active { - - -GtkWidget-focus-padding: 1; - -GtkWidget-focus-line-width: 1; - - padding: 4px; - padding-top: 6px; - padding-left: 6px; - border-top: 1px solid black; - border-left: 1px solid black; - border-right: 1px solid white; - border-bottom: 1px solid white; - border-radius: 0; - box-shadow: inset 1px 1px 0px 0px #808080; - background-color: #c0c0c0; - background-image: none; -} - - -.header-bar .button:focus, -.header-bar .button:hover:focus, -.header-bar .button:active:focus, -.header-bar .button:active:hover:focus { - border-color: shade(@titlebar_bg_color, 0.7); -} - -.header-bar .button:insensitive { - border-color: shade(@titlebar_bg_color, 0.85); - background-color: shade(@titlebar_bg_color, 0.9); - background-image: none; -} - -.header-bar .button:active *:insensitive { - border-color: shade(@titlebar_bg_color, 0.75); - background-color: shade(@titlebar_bg_color, 0.80); - background-image: none; -} - -.header-bar .entry { - border-width: 1px; - border-color: shade(@bg_color, 0.6); -} - -.header-bar .entry:active, -.header-bar .entry:focus { - border-width: 1px; - border-color: shade(@selected_bg_color, 0.6); -} */ - -/*********** - * toolbar * - ***********/ -.toolbar { - padding: 1px; - border-style: solid; - border-width: 0px; - - background-color: @toolbar_bg_color; - background-image: none; - color: @toolbar_fg_color; -} - -.toolbar .button { - padding: 3px; - -} - -.toolbar .button.text-button { - /* padding: 2px 4px;*/ -} - -.toolbar .button.image-button { - /*padding: 4px 3px 3px 4px; */ -} - -/* -.toolbar:insensitive { - background-color: shade(@toolbar_bg_color, 0.9); - color: mix(@toolbar_fg_color, @toolbar_bg_color, 0.5); -} -*/ -/* menubar toolbars */ -.toolbar.menubar { - -GtkToolbar-button-relief: normal; -} - -/******************* - * primary-toolbar * - *******************/ -.primary-toolbar, -.primary-toolbar .toolbar, -.primary-toolbar.toolbar { - -GtkWidget-window-dragging: true; - - padding: 4px; - background-color: @toolbar_bg_color; - background-image: none; - color: @toolbar_fg_color; -} - -.primary-toolbar GtkComboBox, -.primary-toolbar .button { - padding: 1px; +colorswatch:selected { background-color: transparent; - background-image: none; - color: @toolbar_fg_color; -} - -.primary-toolbar .raised .button, -.primary-toolbar .raised.button, -.toolbar GtkComboBox, -.toolbar .button { - background-image: none; } +/************************************************* + * tooltip popover app-notification floating-bar * + *************************************************/ -.primary-toolbar .button:active, -.toolbar .button:active { - /* background-image: none; */ -} - -.primary-toolbar .button:checked { - background-image: none; -} - -.primary-toolbar .button:active:hover, -.toolbar .button:active:hover { - /* background-color: none; */ -} - -.primary-toolbar .button:focus, -.primary-toolbar .button:hover:focus, -.primary-toolbar .button:active:focus, -.primary-toolbar .button:active:hover:focus, -.toolbar .button:focus, -.toolbar .button:hover:focus, -.toolbar .button:active:focus, -.toolbar .button:active:hover:focus { - border-color: transparent; -} - -.primary-toolbar .button:insensitive, -.toolbar .button:insensitive { - background-image: none; -} - -.primary-toolbar .button:active *:insensitive, -.toolbar .button:active *:insensitive { - border-color: transparent; - background-image: none; -} - -.primary-toolbar .entry, -.toolbar .entry { - border-width: 1px; - border-color: #c0c0c0; -} - -.primary-toolbar .entry:active, -.primary-toolbar .entry:focus, -.toolbar .entry:active, -.toolbar .entry:focus { - border-width: 1px; - border-color: #c0c0c0; -} - -/* inline-toolbar -.inline-toolbar.toolbar { - -GtkToolbar-button-relief: normal; - - padding: 1px; - border-width: 1px; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; - background-color: @theme_bg_color; - background-image: none; -} - -.inline-toolbar.toolbar:last-child { - border-width: 1px; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; -} - -.inline-toolbar.toolbar .button { - padding: 1px; - border-width: 1px; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; - background-color: shade(@theme_bg_color, 1.08); - background-image: none; - color: @theme_fg_color; -} - -.inline-toolbar.toolbar .button:hover { - border-color: shade(@theme_bg_color, 0.7); - background-color: shade(@theme_bg_color, 1.10); - background-image: none; -} - -.inline-toolbar.toolbar .button:active { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 0.95); - background-image: none; -} - -.inline-toolbar.toolbar .button:active:hover { - border-color: shade(@theme_bg_color, 0.7); -} - -.inline-toolbar.toolbar .button:focus, -.inline-toolbar.toolbar .button:hover:focus, -.inline-toolbar.toolbar .button:active:focus, -.inline-toolbar.toolbar .button:active:hover:focus { - border-color: shade(@theme_bg_color, 0.7); -} - -.inline-toolbar.toolbar .button:insensitive, -.inline-toolbar.toolbar GtkToolButton .button:insensitive { - border-color: shade(@theme_bg_color, 0.85); - background-color: shade(@theme_bg_color, 0.9); - background-image: none; -} - -.inline-toolbar.toolbar .button:active *:insensitive -.inline-toolbar.toolbar GtkToolButton .button:active *:insensitive { - border-color: shade(@theme_bg_color, 0.75); - background-color: shade(@theme_bg_color, 0.80); - background-image: none; -} -*/ -/****************** - * linked buttons * - *****************/ -/* set up shadows for visual separation */ - -/* Deleted this whole section. Linked buttons weren't a thing in '95 */ - -/*********** - * tooltip * - ***********/ -.tooltip - { - border-width: 1px; - border-style: solid; - border-color: #000; - border-radius: 0px; +.floating-bar, +.app-notification, +popover, +popover.background, +tooltip.background, +tooltip { background-color: @theme_tooltip_bg_color; - background-image: none; + color: @theme_tooltip_fg_color; + border: 1px solid @border_dark; box-shadow: none; +} + +.app-notification, +popover { + padding: 5px; + margin: 2px; +} + + +.floating-bar, +popover, +popover.background, +tooltip.background, +tooltip { + padding: 0px; + margin: 0px; +} + +tooltip decoration { + border: 0px; + box-shadow: none; + padding: 0px; + margin: 0px; +} + +tooltip * { + background-color: @theme_tooltip_bg_color; color: @theme_tooltip_fg_color; } -.tooltip * { - background-color: @theme_tooltip_bg_color; +/************************ + * overshoot undershoot * + ************************/ + +/* get rid of these frekin overshoots, this isen't a phone! */ +overshoot, undershoot { + background-color: transparent; } -/************ - * treeview * - ************/ -GtkTreeView { - -GtkTreeView-vertical-separator: 0; - -GtkWidget-focus-line-width: 1; - -GtkWidget-focus-padding: 1; -} - -GtkTreeView.dnd { - border-width: 1px; - border-style: solid; - border-color: @theme_selected_bg_color; - border-radius: 0; -} - -GtkTreeView .entry { - border-radius: 0; - background-color: @theme_base_color; - background-image: none; -} - -/************ - * viewport * - ************/ -GtkViewport.frame { - border-width: 0; -} - -.view { - background-color: @theme_base_color; - color: @theme_text_color; -} - -.view:insensitive, -.view:insensitive:insensitive { - background-color: @bg_color; - color: @fg_color; -} - -.view:selected, -.view:selected:focus { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/************** - * action-bar * - **************/ -.action-bar { - padding: 4px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - background-color: @theme_bg_color; - background-image: none; - color: @theme_fg_color; -} - -.action-bar .button.text-button { - padding: 4px; -} - -.action-bar .button.image-button { - padding: 1px; -} - -.action-bar .title { - font: bold; - padding: 0 12px; -} - -.action-bar .subtitle { - font: smaller; - padding: 0 12px; -} - -/*************** - * search bars * - ***************/ -.search-bar { - /*background-color: ;*/ -} - -.search-bar .button.close-button { - padding: 4px; -} - -/******************** - * various choosers * - ********************/ -GtkFontButton .separator, -GtkFileChooserButton .separator { - /* always disable separators */ - -GtkWidget-wide-separators: true; - -GtkWidget-horizontal-separator: 0; - -GtkWidget-vertical-separator: 0; -} - -/* -GtkFontButton GtkLabel:last-child { - color: alpha(currentColor, 0.7); -} - -GtkFileChooserButton GtkImage:last-child { - color: alpha(currentColor, 0.7); -} -*/ - -/********************* - * app notifications * - *********************/ -.app-notification { - border-style: solid; - border-color: #c0c0c0 #000 #000 #c0c0c0; - border-width: 1px; - border-radius: 0; - padding: 8px; - background-color: @bg_color; - background-image: none; - color: @theme_text_color; - box-shadow: inset 1px 1px #FFF, inset -1px -1px #808080; -} /******* * osd * *******/ + .background.osd { color: @osd_fg; background-color: @osd_bg; } -GtkOverlay.osd { +overlay.osd { background-color: transparent; } .osd.frame { background-clip: border-box; background-origin: border-box; - } -/* -.osd.button, -.osd .button { - -} - -.osd.button:prelight, -.osd.button:hover, -.osd .button:hover { - border-color: shade(@osd_bg, 0.7); - background-color: shade(@osd_bg, 1.10); - background-image: none; -} - -.osd.button:active, -.osd .button:active, -.osd GtkMenuButton.button:active { - -} - -.osd.button:active:hover, -.osd .button:active:hover, -.osd GtkMenuButton.button:active:hover { - -} - -.osd.button:insensitive, -.osd .button:insensitive { - border-color: shade(@osd_bg, 0.85); - background-color: shade(@osd_bg, 0.9); - background-image: none; -} - -.osd.button:active *:insensitive, -.osd .button:active *:insensitive { - background-color: shade(@osd_bg, 0.80); - background-image: none; -} - -.osd.toolbar { - -GtkToolbar-button-relief: normal; - - padding: 4px; - border-width: 1px; - border-style: solid; - border-radius: 0px; - border-color: shade(@osd_bg, 0.8); - background-color: @osd_bg; - background-image: none; - color: @osd_fg; -} - -.osd.toolbar .button { - padding: 4px; - border-width: 1px; - border-style: solid; - border-color: shade(@osd_bg, 0.8); - border-radius: 0px; - background-color: shade(@osd_bg, 1.08); - background-image: none; - color: @osd_fg; -} - -.osd.toolbar .button:hover { - border-color: shade(@osd_bg, 0.7); - background-color: shade(@osd_bg, 1.10); - background-image: none; -} - -.osd.toolbar .button:active { - border-color: shade(@osd_bg, 0.8); - background-color: shade(@osd_bg, 0.95); - background-image: none; -} - -.osd.toolbar .button:active:hover { - border-color: shade(@osd_bg, 0.7); -} - -.osd.toolbar .button:focus, -.osd.toolbar .button:hover:focus, -.osd.toolbar .button:active:focus, -.osd.toolbar .button:active:hover:focus { - border-color: shade(@osd_bg, 0.7); -} - -.osd.toolbar .button:insensitive { - border-color: shade(@osd_bg, 0.85); - background-color: shade(@osd_bg, 0.9); - background-image: none; -} - -.osd.toolbar .button:active *:insensitive { - border-color: shade(@osd_bg, 0.75); - background-color: shade(@osd_bg, 0.80); - background-image: none; -} - -.osd.toolbar .button:first-child { - border-radius: 0px 0 0 0px; - border-width: 1px 0 1px 1px; - box-shadow: inset -1px 0 shade(@osd_bg, 0.9); -} - -.osd.toolbar .button:last-child { - box-shadow: none; - border-radius: 0 0px 0px 0; - border-width: 1px 1px 1px 0; -} - -.osd.toolbar .button:only-child, -.osd.toolbar GtkToolButton .button, -.osd.toolbar GtkToolButton:only-child .button, -.osd.toolbar GtkToolButton:last-child .button, -.osd.toolbar GtkToolButton:first-child .button { - border-width: 1px; - border-radius: 0px; - border-style: solid; -} - -.osd.toolbar .separator { - color: shade(@osd_bg, 0.9); -} - - used by gnome-settings-daemon's media-keys OSD */ -.osd.trough { - background-color: shade(@osd_bg, 0.8); -} -/* - -.osd.progressbar { - background-color: @osd_fg; -} - -.osd .scale.slider { - background-color: shade(@osd_bg, 1.08); - background-image: none; - we will draw the border using box shadow for now - box-shadow: inset 1px 0 shade(@osd_bg, 0.8), - inset 0 1px shade(@osd_bg, 0.8), - inset -1px 0 shade(@osd_bg, 0.8), - inset 0 -1px shade(@osd_bg, 0.8); -} - -.osd .scale.slider:hover { - box-shadow: inset 1px 0 shade(@osd_bg, 0.7), - inset 0 1px shade(@osd_bg, 0.7), - inset -1px 0 shade(@osd_bg, 0.7), - inset 0 -1px shade(@osd_bg, 0.7); -} - -.osd .scale.slider:insensitive { - background-color: shade(@osd_bg, 0.9); - background-image: none; - box-shadow: inset 1px 0 shade(@osd_bg, 0.85), - inset 0 1px shade(@osd_bg, 0.85), - inset -1px 0 shade(@osd_bg, 0.85), - inset 0 -1px shade(@osd_bg, 0.85); -} - -.osd .scale.trough { - border-color: shade(@osd_bg, 0.8); - background-color: shade(@osd_bg, 1.08); - background-image: none; -} - -.osd .scale.trough.highlight { - border-color: @theme_selected_bg_color; - background-color: @theme_selected_bg_color; - background-image: none; -} - -.osd .scale.trough:insensitive, -.osd .scale.trough.highlight:insensitive { - border-color: shade(@osd_bg, 0.85); - background-color: shade(@osd_bg, 0.9); - background-image: none; -} - -.osd GtkProgressBar, -GtkProgressBar.osd { - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 2px; - -GtkProgressBar-min-horizontal-bar-height: 2px; - - padding: 0; -} - -.osd GtkProgressBar.trough, -GtkProgressBar.osd.trough { - padding: 0; - border-style: none; - border-radius: 0; - background-image: none; - background-color: transparent; -} - -.osd GtkProgressBar.progressbar, -GtkProgressBar.osd.progressbar { - border-style: none; - border-radius: 0; - background-color: @progressbar_color; - background-image: none; -} - -.osd .view, -.osd.view { - background-color: @osd_base; -} - -.osd .scrollbar.trough { - background-color: @osd_bg; -} - -.osd .scrollbar.slider { - border-width: 1px; - border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.21); - border-radius: 0; - background-color: mix(@osd_base, @osd_fg, 0.21); -} - -.osd .scrollbar.slider:hover { - border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.31); - background-color: mix(@osd_base, @osd_fg, 0.31); -} - -.osd .scrollbar.slider:active { - border-color: shade(@theme_bg_color, 0.9); - background-color: @theme_bg_color; -} - -.osd GtkIconView.cell:selected, -.osd GtkIconView.cell:selected:focus { - background-color: transparent; - border-style: solid; - border-radius: 0px; - border-width: 3px; - border-color: @osd_fg; - outline-color: transparent; -} -*/ -/* used by Documents */ -.osd .page-thumbnail { - border-style: solid; - border-width: 1px; - border-color: shade(@osd_bg, 0.9); - /* when there's no pixbuf yet */ - background-color: @osd_bg; -} /****************************** * destructive action buttons * ******************************/ + .destructive-action.button { border-radius: 0px; background-color: @error_color; @@ -3005,19 +1448,6 @@ GtkProgressBar.osd.progressbar { color: mix(@theme_selected_fg_color, @error_color, 0.1); } -.destructive-action.button:hover { - background-color: shade(@error_color, 1.12); - background-image: none; -} - -.destructive-action.button:active { - background-color: shade(@error_color, 0.87); - background-image: none; -} - -.destructive-action.button:hover:active { - border-color: shade(@error_color, 0.7); -} /****************************** * suggested action buttons * @@ -3026,222 +1456,327 @@ GtkProgressBar.osd.progressbar { color: @info_fg_color; background-color: @info_bg_color; } -/* -.suggested-action.button:hover { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 1.20); - background-image: none; -} -.suggested-action.button:active { - border-color: shade(@theme_selected_bg_color, 0.9); - background-color: shade(@theme_selected_bg_color, 1.05); - background-image: none; + +/************** + * header-bar * + **************/ + +headerbar .title { + font-weight: bold; + padding: 0 12px; } -.suggested-action.button:hover:active { - border-color: shade(@theme_selected_bg_color, 0.8); -} */ - -/****************** - * selection mode * - ******************/ -.selection-mode.header-bar, -.selection-mode.toolbar { - border-style: solid; - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_bg_color; +headerbar .subtitle { + font-size: smaller; + padding: 0 12px; } -.selection-mode.header-bar { - border-top-color: @theme_selected_bg_color; - border-bottom-color: @theme_selected_bg_color; -} -.selection-mode.toolbar { +/*********** + * toolbar * + ***********/ + +toolbar { + -GtkWidget-window-dragging: true; padding: 4px; + border-left: 0px; + border-right: 0px; } -/* selection mode items removed, default will be used */ +toolbar button { + min-width: 24px; + min-height: 24px; + margin-left: 2px; + margin-right: 2px; +} -/************************* - * touch text selections * - *************************/ -GtkBubbleWindow { +frame toolbar { + margin: 1px; +} + + +/********** + * Window * + **********/ +decoration { border-radius: 0px; - background-clip: border-box; -} - -GtkBubbleWindow.osd.background { - background-color: @osd_bg; -} - -GtkBubbleWindow .toolbar { - background-color: transparent; -} - -/******* - * CSD * - *******/ -.titlebar { - padding: 4px 7px; - border-radius: 0 0 0 0; - border-width: 1px 1px 0px 1px; - border-style: solid; - border-color: #c0c0c0 #000 #000 #c0c0c0; - box-shadow: inset 4px 4px #c0c0c0, inset -4px -4px #c0c0c0, - inset 1px 1px #FFF, inset -1px 0 #808080; - background-color: @selected_bg_color; - background-image: none; - color: @selected_fg_color; - text-shadow: none; - -} - -.titlebar .button { - border: none; - box-shadow: none; - background-color: transparent; - color: @selected_fg_color; -} - -.titlebar .button:backdrop { - color: #c0c0c0; -} - -.titlebar .button:hover { - border: none; - box-shadow: none; - background-color: transparent; - color: yellow; -} - -.titlebar.default-decoration { - border: none; - box-shadow: none; -} - -.tiled .titlebar { - border-radius: 0; -} - -.maximized .titlebar { - border-radius: 0; -} - -/* this is the default titlebar that is added by GTK - * when client-side decorations are in use and the application - * did not set a custom titlebar. - */ -.titlebar.default-decoration { - border: 1px solid black; - box-shadow: none; -} - -.titlebar .title { - font: sans; -} - -.titlebar:backdrop { - background-image: none; - background-color: #808080; - color: #c0c0c0; - - text-shadow: none; -} - -.titlebar .titlebutton { - padding: 0px; border: 0px; - box-shadow: none; - background-color: transparent; - color: #FFF; -} - -.titlebar .titlebutton:hover, -.titlebar .titlebutton:hover:focus { - color: @selected_fg_color; - -} - -.titlebar .titlebutton:active, -.titlebar .titlebutton:active:hover { - background: none; - box-shadow: none; -} - -/* -.titlebar .right .titlebutton:first-child { - border-left: 1px solid shade(@titlebar_bg_color, 0.9); -} - -.titlebar .right .titlebutton:last-child { -} - -.titlebar .left .titlebutton:last-child { - border-right: 1px solid shade(@titlebar_bg_color, 0.9); -} - -.titlebar .left .titlebutton:first-child { -} -*/ -.titlebar .titlebutton:backdrop { - background-image: none; - color: #c0c0c0; - text-shadow: 1px 1px 0 white; - icon-shadow: none; - border-radius: 0; -} - -.window-frame, -.window-frame:backdrop { - - /* this is used for the resize cursor area */ - margin: 2px; -} - -.window-frame { - border-radius: 0 0 0 0; - box-shadow: none; + /* this is so ridiculous but i could not do it with borders + box-shadow */ + box-shadow: 0px 0px 0 1px @bg_dark, /* outter bottom + right */ + -1px -1px 0px 0px @bg_color, -1px 0px 0px 0px @bg_color, 0px -1px 0px 0px @bg_color, /* outter top + left */ + inset 1px 1px @bg_bright, /* inside top + left */ + inset -1px -1px @bg_shade; /* inside bottom + right */ + padding: 3px; + margin: 5px; } /* Server-side decoration (SSD) */ -.window-frame.ssd { - border-radius: 0 0 0 0; +window.ssd headerbar, +window.ssd .titlebar { + border-radius: 0px; + padding: 0px; + margin: 0px; + border: 3px solid transparent; + border-bottom: 1px solid transparent; + background-color: @selected_bg_color; + background-image: none; + text-shadow: none; +} +window.ssd .titlebar:backdrop { + padding: 0px; + margin: 0px; + background-color: @selected_inactive_bg_color; + color: @selected_inactive_fg_color; +} +/* +.default-decoration +{ +background-color: red; +border: 0px solid @bg_color; +border-bottom: 0px; +border-radius: 0px; +} + */ + +window.ssd .titlebar label{ + padding: 0px; + margin: 0px; + font-size: 8pt; + color: @selected_fg_color; +} + +window.ssd .titlebar label:backdrop, +window.ssd .titlebar:backdrop label{ + color: @selected_inactive_fg_color; +} + +headerbar, +.titlebar { + padding: 0px; + padding-left: 2px; + padding-right: 2px; + margin: 0px; + background-color: @selected_bg_color; + background-image: none; + text-shadow: none; +} + +headerbar:backdrop, +.titlebar:backdrop { + background-image: none; + background-color: @selected_inactive_bg_color; +} + +headerbar > label, +.titlebar > label, +headerbar > box > label, +.titlebar > box > label { + font-size: 8pt; + color: @selected_fg_color; +} + +headerbar:backdrop > label, +.titlebar:backdrop > label, +headerbar:backdrop > box > label, +.titlebar:backdrop > box > label { + color: @selected_inactive_fg_color; +} + +headerbar entry { + margin: 3px; + padding-top: 3px; + padding-bottom: 3px; +} + +/* we dont want any extra padding in those */ +menuitem > window, +window > menu { + padding: 0px; +} + +.titlebar button:not(.appmenu) { + margin: 0px; + padding: 0px; + min-width: 0px; + min-height: 0px; +} + +.titlebar button label { + padding-left: 4px; + padding-right: 4px; +} + +/* following button definitions allows us to have slim buttons on + * headerbars with no big elements while still maintaining a good + * looking headerbar with big elements */ +.titlebar button:not(.titlebutton) { + padding-top: 0px; + padding-bottom: 0px; + padding-left: 1px; + padding-right: 1px; + margin-top: 2px; + margin-bottom: 2px; + min-height: 0px; + min-width: 0px; +} + + +headerbar button:not(.titlebutton) > image { + border: solid 1px; + border-color: transparent; + padding-left: 3px; + padding-right: 3px; + margin-top: -3px; + margin-bottom: -3px; +} + +headerbar button:active:not(.titlebutton) > image { + border: solid; + border-color: transparent; + border-left-width: 2px; + border-right-width: 0px; + border-top-width: 2px; + border-bottom-width: 0px; +} + +headerbar separator { + margin-right: 3px; + border-left-width: 1px; + border-style: solid; +} + +window.csd tooltip { + border-radius: 0; + border: 0 none @border_dark; box-shadow: none; } -.window-frame.ssd, -.window-frame.ssd:backdrop { - background-color: @titlebar_bg_color; +.maximized > decoration, +window.maximized, +window.tiled { + border: 0px; + box-shadow: none; + margin: 0px; } -/* Client-side Decorations (CSD)*/ -.window-frame.csd.tooltip { +window.ssd.maximized headerbar, +window.ssd.maximized .titlebar { + border: 0px; + border-bottom: 1px solid transparent; + box-shadow: none; + margin: 0px; +} + +.tiled headerbar, +.maximized headerbar, +.tiled .titlebar, +.maximized .titlebar { + border: 0px; + box-shadow: none; border-radius: 0; - border: 1px solid black; - box-shadow: none; } -.window-frame.csd.message-dialog { - border-radius: 0; - box-shadow: none; + +/****************** + * window buttons * + ******************/ + +button.appmenu { + padding-bottom: 7px; + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; } -.window-frame.solid-csd { - border: 1px solid blue; - border-radius: 0; - box-shadow: none; +/* Makes the raised 2px effect slimmer on the top and left side */ +button.titlebutton:not(.appmenu) { + padding: 0px; + margin: 0px; + border-top: 0px; + border-left: 0px; + background-position: center; + background-repeat: no-repeat; } -GtkWindow.csd, -GtkWindows.ssd { - padding: 4px; - border-radius: 0; - border-width: 0px 1px 1px 1px; - border-style: solid; - border-color: #c0c0c0 #000 #000 #c0c0c0; - box-shadow: inset 1px 0px #FFF, inset -1px -1px #808080; +button.titlebutton:active:not(.appmenu), +button.titlebutton:checked:not(.appmenu) { + padding: 0px; + border-top: 0px; + border-left: 0px; + background-position: center 2px, center 2px; + background-repeat: no-repeat; +} + +/* helps get hid of ugly fat buttons */ +/* also, image does not display any background image on ssd windows. thanks gnome devs. */ +.titlebutton image:not(.appmenu) { + padding: 0px; + margin-top: -1px; + margin-bottom: -2px; + margin-left: -1px; + min-width: 0px; + min-height: 0px; +} + +.titlebutton.close, +.titlebutton.maximize, +.titlebutton.minimize { + color: transparent; /* FUCKING dirty secret to get rid of static symbols in these buttons */ } + +.titlebutton.minimize { + background-image: url("buttons/icon-minimise.png"); + background-size: 12px; +} +.titlebutton.minimize:backdrop { +} +.titlebutton.minimize:checked { +} + +.titlebutton.maximize { + background-image: url("buttons/icon-maximise.png"); + background-size: 11px; +} +.titlebutton.maximize:backdrop { +} +.titlebutton.maximize:checked { +} + +.maximized .titlebutton.maximize { + background-image: url("buttons/icon-restore.png"); + background-size: 11px; +} +.maximized .titlebutton.maximize:active { +} + +.titlebutton.close { + background-image: url("buttons/icon-close.png"); + background-size: 10px; +} +.titlebutton.close:backdrop { +} +.titlebutton.close:checked { +} + +/* Groups these buttons together */ +/* doesen't work on ssd windows. get your shit together gnome poeple */ +.titlebutton.close { + margin-right: 0px; + margin-left: -4px; +} +.titlebutton.maximize { + margin-left: -6px; +} + + + +/* declaration of .view was causing problems with white background rubberband in nautilus, putting this here for now */ +flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband, rubberband { + border: 1px solid @border_dark; + background-color: transparent; + /* box-shadow: inset 1px 1px 0px 0px @border_dark, + inset -1px -1px 0px 0px @border_dark; */ +} diff --git a/Theme/Chicago95/gtk-3.0/gtk-widgets.css.orig b/Theme/Chicago95/gtk-3.0/gtk-widgets.css.orig new file mode 100644 index 0000000..c378c00 --- /dev/null +++ b/Theme/Chicago95/gtk-3.0/gtk-widgets.css.orig @@ -0,0 +1,1809 @@ +/* NOTES to contributors: + * use 4 spaces indents, and keep code ALIGNED and ORDERED */ + +/* default */ +* { + -GtkHTML-link-color: @link_color; + -GtkIMHtml-hyperlink-color: @link_color; + -GtkMenu-horizontal-offset: 5px; + -GtkScrollbar-has-backward-stepper: true; + -GtkScrollbar-has-forward-stepper: true; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkTextView-error-underline-color: @error_color; + -GtkToolButton-icon-spacing: 6; + -GtkToolItemGroup-expander-size: 8; + -GtkTreeView-expander-size: 8; + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + + -GtkTreeView-horizontal-separator: 1; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + + background-clip: padding-box; + + outline-width: 1px; + outline-offset: 0px; + outline-color: #808080; + outline-style: solid; + + /* inherit colors from parent */ + color: inherit; + background-color: inherit; + min-width: 8px; + min-height: 8px; + +} + +.background { + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +iconview:selected, +/*iconview in nautilus breaks without this, but with it radio and check buttons background break in lists... */ +:not(check):not(radio).view:selected, +:selected, +selection { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +:disabled, +:disabled:disabled { + color: #808080; + text-shadow: 1px 1px 0 @border_bright; + -gtk-icon-effect: dim; +} + +:focus { + outline: 1px dotted @border_dark; + -gtk-outline-radius: 0px; + outline-offset: -3px; +} + +.gtkstyle-fallback { + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +.gtkstyle-fallback:hover { + background-color: shade(@theme_bg_color, 1.1); + color: @theme_fg_color; +} + +.gtkstyle-fallback:active { + background-color: shade(@theme_bg_color, 0.9); + color: @theme_fg_color; +} + +.gtkstyle-fallback:disabled { + background-color: shade(shade(@theme_bg_color, 0.95), 1.05); + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +image, +image:disabled, +label, +label:disabled, +box, +box:disabled, +grid, +grid:disabled { + background-color: transparent; + min-width: 0px; + min-height: 0px; +} + +stepper, .stepper { + min-width: 16px; + min-height: 16px; + margin: 0px; +} + +slider, .slider { + min-width: 10px; + background-color: @bg_color; +} + +frame { + background-color: transparent; + padding: 2px; +} +.frame { + background-color: transparent; + padding: 0px; +} + +/* since .view is white and frame is generally behind grey, lets nullify frame's padding */ +frame > list, +frame > .view { + margin: -2px; +} +frame > scrolledwindow { + margin: -3px; +} + +/* frame always comes with a border element which is the one that should be decorated, but so far i found + * that decorating only the frame with sunken 2px is better */ + +frame > label { + margin-left: 6px; +} + +border.flat { + border-style: none; + box-shadow: none; +} + +arrow { + background-image: url("assets/arrow-down.png"); + background-position: center; + background-repeat: no-repeat; + background-size: 11px; + min-height: 10px; + min-width: 10px; +} +:hover > arrow { + background-image: url("assets/arrow-down-selected.png"); +} + +tabs > arrow.up, +expander arrow, +arrow.right { + background-image: url("assets/arrow-right.png"); +} +tabs > arrow.up:hover, +expander arrow:hover, +:hover > arrow.right { + background-image: url("assets/arrow-right-selected.png"); +} + +tabs > arrow.down, +arrow.left { + background-image: url("assets/arrow-left.png"); +} +tabs > arrow.down:hover, +:hover > arrow.left { + background-image: url("assets/arrow-left-selected.png"); +} + +arrow.up { + background-image: url("assets/arrow-up.png"); +} +:hover > arrow.up { + background-image: url("assets/arrow-up-selected.png"); +} + +expander arrow:checked, +arrow.down { + background-image: url("assets/arrow-down.png"); +} +expander arrow:checked:hover, +:hover > arrow.down { + background-image: url("assets/arrow-down-selected.png"); +} + + +/***************** + * Basic Effects * + *****************/ + +/* Sunken flat 1px */ +button:checked, +scrollbar button:active { + border-style: solid; + border-width: 1px; + border-color: @bg_shade; + border-radius: 0; + background-color: @bg_color; + box-shadow: none; +} + +/* Sunken 1px */ +button.flat:selected, button.flat:active, button.flat:checked, +toolbar button:selected, toolbar button:active, toolbar button:checked, +levelbar trough, +progressbar trough, +menubar > menuitem:hover, +separator { + border-style: solid; + border-width: 1px; + border-color: @bg_shade @bg_bright @bg_bright @bg_shade; + border-radius: 0; +} + +/* Sunken 2px */ +stacksidebar list row:selected, +stacksidebar list row:active, +colorswatch:selected, +calendar.view, +frame, +scrolledwindow, +entry, +slider, +switch, +.sidebar list, +scale trough, +combobox button:checked, +popover button.flat:selected, popover button.flat:active, +bbutton.appmenu:selected, button.appmenu:active +button:selected, button:active, +check, radio { + border-style: solid; + border-width: 1px; + border-color: @bg_shade @bg_bright @bg_bright @bg_shade; + box-shadow: inset 1px 1px @bg_dark, + inset -1px -1px @bg_color; + border-radius: 0; +} + +/* Raised 1px */ +button.appmenu +button.flat, +button.flat:hover:not(:active):not(:checked):not(:selected), +toolbar button, +toolbar button:hover:not(:active):not(:checked):not(:selected), +menubar, +toolbar, +stepper { + border-style: solid; + border-width: 1px; + border-color: @bg_bright @bg_shade @bg_shade @bg_bright; + box-shadow: none; + border-radius: 0; +} + +/* Raised 2px */ +window > frame, +stacksidebar list row, +colorswatch, +combobox > window, +calendar.header, +popover button.flat, +button, .button, +slider, +notebook > header > tabs > tab, +notebook, +notebook.frame { + border-style: solid; + border-width: 1px; + border-color: @bg_color @bg_dark @bg_dark @bg_color; + box-shadow: inset 1px 1px @bg_bright, + inset -1px -1px @bg_shade; + border-radius: 0px; +} + +/* Makes a checkerboard */ +stacksidebar list row:selected:hover, +stacksidebar list row:selected, +button:selected, button:active, button:checked, +toolbar button:active, +toolbar button:checked, +slider:disabled, +trough, +paned > separator { + background-color: @border_bright; + background-image: linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, #c0c0c0), linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, @border_dark); + background-size: 2px 2px; + background-position: 0 0, 1px 1px; +} + + +/********** + * button * + **********/ + +popover button.flat, +button, .button { + padding: 4px; + margin: 2px; + background-color: @bg_color; +} + +/* Button pressing contents shifting */ +popover button.flat:checked, +popover button.flat:active, +button:checked, +button:active { + padding: 5px 3px 3px 5px; +} + +/* Slim buttons */ +switch slider, +scrollbar button, +scrollbar slider, +combobox button, +button.flat, +toolbar button, +spinbutton button, +stacksidebar list row, +header button { + margin: 0px; + padding: 2px; + background-color: @bg_color; +} + + +stacksidebar list row:selected, +stacksidebar list row:active, +stacksidebar list row:checked, +stacksidebar list row:selected:hover, +button.flat:active, +button.flat:checked, +toolbar button:active, +toolbar button:checked, +switch slider:active, +switch slider:checked, +combobox button:checked, +combobox button:active, +spinbutton button:checked, +spinbutton button:active { + padding: 3px 1px 1px 3px; +} + +/* These have no button pressing effect */ +scrollbar button:checked, +scrollbar button:active, +scrollbar slider:checked, +scrollbar slider:active { + padding: 2px; +} +header button:checked, +header button:active { + padding: 0px; +} + +/* button has no decoration untill active/hover etc */ +toolbar button, +button.flat { + border-color: transparent; +} + +viewport button.flat { + background-color: transparent; +} + + +/******************* + * check and radio * + *******************/ + +/* disabling focus outline because it looks bad around the whole element... */ +radiobutton:focus, +checkbutton:focus { + outline: 0px +} + +/* ...instead we are going to enable it around the label */ +/* but outline doesen't work inside a label! so we use borders */ +radiobutton label, +checkbutton label{ + padding-left: 4px; + padding-right: 4px; + border: 1px dotted alpha(@border_dark,0); +} + +radiobutton:focus label, +checkbutton:focus label{ + border: 1px dotted @border_dark; +} + +check, +radio { + min-width: 10px; + min-height: 10px; + background-color: @base_color; +} + +check:disabled, +radio:disabled { + background-color: @bg_color; +} + +/* using a mix of css and background for now, radio still not perfect + * with pure css box-shadow makes the circle look oval */ +radio { + background-image: url("assets/radio-inner-ring.png"); + border-radius: 10px; + box-shadow: none; +} + +check:checked { + -gtk-icon-source: url("assets/check-check.png"); + -gtk-icon-transform: none; +} + +radio:checked { + -gtk-icon-source: url("assets/radio-check.png"); +} + +check:indeterminate, +radio:indeterminate { + -gtk-icon-source: url("assets/check-indeterminate.png"); +} + +/* similar to checkbutton, used in popovers */ +modelbutton label { + padding: 2px 6px; +} + + +/**************************** + * viewport, iconview, view * + ****************************/ + +viewport, +viewport list, +iconview, +textview, +view, .view { + border-width: 0px; + background-color: @base_color; + color: @theme_text_color; +} + +box.view { + background-color: @bg_color; + color: @fg_color; +} + +view:disabled, +view:disabled:disabled { + background-color: @bg_color; + color: @fg_color; +} + +view:selected, +view:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +iconview { + -GdMainIconView-icon-size: 48; +} + + +/********************* + * list cell and row * + *********************/ + +cell,:not(check):not(radio).cell, +row, :not(check):not(radio).row { + border-width: 0px 0px 1px 0px; + border-style: solid; + border-color: mix(@fg_color,@base_color,0.7); +} + +cell:selected, +cell:selected:focus, +row:selected, +row:selected:hover, +row:selected:focus { + background-color: @theme_selected_bg_color; + outline-width: 1px; + outline-offset: 0px; +} + +list > separator { + border: 0px; + min-height: 0px; + min-width: 0px; +} + + +/********* + * paned * + *********/ + +paned { + margin: 2px; +} + +paned > paned { + margin: 0px; +} + +/************* + * separator * + *************/ + +separator { + min-width: 0px; + min-height: 0px; +} + +.horizontal separator { + margin-top: 4px; + margin-bottom: 4px; +} + +.vertical separator { + margin-left: 4px; + margin-right: 4px; +} + +/* MUST KEEP min-width and min-height above zero, or else a default value of 4px is used! */ +paned > separator { + border: 0px; + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; +} +/* quodlibet likes to reset background-image here... +paned separator { +background-image: linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, #c0c0c0), linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, @border_dark); +}*/ + + +paned.vertical > separator { + margin-top: 2px; + margin-bottom: 2px; + padding-top: 1px; + padding-bottom: 1px; +} + +paned.horizontal > separator { + margin-left: 2px; + margin-right: 2px; + padding-left: 1px; + padding-right: 1px; +} + + +toolbar > separator { + margin: 0px 2px 0px 2px; +} + + +/************ + * treeview * + ************/ + +treeview { + -GtkTreeView-vertical-separator: 0; + outline-width: 1px; + outline-offset: 1px; +} + +treeview.dnd { + border-width: 1px; + border-style: solid; + border-color: @theme_selected_bg_color; + border-radius: 0; +} + +/* treeview misbehaves if we only define selection/focus globally */ +treeview:selected, +treeview:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +treeview > check, +treeview > radio:checked +treeview radio:checked { + background-color: @base_color; +} + +treeview entry { + border-radius: 0; + background-color: @theme_base_color; + background-image: none; +} + +header > button { + padding-top: 0px; + padding-bottom: 0px; +} + + +/********* + * entry * + *********/ + +combobox > window > menu, +entry { + padding: 2px; + background-color: @base_color; + color: @fg_color; +} + +entry:disabled { + background-color: @bg_color; + color: @fg_color; + background-image: none; +} + + +/************ + * combobox * + ************/ + +combobox > box > button arrow, +combobox > box > button { + min-width: 16px; + min-height: 16px; +} + +combobox button { + margin-top: 2px; + margin-bottom: 2px; +} + +combobox entry { + margin-right: -24px; +} + + +/************* + * scrollbar * + *************/ + +scrollbar { + min-width: 10px; + min-height: 10px; + padding: 0px; + border-width: 0px; +} + +/* where is the junction? in scrollablewindow? doesent exists anymore? */ +scrollbar.junction, +scrollbar .junction { + border-width: 1px; + border-style: solid; + border-color: #c0c0c0; + background-color: red; +} + +scrollbar.vertical slider { + min-height: 40px; + min-width: 10px; +} +scrollbar.horizontal slider { + min-width: 40px; + min-height: 10px; +} + +scrollbar button { + -gtk-icon-source: none; + background-image: url("assets/arrow-down.png"); + background-position: center; + background-repeat: no-repeat; + background-size: 9px; + min-width: 10px; + min-height: 10px; +} + +scrollbar.vertical button.up { + background-image: url("assets/arrow-up.png"); +} +scrollbar.vertical button.up:disabled { + background-image: url("assets/arrow-up-disabled.png"); +} + +scrollbar.vertical button.down { + background-image: url("assets/arrow-down.png"); +} +scrollbar.vertical button.down:disabled { + background-image: url("assets/arrow-down-disabled.png"); +} + +scrollbar.horizontal button.up { + background-image: url("assets/arrow-left.png"); +} +scrollbar.horizontal button.up:disabled { + background-image: url("assets/arrow-left-disabled.png"); +} + +scrollbar.horizontal button.down { + background-image: url("assets/arrow-right.png"); +} +scrollbar.horizontal button.down:disabled { + background-image: url("assets/arrow-right-disabled.png"); +} + + +/************* + * assistant * + *************/ + +/* FINDME */ +assistant .sidebar .highlight +assistant .sidebar label.highlight { + font-weight: bold; +} + +assistant .sidebar { + padding: 4px; + border-width: 0 1px 0 0; + border-style: solid; + border-right-color: @bg_shade; + border-radius: 0; +} + + +/**************** + * drawing area * + ****************/ + +/* FINDME */ +GtkDrawingArea { + background-color: @theme_base_color; +} + +GtkDrawingArea:disabled { + background-color: shade(@theme_base_color, 0.9); +} + + +/*********** + * gtkhtml * + ***********/ + +/* FINDME */ +GtkHTML { + background-color: @theme_base_color; + color: @theme_text_color; +} + + +/************ + * calendar * + ************/ + +calendar { + padding-left: 2px; + padding-top: 2px; + padding-right: 2px; + outline-offset: 0px; +} + +calendar.header { + background-color: @bg_color; +} + + +/************ + * expander * + ************/ + +expander arrow { + min-width: 16px; + min-height: 16px; +} + + +/******************* + * scrolled window * + *******************/ + +/* avoid double borders when a viewport is + * packed into a GtkScrolledWindow + scrolledwindow viewport { + border-style: none; + } */ + +scrolledwindow.frame, +scrolledwindow { + padding: 1px; + padding-bottom: 0px; +} + +/* transmission misteriously resets border-width to zero, cant even force it here +scrolledwindow.frame { +border-width: 1px; +} */ + + +/* nautilus seems to have a special transparent icon canvas, since scrolledwindow is also transparent +the default background color is shown, lets paint it with the base color */ +.nautilus-window overlay > scrolledwindow { + background-color: @base_color; +} + + +/************ + * iconview * + ************/ + +iconview.view.cell { + border: 0px solid @border_dark; + border-radius: 0px; +} + + +/*********** + * infobar * + ***********/ + +infobar { + padding:2px; + border: 1px solid @border_dark; + border-radius: 1px; +} + +/* The Info bar uses the colors and button layout from clippy! */ + +.info { + background-color: @info_bg_color; + color: @info_fg_color; +} + +.warning { + background-color: @warning_bg_color; + color: @warning_fg_color; +} + +.question { + background-color: @question_bg_color; + color: @question_fg_color; +} + +.error { + background-color: @error_bg_color; + color: @error_fg_color; +} + + +/******************* + * symbolic images * + *******************/ + +/* FINDME */ +.image { + color: alpha(currentColor, 0.5); +} + +.image:hover { + color: alpha(currentColor, 0.9); +} + +.image:selected, +.image:selected:hover { + color: @theme_selected_fg_color; +} + +.view.image, +.view.image:hover { + color: alpha(currentColor, 0.9); +} + +.view.image:selected, +.view.image:selected:hover { + color: @theme_selected_fg_color; +} + + +/*********** + * menubar * + ***********/ + +menubar, .menubar { + border-left: 0px; + border-right: 0px; + border-top: 0px; + -GtkWidget-window-dragging: true; +} + + + +/*************** + * menubaritem * + ***************/ +/* can't track proper hovering of the menubaritem, only activation for now */ + +menubar > menuitem { + padding: 0px 4px; + border: 1px solid transparent; + margin: 0px; +} + + +/************ + * menuitem * + ************/ + +menu menuitem { + padding: 2px; + border-width: 0; +} + + +menu menuitem:active, +menu menuitem:hover { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +menuitem > check, +menuitem > radio, +menuitem > label { + margin-left: 2px; + margin-right: 2px; +} + +menuitem > box > image { + padding-right: 4px; +} + + +/************ + * notebook * + ************/ + +/* Must paint over the notebook.frame top bevel by filling the header and +using borders or box-shadows on one side of the header > tabs */ + +notebook.frame, +notebook { + padding-left: 0px; + padding-right: 0px; + margin: 0px; +} +notebook > header { + background-color: @bg_color; +} +notebook > stack{ + margin: 3px; +} +notebook > header > tabs > tab { + padding-top: 4px; + padding-bottom: 4px; +} +notebook > header.left > tabs > tab:checked { + padding-top: 6px; + padding-bottom: 6px; +} +notebook > header > tabs > tab label { + padding-left: 8px; + padding-right: 8px; +} + +/* Note to self: bottom and right use a newer method better than top and left, update them +in the future... */ + +/* TOP tabs */ +notebook > header.top { + margin-left: -1px; + margin-right: -1px; +} +notebook > header.top > tabs { + border-style: solid; + border-width: 1px 1px 0px 1px; + border-color: alpha(@bg_color,0.0); + box-shadow: inset 0px 0px @bg_shade, + inset 0px -1px @bg_bright; + + margin-left: 2px; + margin-right: 2px; +} +notebook > header.top > tabs > tab { + /* raised 2px EXCEPTION */ + border-bottom: 0px; + box-shadow: inset 1px 1px @bg_bright, + inset -1px 0px @bg_shade; + + margin-top: 2px; + margin-bottom: 1px; + border-top-left-radius: 2px 6px; + border-top-right-radius: 2px 6px; + +} +notebook > header.top > tabs > tab:checked { + margin-top: 0px; + margin-bottom: 0px; + + margin-left: -3px; + margin-right: -3px; +} + + +/* LEFT tabs */ +notebook > header.left { + margin-top: -1px; + margin-bottom: -1px; +} +notebook > header.left > tabs { + border-style: solid; + border-width: 1px 0px 1px 1px; + border-color: alpha(@bg_color,0.0); + box-shadow: inset 0px 0px @bg_bright, + inset -1px 0px @bg_bright; + + margin-top: 2px; + margin-bottom: 2px; +} +notebook > header.left > tabs > tab { + /* raised 2px EXCEPTION */ + border-right: 0px; + box-shadow: inset 1px 1px @bg_bright, + inset 0px -1px @bg_shade; + + margin-left: 2px; + margin-right: 1px; + border-top-left-radius: 6px 2px; + border-bottom-left-radius: 6px 2px; + +} +notebook > header.left > tabs > tab:checked { + margin-left: 0px; + margin-right: 0px; + + margin-top: -3px; + margin-bottom: -3px; +} + + +/* BOTTOM tabs */ +notebook > header.bottom { + margin-left: 0px; + margin-right: -3px; + margin-bottom: -2px; +} +notebook > header.bottom > tabs { + border-style: solid; + border-width: 1px 0px 0px 0px; + border-color: @bg_shade; + box-shadow: inset 0px 1px @bg_dark, + inset 0px 0px @bg_bright; + + margin-left: 2px; + margin-right: 2px; +} +notebook > header.bottom > tabs > tab { + /* raised 2px EXCEPTION */ + border-top: 0px; + box-shadow: inset 1px 0px @bg_bright, + inset -1px -1px @bg_shade; + + margin-top: 0px; + margin-bottom: 1px; + border-bottom-left-radius: 2px 6px; + border-bottom-right-radius: 2px 6px; + +} +notebook > header.bottom > tabs > tab:checked { + margin-top: -1px; + margin-bottom: -1px; + + margin-left: -3px; + margin-right: -3px; +} + + +/* RIGHT tabs */ +notebook > header.right { + margin-top: 0px; + margin-bottom: -3px; + margin-right: -2px; +} +notebook > header.right > tabs { + border-style: solid; + border-width: 0px 0px 0px 1px; + border-color: @bg_shade; + box-shadow: inset 1px 0px @bg_dark, + inset 0px 0px @bg_bright; + + margin-top: 2px; + margin-bottom: 2px; +} +notebook > header.right > tabs > tab { + /* raised 2px EXCEPTION */ + border-left: 0px; + box-shadow: inset 0px 1px @bg_bright, + inset -1px -1px @bg_shade; + + margin-left: 0px; + margin-right: 1px; + border-top-right-radius: 6px 2px; + border-bottom-right-radius: 6px 2px; + +} +notebook > header.right > tabs > tab:checked { + margin-left: -1px; + margin-right: -1px; + + margin-top: -3px; + margin-bottom: -3px; +} + + +/* get the outline into the label... */ +notebook tab { + outline: 1px dotted @border_dark; + outline-offset: -5px; +} + +/* nautilus button still wonky... */ +notebook header tabs button.flat, +notebook header tabs button { + margin-left: 4px; + margin-right: 5px; +} + +tabs > arrow { + background-color: transparent; + padding: 2px; + -gtk-icon-source: none; +} + + +/*********************************** + * progressbar, levelbar and scale * + ***********************************/ + +levelbar, +progressbar { + padding: 2px; +} + +levelbar trough, +progressbar trough { + background-color: @bg_color; +} + +levelbar.horizontal trough, +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 14px; +} + +levelbar.vertical trough, +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 14px; + min-height: 60px; /* vertical progressbar is squished in awf... */ +} + +levelbar block, +progressbar progress { + background-image: none; + background-color: @selected_bg_color; +} + +levelbar block.empty { + background-color: @bg_color; +} + +levelbar.vertical.discrete block { + margin-top: 2px; +} + +levelbar.horizontal.discrete block { + margin-right: 2px; +} + +scale.vertical { + margin-top: 3px; + margin-bottom: 3px; + padding: 1px 7px 1px 7px; +} + +scale.horizontal { + margin-left: 3px; + margin-right: 3px; + padding: 9px 1px 9px 1px; +} + +scale trough { + min-width: 1px; + min-height: 1px; +} + +scale highlight, +scale empty { + min-width: 1px; + min-height: 1px; + background-color: transparent; +} + +scale.vertical slider { + min-width: 1px; + min-height: 10px; + margin: 0px -12px 0px -12px; +} +scale.horizontal slider { + min-width: 10px; + min-height: 1px; + margin: -12px 0px -12px 0px; +} + +/* there might be other cases where the inside is filled by other widgets */ +scale.color contents trough { + min-height: 8px; + min-width: 8px; +} + +/* outline inside the trough node is terrible, this disables it but +can't put it in the slider... +scale *:focus { +outline: 0px; +} */ + +scale:focus trough { + outline-offset: 2px; +} + + +/**************** + * stacksidebar * + ****************/ + +<<<<<<< HEAD +/*********** + * tooltip * + ***********/ +.tooltip + { + border-width: 1px; + border-style: solid; + border-color: #000; + border-radius: 0px; + background-color: @theme_tooltip_bg_color; + background-image: none; +======= +stacksidebar > scrolledwindow { + padding: 0px; + margin: 0px; + border: 0px; +>>>>>>> 30fd496f9fe6fcf5c27b09c7b7d02c736193897a + box-shadow: none; +} + +stacksidebar separator { + padding: 0px; + margin: 0px; +} + +stacksidebar list { + margin: 0px; + background-color: @bg_color; +} + +stacksidebar.sidebar list{ + margin: 0px; +} + +stacksidebar list row { + padding: 2px; + margin: 0px; +} + +stacksidebar list row label { + padding: 3px; +} + +stacksidebar list row:selected, +stacksidebar list row:focus, +stacksidebar list row:selected:focus, +stacksidebar list row:selected:focus:hover, +stacksidebar list row:selected:hover { + padding: 2px; + margin: 0px; + background-color: @border_bright; + color: @fg_color; +} + +stacksidebar list row:selected, +stacksidebar list row:selected:focus, +stacksidebar list row:selected:hover { + outline: 1px dotted @border_dark; + -gtk-outline-radius: 0px; + outline-offset: -6px; +} + + +/*********** + * sidebar * + ***********/ + +.sidebar list { + padding: 1px; +} + +placessidebar list > row, +.sidebar list > row { + padding-bottom: 1px; + padding-left: 4px; + padding-right: 2px; +} + + +/************** + * spinbutton * + **************/ + +spinbutton.horizontal button { + margin-top: 2px; + margin-bottom: 2px; +} + +spinbutton.horizontal entry { + min-width: 80px; + min-height: 12px; + margin-right: -46px; +} + +spinbutton.vertical button { + margin-left: 0px; + margin-right: 0px; +} + +spinbutton.vertical entry { + min-width: 12px; +} + +/********** + * switch * + **********/ + +switch { + background-color: @base_color; +} + +switch slider { + margin: 1px; + min-width: 18px; + min-height: 12px; +} + + +/*************** + * Colorswatch * + ***************/ + +colorswatch { + background-color: transparent; + background-clip: border-box; + padding: 2px; +} + +colorswatch:selected overlay { + background-color: transparent; +} + +colorswatch:selected { + background-color: transparent; +} + + +/************************************************* + * tooltip popover app-notification floating-bar * + *************************************************/ + +.floating-bar, +.app-notification, +popover, +popover.background, +tooltip.background, +tooltip { + background-color: @theme_tooltip_bg_color; + color: @theme_tooltip_fg_color; + border: 1px solid @border_dark; + box-shadow: none; +} + +.app-notification, +popover { + padding: 5px; + margin: 2px; +} + + +.floating-bar, +popover, +popover.background, +tooltip.background, +tooltip { + padding: 0px; + margin: 0px; +} + +tooltip decoration { + border: 0px; + box-shadow: none; + padding: 0px; + margin: 0px; +} + +tooltip * { + background-color: @theme_tooltip_bg_color; + color: @theme_tooltip_fg_color; +} + + +/************************ + * overshoot undershoot * + ************************/ + +/* get rid of these frekin overshoots, this isen't a phone! */ +overshoot, undershoot { + background-color: transparent; +} + + +/******* + * osd * + *******/ + +.background.osd { + color: @osd_fg; + background-color: @osd_bg; +} + +overlay.osd { + background-color: transparent; +} + +.osd.frame { + background-clip: border-box; + background-origin: border-box; +} + + +/****************************** + * destructive action buttons * + ******************************/ + +.destructive-action.button { + border-radius: 0px; + background-color: @error_color; + background-image: none; + color: mix(@theme_selected_fg_color, @error_color, 0.1); +} + + +/****************************** + * suggested action buttons * + ******************************/ +.suggested-action.button { + color: @info_fg_color; + background-color: @info_bg_color; +} + + +/************** + * header-bar * + **************/ + +headerbar .title { + font-weight: bold; + padding: 0 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding: 0 12px; +} + + +/*********** + * toolbar * + ***********/ + +toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + border-left: 0px; + border-right: 0px; +} + +toolbar button { + min-width: 24px; + min-height: 24px; + margin-left: 2px; + margin-right: 2px; +} + +frame toolbar { + margin: 1px; +} + + +/********** + * Window * + **********/ +decoration { + border-radius: 0px; + border: 0px; + /* this is so ridiculous but i could not do it with borders + box-shadow */ + box-shadow: 0px 0px 0 1px @bg_dark, /* outter bottom + right */ + -1px -1px 0px 0px @bg_color, -1px 0px 0px 0px @bg_color, 0px -1px 0px 0px @bg_color, /* outter top + left */ + inset 1px 1px @bg_bright, /* inside top + left */ + inset -1px -1px @bg_shade; /* inside bottom + right */ + padding: 3px; + margin: 5px; +} + +/* Server-side decoration (SSD) */ +window.ssd headerbar, +window.ssd .titlebar { + border-radius: 0px; + padding: 0px; + margin: 0px; + border: 3px solid transparent; + border-bottom: 1px solid transparent; + background-color: @selected_bg_color; + background-image: none; + text-shadow: none; +} +window.ssd .titlebar:backdrop { + padding: 0px; + margin: 0px; + background-color: @selected_inactive_bg_color; + color: @selected_inactive_fg_color; +} +/* +.default-decoration +{ +background-color: red; +border: 0px solid @bg_color; +border-bottom: 0px; +border-radius: 0px; +} + */ + +window.ssd .titlebar label{ + padding: 0px; + margin: 0px; + font-size: 8pt; + color: @selected_fg_color; +} + +window.ssd .titlebar label:backdrop, +window.ssd .titlebar:backdrop label{ + color: @selected_inactive_fg_color; +} + +headerbar, +.titlebar { + padding: 0px; + padding-left: 2px; + padding-right: 2px; + margin: 0px; + background-color: @selected_bg_color; + background-image: none; + text-shadow: none; +} + +headerbar:backdrop, +.titlebar:backdrop { + background-image: none; + background-color: @selected_inactive_bg_color; +} + +headerbar > label, +.titlebar > label, +headerbar > box > label, +.titlebar > box > label { + font-size: 8pt; + color: @selected_fg_color; +} + +headerbar:backdrop > label, +.titlebar:backdrop > label, +headerbar:backdrop > box > label, +.titlebar:backdrop > box > label { + color: @selected_inactive_fg_color; +} + +headerbar entry { + margin: 3px; + padding-top: 3px; + padding-bottom: 3px; +} + +/* we dont want any extra padding in those */ +menuitem > window, +window > menu { + padding: 0px; +} + +.titlebar button:not(.appmenu) { + margin: 0px; + padding: 0px; + min-width: 0px; + min-height: 0px; +} + +.titlebar button label { + padding-left: 4px; + padding-right: 4px; +} + +/* following button definitions allows us to have slim buttons on + * headerbars with no big elements while still maintaining a good + * looking headerbar with big elements */ +.titlebar button:not(.titlebutton) { + padding-top: 0px; + padding-bottom: 0px; + padding-left: 1px; + padding-right: 1px; + margin-top: 2px; + margin-bottom: 2px; + min-height: 0px; + min-width: 0px; +} + + +headerbar button:not(.titlebutton) > image { + border: solid 1px; + border-color: transparent; + padding-left: 3px; + padding-right: 3px; + margin-top: -3px; + margin-bottom: -3px; +} + +headerbar button:active:not(.titlebutton) > image { + border: solid; + border-color: transparent; + border-left-width: 2px; + border-right-width: 0px; + border-top-width: 2px; + border-bottom-width: 0px; +} + +headerbar separator { + margin-right: 3px; + border-left-width: 1px; + border-style: solid; +} + +window.csd tooltip { + border-radius: 0; + border: 0 none @border_dark; + box-shadow: none; +} + +.maximized > decoration, +window.maximized, +window.tiled { + border: 0px; + box-shadow: none; + margin: 0px; +} + +window.ssd.maximized headerbar, +window.ssd.maximized .titlebar { + border: 0px; + border-bottom: 1px solid transparent; + box-shadow: none; + margin: 0px; +} + +.tiled headerbar, +.maximized headerbar, +.tiled .titlebar, +.maximized .titlebar { + border: 0px; + box-shadow: none; + border-radius: 0; +} + +<<<<<<< HEAD +.window-frame, +.window-frame:backdrop { +======= + +/****************** + * window buttons * + ******************/ + +button.appmenu { + padding-bottom: 7px; + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; +} +>>>>>>> 30fd496f9fe6fcf5c27b09c7b7d02c736193897a + +/* Makes the raised 2px effect slimmer on the top and left side */ +button.titlebutton:not(.appmenu) { + padding: 0px; + margin: 0px; + border-top: 0px; + border-left: 0px; + background-position: center; + background-repeat: no-repeat; +} + +button.titlebutton:active:not(.appmenu), +button.titlebutton:checked:not(.appmenu) { + padding: 0px; + border-top: 0px; + border-left: 0px; + background-position: center 2px, center 2px; + background-repeat: no-repeat; +} + +/* helps get hid of ugly fat buttons */ +/* also, image does not display any background image on ssd windows. thanks gnome devs. */ +.titlebutton image:not(.appmenu) { + padding: 0px; + margin-top: -1px; + margin-bottom: -2px; + margin-left: -1px; + min-width: 0px; + min-height: 0px; +} + +.titlebutton.close, +.titlebutton.maximize, +.titlebutton.minimize { + color: transparent; /* FUCKING dirty secret to get rid of static symbols in these buttons */ + +} + +<<<<<<< HEAD +/* Client-side Decorations (CSD)*/ +.window-frame.csd.tooltip { + border-radius: 0; + border: 1px solid black; + box-shadow: none; +======= +.titlebutton.minimize { + background-image: url("buttons/icon-minimise.png"); + background-size: 12px; +} +.titlebutton.minimize:backdrop { +} +.titlebutton.minimize:checked { +>>>>>>> 30fd496f9fe6fcf5c27b09c7b7d02c736193897a +} + +.titlebutton.maximize { + background-image: url("buttons/icon-maximise.png"); + background-size: 11px; +} +.titlebutton.maximize:backdrop { +} +.titlebutton.maximize:checked { +} + +.maximized .titlebutton.maximize { + background-image: url("buttons/icon-restore.png"); + background-size: 11px; +} +.maximized .titlebutton.maximize:active { +} + +.titlebutton.close { + background-image: url("buttons/icon-close.png"); + background-size: 10px; +} +.titlebutton.close:backdrop { +} +.titlebutton.close:checked { +} + +/* Groups these buttons together */ +/* doesen't work on ssd windows. get your shit together gnome poeple */ +.titlebutton.close { + margin-right: 0px; + margin-left: -4px; +} +.titlebutton.maximize { + margin-left: -6px; +} + + + +/* declaration of .view was causing problems with white background rubberband in nautilus, putting this here for now */ +flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband, rubberband { + border: 1px solid @border_dark; + background-color: transparent; + /* box-shadow: inset 1px 1px 0px 0px @border_dark, + inset -1px -1px 0px 0px @border_dark; */ +} diff --git a/Theme/Chicago95/gtk-3.0/gtk.css b/Theme/Chicago95/gtk-3.0/gtk.css index 1730059..62b8892 100644 --- a/Theme/Chicago95/gtk-3.0/gtk.css +++ b/Theme/Chicago95/gtk-3.0/gtk.css @@ -1,6 +1,7 @@ /*# name: Chicago95 # author: Grassmunk - # date: April 19th, 2016 + # author: AdrianoML (rewrite/gtk 3.22 update) + # date: December 4th, 2016 # description: Chicago 95 Default*/ @@ -13,8 +14,15 @@ @define-color text_color #000000; @define-color selected_bg_color #000080; @define-color selected_fg_color #ffffff; +@define-color selected_inactive_bg_color #808080; +@define-color selected_inactive_fg_color #000000; @define-color tooltip_bg_color #ffffe1; @define-color tooltip_fg_color #000000; +@define-color bg_bright shade(white, 0.99); +@define-color bg_shade shade(@bg_color, 0.66); +@define-color bg_dark shade(@bg_color, 0.13); +@define-color border_bright white; +@define-color border_dark black; /* dark color scheme */ @define-color dark_bg_color @bg_color; @@ -31,13 +39,9 @@ @define-color theme_tooltip_fg_color @tooltip_fg_color; /*Nemo Desktop shadow fix*/ - @define-color desktop_item_fg #ffffff; - @define-color desktop_item_selected_fg shade(@theme_selected_fg_color, 0.8); - @define-color desktop_item_text_shadow alpha(black, 0.8); - -/* shadow effects */ -@define-color light_shadow #fff; -@define-color dark_shadow #000; +@define-color desktop_item_fg #ffffff; +@define-color desktop_item_selected_fg shade(@theme_selected_fg_color, 0.8); +@define-color desktop_item_text_shadow alpha(black, 0.8); /* misc colors used by gtk+ */ @define-color info_fg_color @fg_color; @@ -53,18 +57,6 @@ @define-color warning_color #f57600; @define-color error_color #cc0000; -/* widget colors */ -@define-color titlebar_bg_color @dark_bg_color; -@define-color titlebar_fg_color @dark_fg_color; -@define-color menubar_bg_color @dark_bg_color; -@define-color menubar_fg_color @dark_fg_color; -@define-color toolbar_bg_color @dark_bg_color; /*@theme_bg_color;*/ -@define-color toolbar_fg_color @dark_fg_color; /*@theme_fg_color;*/ -@define-color menu_bg_color @bg_color; -@define-color menu_fg_color @fg_color; -@define-color panel_bg_color @dark_bg_color; -@define-color panel_fg_color @dark_fg_color; - /* osd */ @define-color osd_base @dark_bg_color; @define-color osd_fg @dark_fg_color; @@ -88,18 +80,17 @@ @define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8); /*Terminal Text color*/ -@define-color terminal_text_color @bg_color; +@define-color terminal_text_color @text_color; /*Progressbar bg color*/ @define-color progressbar_color @selected_bg_color; @import url("gtk-widgets.css"); -@import url("gtk-widgets-assets.css"); /* @import url("apps/gnome-applications.css"); @import url("apps/granite-widgets.css"); -@import url("apps/unity.css"); */ +@import url("apps/unity.css"); @import url("apps/xfce.css"); -/* @import url("apps/nemo.css"); */ +@import url("apps/nemo.css"); @import url("apps/synaptic.css"); -@import url("apps/lightdm-gtk-greeter.css"); +@import url("apps/lightdm-gtk-greeter.css"); */ diff --git a/Theme/Chicago95/gtk-3.0/gtk.css.orig b/Theme/Chicago95/gtk-3.0/gtk.css.orig new file mode 100644 index 0000000..6b06444 --- /dev/null +++ b/Theme/Chicago95/gtk-3.0/gtk.css.orig @@ -0,0 +1,100 @@ +/*# name: Chicago95 + # author: Grassmunk + # author: AdrianoML (rewrite/gtk 3.22 update) + # date: December 4th, 2016 + # description: Chicago 95 Default*/ + + +/* Comment about Pop-overs: I couldn't get over how much they looked like Clippy in MS Office 97 so thats why the buttons are different */ + +/* default color scheme */ +@define-color bg_color #c0c0c0; +@define-color fg_color #000000; +@define-color base_color #ffffff; +@define-color text_color #000000; +@define-color selected_bg_color #000080; +@define-color selected_fg_color #ffffff; +<<<<<<< HEAD +@define-color tooltip_bg_color #ffffe1; +======= +@define-color selected_inactive_bg_color #808080; +@define-color selected_inactive_fg_color #000000; +@define-color tooltip_bg_color #ffffBf; +>>>>>>> 30fd496f9fe6fcf5c27b09c7b7d02c736193897a +@define-color tooltip_fg_color #000000; +@define-color bg_bright shade(white, 0.99); +@define-color bg_shade shade(@bg_color, 0.66); +@define-color bg_dark shade(@bg_color, 0.13); +@define-color border_bright white; +@define-color border_dark black; + +/* dark color scheme */ +@define-color dark_bg_color @bg_color; +@define-color dark_fg_color @fg_color; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color 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; + +/*Nemo Desktop shadow fix*/ +@define-color desktop_item_fg #ffffff; +@define-color desktop_item_selected_fg shade(@theme_selected_fg_color, 0.8); +@define-color desktop_item_text_shadow alpha(black, 0.8); + +/* misc colors used by gtk+ */ +@define-color info_fg_color @fg_color; +@define-color info_bg_color #ffffe1; +@define-color warning_fg_color @fg_color; +@define-color warning_bg_color #FFEDCC; +@define-color question_fg_color @info_fg_color; +@define-color question_bg_color @info_bg_color; +@define-color error_fg_color @fg_color; +@define-color error_bg_color #FFCCCC; +@define-color link_color #000080; +@define-color success_color #53d013; +@define-color warning_color #f57600; +@define-color error_color #cc0000; + +/* osd */ +@define-color osd_base @dark_bg_color; +@define-color osd_fg @dark_fg_color; +@define-color osd_bg alpha(@osd_base, 0.8); + +/* lightdm greeter colors */ +@define-color lightdm_bg_color @dark_bg_color; +@define-color lightdm_fg_color @dark_fg_color; + +/* window manager colors */ +@define-color wm_bg @titlebar_bg_color; +@define-color wm_border_focused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); +@define-color wm_border_unfocused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); +@define-color wm_title_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); +@define-color wm_title_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); +@define-color wm_icons_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); +@define-color wm_icons_focused_prelight @selected_bg_color; +@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8); +@define-color wm_icons_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); +@define-color wm_icons_unfocused_prelight @selected_bg_color; +@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8); + +/*Terminal Text color*/ +@define-color terminal_text_color @text_color; + +/*Progressbar bg color*/ +@define-color progressbar_color @selected_bg_color; + +@import url("gtk-widgets.css"); + +/* @import url("apps/gnome-applications.css"); +@import url("apps/granite-widgets.css"); +@import url("apps/unity.css"); +@import url("apps/xfce.css"); +@import url("apps/nemo.css"); +@import url("apps/synaptic.css"); +@import url("apps/lightdm-gtk-greeter.css"); */ diff --git a/Theme/Chicago95/gtk-3.0/gtk_BACKUP_8540.css b/Theme/Chicago95/gtk-3.0/gtk_BACKUP_8540.css new file mode 100644 index 0000000..6b06444 --- /dev/null +++ b/Theme/Chicago95/gtk-3.0/gtk_BACKUP_8540.css @@ -0,0 +1,100 @@ +/*# name: Chicago95 + # author: Grassmunk + # author: AdrianoML (rewrite/gtk 3.22 update) + # date: December 4th, 2016 + # description: Chicago 95 Default*/ + + +/* Comment about Pop-overs: I couldn't get over how much they looked like Clippy in MS Office 97 so thats why the buttons are different */ + +/* default color scheme */ +@define-color bg_color #c0c0c0; +@define-color fg_color #000000; +@define-color base_color #ffffff; +@define-color text_color #000000; +@define-color selected_bg_color #000080; +@define-color selected_fg_color #ffffff; +<<<<<<< HEAD +@define-color tooltip_bg_color #ffffe1; +======= +@define-color selected_inactive_bg_color #808080; +@define-color selected_inactive_fg_color #000000; +@define-color tooltip_bg_color #ffffBf; +>>>>>>> 30fd496f9fe6fcf5c27b09c7b7d02c736193897a +@define-color tooltip_fg_color #000000; +@define-color bg_bright shade(white, 0.99); +@define-color bg_shade shade(@bg_color, 0.66); +@define-color bg_dark shade(@bg_color, 0.13); +@define-color border_bright white; +@define-color border_dark black; + +/* dark color scheme */ +@define-color dark_bg_color @bg_color; +@define-color dark_fg_color @fg_color; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color 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; + +/*Nemo Desktop shadow fix*/ +@define-color desktop_item_fg #ffffff; +@define-color desktop_item_selected_fg shade(@theme_selected_fg_color, 0.8); +@define-color desktop_item_text_shadow alpha(black, 0.8); + +/* misc colors used by gtk+ */ +@define-color info_fg_color @fg_color; +@define-color info_bg_color #ffffe1; +@define-color warning_fg_color @fg_color; +@define-color warning_bg_color #FFEDCC; +@define-color question_fg_color @info_fg_color; +@define-color question_bg_color @info_bg_color; +@define-color error_fg_color @fg_color; +@define-color error_bg_color #FFCCCC; +@define-color link_color #000080; +@define-color success_color #53d013; +@define-color warning_color #f57600; +@define-color error_color #cc0000; + +/* osd */ +@define-color osd_base @dark_bg_color; +@define-color osd_fg @dark_fg_color; +@define-color osd_bg alpha(@osd_base, 0.8); + +/* lightdm greeter colors */ +@define-color lightdm_bg_color @dark_bg_color; +@define-color lightdm_fg_color @dark_fg_color; + +/* window manager colors */ +@define-color wm_bg @titlebar_bg_color; +@define-color wm_border_focused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); +@define-color wm_border_unfocused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); +@define-color wm_title_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); +@define-color wm_title_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); +@define-color wm_icons_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); +@define-color wm_icons_focused_prelight @selected_bg_color; +@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8); +@define-color wm_icons_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); +@define-color wm_icons_unfocused_prelight @selected_bg_color; +@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8); + +/*Terminal Text color*/ +@define-color terminal_text_color @text_color; + +/*Progressbar bg color*/ +@define-color progressbar_color @selected_bg_color; + +@import url("gtk-widgets.css"); + +/* @import url("apps/gnome-applications.css"); +@import url("apps/granite-widgets.css"); +@import url("apps/unity.css"); +@import url("apps/xfce.css"); +@import url("apps/nemo.css"); +@import url("apps/synaptic.css"); +@import url("apps/lightdm-gtk-greeter.css"); */ diff --git a/Theme/Chicago95/gtk-3.0/gtk_BASE_8540.css b/Theme/Chicago95/gtk-3.0/gtk_BASE_8540.css new file mode 100644 index 0000000..5cb936c --- /dev/null +++ b/Theme/Chicago95/gtk-3.0/gtk_BASE_8540.css @@ -0,0 +1,105 @@ +/*# name: Chicago95 + # author: Grassmunk + # date: April 19th, 2016 + # description: Chicago 95 Default*/ + + +/* Comment about Pop-overs: I couldn't get over how much they looked like Clippy in MS Office 97 so thats why the buttons are different */ + +/* default color scheme */ +@define-color bg_color #c0c0c0; +@define-color fg_color #000000; +@define-color base_color #ffffff; +@define-color text_color #000000; +@define-color selected_bg_color #000080; +@define-color selected_fg_color #ffffff; +@define-color tooltip_bg_color #ffffBf; +@define-color tooltip_fg_color #000000; + +/* dark color scheme */ +@define-color dark_bg_color @bg_color; +@define-color dark_fg_color @fg_color; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color 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; + +/*Nemo Desktop shadow fix*/ + @define-color desktop_item_fg #ffffff; + @define-color desktop_item_selected_fg shade(@theme_selected_fg_color, 0.8); + @define-color desktop_item_text_shadow alpha(black, 0.8); + +/* shadow effects */ +@define-color light_shadow #fff; +@define-color dark_shadow #000; + +/* misc colors used by gtk+ */ +@define-color info_fg_color @fg_color; +@define-color info_bg_color #FFFFCC; +@define-color warning_fg_color @fg_color; +@define-color warning_bg_color #FFEDCC; +@define-color question_fg_color @info_fg_color; +@define-color question_bg_color @info_bg_color; +@define-color error_fg_color @fg_color; +@define-color error_bg_color #FFCCCC; +@define-color link_color #000080; +@define-color success_color #53d013; +@define-color warning_color #f57600; +@define-color error_color #cc0000; + +/* widget colors */ +@define-color titlebar_bg_color @dark_bg_color; +@define-color titlebar_fg_color @dark_fg_color; +@define-color menubar_bg_color @dark_bg_color; +@define-color menubar_fg_color @dark_fg_color; +@define-color toolbar_bg_color @dark_bg_color; /*@theme_bg_color;*/ +@define-color toolbar_fg_color @dark_fg_color; /*@theme_fg_color;*/ +@define-color menu_bg_color @bg_color; +@define-color menu_fg_color @fg_color; +@define-color panel_bg_color @dark_bg_color; +@define-color panel_fg_color @dark_fg_color; + +/* osd */ +@define-color osd_base @dark_bg_color; +@define-color osd_fg @dark_fg_color; +@define-color osd_bg alpha(@osd_base, 0.8); + +/* lightdm greeter colors */ +@define-color lightdm_bg_color @dark_bg_color; +@define-color lightdm_fg_color @dark_fg_color; + +/* window manager colors */ +@define-color wm_bg @titlebar_bg_color; +@define-color wm_border_focused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); +@define-color wm_border_unfocused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); +@define-color wm_title_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); +@define-color wm_title_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); +@define-color wm_icons_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); +@define-color wm_icons_focused_prelight @selected_bg_color; +@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8); +@define-color wm_icons_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); +@define-color wm_icons_unfocused_prelight @selected_bg_color; +@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8); + +/*Terminal Text color*/ +@define-color terminal_text_color @bg_color; + +/*Progressbar bg color*/ +@define-color progressbar_color @selected_bg_color; + +@import url("gtk-widgets.css"); +@import url("gtk-widgets-assets.css"); + +/* @import url("apps/gnome-applications.css"); +@import url("apps/granite-widgets.css"); +@import url("apps/unity.css"); */ +@import url("apps/xfce.css"); +/* @import url("apps/nemo.css"); */ +@import url("apps/synaptic.css"); +@import url("apps/lightdm-gtk-greeter.css"); diff --git a/Theme/Chicago95/gtk-3.0/gtk_LOCAL_8540.css b/Theme/Chicago95/gtk-3.0/gtk_LOCAL_8540.css new file mode 100644 index 0000000..1730059 --- /dev/null +++ b/Theme/Chicago95/gtk-3.0/gtk_LOCAL_8540.css @@ -0,0 +1,105 @@ +/*# name: Chicago95 + # author: Grassmunk + # date: April 19th, 2016 + # description: Chicago 95 Default*/ + + +/* Comment about Pop-overs: I couldn't get over how much they looked like Clippy in MS Office 97 so thats why the buttons are different */ + +/* default color scheme */ +@define-color bg_color #c0c0c0; +@define-color fg_color #000000; +@define-color base_color #ffffff; +@define-color text_color #000000; +@define-color selected_bg_color #000080; +@define-color selected_fg_color #ffffff; +@define-color tooltip_bg_color #ffffe1; +@define-color tooltip_fg_color #000000; + +/* dark color scheme */ +@define-color dark_bg_color @bg_color; +@define-color dark_fg_color @fg_color; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color 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; + +/*Nemo Desktop shadow fix*/ + @define-color desktop_item_fg #ffffff; + @define-color desktop_item_selected_fg shade(@theme_selected_fg_color, 0.8); + @define-color desktop_item_text_shadow alpha(black, 0.8); + +/* shadow effects */ +@define-color light_shadow #fff; +@define-color dark_shadow #000; + +/* misc colors used by gtk+ */ +@define-color info_fg_color @fg_color; +@define-color info_bg_color #ffffe1; +@define-color warning_fg_color @fg_color; +@define-color warning_bg_color #FFEDCC; +@define-color question_fg_color @info_fg_color; +@define-color question_bg_color @info_bg_color; +@define-color error_fg_color @fg_color; +@define-color error_bg_color #FFCCCC; +@define-color link_color #000080; +@define-color success_color #53d013; +@define-color warning_color #f57600; +@define-color error_color #cc0000; + +/* widget colors */ +@define-color titlebar_bg_color @dark_bg_color; +@define-color titlebar_fg_color @dark_fg_color; +@define-color menubar_bg_color @dark_bg_color; +@define-color menubar_fg_color @dark_fg_color; +@define-color toolbar_bg_color @dark_bg_color; /*@theme_bg_color;*/ +@define-color toolbar_fg_color @dark_fg_color; /*@theme_fg_color;*/ +@define-color menu_bg_color @bg_color; +@define-color menu_fg_color @fg_color; +@define-color panel_bg_color @dark_bg_color; +@define-color panel_fg_color @dark_fg_color; + +/* osd */ +@define-color osd_base @dark_bg_color; +@define-color osd_fg @dark_fg_color; +@define-color osd_bg alpha(@osd_base, 0.8); + +/* lightdm greeter colors */ +@define-color lightdm_bg_color @dark_bg_color; +@define-color lightdm_fg_color @dark_fg_color; + +/* window manager colors */ +@define-color wm_bg @titlebar_bg_color; +@define-color wm_border_focused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); +@define-color wm_border_unfocused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); +@define-color wm_title_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); +@define-color wm_title_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); +@define-color wm_icons_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); +@define-color wm_icons_focused_prelight @selected_bg_color; +@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8); +@define-color wm_icons_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); +@define-color wm_icons_unfocused_prelight @selected_bg_color; +@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8); + +/*Terminal Text color*/ +@define-color terminal_text_color @bg_color; + +/*Progressbar bg color*/ +@define-color progressbar_color @selected_bg_color; + +@import url("gtk-widgets.css"); +@import url("gtk-widgets-assets.css"); + +/* @import url("apps/gnome-applications.css"); +@import url("apps/granite-widgets.css"); +@import url("apps/unity.css"); */ +@import url("apps/xfce.css"); +/* @import url("apps/nemo.css"); */ +@import url("apps/synaptic.css"); +@import url("apps/lightdm-gtk-greeter.css"); diff --git a/Theme/Chicago95/gtk-3.0/gtk_REMOTE_8540.css b/Theme/Chicago95/gtk-3.0/gtk_REMOTE_8540.css new file mode 100644 index 0000000..186f1bb --- /dev/null +++ b/Theme/Chicago95/gtk-3.0/gtk_REMOTE_8540.css @@ -0,0 +1,96 @@ +/*# name: Chicago95 + # author: Grassmunk + # author: AdrianoML (rewrite/gtk 3.22 update) + # date: December 4th, 2016 + # description: Chicago 95 Default*/ + + +/* Comment about Pop-overs: I couldn't get over how much they looked like Clippy in MS Office 97 so thats why the buttons are different */ + +/* default color scheme */ +@define-color bg_color #c0c0c0; +@define-color fg_color #000000; +@define-color base_color #ffffff; +@define-color text_color #000000; +@define-color selected_bg_color #000080; +@define-color selected_fg_color #ffffff; +@define-color selected_inactive_bg_color #808080; +@define-color selected_inactive_fg_color #000000; +@define-color tooltip_bg_color #ffffBf; +@define-color tooltip_fg_color #000000; +@define-color bg_bright shade(white, 0.99); +@define-color bg_shade shade(@bg_color, 0.66); +@define-color bg_dark shade(@bg_color, 0.13); +@define-color border_bright white; +@define-color border_dark black; + +/* dark color scheme */ +@define-color dark_bg_color @bg_color; +@define-color dark_fg_color @fg_color; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color 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; + +/*Nemo Desktop shadow fix*/ +@define-color desktop_item_fg #ffffff; +@define-color desktop_item_selected_fg shade(@theme_selected_fg_color, 0.8); +@define-color desktop_item_text_shadow alpha(black, 0.8); + +/* misc colors used by gtk+ */ +@define-color info_fg_color @fg_color; +@define-color info_bg_color #FFFFCC; +@define-color warning_fg_color @fg_color; +@define-color warning_bg_color #FFEDCC; +@define-color question_fg_color @info_fg_color; +@define-color question_bg_color @info_bg_color; +@define-color error_fg_color @fg_color; +@define-color error_bg_color #FFCCCC; +@define-color link_color #000080; +@define-color success_color #53d013; +@define-color warning_color #f57600; +@define-color error_color #cc0000; + +/* osd */ +@define-color osd_base @dark_bg_color; +@define-color osd_fg @dark_fg_color; +@define-color osd_bg alpha(@osd_base, 0.8); + +/* lightdm greeter colors */ +@define-color lightdm_bg_color @dark_bg_color; +@define-color lightdm_fg_color @dark_fg_color; + +/* window manager colors */ +@define-color wm_bg @titlebar_bg_color; +@define-color wm_border_focused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); +@define-color wm_border_unfocused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); +@define-color wm_title_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); +@define-color wm_title_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); +@define-color wm_icons_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); +@define-color wm_icons_focused_prelight @selected_bg_color; +@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8); +@define-color wm_icons_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); +@define-color wm_icons_unfocused_prelight @selected_bg_color; +@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8); + +/*Terminal Text color*/ +@define-color terminal_text_color @text_color; + +/*Progressbar bg color*/ +@define-color progressbar_color @selected_bg_color; + +@import url("gtk-widgets.css"); + +/* @import url("apps/gnome-applications.css"); +@import url("apps/granite-widgets.css"); +@import url("apps/unity.css"); +@import url("apps/xfce.css"); +@import url("apps/nemo.css"); +@import url("apps/synaptic.css"); +@import url("apps/lightdm-gtk-greeter.css"); */