mirror of
https://github.com/vinceliuice/WhiteSur-gtk-theme.git
synced 2026-05-10 01:55:20 +00:00
Fixed gnome-shell 3.38 issues
This commit is contained in:
Vince
@@ -1246,6 +1246,27 @@ $popop_menuitem_radius: $wm_radius - 4px;
|
||||
}
|
||||
}
|
||||
|
||||
%popover_bubble {
|
||||
border-radius: $mn_radius;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background-color: if($variant == 'light', rgba(white, 0.75), rgba(lighten($base_color, 8%), 0.75));
|
||||
text-shadow: none;
|
||||
color: $alt_fg_color;
|
||||
|
||||
&:hover, &:focus {
|
||||
color: $fg_color;
|
||||
background-color: if($variant == 'light', rgba(white, 1), rgba(lighten($base_color, 15%), 0.75));
|
||||
box-shadow: 0 3px 5px rgba(black, 0.1);
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $fg_color;
|
||||
background-color: if($variant == 'light', rgba(white, 0.65), rgba(lighten($base_color, 10%), 0.75));
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
// calendar popover
|
||||
.clock-display-box {
|
||||
spacing: 4px;
|
||||
@@ -1261,14 +1282,15 @@ $popop_menuitem_radius: $wm_radius - 4px;
|
||||
}
|
||||
|
||||
.calendar {
|
||||
margin-bottom: 0;
|
||||
margin: 4px 12px 6px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
padding: 0;
|
||||
background-color: if($variant == 'light', rgba(white, 0.75), rgba(lighten($base_color, 8%), 0.75));
|
||||
padding: 4px 8px;
|
||||
text-shadow: none;
|
||||
border-radius: $mn_radius;
|
||||
}
|
||||
|
||||
.calendar,
|
||||
.datemenu-today-button,
|
||||
.datemenu-displays-box,
|
||||
.message-list-sections {
|
||||
@@ -1288,113 +1310,15 @@ $popop_menuitem_radius: $wm_radius - 4px;
|
||||
|
||||
.datemenu-today-button {
|
||||
min-height: $menuitem_size * 2 - 4px * 2;
|
||||
.date-label {
|
||||
@include font(headline);
|
||||
}
|
||||
}
|
||||
|
||||
.message-list-section-list:ltr {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.message-list-section-list:rtl {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.datemenu-today-button,
|
||||
.world-clocks-button,
|
||||
.weather-button,
|
||||
.events-section-title {
|
||||
min-height: $menuitem_size - 4px * 2;
|
||||
padding: 4px 8px;
|
||||
border-radius: $bt_radius;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
padding: 4px 8px;
|
||||
text-shadow: none;
|
||||
color: $alt_fg_color;
|
||||
|
||||
&:hover,&:focus { color: $fg_color; background-color: $divider_color; }
|
||||
&:active {
|
||||
color: $fg_color;
|
||||
background-color: $track_color;
|
||||
}
|
||||
}
|
||||
|
||||
.world-clocks-header,
|
||||
.weather-header,
|
||||
.events-section-title {
|
||||
color: $alt_fg_color;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* World Clock */
|
||||
.world-clocks-grid,
|
||||
.weather-grid {
|
||||
spacing-rows: 0.4em;
|
||||
spacing-columns: 0.8em;
|
||||
}
|
||||
|
||||
.world-clocks-city {
|
||||
color: $hint_fg_color;
|
||||
font-weight: bold;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.world-clocks-time {
|
||||
color: $hint_fg_color;
|
||||
font-feature-settings: "tnum";
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.world-clocks-timezone {
|
||||
color: $hint_fg_color;
|
||||
font-feature-settings: "tnum";
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
/* Weather */
|
||||
.weather-button {
|
||||
padding: 12px;
|
||||
|
||||
.weather-box {
|
||||
spacing: 0.5em;
|
||||
}
|
||||
|
||||
.weather-header-box {
|
||||
spacing: 6px;
|
||||
}
|
||||
|
||||
.weather-header {
|
||||
color: $alt_fg_color;
|
||||
font-weight: bold;
|
||||
|
||||
&.location {
|
||||
font-weight: normal;
|
||||
color: $hint_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
.weather-grid {
|
||||
spacing-rows: 6px;
|
||||
spacing-columns: 12px;
|
||||
}
|
||||
|
||||
.weather-forecast-time {
|
||||
color: $alt_fg_color;
|
||||
font-feature-settings: "tnum";
|
||||
font-size: 9pt;
|
||||
font-weight: normal;
|
||||
padding-top: 0.2em;
|
||||
padding-bottom: 0.4em;
|
||||
}
|
||||
|
||||
.weather-forecast-icon {
|
||||
icon-size: 32px;
|
||||
}
|
||||
|
||||
.weather-forecast-temp {
|
||||
font-weight: bold;
|
||||
.date-label {
|
||||
@include font(headline);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1402,10 +1326,11 @@ $popop_menuitem_radius: $wm_radius - 4px;
|
||||
height: $menuitem_size - 4px * 2;
|
||||
margin: 2px;
|
||||
padding: 6px 16px;
|
||||
border-radius: $bt_radius;
|
||||
color: $fg_color;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
text-shadow: none;
|
||||
|
||||
&:focus { background-color: $divider_color; }
|
||||
}
|
||||
|
||||
@@ -1449,17 +1374,18 @@ $popop_menuitem_radius: $wm_radius - 4px;
|
||||
font-feature-settings: "tnum";
|
||||
&:hover, &:focus { background-color: $divider_color; }
|
||||
&:active {
|
||||
color: inherit;
|
||||
color: $alt_fg_color;
|
||||
background-color: $track_color;
|
||||
border-color: transparent; //avoid jumparound due to today
|
||||
}
|
||||
&:selected {
|
||||
color: $light_alt_fg_color;
|
||||
background-color: $primary_color;
|
||||
color: $fg_color;
|
||||
background-color: $track_color;
|
||||
border-color: transparent; //avoid jumparound due to today
|
||||
}
|
||||
&.calendar-day-heading { //day of week heading
|
||||
width: $menuitem_size; height: $menuitem_size - 7px;
|
||||
width: $menuitem_size;
|
||||
height: $menuitem_size - 7px;
|
||||
margin-top: 2px;
|
||||
padding: 7px 0 0;
|
||||
border-radius: 100px;
|
||||
@@ -1503,32 +1429,144 @@ $popop_menuitem_radius: $wm_radius - 4px;
|
||||
}
|
||||
|
||||
.calendar-day-with-events {
|
||||
color: $link_color;
|
||||
font-weight: normal;
|
||||
text-decoration: underline;
|
||||
background-image: none;
|
||||
color: $hint_fg_color;
|
||||
background-image: url("assets/calendar-today.svg");
|
||||
|
||||
&.calendar-work-day {
|
||||
color: $hint_fg_color;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.calendar-other-month-day {
|
||||
color: $disabled_fg_color;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.calendar-week-number {
|
||||
width: $menuitem_size; height: $menuitem_size - 7px;
|
||||
margin: 2px;
|
||||
padding: 7px 0 0;
|
||||
border-radius: 100px;
|
||||
background-color: transparent;
|
||||
width: 22px;
|
||||
height: 16px;
|
||||
margin: 6px 6px 6px 4px;
|
||||
padding: 0 0;
|
||||
border-radius: $bt_radius;
|
||||
background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05));
|
||||
color: $hint_fg_color;
|
||||
font-size: inherit;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.world-clocks-button,
|
||||
.weather-button,
|
||||
.events-button,
|
||||
.events-section-title {
|
||||
@extend %popover_bubble;
|
||||
min-height: $menuitem_size - 4px * 2;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.world-clocks-header,
|
||||
.weather-header,
|
||||
.events-section-title {
|
||||
color: $alt_fg_color;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Events */
|
||||
.events-button {
|
||||
.events-box {
|
||||
spacing: 6px;
|
||||
}
|
||||
|
||||
.events-list {
|
||||
spacing: 12px;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.events-title {
|
||||
color: $hint_fg_color;
|
||||
font-weight: bold;
|
||||
margin-bottom: 4px;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.event-time {
|
||||
color: $hint_fg_color;
|
||||
font-feature-settings: "tnum";
|
||||
}
|
||||
}
|
||||
|
||||
/* World Clock */
|
||||
.world-clocks-grid,
|
||||
.weather-grid {
|
||||
spacing-rows: 0.4em;
|
||||
spacing-columns: 0.8em;
|
||||
}
|
||||
|
||||
.world-clocks-city {
|
||||
color: $hint_fg_color;
|
||||
font-weight: bold;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.world-clocks-time {
|
||||
color: $hint_fg_color;
|
||||
font-feature-settings: "tnum";
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.world-clocks-timezone {
|
||||
color: $hint_fg_color;
|
||||
font-feature-settings: "tnum";
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
/* Weather */
|
||||
.weather-button {
|
||||
padding: 12px;
|
||||
margin-bottom: 6px;
|
||||
|
||||
.weather-box {
|
||||
spacing: 0.5em;
|
||||
}
|
||||
|
||||
.weather-header-box {
|
||||
spacing: 6px;
|
||||
}
|
||||
|
||||
.weather-header {
|
||||
color: $alt_fg_color;
|
||||
font-weight: bold;
|
||||
|
||||
&.location {
|
||||
font-weight: normal;
|
||||
color: $hint_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
.weather-grid {
|
||||
spacing-rows: 6px;
|
||||
spacing-columns: 12px;
|
||||
}
|
||||
|
||||
.weather-forecast-time {
|
||||
color: $alt_fg_color;
|
||||
font-feature-settings: "tnum";
|
||||
font-size: 9pt;
|
||||
font-weight: normal;
|
||||
padding-top: 0.2em;
|
||||
padding-bottom: 0.4em;
|
||||
}
|
||||
|
||||
.weather-forecast-icon {
|
||||
icon-size: 32px;
|
||||
}
|
||||
|
||||
.weather-forecast-temp {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
/* Message list */
|
||||
.message-list {
|
||||
width: 31.5em;
|
||||
@@ -1551,6 +1589,14 @@ $popop_menuitem_radius: $wm_radius - 4px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.message-list-section-list:ltr {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.message-list-section-list:rtl {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
// do-not-disturb + clear button
|
||||
.message-list-controls {
|
||||
margin: 8px 16px 0;
|
||||
@@ -1559,26 +1605,11 @@ $popop_menuitem_radius: $wm_radius - 4px;
|
||||
spacing: 16px;
|
||||
}
|
||||
|
||||
$message_bg: if($variant == 'light', #ffffff, #383838);
|
||||
|
||||
.message {
|
||||
border-radius: $bt_radius;
|
||||
border: none;
|
||||
color: $alt_fg_color;
|
||||
background-color: transparent;
|
||||
margin: 4px;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
margin: 2px 4px 6px;
|
||||
@extend %popover_bubble;
|
||||
|
||||
&:hover, &:focus {
|
||||
color: $fg_color;
|
||||
background-color: $message_bg;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $fg_color;
|
||||
background-color: rgba($message_bg, 0.8);
|
||||
}
|
||||
&:first-child { margin-top: 8px; }
|
||||
|
||||
// icon container
|
||||
.message-icon-bin {
|
||||
|
||||
@@ -876,7 +876,7 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
|
||||
}
|
||||
}
|
||||
|
||||
switch { @extend %switch_mac; }
|
||||
// switch { }
|
||||
|
||||
list { color: $raven_fg_color; background-color: $raven_base_color; }
|
||||
|
||||
|
||||
@@ -2484,7 +2484,6 @@ scrollbar {
|
||||
}
|
||||
}
|
||||
|
||||
%switch,
|
||||
switch {
|
||||
transition: $longer_transition;
|
||||
// margin: 6px 0;
|
||||
@@ -2532,7 +2531,7 @@ switch {
|
||||
|
||||
&:checked:disabled slider { animation: none; }
|
||||
|
||||
row & { @extend %switch_pixmap; }
|
||||
// row & { @extend %switch_pixmap; }
|
||||
}
|
||||
|
||||
//
|
||||
|
||||
Reference in New Issue
Block a user