diff --git a/src/assets/gtk-3.0/common-assets/assets.svg b/src/assets/gtk-3.0/common-assets/assets.svg
index 808c1ee..c673f73 100644
--- a/src/assets/gtk-3.0/common-assets/assets.svg
+++ b/src/assets/gtk-3.0/common-assets/assets.svg
@@ -9,7 +9,7 @@
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+ inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
sodipodi:docname="assets.svg"
id="svg1220"
version="1.1"
@@ -36,14 +36,14 @@
showguides="true"
inkscape:current-layer="layer2"
inkscape:window-maximized="1"
- inkscape:window-y="28"
+ inkscape:window-y="44"
inkscape:window-x="0"
- inkscape:cy="146.26942"
- inkscape:cx="368.52077"
- inkscape:zoom="9.7474048"
+ inkscape:cy="229.71615"
+ inkscape:cx="563.59541"
+ inkscape:zoom="0.6092128"
showgrid="false"
id="namedview1222"
- inkscape:window-height="1020"
+ inkscape:window-height="1004"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
@@ -3966,21 +3966,21 @@
+ style="opacity:0.15;fill:#000000;stroke-width:1.90692" />
diff --git a/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark.png b/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark.png
index bbf3b44..5fc94f4 100644
Binary files a/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark.png and b/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark.png differ
diff --git a/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark@2.png
index 76f27a5..c835d3b 100644
Binary files a/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark@2.png and b/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/assets/paned-separator.png b/src/assets/gtk-3.0/common-assets/assets/paned-separator.png
index 16e3957..fccc844 100644
Binary files a/src/assets/gtk-3.0/common-assets/assets/paned-separator.png and b/src/assets/gtk-3.0/common-assets/assets/paned-separator.png differ
diff --git a/src/assets/gtk-3.0/common-assets/assets/paned-separator@2.png b/src/assets/gtk-3.0/common-assets/assets/paned-separator@2.png
index a581ce2..f1a8b8e 100644
Binary files a/src/assets/gtk-3.0/common-assets/assets/paned-separator@2.png and b/src/assets/gtk-3.0/common-assets/assets/paned-separator@2.png differ
diff --git a/src/main/cinnamon/cinnamon-dark.css b/src/main/cinnamon/cinnamon-dark.css
index 7aea2c3..a5d4f53 100644
--- a/src/main/cinnamon/cinnamon-dark.css
+++ b/src/main/cinnamon/cinnamon-dark.css
@@ -280,7 +280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
#Tooltip {
border-radius: 3px;
padding: 5px 12px;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
color: #dadada;
font-size: 1em;
font-weight: normal;
@@ -589,8 +589,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.window-caption {
- background-color: #2a2a2a;
- border: 1px solid #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
+ border: 1px solid rgba(42, 42, 42, 0.9);
color: #dadada;
spacing: 25px;
border-radius: 2px;
@@ -949,7 +949,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.switcher-list {
color: #dadada;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 3px;
padding: 20px;
@@ -1204,7 +1204,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
#keyboard {
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
border-width: 0;
border-top-width: 1px;
border-color: rgba(0, 0, 0, 0.4);
@@ -1253,7 +1253,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: #dadada;
padding: 5px;
-arrow-border-radius: 2px;
- -arrow-background-color: #2a2a2a;
+ -arrow-background-color: rgba(42, 42, 42, 0.9);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 20px;
@@ -1956,8 +1956,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
height: 70px;
padding: 15px;
spacing: 0.5em;
- background: rgba(29, 29, 29, 0.9);
- border: 0px solid #161616;
+ background: rgba(29, 29, 29, 0.8);
+ border: 0px solid rgba(22, 22, 22, 0.9);
border-bottom: 1px;
color: #dadada;
}
@@ -1999,7 +1999,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.sound-player .slider {
height: 0.5em;
padding: 0;
- border: 0px solid #161616;
+ border: 0px solid rgba(22, 22, 22, 0.9);
border-bottom: 1px;
-slider-height: 0.5em;
-slider-background-color: #262626;
@@ -2228,7 +2228,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.desklet-with-borders {
color: #dadada;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
padding: 12px;
padding-bottom: 16px;
}
@@ -2239,7 +2239,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.desklet-with-borders-and-header {
color: #dadada;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
border-radius: 6px;
border-radius-topleft: 0;
border-radius-topright: 0;
@@ -2253,7 +2253,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.desklet-header {
color: #dadada;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
border-radius: 0;
border-radius-topleft: 6px;
border-radius-topright: 6px;
@@ -2269,7 +2269,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.photoframe-box {
color: #dadada;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
padding: 12px;
padding-bottom: 16px;
}
diff --git a/src/main/cinnamon/cinnamon-light.css b/src/main/cinnamon/cinnamon-light.css
index c5211ee..6844af9 100644
--- a/src/main/cinnamon/cinnamon-light.css
+++ b/src/main/cinnamon/cinnamon-light.css
@@ -280,7 +280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
#Tooltip {
border-radius: 3px;
padding: 5px 12px;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
color: #dadada;
font-size: 1em;
font-weight: normal;
@@ -573,8 +573,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.window-caption {
- background-color: #2a2a2a;
- border: 1px solid #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
+ border: 1px solid rgba(42, 42, 42, 0.9);
color: #dadada;
spacing: 25px;
border-radius: 2px;
@@ -933,7 +933,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.switcher-list {
color: #dadada;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 20px;
@@ -1188,7 +1188,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
#keyboard {
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
border-width: 0;
border-top-width: 1px;
border-color: rgba(0, 0, 0, 0.4);
@@ -1237,7 +1237,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: #dadada;
padding: 5px;
-arrow-border-radius: 2px;
- -arrow-background-color: #2a2a2a;
+ -arrow-background-color: rgba(42, 42, 42, 0.9);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 20px;
@@ -1940,8 +1940,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
height: 70px;
padding: 15px;
spacing: 0.5em;
- background: rgba(29, 29, 29, 0.9);
- border: 0px solid #161616;
+ background: rgba(29, 29, 29, 0.8);
+ border: 0px solid rgba(22, 22, 22, 0.9);
border-bottom: 1px;
color: #dadada;
}
@@ -1983,7 +1983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.sound-player .slider {
height: 0.5em;
padding: 0;
- border: 0px solid #161616;
+ border: 0px solid rgba(22, 22, 22, 0.9);
border-bottom: 1px;
-slider-height: 0.5em;
-slider-background-color: rgba(0, 0, 0, 0.12);
@@ -2212,7 +2212,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.desklet-with-borders {
color: #dadada;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
padding: 12px;
padding-bottom: 16px;
}
@@ -2223,7 +2223,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.desklet-with-borders-and-header {
color: #dadada;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
border-radius: 6px;
border-radius-topleft: 0;
border-radius-topright: 0;
@@ -2237,7 +2237,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.desklet-header {
color: #dadada;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
border-radius: 0;
border-radius-topleft: 6px;
border-radius-topright: 6px;
@@ -2253,7 +2253,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.photoframe-box {
color: #dadada;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
padding: 12px;
padding-bottom: 16px;
}
diff --git a/src/main/gnome-shell/gnome-shell-dark-alt.css b/src/main/gnome-shell/gnome-shell-dark-alt.css
index 0315e60..d2ec37e 100644
--- a/src/main/gnome-shell/gnome-shell-dark-alt.css
+++ b/src/main/gnome-shell/gnome-shell-dark-alt.css
@@ -19,7 +19,6 @@
*/
/* GLOBALS */
stage {
- font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 9.75pt;
font-weight: 400;
color: #dedede;
diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt.css
index f109517..a542254 100644
--- a/src/main/gnome-shell/gnome-shell-dark-solid-alt.css
+++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt.css
@@ -19,7 +19,6 @@
*/
/* GLOBALS */
stage {
- font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 9.75pt;
font-weight: 400;
color: #dedede;
diff --git a/src/main/gnome-shell/gnome-shell-dark-solid.css b/src/main/gnome-shell/gnome-shell-dark-solid.css
index f109517..a542254 100644
--- a/src/main/gnome-shell/gnome-shell-dark-solid.css
+++ b/src/main/gnome-shell/gnome-shell-dark-solid.css
@@ -19,7 +19,6 @@
*/
/* GLOBALS */
stage {
- font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 9.75pt;
font-weight: 400;
color: #dedede;
diff --git a/src/main/gnome-shell/gnome-shell-dark.css b/src/main/gnome-shell/gnome-shell-dark.css
index 0315e60..d2ec37e 100644
--- a/src/main/gnome-shell/gnome-shell-dark.css
+++ b/src/main/gnome-shell/gnome-shell-dark.css
@@ -19,7 +19,6 @@
*/
/* GLOBALS */
stage {
- font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 9.75pt;
font-weight: 400;
color: #dedede;
diff --git a/src/main/gnome-shell/gnome-shell-light-alt.css b/src/main/gnome-shell/gnome-shell-light-alt.css
index 049a23e..e404d77 100644
--- a/src/main/gnome-shell/gnome-shell-light-alt.css
+++ b/src/main/gnome-shell/gnome-shell-light-alt.css
@@ -19,7 +19,6 @@
*/
/* GLOBALS */
stage {
- font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 9.75pt;
font-weight: 400;
color: #242424;
diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt.css b/src/main/gnome-shell/gnome-shell-light-solid-alt.css
index 6ae9c59..0b73c7d 100644
--- a/src/main/gnome-shell/gnome-shell-light-solid-alt.css
+++ b/src/main/gnome-shell/gnome-shell-light-solid-alt.css
@@ -19,7 +19,6 @@
*/
/* GLOBALS */
stage {
- font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 9.75pt;
font-weight: 400;
color: #242424;
diff --git a/src/main/gnome-shell/gnome-shell-light-solid.css b/src/main/gnome-shell/gnome-shell-light-solid.css
index 6ae9c59..0b73c7d 100644
--- a/src/main/gnome-shell/gnome-shell-light-solid.css
+++ b/src/main/gnome-shell/gnome-shell-light-solid.css
@@ -19,7 +19,6 @@
*/
/* GLOBALS */
stage {
- font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 9.75pt;
font-weight: 400;
color: #242424;
diff --git a/src/main/gnome-shell/gnome-shell-light.css b/src/main/gnome-shell/gnome-shell-light.css
index f9c9103..cf811ed 100644
--- a/src/main/gnome-shell/gnome-shell-light.css
+++ b/src/main/gnome-shell/gnome-shell-light.css
@@ -19,7 +19,6 @@
*/
/* GLOBALS */
stage {
- font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 9.75pt;
font-weight: 400;
color: #242424;
diff --git a/src/main/gtk-3.0/gtk-dark-solid.css b/src/main/gtk-3.0/gtk-dark-solid.css
index e954aac..be000b3 100644
--- a/src/main/gtk-3.0/gtk-dark-solid.css
+++ b/src/main/gtk-3.0/gtk-dark-solid.css
@@ -609,6 +609,8 @@ button.osd.image-button {
button.osd:hover {
color: #0860f2;
+ box-shadow: none;
+ background-color: rgba(98, 98, 98, 0.96);
}
button.osd:active, button.osd:checked {
@@ -1299,9 +1301,24 @@ combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:no
.osd.inline-toolbar, toolbar.osd {
padding: 8px;
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 6px;
- background-color: #242424;
+ border: none;
+ border-radius: 10px;
+ background-color: #2a2a2a;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
+}
+
+.osd.toolbar.inline-toolbar, toolbar.osd.toolbar {
+ padding: 0;
+ margin: 6px 8px 10px;
+ box-shadow: none;
+ background: none;
+}
+
+.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal {
+ padding: 8px;
+ border-radius: 10px;
+ background-color: #2a2a2a;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}
.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
@@ -1371,7 +1388,7 @@ actionbar {
background-color: #2b2b2b;
}
-.background.csd actionbar {
+.background.csd revealer > actionbar {
border-radius: 0 0 14px 14px;
}
@@ -1456,31 +1473,31 @@ headerbar .linked:not(.vertical) > entry:backdrop {
background-image: none;
}
-headerbar stackswitcher {
+headerbar stackswitcher, headerbar .stack-switcher {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
border-radius: 6px;
margin: 8px 0;
padding: 0;
}
-headerbar stackswitcher button {
+headerbar stackswitcher button, headerbar .stack-switcher button {
min-height: 26px;
margin: 0;
font-weight: 500;
}
-headerbar stackswitcher button:not(:first-child) {
+headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) {
border-width: 0 0 0 1px;
border-style: none solid none none;
border-radius: 0;
border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch;
}
-headerbar stackswitcher button:checked {
+headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked {
border-image: none;
}
-headerbar stackswitcher button:checked + button {
+headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button {
border-image: none;
}
@@ -4771,10 +4788,20 @@ filechooser paned > separator,
background-repeat: no-repeat;
}
+filechooser paned > separator:dir(ltr),
+.nautilus-window paned > separator:dir(ltr) {
+ margin-left: -1px;
+}
+
+filechooser paned > separator:dir(rtl),
+.nautilus-window paned > separator:dir(rtl) {
+ margin-right: -1px;
+}
+
filechooser paned > separator:hover,
.nautilus-window paned > separator:hover {
- background-image: -gtk-scaled(url("assets/paned-separator-dark.png"), url("assets/paned-separator-dark@2.png"));
- background-size: 2px 64px;
+ background-image: image(rgba(255, 255, 255, 0.12));
+ background-size: 2px 100px;
background-position: center center;
}
@@ -5004,6 +5031,11 @@ filechooser paned > separator:hover,
border-radius: 0;
}
+.nautilus-window placesview row.activatable {
+ border-radius: 6px;
+ margin-right: 6px;
+}
+
.nautilus-window placesview actionbar.background {
background-color: #333333;
margin: 6px;
@@ -5021,13 +5053,14 @@ filechooser placessidebar.sidebar.frame {
border-right: 1px solid #0e0e0e;
}
-filechooser actionbar {
+filechooser actionbar.background {
color: #dadada;
background-color: #333333;
border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0 0 14px 0;
}
-filechooser actionbar label, filechooser actionbar combobox {
+filechooser actionbar.background label, filechooser actionbar.background combobox {
color: #dadada;
}
@@ -6103,6 +6136,11 @@ notebook.main-notebook > header.top > tabs > tab:first-child {
border-bottom-left-radius: 14px;
}
+hdyviewswitcherbar > actionbar {
+ background: none;
+ border: none;
+}
+
stack.view.polari-entry-area {
background-color: #333333;
border-top: 1px solid rgba(255, 255, 255, 0.12);
@@ -6458,28 +6496,38 @@ flowboxchild.bookmark-tag-widget-selected {
color: white;
}
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 14px;
+}
+
.documents-scrolledwin {
background-color: transparent;
}
-.documents-scrolledwin .content-view {
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
background-color: transparent;
- border-radius: 0 0 14px 14px;
+}
+
+.documents-scrolledwin .content-view:hover {
+ background-color: rgba(222, 222, 222, 0.08);
}
.documents-scrolledwin viewport.frame {
background-color: transparent;
}
-.documents-scrolledwin viewport.frame widget > frame.content-view {
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) {
background-color: transparent;
- border-radius: 0 0 14px 14px;
}
-.documents-scrolledwin viewport.frame widget > frame.content-view border {
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border {
border: none;
}
+window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar {
+ border-radius: 0 0 14px 14px;
+}
+
window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) {
background-color: transparent;
border-radius: 14px;
@@ -6776,6 +6824,7 @@ panel-toplevel.background na-tray-applet {
panel-toplevel.background button:not(#tasklist-button) {
color: #dadada;
border-radius: 6px;
+ background: none;
border: none;
}
@@ -7625,20 +7674,20 @@ menubar.-vala-panel-background > menuitem:disabled {
.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark {
background-color: transparent;
- background-image: linear-gradient(0deg, rgba(42, 42, 42, 0.95) 0%, rgba(51, 51, 51, 0.95) 100%);
- border-bottom: 1px solid #0e0e0e;
+ background-image: image(rgba(42, 42, 42, 0.1));
+ border-bottom: none;
transition: all 100ms ease-in-out;
color: #dadada;
}
.menubar.panel .panel.maximized {
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.2);
background-image: none;
border: none;
}
.menubar.panel .panel.translucent {
- background-color: rgba(42, 42, 42, 0.75);
+ background-color: rgba(42, 42, 42, 0.1);
background-image: none;
border: none;
}
@@ -10104,6 +10153,8 @@ window.budgie-switcher-window .drop-shadow, .drop-shadow {
@define-color placeholder_text_color #A8A8A8;
@define-color link_color #3484e2;
@define-color content_view_bg #242424;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #151515;
@define-color wm_title alpha(#fdfdfd, 0.8);
@define-color wm_unfocused_title alpha(#fdfdfd, 0.5);
@define-color wm_bg #373737;
diff --git a/src/main/gtk-3.0/gtk-dark.css b/src/main/gtk-3.0/gtk-dark.css
index 358cbb2..8d43363 100644
--- a/src/main/gtk-3.0/gtk-dark.css
+++ b/src/main/gtk-3.0/gtk-dark.css
@@ -175,7 +175,7 @@ popover.background.osd,
popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
color: #dadada;
border: none;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
background-clip: padding-box;
box-shadow: none;
}
@@ -597,8 +597,8 @@ button:drop(active) {
button.osd {
color: #dadada;
- background-color: #2a2a2a;
- border-color: #161616;
+ background-color: rgba(42, 42, 42, 0.9);
+ border-color: rgba(22, 22, 22, 0.9);
}
button.osd.image-button {
@@ -609,6 +609,8 @@ button.osd.image-button {
button.osd:hover {
color: #0860f2;
+ box-shadow: none;
+ background-color: rgba(98, 98, 98, 0.96);
}
button.osd:active, button.osd:checked {
@@ -1299,9 +1301,24 @@ combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:no
.osd.inline-toolbar, toolbar.osd {
padding: 8px;
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 6px;
- background-color: #242424;
+ border: none;
+ border-radius: 10px;
+ background-color: rgba(42, 42, 42, 0.9);
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
+}
+
+.osd.toolbar.inline-toolbar, toolbar.osd.toolbar {
+ padding: 0;
+ margin: 6px 8px 10px;
+ box-shadow: none;
+ background: none;
+}
+
+.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal {
+ padding: 8px;
+ border-radius: 10px;
+ background-color: rgba(42, 42, 42, 0.9);
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}
.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
@@ -1371,7 +1388,7 @@ actionbar {
background-color: #2b2b2b;
}
-.background.csd actionbar {
+.background.csd revealer > actionbar {
border-radius: 0 0 14px 14px;
}
@@ -1456,31 +1473,31 @@ headerbar .linked:not(.vertical) > entry:backdrop {
background-image: none;
}
-headerbar stackswitcher {
+headerbar stackswitcher, headerbar .stack-switcher {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
border-radius: 6px;
margin: 8px 0;
padding: 0;
}
-headerbar stackswitcher button {
+headerbar stackswitcher button, headerbar .stack-switcher button {
min-height: 26px;
margin: 0;
font-weight: 500;
}
-headerbar stackswitcher button:not(:first-child) {
+headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) {
border-width: 0 0 0 1px;
border-style: none solid none none;
border-radius: 0;
border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch;
}
-headerbar stackswitcher button:checked {
+headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked {
border-image: none;
}
-headerbar stackswitcher button:checked + button {
+headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button {
border-image: none;
}
@@ -4261,7 +4278,7 @@ tooltip {
}
tooltip.background, tooltip.background.csd {
- background-color: #444444;
+ background-color: rgba(68, 68, 68, 0.9);
background-clip: padding-box;
border-radius: 6px;
}
@@ -4771,10 +4788,20 @@ filechooser paned > separator,
background-repeat: no-repeat;
}
+filechooser paned > separator:dir(ltr),
+.nautilus-window paned > separator:dir(ltr) {
+ margin-left: -1px;
+}
+
+filechooser paned > separator:dir(rtl),
+.nautilus-window paned > separator:dir(rtl) {
+ margin-right: -1px;
+}
+
filechooser paned > separator:hover,
.nautilus-window paned > separator:hover {
- background-image: -gtk-scaled(url("assets/paned-separator-dark.png"), url("assets/paned-separator-dark@2.png"));
- background-size: 2px 64px;
+ background-image: image(rgba(255, 255, 255, 0.12));
+ background-size: 2px 100px;
background-position: center center;
}
@@ -5000,6 +5027,11 @@ filechooser paned > separator:hover,
border-radius: 0;
}
+.nautilus-window placesview row.activatable {
+ border-radius: 6px;
+ margin-right: 6px;
+}
+
.nautilus-window placesview actionbar.background {
background-color: rgba(51, 51, 51, 0.95);
margin: 6px;
@@ -5017,13 +5049,14 @@ filechooser placessidebar.sidebar.frame {
border-right: 1px solid #0e0e0e;
}
-filechooser actionbar {
+filechooser actionbar.background {
color: #dadada;
background-color: rgba(51, 51, 51, 0.95);
border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0 0 14px 0;
}
-filechooser actionbar label, filechooser actionbar combobox {
+filechooser actionbar.background label, filechooser actionbar.background combobox {
color: #dadada;
}
@@ -5712,7 +5745,7 @@ widget#PROCESSOR list row, widget#MEMORY list row {
}
widget#PROCESSOR list row.max, widget#MEMORY list row.max {
- color: #2a2a2a;
+ color: rgba(42, 42, 42, 0.9);
}
widget#PROCESSOR list separator.list, widget#MEMORY list separator.list {
@@ -6099,6 +6132,11 @@ notebook.main-notebook > header.top > tabs > tab:first-child {
border-bottom-left-radius: 14px;
}
+hdyviewswitcherbar > actionbar {
+ background: none;
+ border: none;
+}
+
stack.view.polari-entry-area {
background-color: #333333;
border-top: 1px solid rgba(255, 255, 255, 0.12);
@@ -6137,8 +6175,8 @@ stack.view.polari-entry-area:disabled {
#gf-candidate-popup,
#gf-candidate-popup.solid {
color: #ececec;
- background-color: #2a2a2a;
- border: 1px solid #161616;
+ background-color: rgba(42, 42, 42, 0.9);
+ border: 1px solid rgba(22, 22, 22, 0.9);
border-radius: 2px;
}
@@ -6160,7 +6198,7 @@ stack.view.polari-entry-area:disabled {
#gf-osd-window levelbar block.empty,
#gf-input-source-popup levelbar block.empty,
#gf-candidate-popup levelbar block.empty {
- background-color: #1d1d1d;
+ background-color: rgba(29, 29, 29, 0.9);
}
#gf-bubble levelbar trough,
@@ -6454,28 +6492,38 @@ flowboxchild.bookmark-tag-widget-selected {
color: white;
}
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 14px;
+}
+
.documents-scrolledwin {
background-color: transparent;
}
-.documents-scrolledwin .content-view {
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
background-color: transparent;
- border-radius: 0 0 14px 14px;
+}
+
+.documents-scrolledwin .content-view:hover {
+ background-color: rgba(222, 222, 222, 0.08);
}
.documents-scrolledwin viewport.frame {
background-color: transparent;
}
-.documents-scrolledwin viewport.frame widget > frame.content-view {
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) {
background-color: transparent;
- border-radius: 0 0 14px 14px;
}
-.documents-scrolledwin viewport.frame widget > frame.content-view border {
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border {
border: none;
}
+window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar {
+ border-radius: 0 0 14px 14px;
+}
+
window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) {
background-color: transparent;
border-radius: 14px;
@@ -6637,7 +6685,7 @@ dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area
MsdOsdWindow.background.osd {
border-radius: 2px;
- border: 1px solid #161616;
+ border: 1px solid rgba(22, 22, 22, 0.9);
}
MsdOsdWindow.background.osd .progressbar {
@@ -6648,7 +6696,7 @@ MsdOsdWindow.background.osd .progressbar {
}
MsdOsdWindow.background.osd .trough {
- background-color: #1d1d1d;
+ background-color: rgba(29, 29, 29, 0.9);
border: none;
border-radius: 5px;
}
@@ -6772,6 +6820,7 @@ panel-toplevel.background na-tray-applet {
panel-toplevel.background button:not(#tasklist-button) {
color: white;
border-radius: 6px;
+ background: none;
border: none;
}
@@ -7621,20 +7670,20 @@ menubar.-vala-panel-background > menuitem:disabled {
.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark {
background-color: transparent;
- background-image: linear-gradient(0deg, rgba(42, 42, 42, 0.95) 0%, rgba(51, 51, 51, 0.95) 100%);
- border-bottom: 1px solid #0e0e0e;
+ background-image: image(rgba(0, 0, 0, 0.1));
+ border-bottom: none;
transition: all 100ms ease-in-out;
color: white;
}
.menubar.panel .panel.maximized {
- background-color: rgba(0, 0, 0, 0.16);
+ background-color: rgba(0, 0, 0, 0.2);
background-image: none;
border: none;
}
.menubar.panel .panel.translucent {
- background-color: rgba(0, 0, 0, 0.75);
+ background-color: rgba(0, 0, 0, 0.1);
background-image: none;
border: none;
}
@@ -8009,7 +8058,7 @@ headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 14px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
- background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a);
+ background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9));
background-color: transparent;
}
@@ -10100,6 +10149,8 @@ window.budgie-switcher-window .drop-shadow, .drop-shadow {
@define-color placeholder_text_color #A8A8A8;
@define-color link_color #3484e2;
@define-color content_view_bg #242424;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #151515;
@define-color wm_title alpha(#fdfdfd, 0.8);
@define-color wm_unfocused_title alpha(#fdfdfd, 0.5);
@define-color wm_bg #373737;
diff --git a/src/main/gtk-3.0/gtk-light-solid.css b/src/main/gtk-3.0/gtk-light-solid.css
index b9ca66f..0fbb388 100644
--- a/src/main/gtk-3.0/gtk-light-solid.css
+++ b/src/main/gtk-3.0/gtk-light-solid.css
@@ -611,6 +611,8 @@ button.osd.image-button {
button.osd:hover {
color: #0860f2;
+ box-shadow: none;
+ background-color: rgba(98, 98, 98, 0.96);
}
button.osd:active, button.osd:checked {
@@ -1308,9 +1310,24 @@ combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:no
.osd.inline-toolbar, toolbar.osd {
padding: 8px;
- border: 1px solid rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- background-color: #ffffff;
+ border: none;
+ border-radius: 10px;
+ background-color: #2a2a2a;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
+}
+
+.osd.toolbar.inline-toolbar, toolbar.osd.toolbar {
+ padding: 0;
+ margin: 6px 8px 10px;
+ box-shadow: none;
+ background: none;
+}
+
+.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal {
+ padding: 8px;
+ border-radius: 10px;
+ background-color: #2a2a2a;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}
.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
@@ -1380,7 +1397,7 @@ actionbar {
background-color: #ededed;
}
-.background.csd actionbar {
+.background.csd revealer > actionbar {
border-radius: 0 0 14px 14px;
}
@@ -1465,31 +1482,31 @@ headerbar .linked:not(.vertical) > entry:backdrop {
background-image: none;
}
-headerbar stackswitcher {
+headerbar stackswitcher, headerbar .stack-switcher {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
border-radius: 6px;
margin: 8px 0;
padding: 0;
}
-headerbar stackswitcher button {
+headerbar stackswitcher button, headerbar .stack-switcher button {
min-height: 26px;
margin: 0;
font-weight: 500;
}
-headerbar stackswitcher button:not(:first-child) {
+headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) {
border-width: 0 0 0 1px;
border-style: none solid none none;
border-radius: 0;
border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch;
}
-headerbar stackswitcher button:checked {
+headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked {
border-image: none;
}
-headerbar stackswitcher button:checked + button {
+headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button {
border-image: none;
}
@@ -4792,10 +4809,20 @@ filechooser paned > separator,
background-repeat: no-repeat;
}
+filechooser paned > separator:dir(ltr),
+.nautilus-window paned > separator:dir(ltr) {
+ margin-left: -1px;
+}
+
+filechooser paned > separator:dir(rtl),
+.nautilus-window paned > separator:dir(rtl) {
+ margin-right: -1px;
+}
+
filechooser paned > separator:hover,
.nautilus-window paned > separator:hover {
- background-image: -gtk-scaled(url("assets/paned-separator.png"), url("assets/paned-separator@2.png"));
- background-size: 2px 64px;
+ background-image: image(rgba(0, 0, 0, 0.12));
+ background-size: 2px 100px;
background-position: center center;
}
@@ -5025,6 +5052,11 @@ filechooser paned > separator:hover,
border-radius: 0;
}
+.nautilus-window placesview row.activatable {
+ border-radius: 6px;
+ margin-right: 6px;
+}
+
.nautilus-window placesview actionbar.background {
background-color: #ffffff;
margin: 6px;
@@ -5042,13 +5074,14 @@ filechooser placessidebar.sidebar.frame {
border-right: 1px solid #d6d6d6;
}
-filechooser actionbar {
+filechooser actionbar.background {
color: #363636;
background-color: #f0f0f0;
border-color: rgba(0, 0, 0, 0.12);
+ border-radius: 0 0 14px 0;
}
-filechooser actionbar label, filechooser actionbar combobox {
+filechooser actionbar.background label, filechooser actionbar.background combobox {
color: #363636;
}
@@ -6125,6 +6158,11 @@ notebook.main-notebook > header.top > tabs > tab:first-child {
border-bottom-left-radius: 14px;
}
+hdyviewswitcherbar > actionbar {
+ background: none;
+ border: none;
+}
+
stack.view.polari-entry-area {
background-color: #f5f5f5;
border-top: 1px solid rgba(0, 0, 0, 0.12);
@@ -6473,28 +6511,38 @@ flowboxchild.bookmark-tag-widget-selected {
color: white;
}
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 14px;
+}
+
.documents-scrolledwin {
background-color: transparent;
}
-.documents-scrolledwin .content-view {
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
background-color: transparent;
- border-radius: 0 0 14px 14px;
+}
+
+.documents-scrolledwin .content-view:hover {
+ background-color: rgba(36, 36, 36, 0.08);
}
.documents-scrolledwin viewport.frame {
background-color: transparent;
}
-.documents-scrolledwin viewport.frame widget > frame.content-view {
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) {
background-color: transparent;
- border-radius: 0 0 14px 14px;
}
-.documents-scrolledwin viewport.frame widget > frame.content-view border {
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border {
border: none;
}
+window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar {
+ border-radius: 0 0 14px 14px;
+}
+
window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) {
background-color: transparent;
border-radius: 14px;
@@ -6791,6 +6839,7 @@ panel-toplevel.background na-tray-applet {
panel-toplevel.background button:not(#tasklist-button) {
color: #363636;
border-radius: 6px;
+ background: none;
border: none;
}
@@ -7651,20 +7700,20 @@ menubar.-vala-panel-background > menuitem:disabled {
.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark {
background-color: transparent;
- background-image: linear-gradient(0deg, rgba(226, 226, 226, 0.95) 0%, rgba(245, 245, 245, 0.95) 100%);
- border-bottom: 1px solid rgba(255, 255, 255, 0.22);
+ background-image: image(rgba(241, 241, 241, 0.1));
+ border-bottom: none;
transition: all 100ms ease-in-out;
color: #363636;
}
.menubar.panel .panel.maximized {
- background-color: #f1f1f1;
+ background-color: rgba(241, 241, 241, 0.2);
background-image: none;
border: none;
}
.menubar.panel .panel.translucent {
- background-color: rgba(241, 241, 241, 0.75);
+ background-color: rgba(241, 241, 241, 0.1);
background-image: none;
border: none;
}
@@ -10140,6 +10189,8 @@ window.budgie-switcher-window .drop-shadow, .drop-shadow {
@define-color placeholder_text_color #A8A8A8;
@define-color link_color #3484e2;
@define-color content_view_bg #ffffff;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #ffffff;
@define-color wm_title alpha(#575757, 0.8);
@define-color wm_unfocused_title alpha(#575757, 0.5);
@define-color wm_bg white;
diff --git a/src/main/gtk-3.0/gtk-light.css b/src/main/gtk-3.0/gtk-light.css
index 55483dd..1454a58 100644
--- a/src/main/gtk-3.0/gtk-light.css
+++ b/src/main/gtk-3.0/gtk-light.css
@@ -175,7 +175,7 @@ popover.background.osd,
popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
color: #dadada;
border: none;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
background-clip: padding-box;
box-shadow: none;
}
@@ -599,8 +599,8 @@ button:drop(active) {
button.osd {
color: #dadada;
- background-color: #2a2a2a;
- border-color: #161616;
+ background-color: rgba(42, 42, 42, 0.9);
+ border-color: rgba(22, 22, 22, 0.9);
}
button.osd.image-button {
@@ -611,6 +611,8 @@ button.osd.image-button {
button.osd:hover {
color: #0860f2;
+ box-shadow: none;
+ background-color: rgba(98, 98, 98, 0.96);
}
button.osd:active, button.osd:checked {
@@ -1308,9 +1310,24 @@ combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:no
.osd.inline-toolbar, toolbar.osd {
padding: 8px;
- border: 1px solid rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- background-color: #ffffff;
+ border: none;
+ border-radius: 10px;
+ background-color: rgba(42, 42, 42, 0.9);
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
+}
+
+.osd.toolbar.inline-toolbar, toolbar.osd.toolbar {
+ padding: 0;
+ margin: 6px 8px 10px;
+ box-shadow: none;
+ background: none;
+}
+
+.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal {
+ padding: 8px;
+ border-radius: 10px;
+ background-color: rgba(42, 42, 42, 0.9);
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}
.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
@@ -1380,7 +1397,7 @@ actionbar {
background-color: #ededed;
}
-.background.csd actionbar {
+.background.csd revealer > actionbar {
border-radius: 0 0 14px 14px;
}
@@ -1465,31 +1482,31 @@ headerbar .linked:not(.vertical) > entry:backdrop {
background-image: none;
}
-headerbar stackswitcher {
+headerbar stackswitcher, headerbar .stack-switcher {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
border-radius: 6px;
margin: 8px 0;
padding: 0;
}
-headerbar stackswitcher button {
+headerbar stackswitcher button, headerbar .stack-switcher button {
min-height: 26px;
margin: 0;
font-weight: 500;
}
-headerbar stackswitcher button:not(:first-child) {
+headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) {
border-width: 0 0 0 1px;
border-style: none solid none none;
border-radius: 0;
border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch;
}
-headerbar stackswitcher button:checked {
+headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked {
border-image: none;
}
-headerbar stackswitcher button:checked + button {
+headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button {
border-image: none;
}
@@ -4273,7 +4290,7 @@ tooltip {
}
tooltip.background, tooltip.background.csd {
- background-color: #444444;
+ background-color: rgba(68, 68, 68, 0.9);
background-clip: padding-box;
border-radius: 6px;
}
@@ -4792,10 +4809,20 @@ filechooser paned > separator,
background-repeat: no-repeat;
}
+filechooser paned > separator:dir(ltr),
+.nautilus-window paned > separator:dir(ltr) {
+ margin-left: -1px;
+}
+
+filechooser paned > separator:dir(rtl),
+.nautilus-window paned > separator:dir(rtl) {
+ margin-right: -1px;
+}
+
filechooser paned > separator:hover,
.nautilus-window paned > separator:hover {
- background-image: -gtk-scaled(url("assets/paned-separator.png"), url("assets/paned-separator@2.png"));
- background-size: 2px 64px;
+ background-image: image(rgba(0, 0, 0, 0.12));
+ background-size: 2px 100px;
background-position: center center;
}
@@ -5021,6 +5048,11 @@ filechooser paned > separator:hover,
border-radius: 0;
}
+.nautilus-window placesview row.activatable {
+ border-radius: 6px;
+ margin-right: 6px;
+}
+
.nautilus-window placesview actionbar.background {
background-color: rgba(255, 255, 255, 0.95);
margin: 6px;
@@ -5038,13 +5070,14 @@ filechooser placessidebar.sidebar.frame {
border-right: 1px solid #d6d6d6;
}
-filechooser actionbar {
+filechooser actionbar.background {
color: #363636;
background-color: rgba(240, 240, 240, 0.94);
border-color: rgba(0, 0, 0, 0.12);
+ border-radius: 0 0 14px 0;
}
-filechooser actionbar label, filechooser actionbar combobox {
+filechooser actionbar.background label, filechooser actionbar.background combobox {
color: #363636;
}
@@ -5734,7 +5767,7 @@ widget#PROCESSOR list row, widget#MEMORY list row {
}
widget#PROCESSOR list row.max, widget#MEMORY list row.max {
- color: #2a2a2a;
+ color: rgba(42, 42, 42, 0.9);
}
widget#PROCESSOR list separator.list, widget#MEMORY list separator.list {
@@ -6121,6 +6154,11 @@ notebook.main-notebook > header.top > tabs > tab:first-child {
border-bottom-left-radius: 14px;
}
+hdyviewswitcherbar > actionbar {
+ background: none;
+ border: none;
+}
+
stack.view.polari-entry-area {
background-color: #f5f5f5;
border-top: 1px solid rgba(0, 0, 0, 0.12);
@@ -6159,8 +6197,8 @@ stack.view.polari-entry-area:disabled {
#gf-candidate-popup,
#gf-candidate-popup.solid {
color: #ececec;
- background-color: #2a2a2a;
- border: 1px solid #161616;
+ background-color: rgba(42, 42, 42, 0.9);
+ border: 1px solid rgba(22, 22, 22, 0.9);
border-radius: 2px;
}
@@ -6182,7 +6220,7 @@ stack.view.polari-entry-area:disabled {
#gf-osd-window levelbar block.empty,
#gf-input-source-popup levelbar block.empty,
#gf-candidate-popup levelbar block.empty {
- background-color: #1d1d1d;
+ background-color: rgba(29, 29, 29, 0.9);
}
#gf-bubble levelbar trough,
@@ -6469,28 +6507,38 @@ flowboxchild.bookmark-tag-widget-selected {
color: white;
}
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 14px;
+}
+
.documents-scrolledwin {
background-color: transparent;
}
-.documents-scrolledwin .content-view {
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
background-color: transparent;
- border-radius: 0 0 14px 14px;
+}
+
+.documents-scrolledwin .content-view:hover {
+ background-color: rgba(36, 36, 36, 0.08);
}
.documents-scrolledwin viewport.frame {
background-color: transparent;
}
-.documents-scrolledwin viewport.frame widget > frame.content-view {
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) {
background-color: transparent;
- border-radius: 0 0 14px 14px;
}
-.documents-scrolledwin viewport.frame widget > frame.content-view border {
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border {
border: none;
}
+window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar {
+ border-radius: 0 0 14px 14px;
+}
+
window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) {
background-color: transparent;
border-radius: 14px;
@@ -6652,7 +6700,7 @@ dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area
MsdOsdWindow.background.osd {
border-radius: 2px;
- border: 1px solid #161616;
+ border: 1px solid rgba(22, 22, 22, 0.9);
}
MsdOsdWindow.background.osd .progressbar {
@@ -6663,7 +6711,7 @@ MsdOsdWindow.background.osd .progressbar {
}
MsdOsdWindow.background.osd .trough {
- background-color: #1d1d1d;
+ background-color: rgba(29, 29, 29, 0.9);
border: none;
border-radius: 5px;
}
@@ -6787,6 +6835,7 @@ panel-toplevel.background na-tray-applet {
panel-toplevel.background button:not(#tasklist-button) {
color: white;
border-radius: 6px;
+ background: none;
border: none;
}
@@ -7647,20 +7696,20 @@ menubar.-vala-panel-background > menuitem:disabled {
.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark {
background-color: transparent;
- background-image: linear-gradient(0deg, rgba(226, 226, 226, 0.95) 0%, rgba(245, 245, 245, 0.95) 100%);
- border-bottom: 1px solid rgba(255, 255, 255, 0.22);
+ background-image: image(rgba(255, 255, 255, 0.1));
+ border-bottom: none;
transition: all 100ms ease-in-out;
color: white;
}
.menubar.panel .panel.maximized {
- background-color: rgba(255, 255, 255, 0.16);
+ background-color: rgba(255, 255, 255, 0.2);
background-image: none;
border: none;
}
.menubar.panel .panel.translucent {
- background-color: rgba(255, 255, 255, 0.75);
+ background-color: rgba(255, 255, 255, 0.1);
background-image: none;
border: none;
}
@@ -8039,7 +8088,7 @@ headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop {
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 14px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
- background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a);
+ background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9));
background-color: transparent;
}
@@ -8529,7 +8578,7 @@ GtkListBox .h4 {
padding-top: 20px;
padding-bottom: 0px;
border-style: none;
- background-color: #2a2a2a;
+ background-color: rgba(42, 42, 42, 0.9);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border: solid rgba(0, 0, 0, 0.1);
@@ -10136,6 +10185,8 @@ window.budgie-switcher-window .drop-shadow, .drop-shadow {
@define-color placeholder_text_color #A8A8A8;
@define-color link_color #3484e2;
@define-color content_view_bg #ffffff;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #ffffff;
@define-color wm_title alpha(#575757, 0.8);
@define-color wm_unfocused_title alpha(#575757, 0.5);
@define-color wm_bg white;
diff --git a/src/sass/_colors.scss b/src/sass/_colors.scss
index 280dc3e..61a4263 100644
--- a/src/sass/_colors.scss
+++ b/src/sass/_colors.scss
@@ -97,14 +97,14 @@ $sidebar_theme_color: if($variant == 'light', rgba(black, 0.12), r
//OSD colors
$osd_fg_color: #dadada;
-$osd_bg_color: #2a2a2a;
+$osd_bg_color: if($trans=='true', rgba(#2a2a2a, 0.9), #2a2a2a);
$osd_button_bg: rgba(lighten($osd_bg_color, 22%), 0.96);
$osd_button_border: $dark_borders_color;
$osd_entry_bg: rgba(lighten($osd_bg_color, 22%), 0.96);
$osd_entry_border: $dark_borders_color;
$osd_disabled_bg_color: darken($osd_bg_color, 3%);
$osd_disabled_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%);
-$osd_borders_color: $borders_color;
+$osd_borders_color: $dark_borders_color;
// Menu colors
$menu_bg: if($variant == 'light', $base_color, $bg_color);
diff --git a/src/sass/gnome-shell/_common.scss b/src/sass/gnome-shell/_common.scss
index 3c556fd..ccf7a60 100644
--- a/src/sass/gnome-shell/_common.scss
+++ b/src/sass/gnome-shell/_common.scss
@@ -31,7 +31,7 @@ $cakeisalie: "This stylesheet is generated, DO NOT EDIT";
// }
stage {
- font-family: $font-family;
+ // font-family: $font-family;
@include font(body-1);
color: $fg_color;
}
diff --git a/src/sass/gtk/_applications.scss b/src/sass/gtk/_applications.scss
index f58769d..b19c327 100644
--- a/src/sass/gtk/_applications.scss
+++ b/src/sass/gtk/_applications.scss
@@ -92,13 +92,12 @@ filechooser,
background-position: left bottom;
background-repeat: no-repeat;
- // &:dir(ltr) { margin-left: -1px; }
- // &:dir(rtl) { margin-right: -1px; }
+ &:dir(ltr) { margin-left: -1px; }
+ &:dir(rtl) { margin-right: -1px; }
&:hover {
- background-image: -gtk-scaled(url("assets/paned-separator#{$asset_suffix}.png"),
- url("assets/paned-separator#{$asset_suffix}@2.png"));
- background-size: 2px 64px;
+ background-image: image($borders_color);
+ background-size: 2px 100px;
background-position: center center;
}
}
@@ -272,7 +271,6 @@ filechooser,
scrolledwindow {
.view:not(:hover):not(:active):not(:selected) {
background-color: transparent;
- // @extend %view;
}
}
@@ -324,6 +322,11 @@ filechooser,
}
placesview {
+ row.activatable {
+ border-radius: $bt_radius;
+ margin-right: 6px;
+ }
+
actionbar.background {
background-color: $menu_bg;
margin: 6px;
@@ -342,10 +345,11 @@ filechooser {
&.frame { border-right: 1px solid if($variant=='light', $solid_borders_color, $header_border); }
}
- actionbar {
+ actionbar.background {
color: $dark_sidebar_fg;
background-color: $dark_sidebar_bg;
border-color: $borders_color;
+ border-radius: 0 0 $wm_radius 0;
label, combobox { color: $dark_sidebar_fg; }
}
@@ -1700,6 +1704,8 @@ notebook.main-notebook {
//
// Gnome Weather
+//
+
#weather-page,
#weekly-forecast-frame {
border-bottom-right-radius: $wm_radius;
@@ -1710,6 +1716,14 @@ notebook.main-notebook {
border-bottom-left-radius: $wm_radius;
}
+//
+// Gnome Clocks
+//
+hdyviewswitcherbar > actionbar {
+ background: none;
+ border: none;
+}
+
//
// Polari
//
@@ -2050,24 +2064,46 @@ flowboxchild.bookmark-tag-widget {
&-selected { color: $selected_fg_color; } // checked
}
+
+//
+// Fractal
+//
+.background.csd.main-window {
+ .sidebar.rooms-sidebar {
+ border-bottom-left-radius: $wm_radius;
+ }
+}
+
//
// documents-scrolledwi (Totem, Documents, EvView)
//
.documents-scrolledwin {
background-color: transparent;
- .content-view {
+ .content-view:not(:selected):not(:hover) {
background-color: transparent;
- border-radius: 0 0 $wm_radius $wm_radius;
+ // border-radius: 0 0 $wm_radius $wm_radius;
}
+ .content-view:hover { background-color: rgba($fg_color, 0.08); }
+
viewport.frame { // Documents
background-color: transparent;
- widget > frame.content-view {
+ widget > frame.content-view:not(:selected):not(:hover) {
border { border: none; }
background-color: transparent;
+ // border-radius: 0 0 $wm_radius $wm_radius;
+ }
+ }
+}
+
+// Documents
+
+window.background.csd { // Documents actionbar
+ > box.vertical > overlay > stack > box.vertical {
+ > actionbar {
border-radius: 0 0 $wm_radius $wm_radius;
}
}
@@ -2452,6 +2488,7 @@ $text_shadow: 0 0 1px rgba(0, 0, 0, 0.26),
%panel_button {
color: $panel_fg;
border-radius: $bt_radius;
+ background: none;
border: none;
&:hover:not(:active):not(:checked) {
@@ -3347,20 +3384,20 @@ menubar.-vala-panel-background {
.panel {
&, &.color-light, &.color-dark {
background-color: transparent;
- background-image: linear-gradient(0deg, rgba($panel_bottom_color, 0.95) 0%, rgba($panel_top_color, 0.95) 100%);
- border-bottom: 1px solid if($variant == 'light', $panel_border_color, $header_border);
+ background-image: image(rgba($panel_bg, 0.1));
+ border-bottom: none;
transition: all 100ms ease-in-out;
color: $panel_fg;
}
&.maximized {
- background-color: $panel_bg;
+ background-color: rgba($panel_bg, 0.2);
background-image: none;
border: none;
}
&.translucent {
- background-color: rgba($panel_bg, 0.75);
+ background-color: rgba($panel_bg, 0.1);
background-image: none;
border: none;
}
diff --git a/src/sass/gtk/_colors-public.scss b/src/sass/gtk/_colors-public.scss
index 3259aa1..7829903 100644
--- a/src/sass/gtk/_colors-public.scss
+++ b/src/sass/gtk/_colors-public.scss
@@ -31,6 +31,9 @@
@define-color link_color #{"" + $link_color};
@define-color content_view_bg #{"" + $base_color};
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #{"" + if($variant == 'light', $base_color, darken($base_color,6%))};
+
//WM
$wm_highlight: lighten(opacify($header_highlight, 1), 10%);
$wm_bg_unfocused: opacify($header_bg_backdrop, 1);
diff --git a/src/sass/gtk/_common.scss b/src/sass/gtk/_common.scss
index fe0ef06..c1864b6 100644
--- a/src/sass/gtk/_common.scss
+++ b/src/sass/gtk/_common.scss
@@ -523,7 +523,12 @@ button {
min-width: 42px;
}
- &:hover { color: $selected_bg_color; }
+ &:hover {
+ color: $selected_bg_color;
+ box-shadow: none;
+ background-color: $osd_button_bg;
+ }
+
&:active, &:checked {@include button(osd-active); }
&:disabled { @include button(osd-insensitive); }
}
@@ -1098,9 +1103,24 @@ combobox {
&.osd {
padding: 8px;
- border: 1px solid $borders_color;
- border-radius: $bt_radius;
- background-color: $base_color;
+ border: none;
+ border-radius: $bt_radius + 4px;
+ background-color: $osd_bg_color;
+ box-shadow: $shadow_4;
+
+ &.toolbar {
+ padding: 0;
+ margin: 6px 8px 10px;
+ box-shadow: none;
+ background: none;
+
+ > box.horizontal {
+ padding: 8px;
+ border-radius: $bt_radius + 4px;
+ background-color: $osd_bg_color;
+ box-shadow: $shadow_4;
+ }
+ }
&.left,
&.right,
@@ -1186,7 +1206,7 @@ actionbar {
border-top: 1px solid $borders_color;
background-color: darken($bg_color, 3%);
- .background.csd & {
+ .background.csd revealer > & {
border-radius: 0 0 $wm_radius $wm_radius;
}
}
@@ -1270,7 +1290,7 @@ headerbar {
&:backdrop { opacity: 0.65; background-image: none; }
}
- stackswitcher {
+ stackswitcher, .stack-switcher {
box-shadow: inset 0 0 0 1px $light_borders_color;
border-radius: $bt_radius;
margin: 8px 0;