diff --git a/data/gnome-shell-theme.gresource.xml b/data/gnome-shell-theme.gresource.xml
index df64c24d8..8cb4990b7 100644
--- a/data/gnome-shell-theme.gresource.xml
+++ b/data/gnome-shell-theme.gresource.xml
@@ -2,13 +2,15 @@
calendar-today.svg
- calendar-today-dark.svg
+ calendar-today-light.svg
carousel-arrow-next-24-symbolic.svg
carousel-arrow-back-24-symbolic.svg
- checkbox-focused.svg
- checkbox-off-focused.svg
- checkbox-off.svg
checkbox.svg
+ checkbox-focused.svg
+ checkbox-off-focused-light.svg
+ checkbox-off-focused.svg
+ checkbox-off-light.svg
+ checkbox-off.svg
color-pick.svg
gnome-shell.css
gnome-shell-high-contrast.css
@@ -33,11 +35,11 @@
screen-privacy-disabled-symbolic.svg
screen-privacy-symbolic.svg
toggle-off.svg
- toggle-off-dark.svg
toggle-off-hc.svg
+ toggle-off-light.svg
toggle-on.svg
- toggle-on-dark.svg
toggle-on-hc.svg
+ toggle-on-light.svg
workspace-placeholder.svg
diff --git a/data/theme/calendar-today-dark.svg b/data/theme/calendar-today-dark.svg
deleted file mode 100644
index daf86ec0b..000000000
--- a/data/theme/calendar-today-dark.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/data/theme/calendar-today-light.svg b/data/theme/calendar-today-light.svg
new file mode 100644
index 000000000..b63f6e037
--- /dev/null
+++ b/data/theme/calendar-today-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/data/theme/calendar-today.svg b/data/theme/calendar-today.svg
index b63f6e037..daf86ec0b 100644
--- a/data/theme/calendar-today.svg
+++ b/data/theme/calendar-today.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/data/theme/checkbox-focused.svg b/data/theme/checkbox-focused.svg
index 9d15354f6..01eb733dc 100644
--- a/data/theme/checkbox-focused.svg
+++ b/data/theme/checkbox-focused.svg
@@ -1,261 +1 @@
-
-
-
-
+
\ No newline at end of file
diff --git a/data/theme/checkbox-off-focused-light.svg b/data/theme/checkbox-off-focused-light.svg
new file mode 100644
index 000000000..47673776d
--- /dev/null
+++ b/data/theme/checkbox-off-focused-light.svg
@@ -0,0 +1,220 @@
+
+
+
+
diff --git a/data/theme/checkbox-off-focused.svg b/data/theme/checkbox-off-focused.svg
index 428bafe4b..d5a042e97 100644
--- a/data/theme/checkbox-off-focused.svg
+++ b/data/theme/checkbox-off-focused.svg
@@ -1,206 +1 @@
-
-
-
-
+
\ No newline at end of file
diff --git a/data/theme/checkbox-off-light.svg b/data/theme/checkbox-off-light.svg
new file mode 100644
index 000000000..5d37c85d6
--- /dev/null
+++ b/data/theme/checkbox-off-light.svg
@@ -0,0 +1,211 @@
+
+
+
+
diff --git a/data/theme/checkbox-off.svg b/data/theme/checkbox-off.svg
index 2c7a95172..50eece1b0 100644
--- a/data/theme/checkbox-off.svg
+++ b/data/theme/checkbox-off.svg
@@ -1,206 +1 @@
-
-
-
-
+
\ No newline at end of file
diff --git a/data/theme/checkbox.svg b/data/theme/checkbox.svg
index ec668467f..da385b628 100644
--- a/data/theme/checkbox.svg
+++ b/data/theme/checkbox.svg
@@ -1,261 +1 @@
-
-
-
-
+
\ No newline at end of file
diff --git a/data/theme/gnome-shell-sass/_colors.scss b/data/theme/gnome-shell-sass/_colors.scss
index 32f7c815b..31698b2aa 100644
--- a/data/theme/gnome-shell-sass/_colors.scss
+++ b/data/theme/gnome-shell-sass/_colors.scss
@@ -1,15 +1,15 @@
// When color definition differs for dark and light variant,
// it gets @if-ed depending on $variant
-$base_color: if($variant == 'light', #fff, lighten(desaturate(#242424, 20%), 2%));
-$bg_color: if($variant == 'light', #f6f5f4, #242424);
+$base_color: if($variant == 'light', #fff, lighten(desaturate(#2a2a2a, 20%), 2%));
+$bg_color: if($variant == 'light', #f6f5f4, #2a2a2a);
$fg_color: if($variant == 'light', transparentize(black, .2), white);
$selected_fg_color: #fff;
$selected_bg_color: if($variant == 'light', #3584e4, #1c71d8);
$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 30%));
-$borders_color: if($variant == 'light', darken($bg_color, 12%), darken($bg_color, 3%));
+$borders_color: if($variant == 'light', darken($bg_color, 12%), darken($bg_color, 4%));
$borders_edge: if($variant == 'light', rgba(255,255,255,0.8), lighten($bg_color, 2%));
$link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%));
@@ -22,7 +22,7 @@ $success_color: if($variant == 'light', #2ec27e, #26a269);
$destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%));
$osd_fg_color: white;
-$osd_bg_color: transparentize(desaturate(#242424, 100%),0.04);
+$osd_bg_color: transparentize(desaturate($bg_color, 100%),0.04);
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
$osd_insensitive_fg_color: if($variant == 'light', mix($osd_fg_color, $osd_bg_color, 80%), mix($osd_fg_color, $osd_bg_color, 70%));
$osd_borders_color: transparentize(black, 0.3);
diff --git a/data/theme/gnome-shell-sass/widgets/_calendar.scss b/data/theme/gnome-shell-sass/widgets/_calendar.scss
index 1d05258cc..5ce908a0a 100644
--- a/data/theme/gnome-shell-sass/widgets/_calendar.scss
+++ b/data/theme/gnome-shell-sass/widgets/_calendar.scss
@@ -87,7 +87,6 @@
height: $calendar_day_size;
width: $calendar_day_size;
border-radius: $calendar_day_size * 0.5 + 2px;
- border: 1px solid transparent; //avoid jumparound due to today
font-feature-settings: "tnum";
&:hover, &:focus { background-color: $hover_bg_color; }
@@ -128,8 +127,6 @@
// Today
.calendar-today {
background-color: $selected_bg_color;
- border: 1px solid transparent;
- font-weight: bold;
color: $selected_fg_color !important;
&:hover,&:focus {
@@ -149,7 +146,7 @@
}
.calendar-day-with-events {
- background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/calendar-today.svg"), url("resource:///org/gnome/shell/theme/calendar-today-dark.svg"));
+ background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/calendar-today-light.svg"), url("resource:///org/gnome/shell/theme/calendar-today.svg"));
background-size: contain;
&.calendar-work-day {
color: lighten($fg_color,10%);
diff --git a/data/theme/gnome-shell-sass/widgets/_check-box.scss b/data/theme/gnome-shell-sass/widgets/_check-box.scss
index fc71467d4..d2dabf2f8 100644
--- a/data/theme/gnome-shell-sass/widgets/_check-box.scss
+++ b/data/theme/gnome-shell-sass/widgets/_check-box.scss
@@ -1,7 +1,7 @@
/* Check Boxes */
// these are equal to the size of the SVG assets
-$check_height: 22px;
+$check_height: 24px;
$check_width: 24px;
@@ -10,9 +10,9 @@ $check_width: 24px;
StBin {
width: $check_width;
height: $check_height;
- background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg");
+ background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/checkbox-off-light.svg"), url("resource:///org/gnome/shell/theme/checkbox-off.svg"));
}
- &:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); }
+ &:focus StBin { background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/checkbox-off-focused-light.svg"), url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"));; }
&:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
&:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
}
\ No newline at end of file
diff --git a/data/theme/gnome-shell-sass/widgets/_looking-glass.scss b/data/theme/gnome-shell-sass/widgets/_looking-glass.scss
index 2b9cb8302..6cda2705b 100644
--- a/data/theme/gnome-shell-sass/widgets/_looking-glass.scss
+++ b/data/theme/gnome-shell-sass/widgets/_looking-glass.scss
@@ -3,12 +3,13 @@
// Dialog
#LookingGlassDialog {
background-color: $osd_bg_color;
- border-radius: 0 0 $base_border_radius $base_border_radius;
+ border-radius: 0 0 $modal_radius $modal_radius;
border-top-width: 0;
border: 1px solid $osd_outer_borders_color;
color: $osd_fg_color;
padding: $base_padding;
spacing: $base_spacing;
+ box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
& > #Toolbar {
border: none;
diff --git a/data/theme/gnome-shell-sass/widgets/_message-list.scss b/data/theme/gnome-shell-sass/widgets/_message-list.scss
index a58328382..c7e84cb3f 100644
--- a/data/theme/gnome-shell-sass/widgets/_message-list.scss
+++ b/data/theme/gnome-shell-sass/widgets/_message-list.scss
@@ -14,7 +14,8 @@
// icon size and color
> StIcon {
- icon-size: $base_icon_size*4; // 32px
+ icon-size: $base_icon_size*3; // 48px
+ margin-bottom: $base_margin*3;
-st-icon-style: symbolic;
}
}
@@ -119,8 +120,8 @@
color: $fg_color;
background-color: transparentize($fg_color, 0.9);
border-radius: 99px;
- padding: $base_padding;
- margin: 0;
+ padding: $base_padding - 1px;
+ margin: 1px;
&:hover {
background-color: transparentize($fg_color, 0.8);
}
diff --git a/data/theme/gnome-shell-sass/widgets/_popovers.scss b/data/theme/gnome-shell-sass/widgets/_popovers.scss
index 7a88e305d..f523ec6dd 100644
--- a/data/theme/gnome-shell-sass/widgets/_popovers.scss
+++ b/data/theme/gnome-shell-sass/widgets/_popovers.scss
@@ -39,7 +39,7 @@
border: 1px solid $borders_color;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
background-color: $bg_color;
- padding: $base_padding * 2;
+ padding: $base_padding*1.5;
}
.popup-menu-item {}
@@ -54,7 +54,7 @@
// menu items
.popup-menu-item {
spacing: $base_spacing;
- padding: $base_padding*2;
+ padding: $base_padding*1.5;
margin: 2px 0;
border-radius: $base_border_radius;
transition: 0.2s all ease;
@@ -125,8 +125,6 @@
&:active {
background-color: transparent;
}
-
-
.popup-menu-ornament {
min-width: 14px !important;
@@ -141,10 +139,6 @@
border-radius: 0 0 $base_border_radius $base_border_radius;
}
}
-
- .popup-separator-menu-item {
- margin: 0;
- }
}
// container for radio and check boxes
@@ -161,16 +155,28 @@
.popup-separator-menu-item {
padding: 0;
- .popup-separator-menu-item-separator {
- //-margin-horizontal: 24px;
- height: 1px; //not really the whole box
- margin: $base_margin 4em;
- background-color: lighten($borders_color, 2%);
+ &:ltr { padding-right:$base_padding; padding-left: 0; }
+ &:rtl { padding-right: 0; padding-left:$base_padding; }
- .popup-sub-menu & { //submenu separators
- margin: 0 4em 0 3em; // balance it in the middle
- padding:0 !important;
- background-color: darken($hover_bg_color, 5%);
+
+ .popup-separator-menu-item-separator {
+ height: 1px; //not really the whole box
+ margin: 0 !important;
+ padding: 0 !important;
+ background-color: $borders_color;
+ }
+
+ .popup-menu-ornament {
+ width: 0 !important;
+ }
+
+ .popup-sub-menu & {
+ padding: 0;
+ margin-right: 2.5em !important; // account for ornament
+ background-color: transparent;
+
+ .popup-separator-menu-item-separator {
+ background-color: lighten($borders_color, 7%);
}
}
}
@@ -183,7 +189,7 @@
// system status menu
.aggregate-menu {
- min-width: 21em;
+ min-width: 22em;
// this is unneeded in at the top-level this menu, hide it
.popup-menu-ornament {width:0;padding:0;spacing:0;margin:0;}
diff --git a/data/theme/gnome-shell-sass/widgets/_switches.scss b/data/theme/gnome-shell-sass/widgets/_switches.scss
index 30a0f0d5e..3f7bdc562 100644
--- a/data/theme/gnome-shell-sass/widgets/_switches.scss
+++ b/data/theme/gnome-shell-sass/widgets/_switches.scss
@@ -9,8 +9,8 @@ $switch_width: 48px;
height: $switch_height;
width: $switch_width;
background-size: contain;
- background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-off.svg"),url("resource:///org/gnome/shell/theme/toggle-off-dark.svg"));
+ background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-off-light.svg"),url("resource:///org/gnome/shell/theme/toggle-off.svg"));
&:checked {
- background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-on.svg"),url("resource:///org/gnome/shell/theme/toggle-on-dark.svg"));
+ background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-on-light.svg"),url("resource:///org/gnome/shell/theme/toggle-on.svg"));
}
}
\ No newline at end of file
diff --git a/data/theme/no-notifications.svg b/data/theme/no-notifications.svg
index 3ca5711a5..402868bbf 100644
--- a/data/theme/no-notifications.svg
+++ b/data/theme/no-notifications.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/data/theme/toggle-off-dark.svg b/data/theme/toggle-off-dark.svg
deleted file mode 100644
index 0aa086147..000000000
--- a/data/theme/toggle-off-dark.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/data/theme/toggle-off-hc.svg b/data/theme/toggle-off-hc.svg
index 5d60857a9..3becc7018 100644
--- a/data/theme/toggle-off-hc.svg
+++ b/data/theme/toggle-off-hc.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/data/theme/toggle-off-light.svg b/data/theme/toggle-off-light.svg
new file mode 100644
index 000000000..14cb4246a
--- /dev/null
+++ b/data/theme/toggle-off-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/data/theme/toggle-off.svg b/data/theme/toggle-off.svg
index 14cb4246a..323f73b9f 100644
--- a/data/theme/toggle-off.svg
+++ b/data/theme/toggle-off.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/data/theme/toggle-on-dark.svg b/data/theme/toggle-on-dark.svg
deleted file mode 100644
index 9646f9c23..000000000
--- a/data/theme/toggle-on-dark.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/data/theme/toggle-on-light.svg b/data/theme/toggle-on-light.svg
new file mode 100644
index 000000000..f3dbf3157
--- /dev/null
+++ b/data/theme/toggle-on-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/data/theme/toggle-on.svg b/data/theme/toggle-on.svg
index f3dbf3157..9646f9c23 100644
--- a/data/theme/toggle-on.svg
+++ b/data/theme/toggle-on.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file