diff --git a/pika-kde-settings/debian/changelog b/pika-kde-settings/debian/changelog index 8b64180..8ceb6e0 100644 --- a/pika-kde-settings/debian/changelog +++ b/pika-kde-settings/debian/changelog @@ -1,4 +1,4 @@ -pika-kde-settings (3.1.0) kinetic; urgency=medium +pika-kde-settings (3.2.0) kinetic; urgency=medium * Pika-theme diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark.png index 89533b9..cce6cc0 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark@2.png index aee72c7..05418f0 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark.png index c56c104..a91665e 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark@2.png index 2a7a7b1..b7947fa 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light.png index 56b5c07..03516e3 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light@2.png index e8c35ad..4f76949 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png index 219d3cc..09f5f70 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png index a3475b9..7c3fdbd 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider.png index 2d3e2ce..3d1f72a 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider@2.png index ff1284f..242dd4b 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png index 4e8090e..ba62981 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png index 8cb075c..c503a79 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider.png index 34fb87b..84a5d5b 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png index dc86b46..20c7bec 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark.png index fb4d82d..e85d1db 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark@2.png index 728b81c..0a41b4f 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider.png index f0a333f..f988443 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider@2.png index a773950..53d837a 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png index 2f8cbeb..cb0100c 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png index 74eccfa..69d62b1 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png index 5632d8c..09cf275 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png index 88c9793..9f64ca4 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png index ac4a515..b72999c 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png index 36979b4..2e603ed 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider.png index c16cf62..7641036 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png index e6b81fd..79a5499 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png index 59eb26c..f8e00c7 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png index f10035a..01885b0 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png index 2ec9a14..a0ad715 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked@2.png index f9a97ae..7042e18 100644 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked@2.png and b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked@2.png differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk-dark.css b/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk-dark.css index 85afb87..4347965 100644 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk-dark.css +++ b/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk-dark.css @@ -18,10 +18,10 @@ @keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle farthest-corner at center, #FBC02D 30%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #3281EA 30%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #FBC02D 100%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #3281EA 100%, transparent 0%); } } @@ -91,8 +91,8 @@ iconview:hover, iconview:selected { rubberband, .content-view rubberband, .content-view columnview.view > rubberband, .content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { - border: 1px solid #FBC02D; - background-color: rgba(251, 192, 45, 0.3); + border: 1px solid #3281EA; + background-color: rgba(50, 129, 234, 0.3); } flowbox > flowboxchild { @@ -154,7 +154,7 @@ label.osd { } .accent { - color: #FBC02D; + color: #3281EA; } .success { @@ -289,7 +289,7 @@ headerbar popover.background entry, entry { headerbar popover.background entry:focus-within, entry:focus-within { background-color: rgba(255, 255, 255, 0.04); color: white; - outline-color: #FBC02D; + outline-color: #3281EA; outline-width: 2px; outline-offset: -2px; } @@ -454,8 +454,8 @@ entry.warning { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; + background-color: rgba(251, 192, 45, 0.08); + color: #FBC02D; } entry.warning image { @@ -468,17 +468,17 @@ entry.warning selection { } entry.warning:focus-within { - background-color: rgba(255, 255, 255, 0.04); - color: white; + background-color: rgba(251, 192, 45, 0.08); + color: #FBC02D; outline-color: #FBC02D; outline-width: 2px; outline-offset: -2px; } entry.warning:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(251, 192, 45, 0.04); color: rgba(255, 255, 255, 0.5); + color: rgba(251, 192, 45, 0.35); outline: none; filter: none; opacity: 1; @@ -491,7 +491,7 @@ entry.warning:disabled > label { entry > progress, entry progress > trough > progress { margin: 2px -8px; - border-bottom: 2px solid #FBC02D; + border-bottom: 2px solid #3281EA; background-color: transparent; } @@ -552,10 +552,10 @@ editablelabel > stack > text { ***********/ @keyframes needs-attention { from { - background-image: radial-gradient(farthest-side, #FBC02D 0%, rgba(251, 192, 45, 0) 0%); + background-image: radial-gradient(farthest-side, #3281EA 0%, rgba(50, 129, 234, 0) 0%); } to { - background-image: radial-gradient(farthest-side, #FBC02D 95%, rgba(251, 192, 45, 0)); + background-image: radial-gradient(farthest-side, #3281EA 95%, rgba(50, 129, 234, 0)); } } @@ -613,8 +613,8 @@ headerbar popover.background button:disabled:not(.suggested-action):not(.destruc headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked { box-shadow: none; - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { @@ -803,8 +803,8 @@ button.osd:disabled { } button.suggested-action { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; box-shadow: none; } @@ -817,24 +817,24 @@ button.suggested-action:disabled { } button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(251, 192, 45, 0.2), 0 4px 3px 0 rgba(251, 192, 45, 0.14), 0 1px 6px 0 rgba(251, 192, 45, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(50, 129, 234, 0.2), 0 4px 3px 0 rgba(50, 129, 234, 0.14), 0 1px 6px 0 rgba(50, 129, 234, 0.12); } button.suggested-action:checked { - background-color: rgba(189, 144, 34, 0.961); + background-color: #70a7f0; } button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(251, 192, 45, 0.3), 0 2px 3px -1px rgba(251, 192, 45, 0.24), 0 2px 5px 0 rgba(251, 192, 45, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(50, 129, 234, 0.3), 0 2px 3px -1px rgba(50, 129, 234, 0.24), 0 2px 5px 0 rgba(50, 129, 234, 0.12); } button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(251, 192, 45, 0.35); + box-shadow: 0 0 0 2px rgba(50, 129, 234, 0.35); } button.suggested-action.flat { background-color: transparent; - color: #FBC02D; + color: #3281EA; } button.suggested-action.flat:disabled { @@ -844,7 +844,7 @@ button.suggested-action.flat:disabled { } button.suggested-action.flat:checked { - background-color: rgba(251, 192, 45, 0.3); + background-color: rgba(50, 129, 234, 0.3); } button.destructive-action { @@ -1012,8 +1012,8 @@ list > row button.image-button:not(.flat):checked { list > row button.image-button:not(.flat).suggested-action { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } @@ -1026,7 +1026,7 @@ list > row button.image-button:not(.flat).destructive-action { * Links * *********/ link { - color: #FBC02D; + color: #3281EA; } link:visited { @@ -1034,7 +1034,7 @@ link:visited { } button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #FBC02D; + color: #3281EA; } button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { @@ -1062,7 +1062,7 @@ spinbutton:not(.vertical), spinbutton.vertical { spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within { background-color: rgba(255, 255, 255, 0.04); color: white; - outline-color: #FBC02D; + outline-color: #3281EA; outline-width: 2px; outline-offset: -2px; } @@ -1652,11 +1652,11 @@ headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):no } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop { @@ -1672,11 +1672,11 @@ headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):no } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar > windowhandle > box { @@ -1718,16 +1718,16 @@ headerbar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } headerbar.selection-mode:backdrop { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar.selection-mode .subtitle:link { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar.selection-mode .selection-menu { @@ -1741,7 +1741,7 @@ headerbar.selection-mode .selection-menu .arrow { headerbar .selection-mode { box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #FBC02D; + background-color: #3281EA; } .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { @@ -1770,7 +1770,7 @@ headerbar.default-decoration windowcontrols menubutton { } window.devel headerbar.titlebar { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(251, 192, 45, 0.1)), linear-gradient(to top, #343434 3px, #393939); + background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(50, 129, 234, 0.1)), linear-gradient(to top, #343434 3px, #393939); } window.devel headerbar.titlebar:backdrop { @@ -1957,12 +1957,12 @@ treeview.view.expander:hover { columnview.view.expander:selected, treeview.view.expander:selected { - color: #FBC02D; + color: #3281EA; } columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { - color: rgba(251, 192, 45, 0.65); + color: rgba(50, 129, 234, 0.65); } columnview.view.expander:disabled, @@ -1972,7 +1972,7 @@ treeview.view.expander:disabled { columnview.view.progressbar, treeview.view.progressbar { - border-bottom: 6px solid #FBC02D; + border-bottom: 6px solid #3281EA; box-shadow: none; background-color: transparent; background-image: none; @@ -2050,12 +2050,12 @@ treeview.view header.button.dnd { box-shadow: none; background-color: #2C2C2C; background-clip: border-box; - color: #FBC02D; + color: #3281EA; } columnview.view acceleditor > label, treeview.view acceleditor > label { - background-color: #FBC02D; + background-color: #3281EA; } /********* @@ -2709,7 +2709,7 @@ switch { } switch:checked { - background-color: rgba(251, 192, 45, 0.5); + background-color: rgba(50, 129, 234, 0.5); } switch:disabled { @@ -2745,8 +2745,8 @@ switch:focus:hover > slider { } switch:checked > slider { - background-color: #FBC02D; - color: #FBC02D; + background-color: #3281EA; + color: #3281EA; } /************************* @@ -3039,7 +3039,7 @@ scale > trough > slider { min-width: 32px; margin: -15px; border-radius: 50%; - color: #FBC02D; + color: #3281EA; background-color: transparent; } @@ -3074,12 +3074,12 @@ scale > trough > slider:active { animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: auto, 0% 0%; - color: #FBC02D; + color: #3281EA; } scale > trough > highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#FBC02D); + background-image: image(#3281EA); } scale > trough > highlight:disabled { @@ -3271,7 +3271,7 @@ progressbar trough { progressbar progress { border-radius: 12px; - background-color: #FBC02D; + background-color: #3281EA; } progressbar.osd { @@ -3288,7 +3288,7 @@ progressbar.osd trough { } progressbar.osd progress { - background-color: #FBC02D; + background-color: #3281EA; } progressbar trough.empty progress { @@ -3331,7 +3331,7 @@ levelbar block.low { } levelbar block.high, levelbar block:not(.empty) { - background-color: #FBC02D; + background-color: #3281EA; } levelbar block.full { @@ -3583,7 +3583,7 @@ button row.activatable, button row.activatable:hover, button row.activatable.has } button:checked row { - color: rgba(0, 0, 0, 0.87); + color: white; } row:selected { @@ -3655,12 +3655,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { } columnview row:not(:selected) cell editablelabel.editing:focus-within { - outline: 2px solid #FBC02D; + outline: 2px solid #3281EA; } columnview row:not(:selected) cell editablelabel.editing text selection { - color: rgba(0, 0, 0, 0.87); - background-color: #FBC02D; + color: white; + background-color: #3281EA; } .rich-list { @@ -3781,7 +3781,7 @@ row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { } row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #FBC02D; + color: #3281EA; } .osd row.expander:checked image.expander-row-arrow:not(:disabled) { @@ -3834,7 +3834,7 @@ list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { } .app-notification button.text-button:not(:disabled) { - color: #FBC02D; + color: #3281EA; } .app-notification.frame, @@ -3980,7 +3980,7 @@ window.dialog.message.csd .dialog-action-area > button:not(:last-child) { } window.dialog.message.csd .dialog-action-area > button:not(:disabled) { - color: #FBC02D; + color: #3281EA; } window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { @@ -4009,7 +4009,7 @@ window.messagedialog .response-area button:not(:last-child) { } window.messagedialog .response-area button.suggested:not(:disabled) { - color: #FBC02D; + color: #3281EA; } window.messagedialog .response-area button.destructive:not(:disabled) { @@ -4141,11 +4141,11 @@ separator.sidebar.spacer { .navigation-sidebar > row:selected { background-color: alpha(currentColor, 0.1); - color: #FBC02D; + color: #3281EA; } .navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image { - color: #FBC02D; + color: #3281EA; } .navigation-sidebar > row:selected:hover { @@ -4202,12 +4202,12 @@ placessidebar .navigation-sidebar > row > revealer { placessidebar .navigation-sidebar > row:selected { background-color: alpha(currentColor, 0.1); - color: #FBC02D; + color: #3281EA; font-weight: 500; } placessidebar .navigation-sidebar > row:selected image.sidebar-icon { - color: #FBC02D; + color: #3281EA; } placessidebar .navigation-sidebar > row:disabled { @@ -4239,11 +4239,11 @@ placessidebar .navigation-sidebar > row.sidebar-placeholder-row { } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { - color: #FBC02D; + color: #3281EA; } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { - color: #FBC02D; + color: #3281EA; } placessidebar .navigation-sidebar > row:drop(active) { @@ -4359,24 +4359,24 @@ infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info } infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { - color: #FBC02D; + color: #3281EA; } infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { - color: rgba(0, 0, 0, 0.87); + color: white; } infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { - color: rgba(0, 0, 0, 0.87); + color: white; } infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #fbb814; + background-color: #1b73e8; } infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { @@ -4603,13 +4603,13 @@ gridview > child:selected, row:selected, calendar:selected, calendar > grid > la } .view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected { - color: #FBC02D; - background-color: rgba(251, 192, 45, 0.2); + color: #3281EA; + background-color: rgba(50, 129, 234, 0.2); } textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected { - color: rgba(0, 0, 0, 0.87); - background-color: #FBC02D; + color: white; + background-color: #3281EA; } .monospace { @@ -4624,7 +4624,7 @@ textview text selection:focus, textview text selection, label > selection, entry * Touch Copy & Paste * **********************/ cursor-handle { - color: #FBC02D; + color: #3281EA; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -4662,7 +4662,7 @@ shortcut > .keycap { } :not(decoration):not(window):drop(active) { - caret-color: #FBC02D; + caret-color: #3281EA; } stackswitcher { @@ -4682,8 +4682,8 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc } stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } stackswitcher button.text-button { @@ -4754,7 +4754,7 @@ button.emoji-section { } button.emoji-section:checked { - color: #FBC02D; + color: #3281EA; } popover.emoji-picker emoji { @@ -4816,7 +4816,7 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow { margin: 0 0 12px 12px; border-radius: 12px; - background-color: rgba(251, 192, 45, 0.08); + background-color: rgba(50, 129, 234, 0.08); } .nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top { @@ -4889,7 +4889,7 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover label.sidebar-label { - color: #FBC02D; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { @@ -4898,19 +4898,19 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon { - color: #FBC02D; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { - color: #FBC02D; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #FBC02D; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { - color: #FBC02D; + color: #3281EA; background-color: #2C2C2C; border-image-width: 10px 10px 10px 46px; border-image-slice: 10 10 10 46; @@ -4923,7 +4923,7 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #FBC02D; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled label.sidebar-label { @@ -5306,8 +5306,8 @@ screenshot-carousel box.frame.view { } .polari-room-list .sidebar > row.activatable:selected { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } .polari-room-list popover.background > arrow, @@ -5416,7 +5416,7 @@ panelstatusbar > paneltogglebutton button.image-button { } .style-variant button.toggle:checked > stylevariantpreview > .wallpaper { - outline-color: #FBC02D; + outline-color: #3281EA; } window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list { @@ -5577,11 +5577,11 @@ button.destructive-action, button.destructive-action:checked { } button.suggested-action { - color: rgba(0, 0, 0, 0.87); + color: white; } button.suggested-action, button.suggested-action:checked { - background-color: #FBC02D; + background-color: #3281EA; } button.font separator { @@ -5639,8 +5639,8 @@ menubutton.osd { } menubutton.suggested-action { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } menubutton.destructive-action { @@ -5774,8 +5774,8 @@ splitbutton.flat > menubutton > button { } splitbutton.suggested-action { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } splitbutton.destructive-action { @@ -5941,7 +5941,7 @@ preferencesgroup > box button.background-preview-button.toggle:active { } preferencesgroup > box button.background-preview-button.toggle:checked { - outline-color: #FBC02D; + outline-color: #3281EA; } viewswitcher { @@ -5957,20 +5957,20 @@ viewswitcher.wide { } viewswitcher.wide button.toggle:checked, viewswitcher.wide button.toggle.flat:checked { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator { - background-color: rgba(0, 0, 0, 0.87); + background-color: white; } viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator > label { - color: #FBC02D; + color: #3281EA; } viewswitcher.narrow button.toggle { @@ -6037,11 +6037,11 @@ indicatorbin > mask { } indicatorbin.needs-attention > indicator { - background-color: #FBC02D; + background-color: #3281EA; } indicatorbin.needs-attention > indicator > label { - color: rgba(0, 0, 0, 0.87); + color: white; } tabbar .box { @@ -6073,7 +6073,7 @@ tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 9px 6px; - background: alpha(#FBC02D, 0.5); + background: alpha(#3281EA, 0.5); } tabbar tab { @@ -6143,7 +6143,7 @@ tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; - background: alpha(#FBC02D, 0.5); + background: alpha(#3281EA, 0.5); } tabview:drop(active), @@ -6172,10 +6172,10 @@ text widgets and the like base background color */ @define-color theme_base_color #2C2C2C; /* base background color of selections */ -@define-color theme_selected_bg_color #FBC02D; +@define-color theme_selected_bg_color #3281EA; /* text/foreground color of selections */ -@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); +@define-color theme_selected_fg_color white; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #212121; @@ -6199,10 +6199,10 @@ text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #2C2C2C; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #FBC02D; +@define-color theme_unfocused_selected_bg_color #3281EA; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); +@define-color theme_unfocused_selected_fg_color white; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); @@ -6232,8 +6232,8 @@ FIXME this is really an API */ /* Very contrasty background for text views (@theme_text_color foreground) */ @define-color text_view_bg #1d1d1d; @define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.7); -@define-color budgie_tasklist_indicator_color_active #FBC02D; -@define-color budgie_tasklist_indicator_color_active_window rgba(170, 133, 41, 0.8075); +@define-color budgie_tasklist_indicator_color_active #3281EA; +@define-color budgie_tasklist_indicator_color_active_window rgba(44, 93, 160, 0.8075); @define-color budgie_tasklist_indicator_color_attention #FBC02D; @define-color STRAWBERRY_100 #FF9262; @define-color STRAWBERRY_300 #FF793E; @@ -6333,9 +6333,9 @@ FIXME this is really an API */ /* GTK NAMED COLORS ---------------- use responsibly! */ -@define-color accent_bg_color #FBC02D; -@define-color accent_fg_color rgba(0, 0, 0, 0.87); -@define-color accent_color #FBC02D; +@define-color accent_bg_color #3281EA; +@define-color accent_fg_color white; +@define-color accent_color #3281EA; @define-color destructive_bg_color #F44336; @define-color destructive_fg_color white; @define-color destructive_color #F44336; diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk.css b/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk.css index 9bf2800..4347965 100644 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk.css +++ b/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk.css @@ -18,10 +18,10 @@ @keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle farthest-corner at center, #FFD600 30%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #3281EA 30%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #FFD600 100%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #3281EA 100%, transparent 0%); } } @@ -29,12 +29,12 @@ * Base States * ***************/ .background { - background-color: #F2F2F2; - color: rgba(0, 0, 0, 0.87); + background-color: #212121; + color: white; } dnd { - color: rgba(0, 0, 0, 0.87); + color: white; } .normal-icons { @@ -50,7 +50,7 @@ dnd { } .symbolic-circular { - background-color: rgba(0, 0, 0, 0.04); + background-color: rgba(255, 255, 255, 0.04); border-radius: 9999px; padding: 0; min-height: 32px; @@ -67,21 +67,21 @@ treeview.expander:disabled { } iconview, .view { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); + background-color: #2C2C2C; + color: white; } iconview:disabled, .view:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } textview text { - background-color: #FFFFFF; + background-color: #2C2C2C; } textview border { - background-color: #FAFAFA; - color: rgba(0, 0, 0, 0.6); + background-color: #242424; + color: rgba(255, 255, 255, 0.7); } iconview:hover, iconview:selected { @@ -91,8 +91,8 @@ iconview:hover, iconview:selected { rubberband, .content-view rubberband, .content-view columnview.view > rubberband, .content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { - border: 1px solid #FFD600; - background-color: rgba(255, 214, 0, 0.3); + border: 1px solid #3281EA; + background-color: rgba(50, 129, 234, 0.3); } flowbox > flowboxchild { @@ -124,19 +124,19 @@ gridview > child box { } coverflow cover { - color: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; + color: white; + background-color: #2C2C2C; border: 1px solid black; } label.separator { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } label:disabled { opacity: 1; filter: none; - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar label:disabled, tab label:disabled, button label:disabled { @@ -145,28 +145,28 @@ headerbar label:disabled, tab label:disabled, button label:disabled { label.osd { border-radius: 12px; - background-color: rgba(52, 52, 52, 0.9); + background-color: rgba(25, 25, 25, 0.9); color: white; } .dim-label, row.expander:not(:checked) image.expander-row-arrow, row label.subtitle { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .accent { - color: #FFD600; + color: #3281EA; } .success { - color: #0F9D58; + color: #81C995; } .warning { - color: #FFD600; + color: #FBC02D; } .error { - color: #E53935; + color: #F44336; } window.assistant .sidebar { @@ -176,20 +176,20 @@ window.assistant .sidebar { window.assistant .sidebar label { min-height: 36px; padding: 0 12px; - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); font-weight: 500; } window.assistant .sidebar label.highlight { - color: rgba(0, 0, 0, 0.87); + color: white; } toast, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { - color: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; + color: white; + background-color: #2C2C2C; background-clip: padding-box; border-radius: 12px; border: none; @@ -282,48 +282,48 @@ headerbar popover.background entry, entry { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(255, 255, 255, 0.04); + color: white; } headerbar popover.background entry:focus-within, entry:focus-within { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline-color: #FFD600; + background-color: rgba(255, 255, 255, 0.04); + color: white; + outline-color: #3281EA; outline-width: 2px; outline-offset: -2px; } headerbar popover.background entry:drop(active), entry:drop(active) { background-color: alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); + color: white; outline: 2px solid alpha(currentColor, 0.08); outline-offset: -2px; } headerbar popover.background entry:disabled, entry:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); outline: none; filter: none; opacity: 1; } headerbar popover.background entry:disabled > label, entry:disabled > label { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar popover.background entry image, entry image { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar popover.background entry image:hover, entry image:hover, headerbar popover.background entry image:active, entry image:active { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar popover.background entry image:disabled, entry image:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } entry { @@ -352,7 +352,7 @@ entry image.right { entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -364,7 +364,7 @@ entry undershoot.left { entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -378,125 +378,125 @@ entry.error { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(229, 57, 53, 0.08); - color: #E53935; + background-color: rgba(244, 67, 54, 0.08); + color: #F44336; } entry.error image { - color: #E53935; + color: #F44336; } entry.error selection { color: white; - background-color: #E53935; + background-color: #F44336; } entry.error:focus-within { - background-color: rgba(229, 57, 53, 0.08); - color: #E53935; - outline-color: #E53935; + background-color: rgba(244, 67, 54, 0.08); + color: #F44336; + outline-color: #F44336; outline-width: 2px; outline-offset: -2px; } entry.error:disabled { - background-color: rgba(229, 57, 53, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(229, 57, 53, 0.35); + background-color: rgba(244, 67, 54, 0.04); + color: rgba(255, 255, 255, 0.5); + color: rgba(244, 67, 54, 0.35); outline: none; filter: none; opacity: 1; } entry.error:disabled > label { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } entry.success { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(15, 157, 88, 0.08); - color: #0F9D58; + background-color: rgba(129, 201, 149, 0.08); + color: #81C995; } entry.success image { - color: #0F9D58; + color: #81C995; } entry.success selection { - color: white; - background-color: #0F9D58; + color: rgba(0, 0, 0, 0.87); + background-color: #81C995; } entry.success:focus-within { - background-color: rgba(15, 157, 88, 0.08); - color: #0F9D58; - outline-color: #0F9D58; + background-color: rgba(129, 201, 149, 0.08); + color: #81C995; + outline-color: #81C995; outline-width: 2px; outline-offset: -2px; } entry.success:disabled { - background-color: rgba(15, 157, 88, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(15, 157, 88, 0.35); + background-color: rgba(129, 201, 149, 0.04); + color: rgba(255, 255, 255, 0.5); + color: rgba(129, 201, 149, 0.35); outline: none; filter: none; opacity: 1; } entry.success:disabled > label { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } entry.warning { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(251, 192, 45, 0.08); + color: #FBC02D; } entry.warning image { - color: #FFD600; + color: #FBC02D; } entry.warning selection { color: rgba(0, 0, 0, 0.87); - background-color: #FFD600; + background-color: #FBC02D; } entry.warning:focus-within { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline-color: #FFD600; + background-color: rgba(251, 192, 45, 0.08); + color: #FBC02D; + outline-color: #FBC02D; outline-width: 2px; outline-offset: -2px; } entry.warning:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(251, 192, 45, 0.04); + color: rgba(255, 255, 255, 0.5); + color: rgba(251, 192, 45, 0.35); outline: none; filter: none; opacity: 1; } entry.warning:disabled > label { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } entry > progress, entry progress > trough > progress { margin: 2px -8px; - border-bottom: 2px solid #FFD600; + border-bottom: 2px solid #3281EA; background-color: transparent; } treeview entry.flat, treeview entry { - background-color: #FFFFFF; + background-color: #2C2C2C; } treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { @@ -508,8 +508,8 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(0, 0, 0, 0.15); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(255, 255, 255, 0.15); + color: white; } .entry-tag:hover { @@ -536,15 +536,15 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview } .entry-tag.button:not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } editablelabel > stack > text { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(255, 255, 255, 0.04); + color: white; } /*********** @@ -552,26 +552,26 @@ editablelabel > stack > text { ***********/ @keyframes needs-attention { from { - background-image: radial-gradient(farthest-side, #FFD600 0%, rgba(255, 214, 0, 0) 0%); + background-image: radial-gradient(farthest-side, #3281EA 0%, rgba(50, 129, 234, 0) 0%); } to { - background-image: radial-gradient(farthest-side, #FFD600 95%, rgba(255, 214, 0, 0)); + background-image: radial-gradient(farthest-side, #3281EA 95%, rgba(50, 129, 234, 0)); } } -infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.background.touch-selection button, popover.background.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { +.nautilus-window tabbar tab > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.background.touch-selection button, popover.background.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.7); } -infobar.warning > revealer > box button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { +.nautilus-window tabbar tab > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:checked, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { color: white; } -infobar.warning > revealer > box button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { +.nautilus-window tabbar tab > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.3); } -infobar.warning > revealer > box button:checked:disabled, popover.background.touch-selection button:checked:disabled, popover.background.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { +.nautilus-window tabbar tab > button.flat:checked:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled, popover.background.touch-selection button:checked:disabled, popover.background.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.5); } @@ -579,12 +579,12 @@ headerbar popover.background button:not(.suggested-action):not(.destructive-acti transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; outline: none; box-shadow: inset 0 0 0 9999px transparent; - background-color: rgba(0, 0, 0, 0.04); + background-color: rgba(255, 255, 255, 0.04); background-image: radial-gradient(circle, transparent 0%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action), button:focus { @@ -605,16 +605,16 @@ headerbar popover.background button:active:not(.suggested-action):not(.destructi headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); filter: none; opacity: 1; } headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked { box-shadow: none; - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { @@ -623,8 +623,8 @@ headerbar popover.background button:checked:hover:not(.suggested-action):not(.de headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); } button { @@ -639,7 +639,7 @@ button:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -.nautilus-window tabbar tab > button.flat, .nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check, +.nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check, radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton:not(.vertical) > button, spinbutton.vertical > button, tabbar tab button.image-button, dnd tab button.image-button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar popover.background button.flat:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button, @@ -653,30 +653,30 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } -.nautilus-window tabbar tab > button.flat:focus, .nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus, +.nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus, radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton:not(.vertical) > button:focus, spinbutton.vertical > button:focus, tabbar tab button.image-button:focus, dnd tab button.image-button:focus, splitbutton.flat > button:focus, splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.messagedialog .response-area button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar popover.background button.flat:focus:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus, toolbar button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child), combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus { box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); + color: white; } -.nautilus-window tabbar tab > button.flat:hover, .nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover, +.nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover, radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton:not(.vertical) > button:hover, spinbutton.vertical > button:hover, tabbar tab button.image-button:hover, dnd tab button.image-button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar popover.background button.flat:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); + color: white; } -.nautilus-window tabbar tab > button.flat:active, .nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active, +.nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active, radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton:not(.vertical) > button:active, spinbutton.vertical > button:active, tabbar tab button.image-button:active, dnd tab button.image-button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar popover.background button.flat:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, @@ -687,10 +687,10 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat: box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 100% 100%; - color: rgba(0, 0, 0, 0.87); + color: white; } -.nautilus-window tabbar tab > button.flat:disabled, .nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled, +.nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled, radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton:not(.vertical) > button:disabled, spinbutton.vertical > button:disabled, tabbar tab button.image-button:disabled, dnd tab button.image-button:disabled, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar popover.background button.flat:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, @@ -698,7 +698,7 @@ toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } tabbar tab button.image-button:checked, @@ -707,7 +707,7 @@ splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); + color: white; } tabbar tab button.image-button:checked:disabled, @@ -716,7 +716,7 @@ splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > butto toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled { background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } button.text-button { @@ -781,17 +781,17 @@ button.text-button.image-button image:not(:only-child) { button.osd { box-shadow: none; padding: 12px 16px; - background-color: #FFFFFF; - border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #2C2C2C; + border: 1px solid rgba(255, 255, 255, 0.12); background-clip: padding-box; } button.osd:hover { - background-color: rgba(235, 235, 235, 0.987); + background-color: #414141; } button.osd:active { - background-color: rgba(214, 214, 214, 0.974); + background-color: #565656; } button.osd.image-button { @@ -803,93 +803,93 @@ button.osd:disabled { } button.suggested-action { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; box-shadow: none; } button.suggested-action:disabled { box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); filter: none; opacity: 1; } button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(255, 214, 0, 0.2), 0 4px 3px 0 rgba(255, 214, 0, 0.14), 0 1px 6px 0 rgba(255, 214, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(50, 129, 234, 0.2), 0 4px 3px 0 rgba(50, 129, 234, 0.14), 0 1px 6px 0 rgba(50, 129, 234, 0.12); } button.suggested-action:checked { - background-color: rgba(192, 161, 0, 0.961); + background-color: #70a7f0; } button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(255, 214, 0, 0.3), 0 2px 3px -1px rgba(255, 214, 0, 0.24), 0 2px 5px 0 rgba(255, 214, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(50, 129, 234, 0.3), 0 2px 3px -1px rgba(50, 129, 234, 0.24), 0 2px 5px 0 rgba(50, 129, 234, 0.12); } button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(255, 214, 0, 0.35); + box-shadow: 0 0 0 2px rgba(50, 129, 234, 0.35); } button.suggested-action.flat { background-color: transparent; - color: #FFD600; + color: #3281EA; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } button.suggested-action.flat:checked { - background-color: rgba(255, 214, 0, 0.3); + background-color: rgba(50, 129, 234, 0.3); } button.destructive-action { - background-color: #E53935; + background-color: #F44336; color: white; box-shadow: none; } button.destructive-action:disabled { box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); filter: none; opacity: 1; } button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(229, 57, 53, 0.2), 0 4px 3px 0 rgba(229, 57, 53, 0.14), 0 1px 6px 0 rgba(229, 57, 53, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12); } button.destructive-action:checked { - background-color: #ed7472; + background-color: #f77b72; } button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(229, 57, 53, 0.3), 0 2px 3px -1px rgba(229, 57, 53, 0.24), 0 2px 5px 0 rgba(229, 57, 53, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12); } button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.35); + box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35); } button.destructive-action.flat { background-color: transparent; - color: #E53935; + color: #F44336; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } button.destructive-action.flat:checked { - background-color: rgba(229, 57, 53, 0.3); + background-color: rgba(244, 67, 54, 0.3); } stackswitcher > button > label { @@ -1012,13 +1012,13 @@ list > row button.image-button:not(.flat):checked { list > row button.image-button:not(.flat).suggested-action { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } list > row button.image-button:not(.flat).destructive-action { - background-color: #E53935; + background-color: #F44336; color: white; } @@ -1026,19 +1026,19 @@ list > row button.image-button:not(.flat).destructive-action { * Links * *********/ link { - color: #FFD600; + color: #3281EA; } link:visited { - color: #AB47BC; + color: #BA68C8; } button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #FFD600; + color: #3281EA; } button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #AB47BC; + color: #BA68C8; } button.link > label { @@ -1052,32 +1052,32 @@ spinbutton:not(.vertical), spinbutton.vertical { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(255, 255, 255, 0.04); + color: white; border-radius: 12px; padding: 0; border-spacing: 0; } spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline-color: #FFD600; + background-color: rgba(255, 255, 255, 0.04); + color: white; + outline-color: #3281EA; outline-width: 2px; outline-offset: -2px; } spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); outline: none; filter: none; opacity: 1; } spinbutton:not(.vertical):disabled > label, spinbutton.vertical:disabled > label { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) > text, spinbutton.vertical > text { @@ -1095,7 +1095,7 @@ spinbutton:not(.vertical) > button, spinbutton.vertical > button { spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled), spinbutton.vertical > button:focus:not(:hover):not(:active):not(:disabled) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } spinbutton:not(.vertical) > text { @@ -1112,7 +1112,7 @@ spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > butt } spinbutton.vertical:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } spinbutton.vertical > text { @@ -1235,18 +1235,18 @@ button.combo:only-child { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(255, 255, 255, 0.04); + color: white; } button.combo:only-child:focus { box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); + color: white; } button.combo:only-child:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); + color: white; } button.combo:only-child:active { @@ -1255,18 +1255,18 @@ button.combo:only-child:active { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 100% 100%; - color: rgba(0, 0, 0, 0.87); + color: white; } button.combo:only-child:checked { background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); + color: white; } button.combo:only-child:disabled { box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); filter: none; opacity: 1; } @@ -1276,13 +1276,13 @@ toolbar.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 12px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #FFFFFF; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; } .app-notification:backdrop, .toolbar.osd:backdrop, toolbar.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } /************ @@ -1291,7 +1291,7 @@ toolbar.osd:backdrop { .toolbar, toolbar { padding: 3px 6px; - background-color: #F2F2F2; + background-color: #212121; border-spacing: 6px; } @@ -1375,8 +1375,8 @@ searchbar > revealer > box { border-spacing: 6px; border-style: solid; border-width: 0 0 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #F2F2F2; + border-color: rgba(255, 255, 255, 0.12); + background-color: #212121; background-clip: border-box; box-shadow: none; } @@ -1392,43 +1392,43 @@ searchbar > revealer > box splitbutton { * Header bars * ***************/ window.about.background.csd headerbar button:not(.suggested-action):not(.destructive-action), headerbar.flat button:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } window.about.background.csd headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:focus:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:hover:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:active:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.87); + color: white; } window.about.background.csd headerbar button:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } window.about.background.csd headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } window.about.background.csd headerbar button:backdrop:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } window.about.background.csd headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:focus:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:hover:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } window.about.background.csd headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } window.about.background.csd headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } window.about.background.csd headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar button:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { @@ -1436,88 +1436,88 @@ headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructiv } headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { background-color: transparent; - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar entry { - caret-color: rgba(0, 0, 0, 0.87); + caret-color: white; } headerbar entry { - background-color: rgba(0, 0, 0, 0.04); + background-color: rgba(255, 255, 255, 0.04); } headerbar entry, headerbar entry > text { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar entry:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); } headerbar entry image { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar entry image:hover, headerbar entry image:active { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar entry image:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + color: white; min-height: 48px; padding: 0; margin: 0; - background-color: #FFFFFF; + background-color: transparent; } headerbar:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar:backdrop { - color: rgba(0, 0, 0, 0.6); - background-color: #FFFFFF; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; } headerbar:backdrop:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar .title { @@ -1537,14 +1537,14 @@ row.expander:not(:checked) headerbar image.expander-row-arrow, headerbar row label.subtitle, row headerbar label.subtitle { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar .subtitle:backdrop, headerbar .dim-label:backdrop, headerbar row.expander:not(:checked) image.expander-row-arrow:backdrop, row.expander:not(:checked) headerbar image.expander-row-arrow:backdrop { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar headerbar { @@ -1581,8 +1581,8 @@ headerbar .linked:not(.vertical) > entry:not(:only-child) { headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); } headerbar button.toggle { @@ -1590,9 +1590,9 @@ headerbar button.toggle { } headerbar.flat { - background-color: #F2F2F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - color: rgba(0, 0, 0, 0.6); + background-color: #212121; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); border-radius: 18px 18px 0 0; } @@ -1602,11 +1602,11 @@ background.csd.info headerbar.flat, background.csd.about headerbar.flat { } headerbar popover.background > contents { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar popover.background > contents .dim-label, headerbar popover.background > contents row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) headerbar popover.background > contents image.expander-row-arrow, headerbar popover.background > contents row label.subtitle, row headerbar popover.background > contents label.subtitle { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton { @@ -1614,7 +1614,7 @@ headerbar popover.background button, headerbar popover.background entry, headerb } headerbar popover.background button:not(.suggested-action):not(.destructive-action) image { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { @@ -1640,43 +1640,43 @@ headerbar stackswitcher { headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { border-radius: 9999px; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar > windowhandle > box { @@ -1718,16 +1718,16 @@ headerbar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } headerbar.selection-mode:backdrop { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar.selection-mode .subtitle:link { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar.selection-mode .selection-menu { @@ -1741,7 +1741,7 @@ headerbar.selection-mode .selection-menu .arrow { headerbar .selection-mode { box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #FFD600; + background-color: #3281EA; } .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { @@ -1752,8 +1752,8 @@ headerbar.default-decoration { min-height: 24px; padding: 6px; background-image: none; - background-color: #FFFFFF; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #2C2C2C; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } headerbar.default-decoration windowcontrols button, @@ -1770,11 +1770,11 @@ headerbar.default-decoration windowcontrols menubutton { } window.devel headerbar.titlebar { - background: #FFFFFF cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 214, 0, 0.2)), linear-gradient(to top, #f7f7f7, #FFFFFF 3px, white); + background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(50, 129, 234, 0.1)), linear-gradient(to top, #343434 3px, #393939); } window.devel headerbar.titlebar:backdrop { - background: #FFFFFF cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#FFFFFF); + background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#2C2C2C); /* background-color would flash */ } @@ -1843,8 +1843,8 @@ pathbar > button.slider-button { } .pathbar { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.7); border: none; border-radius: 12px; padding: 2px; @@ -1853,8 +1853,8 @@ pathbar > button.slider-button { headerbar .pathbar { margin-top: 6px; margin-bottom: 6px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.7); } .pathbar > button { @@ -1868,7 +1868,7 @@ headerbar .pathbar { .pathbar > button:last-child { background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); + color: white; } /************** @@ -1876,13 +1876,13 @@ headerbar .pathbar { **************/ columnview.view, treeview.view { - border-left-color: #dedede; - border-top-color: #dedede; + border-left-color: #404040; + border-top-color: #404040; } columnview.view:selected, treeview.view:selected { - background-color: #FFFFFF; + background-color: #2C2C2C; background-image: image(alpha(currentColor, 0.1)); box-shadow: none; } @@ -1897,7 +1897,7 @@ treeview.view:selected { columnview.view.separator, treeview.view.separator { min-height: 5px; - color: rgba(0, 0, 0, 0.12); + color: rgba(255, 255, 255, 0.12); } columnview.view:drop(active), @@ -1936,7 +1936,7 @@ columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } @@ -1952,27 +1952,27 @@ treeview.view.expander:checked { columnview.view.expander:hover, treeview.view.expander:hover { - color: rgba(0, 0, 0, 0.87); + color: white; } columnview.view.expander:selected, treeview.view.expander:selected { - color: #FFD600; + color: #3281EA; } columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { - color: rgba(255, 214, 0, 0.65); + color: rgba(50, 129, 234, 0.65); } columnview.view.expander:disabled, treeview.view.expander:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } columnview.view.progressbar, treeview.view.progressbar { - border-bottom: 6px solid #FFD600; + border-bottom: 6px solid #3281EA; box-shadow: none; background-color: transparent; background-image: none; @@ -1985,7 +1985,7 @@ treeview.view.progressbar:selected:hover { columnview.view.trough, treeview.view.trough { - border-bottom: 6px solid rgba(0, 0, 0, 0.15); + border-bottom: 6px solid rgba(255, 255, 255, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -2001,20 +2001,20 @@ treeview.view > header > button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); + border-color: rgba(255, 255, 255, 0.12); border-radius: 0; background-clip: border-box; } columnview.view > header > button:not(:focus):not(:hover):not(:active), treeview.view > header > button:not(:focus):not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } columnview.view > header > button, columnview.view > header > button:disabled, treeview.view > header > button, treeview.view > header > button:disabled { - background-color: #FFFFFF; + background-color: #2C2C2C; } columnview.view > header > button:last-child, @@ -2045,17 +2045,17 @@ treeview.view header.button.dnd { padding: 2px 6px; border-style: none solid solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); + border-color: rgba(255, 255, 255, 0.12); border-radius: 0; box-shadow: none; - background-color: #FFFFFF; + background-color: #2C2C2C; background-clip: border-box; - color: #FFD600; + color: #3281EA; } columnview.view acceleditor > label, treeview.view acceleditor > label { - background-color: #FFD600; + background-color: #3281EA; } /********* @@ -2063,13 +2063,13 @@ treeview.view acceleditor > label { *********/ menubar { padding: 0; - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); + background-color: #2C2C2C; + color: white; } menubar:backdrop { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); } .csd menubar { @@ -2080,17 +2080,17 @@ menubar > item { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } menubar > item:selected { transition: none; background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); + color: white; } menubar > item:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } menubar > item label:disabled { @@ -2173,10 +2173,10 @@ popover.background > contents { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; + background-color: #3C3C3C; border: none; border-radius: 11px; - color: rgba(0, 0, 0, 0.87); + color: white; } popover.background:backdrop > arrow, @@ -2197,7 +2197,7 @@ popover.background > contents > scrolledwindow > viewport > stack > box { } popover.background > contents separator { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.12); margin: 3px 0; } @@ -2216,7 +2216,7 @@ popover.background > contents list separator { popover.background .view:not(:selected), popover.background toolbar { - background-color: #FFFFFF; + background-color: #3C3C3C; } popover.background .linked > button:not(.radio):first-child { @@ -2237,19 +2237,19 @@ popover.background modelbutton { min-width: 56px; padding: 3px 9px; border-radius: 5px; - color: rgba(0, 0, 0, 0.87); + color: white; font: initial; text-shadow: none; border-spacing: 6px; } popover.background modelbutton accelerator { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); margin-left: 30px; } popover.background modelbutton accelerator:disabled { - color: rgba(0, 0, 0, 0.12); + color: rgba(255, 255, 255, 0.12); } popover.background modelbutton arrow.left { @@ -2282,7 +2282,7 @@ popover.background listview > row { } magnifier { - background-color: #FFFFFF; + background-color: #2C2C2C; } /************* @@ -2299,42 +2299,42 @@ notebook > header tab { outline: none; background-clip: padding-box; box-shadow: none; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); font-weight: 500; } notebook > header tab:hover { - background-color: #dedede; - color: rgba(0, 0, 0, 0.87); + background-color: #404040; + color: white; } notebook > header tab:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #FFFFFF; + background-color: #2C2C2C; background-clip: padding-box; - border-color: #dedede; - color: rgba(0, 0, 0, 0.87); + border-color: #404040; + color: white; box-shadow: none; } notebook > header tab:checked:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } notebook > header tab:checked.reorderable-page { - background-color: #FFFFFF; + background-color: #2C2C2C; } notebook { - background-color: #FFFFFF; + background-color: #2C2C2C; } frame > paned > notebook > header, notebook.frame > header { - background-color: #FAFAFA; + background-color: #242424; } notebook.frame { @@ -2372,12 +2372,12 @@ notebook.frame > header.right { notebook > header { border: none; - background-color: #F2F2F2; + background-color: #212121; padding: 0; } notebook > header.top { - box-shadow: inset 0 -1px #dedede; + box-shadow: inset 0 -1px #404040; } notebook > header.top > tabs { @@ -2390,7 +2390,7 @@ notebook > header.top > tabs > tab { } notebook > header.bottom { - box-shadow: inset 0 1px #dedede; + box-shadow: inset 0 1px #404040; } notebook > header.bottom > tabs { @@ -2403,7 +2403,7 @@ notebook > header.bottom > tabs > tab { } notebook > header.left { - box-shadow: inset -1px 0 #dedede; + box-shadow: inset -1px 0 #404040; } notebook > header.left > tabs { @@ -2416,7 +2416,7 @@ notebook > header.left > tabs > tab { } notebook > header.right { - box-shadow: inset 1px 0 #dedede; + box-shadow: inset 1px 0 #404040; } notebook > header.right > tabs { @@ -2487,8 +2487,8 @@ notebook > header tab > box { } notebook > header tab > box:drop(active) { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(255, 255, 255, 0.12); + color: white; } notebook > header tab button.flat:last-child { @@ -2545,23 +2545,23 @@ notebook > stack:not(:only-child) { **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #FFFFFF; + background-color: #2C2C2C; } scrollbar.top { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); + border-left: 1px solid rgba(255, 255, 255, 0.12); } scrollbar > range > trough { @@ -2577,21 +2577,21 @@ scrollbar > range > trough > slider { border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; - background-color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.5); box-shadow: none; outline: none; } scrollbar > range > trough > slider:hover { - background-color: rgba(0, 0, 0, 0.6); + background-color: rgba(255, 255, 255, 0.7); } scrollbar > range > trough > slider:active { - background-color: rgba(0, 0, 0, 0.87); + background-color: white; } scrollbar > range > trough > slider:disabled { - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.3); } scrollbar > range.fine-tune > trough > slider { @@ -2622,7 +2622,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > sli min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid rgba(44, 44, 44, 0.3); box-shadow: none; outline: none; } @@ -2631,15 +2631,15 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid rgba(44, 44, 44, 0.3); border-radius: 9999px; - background-color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.5); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { @@ -2659,7 +2659,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(255, 255, 255, 0.9); + background-color: rgba(60, 60, 60, 0.9); } scrollbar.horizontal > range > trough > slider { @@ -2702,14 +2702,14 @@ switch { padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.3); background-clip: padding-box; font-size: 0; color: transparent; } switch:checked { - background-color: rgba(255, 214, 0, 0.5); + background-color: rgba(50, 129, 234, 0.5); } switch:disabled { @@ -2729,7 +2729,7 @@ switch > slider { border-radius: 9999px; outline: none; box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); - background-color: #FFFFFF; + background-color: #3C3C3C; } switch:focus > slider { @@ -2745,8 +2745,8 @@ switch:focus:hover > slider { } switch:checked > slider { - background-color: #FFD600; - color: #FFD600; + background-color: #3281EA; + color: #3281EA; } /************************* @@ -2772,12 +2772,12 @@ switch:checked > slider { .view.content-view.check:not(list), .content-view .tile check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); } checkbutton, @@ -2816,13 +2816,13 @@ radio { check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #0F9D58; + color: #81C995; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } check:not(:hover):focus, @@ -2843,7 +2843,7 @@ popover modelbutton check, popover modelbutton check:focus, popover modelbutton } popover modelbutton check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } popover modelbutton check, popover modelbutton check:hover, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:hover, popover modelbutton radio:disabled { @@ -2935,7 +2935,7 @@ columnview.view radio { padding: 0; box-shadow: none; background: none; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active, @@ -2943,13 +2943,13 @@ columnview.view check:hover, columnview.view check:active, columnview.view radio:hover, columnview.view radio:active { - color: rgba(0, 0, 0, 0.87); + color: white; } treeview.view check:disabled, treeview.view radio:disabled, columnview.view check:disabled, columnview.view radio:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate, @@ -2957,7 +2957,7 @@ columnview.view check:checked, columnview.view check:indeterminate, columnview.view radio:checked, columnview.view radio:indeterminate { - color: #0F9D58; + color: #81C995; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled, @@ -2965,7 +2965,7 @@ columnview.view check:checked:disabled, columnview.view check:indeterminate:disabled, columnview.view radio:checked:disabled, columnview.view radio:indeterminate:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, treeview.view:focus-within check, treeview.view:focus-within radio, @@ -3023,11 +3023,11 @@ scale.fine-tune > trough > slider { scale > trough { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.3); } scale > trough:disabled { - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(255, 255, 255, 0.15); } scale > trough > slider { @@ -3039,7 +3039,7 @@ scale > trough > slider { min-width: 32px; margin: -15px; border-radius: 50%; - color: #FFD600; + color: #3281EA; background-color: transparent; } @@ -3050,11 +3050,11 @@ scale > trough > slider, scale > trough > slider:focus, scale > trough > slider: } scale > trough > slider { - background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale > trough > slider:focus { @@ -3072,24 +3072,24 @@ scale > trough > slider:focus:hover { scale > trough > slider:active { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: auto, 0% 0%; - color: #FFD600; + color: #3281EA; } scale > trough > highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#FFD600); + background-image: image(#3281EA); } scale > trough > highlight:disabled { - background-color: #F2F2F2; - background-image: image(rgba(0, 0, 0, 0.26)); + background-color: #212121; + background-image: image(rgba(255, 255, 255, 0.3)); } scale > trough > fill { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.3); } scale > trough > fill:disabled { @@ -3098,11 +3098,11 @@ scale > trough > fill:disabled { scale > marks, scale > value { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } scale > marks indicator { - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.3); color: transparent; } @@ -3167,51 +3167,51 @@ scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-aft } scale.horizontal.marks-before:not(.marks-after) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.color { @@ -3250,7 +3250,7 @@ scale.color.vertical:dir(rtl) > trough > slider { * Progress bars * *****************/ progressbar { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); font-size: smaller; } @@ -3266,12 +3266,12 @@ progressbar.vertical progress { progressbar trough { border-radius: 12px; - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(255, 255, 255, 0.15); } progressbar progress { border-radius: 12px; - background-color: #FFD600; + background-color: #3281EA; } progressbar.osd { @@ -3288,7 +3288,7 @@ progressbar.osd trough { } progressbar.osd progress { - background-color: #FFD600; + background-color: #3281EA; } progressbar trough.empty progress { @@ -3327,26 +3327,26 @@ levelbar trough { } levelbar block.low { - background-color: #FFD600; + background-color: #FBC02D; } levelbar block.high, levelbar block:not(.empty) { - background-color: #FFD600; + background-color: #3281EA; } levelbar block.full { - background-color: #0F9D58; + background-color: #81C995; } levelbar block.empty { - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(255, 255, 255, 0.15); } /**************** * Print dialog * *****************/ window.dialog.print drawing { - color: rgba(0, 0, 0, 0.87); + color: white; background: none; border: none; padding: 0; @@ -3354,9 +3354,9 @@ window.dialog.print drawing { window.dialog.print drawing paper { padding: 0; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + color: white; } window.dialog.print .dialog-action-box { @@ -3368,7 +3368,7 @@ window.dialog.print .dialog-action-box { **********/ frame, .frame { - border: 1px solid rgba(0, 0, 0, 0.12); + border: 1px solid rgba(255, 255, 255, 0.12); } frame > list, @@ -3401,8 +3401,8 @@ frame.flat > border, statusbar frame > border { actionbar > revealer > box { padding: 6px; border-spacing: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; background-clip: border-box; box-shadow: none; } @@ -3428,7 +3428,7 @@ stack scrolledwindow.frame viewport.frame list { overshoot.top { background-size: 200% 70%; - background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.04) 99%, transparent 100%); + background-image: radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.04) 99%, transparent 100%); background-repeat: no-repeat; background-position: center top; background-color: transparent; @@ -3438,7 +3438,7 @@ overshoot.top { overshoot.bottom { background-size: 200% 70%; - background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.04) 99%, transparent 100%); + background-image: radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.04) 99%, transparent 100%); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; @@ -3448,7 +3448,7 @@ overshoot.bottom { overshoot.left { background-size: 200% 70%; - background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.04) 99%, transparent 100%); + background-image: radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.04) 99%, transparent 100%); background-repeat: no-repeat; background-position: left center; background-color: transparent; @@ -3458,7 +3458,7 @@ overshoot.left { overshoot.right { background-size: 200% 70%; - background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.04) 99%, transparent 100%); + background-image: radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.04) 99%, transparent 100%); background-repeat: no-repeat; background-position: right center; background-color: transparent; @@ -3468,13 +3468,13 @@ overshoot.right { junction { border: none; - background-color: #FFFFFF; + background-color: #2C2C2C; } separator { min-width: 1px; min-height: 1px; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.12); } separator.spacer { @@ -3501,10 +3501,10 @@ stacksidebar separator.horizontal, button.font separator, button.file separator *********/ listview, list { - border-color: rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; background-clip: padding-box; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } listview > row, @@ -3525,13 +3525,13 @@ list > row.expander .row-header { listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { - border-left: 1px solid rgba(0, 0, 0, 0.12); + border-left: 1px solid rgba(255, 255, 255, 0.12); } listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } list.frame { @@ -3583,7 +3583,7 @@ button row.activatable, button row.activatable:hover, button row.activatable.has } button:checked row { - color: rgba(0, 0, 0, 0.87); + color: white; } row:selected { @@ -3592,7 +3592,7 @@ row:selected { row:selected image, row:selected label { - color: rgba(0, 0, 0, 0.87); + color: white; } row:selected button image, @@ -3602,7 +3602,7 @@ row:selected button label { row:selected:disabled image, row:selected:disabled label { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } treeexpander { @@ -3633,11 +3633,11 @@ columnview > header > button:first-child { columnview.column-separators > listview > row > cell, columnview.column-separators > header > button { - border-left-color: rgba(0, 0, 0, 0.12); + border-left-color: rgba(255, 255, 255, 0.12); } columnview > listview:not(.horizontal).separators > row:not(.separator) { - border-top: 1px solid rgba(0, 0, 0, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } @@ -3647,7 +3647,7 @@ columnview.data-table > listview > row > cell { } columnview ~ undershoot.top { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); } columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { @@ -3655,12 +3655,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { } columnview row:not(:selected) cell editablelabel.editing:focus-within { - outline: 2px solid #FFD600; + outline: 2px solid #3281EA; } columnview row:not(:selected) cell editablelabel.editing text selection { - color: rgba(0, 0, 0, 0.87); - background-color: #FFD600; + color: white; + background-color: #3281EA; } .rich-list { @@ -3730,15 +3730,15 @@ list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header, row.expander list.nested > row { transition: 200ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(0, 0, 0, 0.6); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(255, 255, 255, 0.7); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .osd list.content > row:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, .osd list.boxed-list > row:focus:focus-visible, .osd list.boxed-list > row.expander row.header:focus:focus-visible, list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { - outline-color: rgba(0, 0, 0, 0.04); + outline-color: rgba(255, 255, 255, 0.04); } row.expander { @@ -3752,7 +3752,7 @@ row.expander > box > list { } row.expander list.nested { - background-color: #FFFFFF; + background-color: #2C2C2C; color: inherit; } @@ -3781,7 +3781,7 @@ row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { } row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #FFD600; + color: #3281EA; } .osd row.expander:checked image.expander-row-arrow:not(:disabled) { @@ -3834,7 +3834,7 @@ list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { } .app-notification button.text-button:not(:disabled) { - color: #FFD600; + color: #3281EA; } .app-notification.frame, @@ -3849,7 +3849,7 @@ expander { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } @@ -3858,11 +3858,11 @@ expander:dir(rtl) { } expander:hover, expander:active { - color: rgba(0, 0, 0, 0.87); + color: white; } expander:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } expander-widget > box > title { @@ -3870,7 +3870,7 @@ expander-widget > box > title { } expander-widget > box > title:hover > expander { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), @@ -3888,13 +3888,13 @@ expander-widget:not(decoration):not(window):drop(active) { ************/ calendar { padding: 0; - border: 1px solid rgba(0, 0, 0, 0.12); + border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; - color: rgba(0, 0, 0, 0.87); + color: white; } calendar:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } calendar:selected { @@ -3903,7 +3903,7 @@ calendar:selected { calendar > header { padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } calendar > header > button { @@ -3939,7 +3939,7 @@ calendar > grid > label.day-number.other-month { * Dialogs * ***********/ window.dialog.message.background { - background-color: #FFFFFF; + background-color: #3C3C3C; background-image: none; } @@ -3950,14 +3950,14 @@ window.dialog.message box.dialog-vbox.vertical { window.dialog.message .titlebar { min-height: 24px; border-style: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; + color: white; } window.dialog.message .titlebar:backdrop { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); + background-color: #3C3C3C; + color: rgba(255, 255, 255, 0.7); } window.dialog.message.csd .dialog-action-area { @@ -3980,11 +3980,11 @@ window.dialog.message.csd .dialog-action-area > button:not(:last-child) { } window.dialog.message.csd .dialog-action-area > button:not(:disabled) { - color: #FFD600; + color: #3281EA; } window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { - color: #E53935; + color: #F44336; } window.messagedialog .message-area separator { @@ -4009,11 +4009,11 @@ window.messagedialog .response-area button:not(:last-child) { } window.messagedialog .response-area button.suggested:not(:disabled) { - color: #FFD600; + color: #3281EA; } window.messagedialog .response-area button.destructive:not(:disabled) { - color: #E53935; + color: #F44336; } window.messagedialog .response-area separator { @@ -4022,12 +4022,12 @@ window.messagedialog .response-area separator { } filechooser .dialog-action-box { - border-top: 1px solid rgba(0, 0, 0, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); } filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #F2F2F2; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #212121; } filechooser stack.view frame > border { @@ -4052,7 +4052,7 @@ window.aboutdialog .large-icons { } window.about.background.csd headerbar { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } /*********** @@ -4060,16 +4060,16 @@ window.about.background.csd headerbar { ***********/ .sidebar { border-style: none; - background-color: #FAFAFA; + background-color: #242424; } .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); border-left-style: none; } .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(0, 0, 0, 0.12); + border-left: 1px solid rgba(255, 255, 255, 0.12); border-right-style: none; } @@ -4084,7 +4084,7 @@ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned . stacksidebar list { padding: 6px; - background-color: #FAFAFA; + background-color: #242424; } stacksidebar row { @@ -4108,7 +4108,7 @@ stacksidebar row > label { } separator.sidebar { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.12); border-right: none; } @@ -4141,11 +4141,11 @@ separator.sidebar.spacer { .navigation-sidebar > row:selected { background-color: alpha(currentColor, 0.1); - color: #FFD600; + color: #3281EA; } .navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image { - color: #FFD600; + color: #3281EA; } .navigation-sidebar > row:selected:hover { @@ -4162,7 +4162,7 @@ separator.sidebar.spacer { } .navigation-sidebar > row:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } .navigation-sidebar > separator { @@ -4174,11 +4174,11 @@ separator.sidebar.spacer { ****************/ row image.sidebar-icon { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } row image.sidebar-icon:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } placessidebar > viewport.frame { @@ -4202,16 +4202,16 @@ placessidebar .navigation-sidebar > row > revealer { placessidebar .navigation-sidebar > row:selected { background-color: alpha(currentColor, 0.1); - color: #FFD600; + color: #3281EA; font-weight: 500; } placessidebar .navigation-sidebar > row:selected image.sidebar-icon { - color: #FFD600; + color: #3281EA; } placessidebar .navigation-sidebar > row:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { @@ -4239,11 +4239,11 @@ placessidebar .navigation-sidebar > row.sidebar-placeholder-row { } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { - color: #FFD600; + color: #3281EA; } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { - color: #FFD600; + color: #3281EA; } placessidebar .navigation-sidebar > row:drop(active) { @@ -4274,7 +4274,7 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.12)); + background-image: image(rgba(255, 255, 255, 0.12)); background-size: 1px 1px; background-clip: content-box; box-shadow: none; @@ -4283,8 +4283,8 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #F2F2F2; - background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12)); + background-color: #212121; + background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 0.12)); background-size: 1px 1px, 1px 1px; } @@ -4354,33 +4354,33 @@ infobar > revealer > box { } infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { - color: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; + color: white; + background-color: #2C2C2C; } infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { - color: #FFD600; + color: #3281EA; } infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { - color: rgba(0, 0, 0, 0.87); + color: white; } infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { - color: rgba(0, 0, 0, 0.87); + color: white; } infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #ffda1a; + background-color: #1b73e8; } infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #FFD600; + background-color: #FBC02D; color: rgba(0, 0, 0, 0.87); } @@ -4393,11 +4393,11 @@ infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > b } infobar.warning:hover > revealer > box { - background-color: #ffda1a; + background-color: #fbb814; } infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #E53935; + background-color: #F44336; color: white; } @@ -4410,7 +4410,7 @@ infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box * } infobar.error:hover > revealer > box { - background-color: #e84f4c; + background-color: #f32c1e; } /************ @@ -4422,7 +4422,7 @@ tooltip { } tooltip.background, tooltip.background.csd { - background-color: rgba(52, 52, 52, 0.9); + background-color: rgba(25, 25, 25, 0.9); color: white; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; @@ -4487,7 +4487,7 @@ colorswatch.light { colorswatch#add-color-button { border-radius: 11px 11px 0 0; - color: rgba(0, 0, 0, 0.87); + color: white; } colorswatch#add-color-button:only-child { @@ -4495,7 +4495,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-color: #FFFFFF; + background-color: #3C3C3C; } colorswatch:disabled { @@ -4517,19 +4517,19 @@ colorswatch#editor-color-sample overlay { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 12px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #FFFFFF; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; } colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } /******** * Misc * ********/ .content-view { - background-color: #F2F2F2; + background-color: #212121; } /********************** @@ -4543,28 +4543,43 @@ window { window.csd { border-radius: 18px; - box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); } window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { border-radius: 0; } +window.csd.background { + background-color: transparent; + background-image: linear-gradient(to bottom, #2C2C2C, #2C2C2C 48px, #212121 48px, #212121); +} + window.csd:backdrop { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.csd:backdrop.background { + background-color: transparent; + background-image: linear-gradient(to bottom, #2C2C2C, #2C2C2C 48px, #212121 48px, #212121); } window.csd.messagedialog { - background-color: #FFFFFF; + background-color: #3C3C3C; background-image: none; - box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); } window.csd.messagedialog:backdrop { - background-color: #F2F2F2; + background-color: #212121; + background-image: none; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.csd.about.background, window.csd.about.background:backdrop, window.csd.info.background, window.csd.info.background:backdrop { + background-color: #212121; background-image: none; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.4); } window.ssd { @@ -4576,11 +4591,11 @@ window.solid-csd { padding: 2px; border-radius: 0; box-shadow: none; - background-color: #FFFFFF; + background-color: #2C2C2C; } window.solid-csd:backdrop { - background-color: #FFFFFF; + background-color: #2C2C2C; } gridview > child:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected { @@ -4588,13 +4603,13 @@ gridview > child:selected, row:selected, calendar:selected, calendar > grid > la } .view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected { - color: #FFD600; - background-color: rgba(255, 214, 0, 0.2); + color: #3281EA; + background-color: rgba(50, 129, 234, 0.2); } textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected { - color: rgba(0, 0, 0, 0.87); - background-color: #FFD600; + color: white; + background-color: #3281EA; } .monospace { @@ -4609,7 +4624,7 @@ textview text selection:focus, textview text selection, label > selection, entry * Touch Copy & Paste * **********************/ cursor-handle { - color: #FFD600; + color: #3281EA; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -4637,17 +4652,17 @@ shortcut > .keycap { padding-bottom: 2px; padding-left: 8px; padding-right: 8px; - border: solid 1px rgba(0, 0, 0, 0.12); + border: solid 1px rgba(255, 255, 255, 0.12); border-radius: 8px; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #3C3C3C; background-clip: border-box; - color: rgba(0, 0, 0, 0.87); + color: white; font-size: smaller; } :not(decoration):not(window):drop(active) { - caret-color: #FFD600; + caret-color: #3281EA; } stackswitcher { @@ -4667,8 +4682,8 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc } stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } stackswitcher button.text-button { @@ -4711,7 +4726,7 @@ popover.emoji-picker > contents { .emoji-searchbar { padding: 6px; border-spacing: 6px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background: none; } @@ -4727,7 +4742,7 @@ popover.emoji-picker > contents { .emoji-toolbar { padding: 0; border-spacing: 3px; - border-top: 1px solid rgba(0, 0, 0, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); background: none; box-shadow: none; } @@ -4739,7 +4754,7 @@ button.emoji-section { } button.emoji-section:checked { - color: #FFD600; + color: #3281EA; } popover.emoji-picker emoji { @@ -4766,7 +4781,7 @@ emoji-completion-row > box { emoji-completion-row:focus, emoji-completion-row:hover, emoji-completion-row emoji:hover, emoji-completion-row emoji:focus { background-color: alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); + color: white; } popover.entry-completion > contents { @@ -4774,12 +4789,12 @@ popover.entry-completion > contents { } .nautilus-window.background.csd { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .nautilus-window.background.csd, .nautilus-window.background.csd:backdrop { background-image: none; - background-color: #FFFFFF; + background-color: #2C2C2C; } .nautilus-window headerbar { @@ -4795,13 +4810,13 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar { background-color: transparent; border-radius: 18px; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .nautilus-window flap.unfolded > placessidebar > scrolledwindow { margin: 0 0 12px 12px; border-radius: 12px; - background-color: rgba(255, 214, 0, 0.08); + background-color: rgba(50, 129, 234, 0.08); } .nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top { @@ -4846,7 +4861,7 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon { @@ -4865,6 +4880,7 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) { border-radius: 0; + border-radius: 9999px 0 0 9999px; background-color: rgba(245, 124, 0, 0.1); } @@ -4873,7 +4889,7 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover label.sidebar-label { - color: #FFD600; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { @@ -4882,24 +4898,24 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon { - color: #FFD600; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { - color: #FFD600; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #FFD600; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { - color: #FFD600; - background-color: #FFFFFF; + color: #3281EA; + background-color: #2C2C2C; border-image-width: 10px 10px 10px 46px; border-image-slice: 10 10 10 46; border-image-repeat: stretch; - border-image-source: -gtk-scaled(url("assets/row-selected-light.png"), url("assets/row-selected-light@2.png")); + border-image-source: -gtk-scaled(url("assets/row-selected-dark.png"), url("assets/row-selected-dark@2.png")); } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { @@ -4907,11 +4923,11 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #FFD600; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled label.sidebar-label { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar { @@ -4931,36 +4947,36 @@ popover.entry-completion > contents { .nautilus-window tabbar .box { padding: 0 12px; background-color: transparent; - box-shadow: inset 0 -1px #dedede; + box-shadow: inset 0 -1px #404040; } .nautilus-window tabbar tab { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .nautilus-window tabbar tab:hover:not(:selected):not(:active):not(:checked) { - color: rgba(0, 0, 0, 0.87); - background-color: transparent; + color: white; + background-color: rgba(255, 255, 255, 0.05); } .nautilus-window tabbar tab:active, .nautilus-window tabbar tab:checked, .nautilus-window tabbar tab:selected { - color: rgba(0, 0, 0, 0.87); + color: white; } .nautilus-window tabbar tab:active:disabled, .nautilus-window tabbar tab:checked:disabled, .nautilus-window tabbar tab:selected:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } .nautilus-window tabbar tab:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } .nautilus-window placesview label { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .nautilus-window placesview label:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } .nautilus-window infobar { @@ -4982,7 +4998,7 @@ popover.entry-completion > contents { margin: 6px; border: none; border-radius: 9999px; - background-color: rgba(242, 242, 242, 0.95); + background-color: rgba(33, 33, 33, 0.95); box-shadow: none; } @@ -4997,16 +5013,16 @@ popover.entry-completion > contents { #NautilusQueryEditor { border-radius: 9999px; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); padding: 0 4px 0 8px; } #NautilusQueryEditor:focus-within { - color: rgba(0, 0, 0, 0.87); + color: white; } #NautilusQueryEditor:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } #NautilusQueryEditor > menubutton > button.image-button { @@ -5021,7 +5037,7 @@ popover.entry-completion > contents { } #NautilusPathBar { - background-color: rgba(0, 0, 0, 0.04); + background-color: rgba(255, 255, 255, 0.04); border-radius: 9999px; margin: 6px 0; } @@ -5032,7 +5048,7 @@ popover.entry-completion > contents { } #NautilusPathBar #NautilusPathButton.current-dir { - color: rgba(0, 0, 0, 0.87); + color: white; } #NautilusPathBar #NautilusPathButton.current-dir:hover, #NautilusPathBar #NautilusPathButton.current-dir:active { @@ -5073,15 +5089,15 @@ leaflet stack.background { } leaflet > box > scrolledwindow > viewport > widget > stack { - background-color: #FFFFFF; + background-color: #2C2C2C; } .history-view { - background-color: #FFFFFF; + background-color: #2C2C2C; } #displayitem { - border-top: 1px solid rgba(0, 0, 0, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .small .card { @@ -5098,15 +5114,15 @@ leaflet > box > scrolledwindow > viewport > widget > stack { } leaflet button.number-button { - background-color: rgba(0, 0, 0, 0.1); + background-color: rgba(255, 255, 255, 0.1); } leaflet button.number-button:hover { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(255, 255, 255, 0.2); } leaflet button.number-button:active { - background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(255, 255, 255, 0.3); } leaflet button.clear-button.image-button { @@ -5150,7 +5166,7 @@ app-context-bar > box:first-child > button.flat:first-child { } app-context-bar > box > button.flat { - border-left-color: rgba(0, 0, 0, 0.12); + border-left-color: rgba(255, 255, 255, 0.12); } carousel.card { @@ -5165,13 +5181,13 @@ carousel.card { } .context-tile-lozenge.grey { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.12); + color: white; + background-color: rgba(255, 255, 255, 0.12); } .context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { - color: #085731; - background-color: rgba(15, 157, 88, 0.15); + color: #4cb168; + background-color: rgba(129, 201, 149, 0.15); } .context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { @@ -5180,8 +5196,8 @@ carousel.card { } .context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { - color: #b39600; - background-color: rgba(255, 214, 0, 0.15); + color: #d79b04; + background-color: rgba(251, 192, 45, 0.15); } .context-tile-lozenge.details-rating-15 { @@ -5190,8 +5206,8 @@ carousel.card { } .context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { - color: #b61b17; - background-color: rgba(229, 57, 53, 0.15); + color: #d2190b; + background-color: rgba(244, 67, 54, 0.15); } screenshot-carousel box.frame.view { @@ -5254,7 +5270,7 @@ screenshot-carousel box.frame.view { .category-tile.category-socialize { background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .category-tile.category-socialize:hover { @@ -5270,19 +5286,19 @@ screenshot-carousel box.frame.view { /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */ color: #1c71d8; background-color: #fdf8d7; - background-image: linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px); + background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); background-size: 10px 10px, 10px 10px; background-position: -1px -4px, center -1px; } .category-tile.category-work:hover { background-color: #fefcef; - background-image: linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px); + background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); } .category-tile.category-work:active { background-color: #fcf4bf; - background-image: linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px); + background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); } .polari-room-list .sidebar { @@ -5290,8 +5306,8 @@ screenshot-carousel box.frame.view { } .polari-room-list .sidebar > row.activatable:selected { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } .polari-room-list popover.background > arrow, @@ -5313,7 +5329,7 @@ popover.background.global-search > contents { panelframeswitcher { padding: 6px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } panelframetabbar { @@ -5322,7 +5338,7 @@ panelframetabbar { .frameheader.header { min-height: 24px; - background-color: rgba(0, 0, 0, 0.04); + background-color: rgba(255, 255, 255, 0.04); } .frameheader.header > button { @@ -5342,7 +5358,7 @@ panelframetabbar { .frameheader.header tabbar.inline > revealer > box .end-action { padding: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); + border-left: 1px solid rgba(255, 255, 255, 0.12); } .frameheader.header tabbar.inline > revealer > box .end-action menubutton > button { @@ -5359,7 +5375,7 @@ panelframetabbar { } panelstatusbar { - background-color: #F2F2F2; + background-color: #212121; } panelstatusbar > menubutton > button, @@ -5392,15 +5408,15 @@ panelstatusbar > paneltogglebutton button.image-button { } .style-variant button.toggle:hover > stylevariantpreview > .wallpaper { - outline-color: rgba(0, 0, 0, 0.04); + outline-color: rgba(255, 255, 255, 0.04); } .style-variant button.toggle:active > stylevariantpreview > .wallpaper { - outline-color: rgba(0, 0, 0, 0.26); + outline-color: rgba(255, 255, 255, 0.3); } .style-variant button.toggle:checked > stylevariantpreview > .wallpaper { - outline-color: #FFD600; + outline-color: #3281EA; } window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list { @@ -5548,8 +5564,8 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s } button.opaque { - background-color: rgba(224, 224, 224, 0.9805); - color: rgba(0, 0, 0, 0.87); + background-color: #4c4c4c; + color: white; } button.destructive-action { @@ -5557,15 +5573,15 @@ button.destructive-action { } button.destructive-action, button.destructive-action:checked { - background-color: #E53935; + background-color: #F44336; } button.suggested-action { - color: rgba(0, 0, 0, 0.87); + color: white; } button.suggested-action, button.suggested-action:checked { - background-color: #FFD600; + background-color: #3281EA; } button.font separator { @@ -5623,18 +5639,18 @@ menubutton.osd { } menubutton.suggested-action { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } menubutton.destructive-action { - background-color: #E53935; + background-color: #F44336; color: white; } menubutton.opaque { - background-color: rgba(224, 224, 224, 0.9805); - color: rgba(0, 0, 0, 0.87); + background-color: #4c4c4c; + color: white; } menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { @@ -5736,12 +5752,12 @@ splitbutton > menubutton > button:dir(ltr) { } splitbutton.flat > separator { - background: rgba(0, 0, 0, 0.12); + background: rgba(255, 255, 255, 0.12); } splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); + color: white; } splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { @@ -5758,18 +5774,18 @@ splitbutton.flat > menubutton > button { } splitbutton.suggested-action { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } splitbutton.destructive-action { - background-color: #E53935; + background-color: #F44336; color: white; } splitbutton.opaque { - background-color: rgba(224, 224, 224, 0.9805); - color: rgba(0, 0, 0, 0.87); + background-color: #4c4c4c; + color: white; } splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { @@ -5778,11 +5794,11 @@ splitbutton.suggested-action > button, splitbutton.suggested-action > button:che } splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); } splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); } splitbutton > menubutton > button > arrow.none { @@ -5819,8 +5835,8 @@ toast { border-radius: 9999px; border-spacing: 6px; padding: 6px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); - color: rgba(0, 0, 0, 0.6); + box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); font-weight: normal; } @@ -5879,10 +5895,10 @@ list.content, list.boxed-list, .card { border-radius: 12px; box-shadow: none; - border: 1px solid rgba(0, 0, 0, 0.12); + border: 1px solid rgba(255, 255, 255, 0.12); background-clip: padding-box; - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); } preferencespage > scrolledwindow > viewport > clamp > box { @@ -5917,15 +5933,15 @@ preferencesgroup > box button.background-preview-button.toggle, preferencesgroup } preferencesgroup > box button.background-preview-button.toggle:hover { - outline-color: rgba(0, 0, 0, 0.04); + outline-color: rgba(255, 255, 255, 0.04); } preferencesgroup > box button.background-preview-button.toggle:active { - outline-color: rgba(0, 0, 0, 0.26); + outline-color: rgba(255, 255, 255, 0.3); } preferencesgroup > box button.background-preview-button.toggle:checked { - outline-color: #FFD600; + outline-color: #3281EA; } viewswitcher { @@ -5935,26 +5951,26 @@ viewswitcher { viewswitcher.wide { border-spacing: 3px; border-radius: 9999px; - background-color: rgba(0, 0, 0, 0.04); + background-color: rgba(255, 255, 255, 0.04); margin-top: 6px; margin-bottom: 6px; } viewswitcher.wide button.toggle:checked, viewswitcher.wide button.toggle.flat:checked { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator { - background-color: rgba(0, 0, 0, 0.87); + background-color: white; } viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator > label { - color: #FFD600; + color: #3281EA; } viewswitcher.narrow button.toggle { @@ -6021,19 +6037,19 @@ indicatorbin > mask { } indicatorbin.needs-attention > indicator { - background-color: #FFD600; + background-color: #3281EA; } indicatorbin.needs-attention > indicator > label { - color: rgba(0, 0, 0, 0.87); + color: white; } tabbar .box { min-height: 28px; - background-color: #F2F2F2; - color: rgba(0, 0, 0, 0.6); + background-color: #212121; + color: rgba(255, 255, 255, 0.7); padding: 0; - box-shadow: inset 0 -1px #dedede; + box-shadow: inset 0 -1px #404040; border-bottom: none; } @@ -6057,7 +6073,7 @@ tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 9px 6px; - background: alpha(#FFD600, 0.5); + background: alpha(#3281EA, 0.5); } tabbar tab { @@ -6065,25 +6081,25 @@ tabbar tab { border-radius: 12px 12px 0 0; border: 1px solid transparent; border-bottom-width: 0; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); padding: 6px 12px; } tabbar tab:hover:not(:selected):not(:active):not(:checked) { transition: none; - background-color: #dedede; + background-color: #404040; box-shadow: none; - color: rgba(0, 0, 0, 0.87); - border-color: #dedede; + color: white; + border-color: #404040; border-radius: 12px 12px 0 0; } tabbar tab:selected, tabbar tab:checked, tabbar tab:active { transition: background-color 150ms ease-in-out; - background-color: #FFFFFF; + background-color: #2C2C2C; box-shadow: none; - color: rgba(0, 0, 0, 0.87); - border-color: #dedede; + color: white; + border-color: #404040; border-radius: 12px 12px 0 0; } @@ -6103,12 +6119,12 @@ tabbar .end-action:dir(ltr) { } tabview > stack { - background-color: #FFFFFF; + background-color: #2C2C2C; } dnd tab { - background-color: #F2F2F2; - color: rgba(0, 0, 0, 0.6); + background-color: #212121; + color: rgba(255, 255, 255, 0.7); box-shadow: none; margin: 24px; } @@ -6127,7 +6143,7 @@ tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; - background: alpha(#FFD600, 0.5); + background: alpha(#3281EA, 0.5); } tabview:drop(active), @@ -6144,81 +6160,81 @@ tabbox:drop(active) { use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color rgba(0, 0, 0, 0.87); +@define-color theme_fg_color white; /* text color for entries, views and content in general */ -@define-color theme_text_color rgba(0, 0, 0, 0.87); +@define-color theme_text_color white; /* widget base background color */ -@define-color theme_bg_color #F2F2F2; +@define-color theme_bg_color #212121; /* text widgets and the like base background color */ -@define-color theme_base_color #FFFFFF; +@define-color theme_base_color #2C2C2C; /* base background color of selections */ -@define-color theme_selected_bg_color #FFD600; +@define-color theme_selected_bg_color #3281EA; /* text/foreground color of selections */ -@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); +@define-color theme_selected_fg_color white; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #F2F2F2; +@define-color insensitive_bg_color #212121; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(0, 0, 0, 0.38); +@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #FAFAFA; +@define-color insensitive_base_color #242424; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); +@define-color theme_unfocused_fg_color white; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); +@define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #F2F2F2; +@define-color theme_unfocused_bg_color #212121; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #FFFFFF; +@define-color theme_unfocused_base_color #2C2C2C; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #FFD600; +@define-color theme_unfocused_selected_bg_color #3281EA; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); +@define-color theme_unfocused_selected_fg_color white; /* insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); +@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); /* widgets main borders color */ -@define-color borders rgba(0, 0, 0, 0.12); +@define-color borders rgba(255, 255, 255, 0.12); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); /* these are pretty self explicative */ -@define-color warning_color #FFD600; -@define-color error_color #E53935; -@define-color success_color #0F9D58; +@define-color warning_color #FBC02D; +@define-color error_color #F44336; +@define-color success_color #81C995; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title rgba(0, 0, 0, 0.87); -@define-color wm_unfocused_title rgba(0, 0, 0, 0.6); -@define-color wm_highlight rgba(255, 255, 255, 0.4); -@define-color wm_bg #FFFFFF; -@define-color wm_unfocused_bg #FFFFFF; +@define-color wm_title white; +@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); +@define-color wm_highlight rgba(255, 255, 255, 0.1); +@define-color wm_bg #2C2C2C; +@define-color wm_unfocused_bg #2C2C2C; /* FIXME this is really an API */ -@define-color content_view_bg #FFFFFF; -@define-color placeholder_text_color #666666; +@define-color content_view_bg #2C2C2C; +@define-color placeholder_text_color silver; /* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #FFFFFF; -@define-color budgie_tasklist_indicator_color rgba(0, 0, 0, 0.6); -@define-color budgie_tasklist_indicator_color_active #FFD600; -@define-color budgie_tasklist_indicator_color_active_window rgba(250, 224, 90, 0.8075); -@define-color budgie_tasklist_indicator_color_attention #FFD600; +@define-color text_view_bg #1d1d1d; +@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.7); +@define-color budgie_tasklist_indicator_color_active #3281EA; +@define-color budgie_tasklist_indicator_color_active_window rgba(44, 93, 160, 0.8075); +@define-color budgie_tasklist_indicator_color_attention #FBC02D; @define-color STRAWBERRY_100 #FF9262; @define-color STRAWBERRY_300 #FF793E; @define-color STRAWBERRY_500 #F15D22; @@ -6317,36 +6333,36 @@ FIXME this is really an API */ /* GTK NAMED COLORS ---------------- use responsibly! */ -@define-color accent_bg_color #FFD600; -@define-color accent_fg_color rgba(0, 0, 0, 0.87); -@define-color accent_color #FFD600; -@define-color destructive_bg_color #E53935; +@define-color accent_bg_color #3281EA; +@define-color accent_fg_color white; +@define-color accent_color #3281EA; +@define-color destructive_bg_color #F44336; @define-color destructive_fg_color white; -@define-color destructive_color #E53935; -@define-color success_bg_color #0F9D58; -@define-color success_fg_color white; -@define-color success_color #0F9D58; -@define-color warning_bg_color #FFD600; +@define-color destructive_color #F44336; +@define-color success_bg_color #81C995; +@define-color success_fg_color rgba(0, 0, 0, 0.87); +@define-color success_color #81C995; +@define-color warning_bg_color #FBC02D; @define-color warning_fg_color rgba(0, 0, 0, 0.87); -@define-color warning_color #FFD600; -@define-color error_bg_color #E53935; +@define-color warning_color #FBC02D; +@define-color error_bg_color #F44336; @define-color error_fg_color white; -@define-color error_color #E53935; -@define-color window_bg_color #F2F2F2; -@define-color window_fg_color rgba(0, 0, 0, 0.87); -@define-color view_bg_color #FFFFFF; -@define-color view_fg_color rgba(0, 0, 0, 0.87); -@define-color headerbar_bg_color #FFFFFF; -@define-color headerbar_fg_color rgba(0, 0, 0, 0.87); -@define-color headerbar_border_color rgba(0, 0, 0, 0.12); -@define-color headerbar_backdrop_color #FFFFFF; -@define-color headerbar_shade_color rgba(0, 0, 0, 0.12); -@define-color card_bg_color #FFFFFF; -@define-color card_fg_color rgba(0, 0, 0, 0.87); -@define-color card_shade_color rgba(0, 0, 0, 0.12); -@define-color dialog_bg_color #FAFAFA; -@define-color dialog_fg_color rgba(0, 0, 0, 0.87); -@define-color popover_bg_color #FFFFFF; -@define-color popover_fg_color rgba(0, 0, 0, 0.87); -@define-color shade_color rgba(0, 0, 0, 0.12); -@define-color scrollbar_outline_color rgba(0, 0, 0, 0.12); +@define-color error_color #F44336; +@define-color window_bg_color #212121; +@define-color window_fg_color white; +@define-color view_bg_color #2C2C2C; +@define-color view_fg_color white; +@define-color headerbar_bg_color #2C2C2C; +@define-color headerbar_fg_color white; +@define-color headerbar_border_color rgba(255, 255, 255, 0.12); +@define-color headerbar_backdrop_color #2C2C2C; +@define-color headerbar_shade_color rgba(255, 255, 255, 0.12); +@define-color card_bg_color #2C2C2C; +@define-color card_fg_color white; +@define-color card_shade_color rgba(255, 255, 255, 0.12); +@define-color dialog_bg_color #242424; +@define-color dialog_fg_color white; +@define-color popover_bg_color #3C3C3C; +@define-color popover_fg_color white; +@define-color shade_color rgba(255, 255, 255, 0.12); +@define-color scrollbar_outline_color rgba(255, 255, 255, 0.12);