Gnome-Shell: update calendar theme tweaks

This commit is contained in:
Daniel Ruiz de Alegría 2022-03-02 17:07:31 +01:00
parent 55f1e71782
commit 7e368dd4d5
No known key found for this signature in database
GPG Key ID: 59667A77E8BFCB6C
5 changed files with 75 additions and 287 deletions

View File

@ -134,16 +134,14 @@ stage {
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(238, 238, 236, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
background-color: transparent; }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
background-color: transparent;
background-color: none; }
.screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(238, 238, 236, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
background-color: transparent; }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
background-color: #37435a;
@ -488,8 +486,7 @@ StScrollBar {
.datemenu-today-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(238, 238, 236, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
background-color: transparent; }
.datemenu-today-button:focus {
color: #eeeeec;
background-color: #2c364c;
@ -519,8 +516,7 @@ StScrollBar {
.calendar:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(238, 238, 236, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
background-color: transparent; }
.calendar:focus {
color: #eeeeec;
background-color: #2c364c;
@ -1810,8 +1806,7 @@ StScrollBar {
.app-folder-dialog .folder-name-container .edit-folder-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(238, 238, 236, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
background-color: transparent; }
.app-folder-dialog .folder-name-container .edit-folder-button:focus {
color: #eeeeec;
background-color: #2c364c;
@ -2699,96 +2694,34 @@ $_osd_color: if($variant=='light', black, $fg_color);
background-image: url("assets/view-grid-symbolic-dark.svg"); }
/* Date/Time Menu */
/*
@mixin notification_bubble($flat: false) {
border-width: 1px;
border-style: solid;
border-radius: $base_border_radius + 2px;
margin: $base_margin;
@if $flat {
@include button(undecorated);
} @else {
@include button(normal);
}
&:focus {
@include button(focus);
}
&:hover {
@include button(hover);
box-shadow: none;
}
&:active {
@include button(active);
}
}
// overall menu
#calendarArea {
background-image: if($variant == 'light', url("assets/kali-dragon.svg"),
url("assets/kali-dragon-dark.svg"));
background-size: contain;
}
.events-section-title { padding: 1em; }
.datemenu-today-button {
@include notification_bubble($flat: true);
.date-label {
font-size: 1.5em;
font-weight: 300;
}
}
.calendar {
@include notification_bubble($flat: true);
.pager-button {
&:hover, &:focus { background-color: $popover_hover_color }
}
.calendar-day-base {
&:hover, &:focus,
&:active,&:selected {
color: $fg_color;
background-color: $popover_hover_color;
}
}
.calendar-today {
&:hover,&:focus {
background-color: $popover_hover_color;
color: $fg_color;
}
&:active,&:selected {
background: $selected_bg_color;
color: $selected_fg_color;
&:hover,&:focus {
background-color: $popover_hover_color;
color: $fg_color;
}
}
}
}
/* Events */
/*
.events-button { @include notification_bubble($flat: true); }
/* World clocks */
/*
.world-clocks-button {
@include notification_bubble($flat: true);
}
.weather-button {
@include notification_bubble($flat: true);
}
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
color: #eeeeec;
background-color: #2d2f38; }
.datemenu-today-button:focus {
color: #eeeeec;
background-color: #2c364c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
.datemenu-today-button:focus:hover {
background-color: #333d54;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
.datemenu-today-button:focus:active {
background-color: #39435b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
.datemenu-today-button:hover {
color: #eeeeec;
background-color: #343640; }
.datemenu-today-button:active {
color: #eeeeec;
background-color: #3b3d49; }
.datemenu-today-button:insensitive {
color: inherit; }
.datemenu-today-button .day-label {
font-weight: normal; }
.datemenu-today-button .date-label {
font-weight: lighter; }
/* Search */
.search-entry {

View File

@ -134,16 +134,14 @@ stage {
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(92, 97, 108, 0.5);
background-color: rgba(92, 97, 108, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
background-color: transparent; }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
background-color: transparent;
background-color: none; }
.screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive {
color: rgba(92, 97, 108, 0.5);
background-color: rgba(92, 97, 108, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
background-color: transparent; }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #5c616c;
background-color: #313d55;
@ -488,8 +486,7 @@ StScrollBar {
.datemenu-today-button:insensitive {
color: rgba(92, 97, 108, 0.5);
background-color: rgba(92, 97, 108, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
background-color: transparent; }
.datemenu-today-button:focus {
color: #5c616c;
background-color: #e2eaf9;
@ -519,8 +516,7 @@ StScrollBar {
.calendar:insensitive {
color: rgba(92, 97, 108, 0.5);
background-color: rgba(92, 97, 108, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
background-color: transparent; }
.calendar:focus {
color: #5c616c;
background-color: #e2eaf9;
@ -1810,8 +1806,7 @@ StScrollBar {
.app-folder-dialog .folder-name-container .edit-folder-button:insensitive {
color: rgba(92, 97, 108, 0.5);
background-color: rgba(92, 97, 108, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
background-color: transparent; }
.app-folder-dialog .folder-name-container .edit-folder-button:focus {
color: #5c616c;
background-color: #e2eaf9;
@ -2695,96 +2690,34 @@ $_osd_color: if($variant=='light', black, $fg_color);
background-image: url("assets/view-grid-symbolic-dark.svg"); }
/* Date/Time Menu */
/*
@mixin notification_bubble($flat: false) {
border-width: 1px;
border-style: solid;
border-radius: $base_border_radius + 2px;
margin: $base_margin;
@if $flat {
@include button(undecorated);
} @else {
@include button(normal);
}
&:focus {
@include button(focus);
}
&:hover {
@include button(hover);
box-shadow: none;
}
&:active {
@include button(active);
}
}
// overall menu
#calendarArea {
background-image: if($variant == 'light', url("assets/kali-dragon.svg"),
url("assets/kali-dragon-dark.svg"));
background-size: contain;
}
.events-section-title { padding: 1em; }
.datemenu-today-button {
@include notification_bubble($flat: true);
.date-label {
font-size: 1.5em;
font-weight: 300;
}
}
.calendar {
@include notification_bubble($flat: true);
.pager-button {
&:hover, &:focus { background-color: $popover_hover_color }
}
.calendar-day-base {
&:hover, &:focus,
&:active,&:selected {
color: $fg_color;
background-color: $popover_hover_color;
}
}
.calendar-today {
&:hover,&:focus {
background-color: $popover_hover_color;
color: $fg_color;
}
&:active,&:selected {
background: $selected_bg_color;
color: $selected_fg_color;
&:hover,&:focus {
background-color: $popover_hover_color;
color: $fg_color;
}
}
}
}
/* Events */
/*
.events-button { @include notification_bubble($flat: true); }
/* World clocks */
/*
.world-clocks-button {
@include notification_bubble($flat: true);
}
.weather-button {
@include notification_bubble($flat: true);
}
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
color: #5c616c;
background-color: #f7f7f8; }
.datemenu-today-button:focus {
color: #5c616c;
background-color: #e2eaf9;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
.datemenu-today-button:focus:hover {
background-color: #e9f1ff;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
.datemenu-today-button:focus:active {
background-color: #e9f1ff;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
.datemenu-today-button:hover {
color: #5c616c;
background-color: white; }
.datemenu-today-button:active {
color: #5c616c;
background-color: white; }
.datemenu-today-button:insensitive {
color: inherit; }
.datemenu-today-button .day-label {
font-weight: normal; }
.datemenu-today-button .date-label {
font-weight: lighter; }
/* Search */
.search-entry {

View File

@ -175,98 +175,16 @@ $_osd_color: if($variant=='light', black, $fg_color);
}
/* Date/Time Menu */
// notification styling
/*
@mixin notification_bubble($flat: false) {
border-width: 1px;
border-style: solid;
border-radius: $base_border_radius + 2px;
margin: $base_margin;
@if $flat {
@include button(undecorated);
} @else {
@include button(normal);
}
&:focus {
@include button(focus);
}
&:hover {
@include button(hover);
box-shadow: none;
}
&:active {
@include button(active);
}
}
// overall menu
#calendarArea {
background-image: if($variant == 'light', url("assets/kali-dragon.svg"),
url("assets/kali-dragon-dark.svg"));
background-size: contain;
}
.events-section-title { padding: 1em; }
.datemenu-today-button {
@include notification_bubble($flat: true);
@include card($flat: false);
.date-label {
font-size: 1.5em;
font-weight: 300;
}
&:insensitive { color: inherit; }
.day-label { font-weight: normal; }
.date-label { font-weight: lighter; }
}
.calendar {
@include notification_bubble($flat: true);
.pager-button {
&:hover, &:focus { background-color: $popover_hover_color }
}
.calendar-day-base {
&:hover, &:focus,
&:active,&:selected {
color: $fg_color;
background-color: $popover_hover_color;
}
}
.calendar-today {
&:hover,&:focus {
background-color: $popover_hover_color;
color: $fg_color;
}
&:active,&:selected {
background: $selected_bg_color;
color: $selected_fg_color;
&:hover,&:focus {
background-color: $popover_hover_color;
color: $fg_color;
}
}
}
}
/* Events */
/*
.events-button { @include notification_bubble($flat: true); }
/* World clocks */
/*
.world-clocks-button {
@include notification_bubble($flat: true);
}
.weather-button {
@include notification_bubble($flat: true);
}
/* Search */
// search entry

View File

@ -225,7 +225,7 @@ $button_bg_color: mix($tc, $c, 5%);
&:insensitive {
@include button(insensitive);
background-color: transparent;
color: transparentize($selected_fg_color, .5);
//color: transparentize($selected_fg_color, .5);
}
}
}

View File

@ -0,0 +1,4 @@
228c228
< color: transparentize($selected_fg_color, .5);
---
> //color: transparentize($selected_fg_color, .5);