aiden
/
Orchis-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed gnome-shell issues

Browse Source
pull/85/head
vinceliuice 5 years ago
parent b7595b3621
commit 46c05166c0
5 changed files with 614 additions and 493 deletions
Show Stats Download Patch File Download Diff File

215
src/gnome-shell/gnome-shell-compact.css
Unescape Escape View File

@ -1605,18 +1605,13 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
} }
.calendar { .calendar {
margin-bottom: 0; padding: 0;
margin: 0 8px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background: none;
padding: 0; text-shadow: none;
} color: rgba(0, 0, 0, 0.54);
.calendar,
.datemenu-today-button,
.datemenu-displays-box,
.message-list-sections {
margin: 0 8px;
} }
.datemenu-displays-section { .datemenu-displays-section {
@ -1631,6 +1626,17 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
spacing: 4px; spacing: 4px;
border: 0 solid rgba(0, 0, 0, 0.12); border: 0 solid rgba(0, 0, 0, 0.12);
padding: 0 8px; padding: 0 8px;
color: rgba(0, 0, 0, 0.54);
}
.datemenu-calendar-column:hover, .datemenu-calendar-column:focus {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.12);
}
.datemenu-calendar-column:active {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.2);
} }
.datemenu-calendar-column:ltr { .datemenu-calendar-column:ltr {
@ -1643,51 +1649,17 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
border-right-width: 0; border-right-width: 0;
} }
.datemenu-today-button, .datemenu-today-button {
.world-clocks-button, min-height: 48px;
.weather-button,
.events-button,
.message-list-section-title,
.events-section-title {
min-height: 20px;
padding: 4px 8px; padding: 4px 8px;
border-radius: 5px; border-radius: 5px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none;
text-shadow: none; text-shadow: none;
background: none;
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
} }
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.events-button:hover,
.events-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus,
.events-section-title:hover,
.events-section-title:focus {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.12);
}
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.events-button:active,
.message-list-section-title:active,
.events-section-title:active {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.2);
}
.datemenu-today-button {
min-height: 48px;
}
.datemenu-today-button .day-label { .datemenu-today-button .day-label {
font-size: 15pt; font-size: 15pt;
font-weight: 500; font-weight: 500;
@ -1699,18 +1671,29 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
font-weight: 400; font-weight: 400;
} }
.datemenu-today-button:hover, .datemenu-today-button:focus {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.12);
}
.datemenu-today-button:active {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.2);
}
.calendar-month-label { .calendar-month-label {
height: 20px; height: 20px;
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: 12px; border-radius: 12px;
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.54);
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none; text-shadow: none;
} }
.calendar-month-label:focus { .calendar-month-label:focus {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.12);
} }
@ -1720,14 +1703,16 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
margin: 2px; margin: 2px;
border-radius: 100px; border-radius: 100px;
background-color: transparent; background-color: transparent;
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.54);
} }
.pager-button:hover, .pager-button:focus { .pager-button:hover, .pager-button:focus {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.12);
} }
.pager-button:active { .pager-button:active {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
} }
@ -1848,12 +1833,11 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
} }
.calendar-week-number { .calendar-week-number {
width: 28px; height: 1.8em;
height: 21px; width: 2em;
margin: 2px; margin: 4px 0;
padding: 7px 0 0;
border-radius: 100px; border-radius: 100px;
background-color: transparent; background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
@ -1861,82 +1845,118 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
text-shadow: none; text-shadow: none;
} }
/* Events */ .world-clocks-button,
.events-button .events-box { .weather-button,
spacing: 6px; .events-button {
padding: 4px 8px;
border-radius: 5px;
border: none;
box-shadow: none;
text-shadow: none;
color: rgba(0, 0, 0, 0.54);
background-color: rgba(0, 0, 0, 0.04);
} }
.events-button .events-list { .world-clocks-button:hover, .world-clocks-button:focus,
spacing: 12px; .weather-button:hover,
text-shadow: none; .weather-button:focus,
.events-button:hover,
.events-button:focus {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.12);
} }
.events-button .events-title { .world-clocks-button:active,
.weather-button:active,
.events-button:active {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.2);
}
.world-clocks-header,
.weather-header,
.message-list-section-title,
.events-section-title,
.events-title {
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
font-weight: bold; font-weight: bold;
margin-bottom: 4px; margin-bottom: 4px;
text-shadow: none; text-shadow: none;
} }
.events-button .event-time { .weather-grid,
color: rgba(0, 0, 0, 0.38); .world-clocks-grid {
font-feature-settings: "tnum"; spacing-rows: 8px;
} spacing-columns: 16px;
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
} }
.world-clocks-header, .world-clocks-header,
.weather-header, .weather-header,
.events-section-title { .events-section-title {
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.38);
font-weight: bold; font-weight: bold;
} }
.world-clocks-grid, .events-button .events-box {
.weather-grid { spacing: 6px;
spacing-rows: 0.4em;
spacing-columns: 0.8em;
} }
.world-clocks-city { .events-button .events-list {
spacing: 12px;
text-shadow: none;
}
.events-button .event-time {
color: rgba(0, 0, 0, 0.26);
font-feature-settings: "tnum";
}
.world-clocks-button .world-clocks-city {
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
font-weight: bold; font-weight: normal;
font-size: 0.9em; font-size: 1em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-weight: bold;
font-size: 1em;
}
.world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-timezone {
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 1em;
} }
.weather-box { .weather-button .weather-box {
spacing: 0.4em; spacing: 12px;
}
.weather-button .weather-header-box {
spacing: 8px;
} }
.weather-header.location { .weather-button .weather-header.location {
font-weight: normal; font-weight: normal;
color: rgba(0, 0, 0, 0.42); color: rgba(0, 0, 0, 0.38);
} }
.weather-forecast-icon { .weather-button .weather-forecast-icon {
icon-size: 2.18em; icon-size: 32px;
color: rgba(0, 0, 0, 0.52); color: rgba(0, 0, 0, 0.38);
} }
.weather-forecast-time { .weather-button .weather-forecast-time {
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
font-size: 0.8em; font-size: 0.8em;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
@ -1945,13 +1965,12 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
padding-bottom: 0.4em; padding-bottom: 0.4em;
} }
.weather-forecast-temp { .weather-button .weather-forecast-temp {
font-weight: bold; font-weight: bold;
color: rgba(0, 0, 0, 0.52); color: rgba(0, 0, 0, 0.52);
text-shadow: none; text-shadow: none;
} }
/* Message list */
.message-list { .message-list {
width: 31.5em; width: 31.5em;
padding: 0 12px; padding: 0 12px;
@ -2314,14 +2333,14 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
width: 304px; width: 304px;
padding: 0 8px; padding: 0 8px;
border: none; border: none;
selection-background-color: #4586D8;
selected-color: #FFFFFF;
caret-color: rgba(0, 0, 0, 0.75); caret-color: rgba(0, 0, 0, 0.75);
color: rgba(0, 0, 0, 0.75); color: rgba(0, 0, 0, 0.75);
background-color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.75);
border-radius: 100px; border-radius: 100px;
border-color: transparent; border-color: transparent;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
selection-background-color: #4586D8;
selected-color: #FFFFFF !important;
} }
.search-entry:focus { .search-entry:focus {
@ -2331,6 +2350,8 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
border: none; border: none;
box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.55); box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.55);
padding: 0 8px; padding: 0 8px;
selection-background-color: #4586D8;
selected-color: #FFFFFF !important;
} }
.search-entry .search-entry-icon { .search-entry .search-entry-icon {
@ -3303,7 +3324,7 @@ StWidget.focused .app-well-app-running-dot {
.login-dialog StEntry, .login-dialog StEntry,
.unlock-dialog StEntry { .unlock-dialog StEntry {
selection-background-color: #4586D8; selection-background-color: #4586D8;
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85) !important;
caret-color: rgba(0, 0, 0, 0.54); caret-color: rgba(0, 0, 0, 0.54);
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
background-color: #ffffff; background-color: #ffffff;
@ -3774,7 +3795,7 @@ StWidget.focused .app-well-app-running-dot {
.lg-dialog StEntry { .lg-dialog StEntry {
selection-background-color: #4586D8; selection-background-color: #4586D8;
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85) !important;
} }
.lg-dialog .shell-link { .lg-dialog .shell-link {

215
src/gnome-shell/gnome-shell-dark-compact.css
Unescape Escape View File

@ -1605,18 +1605,13 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
} }
.calendar { .calendar {
margin-bottom: 0; padding: 0;
margin: 0 8px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background: none;
padding: 0; text-shadow: none;
} color: rgba(255, 255, 255, 0.7);
.calendar,
.datemenu-today-button,
.datemenu-displays-box,
.message-list-sections {
margin: 0 8px;
} }
.datemenu-displays-section { .datemenu-displays-section {
@ -1631,6 +1626,17 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
spacing: 4px; spacing: 4px;
border: 0 solid rgba(255, 255, 255, 0.12); border: 0 solid rgba(255, 255, 255, 0.12);
padding: 0 8px; padding: 0 8px;
color: rgba(255, 255, 255, 0.7);
}
.datemenu-calendar-column:hover, .datemenu-calendar-column:focus {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.06);
}
.datemenu-calendar-column:active {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
} }
.datemenu-calendar-column:ltr { .datemenu-calendar-column:ltr {
@ -1643,51 +1649,17 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
border-right-width: 0; border-right-width: 0;
} }
.datemenu-today-button, .datemenu-today-button {
.world-clocks-button, min-height: 48px;
.weather-button,
.events-button,
.message-list-section-title,
.events-section-title {
min-height: 20px;
padding: 4px 8px; padding: 4px 8px;
border-radius: 5px; border-radius: 5px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none;
text-shadow: none; text-shadow: none;
background: none;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
} }
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.events-button:hover,
.events-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus,
.events-section-title:hover,
.events-section-title:focus {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.06);
}
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.events-button:active,
.message-list-section-title:active,
.events-section-title:active {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
}
.datemenu-today-button {
min-height: 48px;
}
.datemenu-today-button .day-label { .datemenu-today-button .day-label {
font-size: 15pt; font-size: 15pt;
font-weight: 500; font-weight: 500;
@ -1699,18 +1671,29 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
font-weight: 400; font-weight: 400;
} }
.datemenu-today-button:hover, .datemenu-today-button:focus {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.06);
}
.datemenu-today-button:active {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
}
.calendar-month-label { .calendar-month-label {
height: 20px; height: 20px;
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: 12px; border-radius: 12px;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.7);
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none; text-shadow: none;
} }
.calendar-month-label:focus { .calendar-month-label:focus {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.06); background-color: rgba(255, 255, 255, 0.06);
} }
@ -1720,14 +1703,16 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
margin: 2px; margin: 2px;
border-radius: 100px; border-radius: 100px;
background-color: transparent; background-color: transparent;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.7);
} }
.pager-button:hover, .pager-button:focus { .pager-button:hover, .pager-button:focus {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.06); background-color: rgba(255, 255, 255, 0.06);
} }
.pager-button:active { .pager-button:active {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
@ -1848,12 +1833,11 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
} }
.calendar-week-number { .calendar-week-number {
width: 28px; height: 1.8em;
height: 21px; width: 2em;
margin: 2px; margin: 4px 0;
padding: 7px 0 0;
border-radius: 100px; border-radius: 100px;
background-color: transparent; background-color: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
@ -1861,82 +1845,118 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
text-shadow: none; text-shadow: none;
} }
/* Events */ .world-clocks-button,
.events-button .events-box { .weather-button,
spacing: 6px; .events-button {
padding: 4px 8px;
border-radius: 5px;
border: none;
box-shadow: none;
text-shadow: none;
color: rgba(255, 255, 255, 0.7);
background-color: rgba(255, 255, 255, 0.03);
} }
.events-button .events-list { .world-clocks-button:hover, .world-clocks-button:focus,
spacing: 12px; .weather-button:hover,
text-shadow: none; .weather-button:focus,
.events-button:hover,
.events-button:focus {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.06);
} }
.events-button .events-title { .world-clocks-button:active,
.weather-button:active,
.events-button:active {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
}
.world-clocks-header,
.weather-header,
.message-list-section-title,
.events-section-title,
.events-title {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-weight: bold; font-weight: bold;
margin-bottom: 4px; margin-bottom: 4px;
text-shadow: none; text-shadow: none;
} }
.events-button .event-time { .weather-grid,
color: rgba(255, 255, 255, 0.5); .world-clocks-grid {
font-feature-settings: "tnum"; spacing-rows: 8px;
} spacing-columns: 16px;
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
} }
.world-clocks-header, .world-clocks-header,
.weather-header, .weather-header,
.events-section-title { .events-section-title {
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.5);
font-weight: bold; font-weight: bold;
} }
.world-clocks-grid, .events-button .events-box {
.weather-grid { spacing: 6px;
spacing-rows: 0.4em;
spacing-columns: 0.8em;
} }
.world-clocks-city { .events-button .events-list {
spacing: 12px;
text-shadow: none;
}
.events-button .event-time {
color: rgba(255, 255, 255, 0.3);
font-feature-settings: "tnum";
}
.world-clocks-button .world-clocks-city {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-weight: bold; font-weight: normal;
font-size: 0.9em; font-size: 1em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-weight: bold;
font-size: 1em;
}
.world-clocks-button .world-clocks-time:ltr {
text-align: right;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 1em;
} }
.weather-box { .weather-button .weather-box {
spacing: 0.4em; spacing: 12px;
} }
.weather-header.location { .weather-button .weather-header-box {
spacing: 8px;
}
.weather-button .weather-header.location {
font-weight: normal; font-weight: normal;
color: rgba(255, 255, 255, 0.45); color: rgba(255, 255, 255, 0.5);
} }
.weather-forecast-icon { .weather-button .weather-forecast-icon {
icon-size: 2.18em; icon-size: 32px;
color: rgba(255, 255, 255, 0.55); color: rgba(255, 255, 255, 0.5);
} }
.weather-forecast-time { .weather-button .weather-forecast-time {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-size: 0.8em; font-size: 0.8em;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
@ -1945,13 +1965,12 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
padding-bottom: 0.4em; padding-bottom: 0.4em;
} }
.weather-forecast-temp { .weather-button .weather-forecast-temp {
font-weight: bold; font-weight: bold;
color: rgba(255, 255, 255, 0.55); color: rgba(255, 255, 255, 0.55);
text-shadow: none; text-shadow: none;
} }
/* Message list */
.message-list { .message-list {
width: 31.5em; width: 31.5em;
padding: 0 12px; padding: 0 12px;
@ -2314,14 +2333,14 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
width: 304px; width: 304px;
padding: 0 8px; padding: 0 8px;
border: none; border: none;
selection-background-color: #4586D8;
selected-color: #FFFFFF;
caret-color: rgba(0, 0, 0, 0.75); caret-color: rgba(0, 0, 0, 0.75);
color: rgba(0, 0, 0, 0.75); color: rgba(0, 0, 0, 0.75);
background-color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.75);
border-radius: 100px; border-radius: 100px;
border-color: transparent; border-color: transparent;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
selection-background-color: #4586D8;
selected-color: #FFFFFF !important;
} }
.search-entry:focus { .search-entry:focus {
@ -2331,6 +2350,8 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
border: none; border: none;
box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.55); box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.55);
padding: 0 8px; padding: 0 8px;
selection-background-color: #4586D8;
selected-color: #FFFFFF !important;
} }
.search-entry .search-entry-icon { .search-entry .search-entry-icon {
@ -3303,7 +3324,7 @@ StWidget.focused .app-well-app-running-dot {
.login-dialog StEntry, .login-dialog StEntry,
.unlock-dialog StEntry { .unlock-dialog StEntry {
selection-background-color: #4586D8; selection-background-color: #4586D8;
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85) !important;
caret-color: rgba(255, 255, 255, 0.7); caret-color: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
background-color: rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.15);
@ -3774,7 +3795,7 @@ StWidget.focused .app-well-app-running-dot {
.lg-dialog StEntry { .lg-dialog StEntry {
selection-background-color: #4586D8; selection-background-color: #4586D8;
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85) !important;
} }
.lg-dialog .shell-link { .lg-dialog .shell-link {

215
src/gnome-shell/gnome-shell-dark.css
Unescape Escape View File

@ -1605,18 +1605,13 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
} }
.calendar { .calendar {
margin-bottom: 0; padding: 0;
margin: 0 8px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background: none;
padding: 0; text-shadow: none;
} color: rgba(255, 255, 255, 0.7);
.calendar,
.datemenu-today-button,
.datemenu-displays-box,
.message-list-sections {
margin: 0 8px;
} }
.datemenu-displays-section { .datemenu-displays-section {
@ -1631,6 +1626,17 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
spacing: 6px; spacing: 6px;
border: 0 solid rgba(255, 255, 255, 0.12); border: 0 solid rgba(255, 255, 255, 0.12);
padding: 0 12px; padding: 0 12px;
color: rgba(255, 255, 255, 0.7);
}
.datemenu-calendar-column:hover, .datemenu-calendar-column:focus {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.06);
}
.datemenu-calendar-column:active {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
} }
.datemenu-calendar-column:ltr { .datemenu-calendar-column:ltr {
@ -1643,51 +1649,17 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
border-right-width: 0; border-right-width: 0;
} }
.datemenu-today-button, .datemenu-today-button {
.world-clocks-button, min-height: 56px;
.weather-button,
.events-button,
.message-list-section-title,
.events-section-title {
min-height: 24px;
padding: 6px 8px; padding: 6px 8px;
border-radius: 5px; border-radius: 5px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none;
text-shadow: none; text-shadow: none;
background: none;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
} }
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.events-button:hover,
.events-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus,
.events-section-title:hover,
.events-section-title:focus {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.06);
}
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.events-button:active,
.message-list-section-title:active,
.events-section-title:active {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
}
.datemenu-today-button {
min-height: 56px;
}
.datemenu-today-button .day-label { .datemenu-today-button .day-label {
font-size: 15pt; font-size: 15pt;
font-weight: 500; font-weight: 500;
@ -1699,18 +1671,29 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
font-weight: 400; font-weight: 400;
} }
.datemenu-today-button:hover, .datemenu-today-button:focus {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.06);
}
.datemenu-today-button:active {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
}
.calendar-month-label { .calendar-month-label {
height: 24px; height: 24px;
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: 12px; border-radius: 12px;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.7);
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none; text-shadow: none;
} }
.calendar-month-label:focus { .calendar-month-label:focus {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.06); background-color: rgba(255, 255, 255, 0.06);
} }
@ -1720,14 +1703,16 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
margin: 2px; margin: 2px;
border-radius: 100px; border-radius: 100px;
background-color: transparent; background-color: transparent;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.7);
} }
.pager-button:hover, .pager-button:focus { .pager-button:hover, .pager-button:focus {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.06); background-color: rgba(255, 255, 255, 0.06);
} }
.pager-button:active { .pager-button:active {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
@ -1848,12 +1833,11 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
} }
.calendar-week-number { .calendar-week-number {
width: 32px; height: 1.8em;
height: 25px; width: 2em;
margin: 2px; margin: 6px 0;
padding: 7px 0 0;
border-radius: 100px; border-radius: 100px;
background-color: transparent; background-color: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
@ -1861,82 +1845,118 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
text-shadow: none; text-shadow: none;
} }
/* Events */ .world-clocks-button,
.events-button .events-box { .weather-button,
spacing: 6px; .events-button {
padding: 6px 8px;
border-radius: 5px;
border: none;
box-shadow: none;
text-shadow: none;
color: rgba(255, 255, 255, 0.7);
background-color: rgba(255, 255, 255, 0.03);
} }
.events-button .events-list { .world-clocks-button:hover, .world-clocks-button:focus,
spacing: 12px; .weather-button:hover,
text-shadow: none; .weather-button:focus,
.events-button:hover,
.events-button:focus {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.06);
} }
.events-button .events-title { .world-clocks-button:active,
.weather-button:active,
.events-button:active {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
}
.world-clocks-header,
.weather-header,
.message-list-section-title,
.events-section-title,
.events-title {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-weight: bold; font-weight: bold;
margin-bottom: 4px; margin-bottom: 4px;
text-shadow: none; text-shadow: none;
} }
.events-button .event-time { .weather-grid,
color: rgba(255, 255, 255, 0.5); .world-clocks-grid {
font-feature-settings: "tnum"; spacing-rows: 8px;
} spacing-columns: 16px;
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
} }
.world-clocks-header, .world-clocks-header,
.weather-header, .weather-header,
.events-section-title { .events-section-title {
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.5);
font-weight: bold; font-weight: bold;
} }
.world-clocks-grid, .events-button .events-box {
.weather-grid { spacing: 6px;
spacing-rows: 0.4em;
spacing-columns: 0.8em;
} }
.world-clocks-city { .events-button .events-list {
spacing: 12px;
text-shadow: none;
}
.events-button .event-time {
color: rgba(255, 255, 255, 0.3);
font-feature-settings: "tnum";
}
.world-clocks-button .world-clocks-city {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-weight: bold; font-weight: normal;
font-size: 0.9em; font-size: 1em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-weight: bold;
font-size: 1em;
}
.world-clocks-button .world-clocks-time:ltr {
text-align: right;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 1em;
} }
.weather-box { .weather-button .weather-box {
spacing: 0.4em; spacing: 12px;
} }
.weather-header.location { .weather-button .weather-header-box {
spacing: 8px;
}
.weather-button .weather-header.location {
font-weight: normal; font-weight: normal;
color: rgba(255, 255, 255, 0.45); color: rgba(255, 255, 255, 0.5);
} }
.weather-forecast-icon { .weather-button .weather-forecast-icon {
icon-size: 2.18em; icon-size: 32px;
color: rgba(255, 255, 255, 0.55); color: rgba(255, 255, 255, 0.5);
} }
.weather-forecast-time { .weather-button .weather-forecast-time {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-size: 0.8em; font-size: 0.8em;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
@ -1945,13 +1965,12 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
padding-bottom: 0.4em; padding-bottom: 0.4em;
} }
.weather-forecast-temp { .weather-button .weather-forecast-temp {
font-weight: bold; font-weight: bold;
color: rgba(255, 255, 255, 0.55); color: rgba(255, 255, 255, 0.55);
text-shadow: none; text-shadow: none;
} }
/* Message list */
.message-list { .message-list {
width: 31.5em; width: 31.5em;
padding: 0 12px; padding: 0 12px;
@ -2314,14 +2333,14 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
width: 304px; width: 304px;
padding: 0 8px; padding: 0 8px;
border: none; border: none;
selection-background-color: #4586D8;
selected-color: #FFFFFF;
caret-color: rgba(0, 0, 0, 0.75); caret-color: rgba(0, 0, 0, 0.75);
color: rgba(0, 0, 0, 0.75); color: rgba(0, 0, 0, 0.75);
background-color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.75);
border-radius: 100px; border-radius: 100px;
border-color: transparent; border-color: transparent;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
selection-background-color: #4586D8;
selected-color: #FFFFFF !important;
} }
.search-entry:focus { .search-entry:focus {
@ -2331,6 +2350,8 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
border: none; border: none;
box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.55); box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.55);
padding: 0 8px; padding: 0 8px;
selection-background-color: #4586D8;
selected-color: #FFFFFF !important;
} }
.search-entry .search-entry-icon { .search-entry .search-entry-icon {
@ -3303,7 +3324,7 @@ StWidget.focused .app-well-app-running-dot {
.login-dialog StEntry, .login-dialog StEntry,
.unlock-dialog StEntry { .unlock-dialog StEntry {
selection-background-color: #4586D8; selection-background-color: #4586D8;
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85) !important;
caret-color: rgba(255, 255, 255, 0.7); caret-color: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
background-color: rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.15);
@ -3774,7 +3795,7 @@ StWidget.focused .app-well-app-running-dot {
.lg-dialog StEntry { .lg-dialog StEntry {
selection-background-color: #4586D8; selection-background-color: #4586D8;
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85) !important;
} }
.lg-dialog .shell-link { .lg-dialog .shell-link {

215
src/gnome-shell/gnome-shell.css
Unescape Escape View File

@ -1605,18 +1605,13 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
} }
.calendar { .calendar {
margin-bottom: 0; padding: 0;
margin: 0 8px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background: none;
padding: 0; text-shadow: none;
} color: rgba(0, 0, 0, 0.54);
.calendar,
.datemenu-today-button,
.datemenu-displays-box,
.message-list-sections {
margin: 0 8px;
} }
.datemenu-displays-section { .datemenu-displays-section {
@ -1631,6 +1626,17 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
spacing: 6px; spacing: 6px;
border: 0 solid rgba(0, 0, 0, 0.12); border: 0 solid rgba(0, 0, 0, 0.12);
padding: 0 12px; padding: 0 12px;
color: rgba(0, 0, 0, 0.54);
}
.datemenu-calendar-column:hover, .datemenu-calendar-column:focus {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.12);
}
.datemenu-calendar-column:active {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.2);
} }
.datemenu-calendar-column:ltr { .datemenu-calendar-column:ltr {
@ -1643,51 +1649,17 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
border-right-width: 0; border-right-width: 0;
} }
.datemenu-today-button, .datemenu-today-button {
.world-clocks-button, min-height: 56px;
.weather-button,
.events-button,
.message-list-section-title,
.events-section-title {
min-height: 24px;
padding: 6px 8px; padding: 6px 8px;
border-radius: 5px; border-radius: 5px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none;
text-shadow: none; text-shadow: none;
background: none;
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
} }
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.events-button:hover,
.events-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus,
.events-section-title:hover,
.events-section-title:focus {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.12);
}
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.events-button:active,
.message-list-section-title:active,
.events-section-title:active {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.2);
}
.datemenu-today-button {
min-height: 56px;
}
.datemenu-today-button .day-label { .datemenu-today-button .day-label {
font-size: 15pt; font-size: 15pt;
font-weight: 500; font-weight: 500;
@ -1699,18 +1671,29 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
font-weight: 400; font-weight: 400;
} }
.datemenu-today-button:hover, .datemenu-today-button:focus {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.12);
}
.datemenu-today-button:active {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.2);
}
.calendar-month-label { .calendar-month-label {
height: 24px; height: 24px;
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: 12px; border-radius: 12px;
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.54);
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none; text-shadow: none;
} }
.calendar-month-label:focus { .calendar-month-label:focus {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.12);
} }
@ -1720,14 +1703,16 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
margin: 2px; margin: 2px;
border-radius: 100px; border-radius: 100px;
background-color: transparent; background-color: transparent;
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.54);
} }
.pager-button:hover, .pager-button:focus { .pager-button:hover, .pager-button:focus {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.12);
} }
.pager-button:active { .pager-button:active {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
} }
@ -1848,12 +1833,11 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
} }
.calendar-week-number { .calendar-week-number {
width: 32px; height: 1.8em;
height: 25px; width: 2em;
margin: 2px; margin: 6px 0;
padding: 7px 0 0;
border-radius: 100px; border-radius: 100px;
background-color: transparent; background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
@ -1861,82 +1845,118 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
text-shadow: none; text-shadow: none;
} }
/* Events */ .world-clocks-button,
.events-button .events-box { .weather-button,
spacing: 6px; .events-button {
padding: 6px 8px;
border-radius: 5px;
border: none;
box-shadow: none;
text-shadow: none;
color: rgba(0, 0, 0, 0.54);
background-color: rgba(0, 0, 0, 0.04);
} }
.events-button .events-list { .world-clocks-button:hover, .world-clocks-button:focus,
spacing: 12px; .weather-button:hover,
text-shadow: none; .weather-button:focus,
.events-button:hover,
.events-button:focus {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.12);
} }
.events-button .events-title { .world-clocks-button:active,
.weather-button:active,
.events-button:active {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.2);
}
.world-clocks-header,
.weather-header,
.message-list-section-title,
.events-section-title,
.events-title {
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
font-weight: bold; font-weight: bold;
margin-bottom: 4px; margin-bottom: 4px;
text-shadow: none; text-shadow: none;
} }
.events-button .event-time { .weather-grid,
color: rgba(0, 0, 0, 0.38); .world-clocks-grid {
font-feature-settings: "tnum"; spacing-rows: 8px;
} spacing-columns: 16px;
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
} }
.world-clocks-header, .world-clocks-header,
.weather-header, .weather-header,
.events-section-title { .events-section-title {
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.38);
font-weight: bold; font-weight: bold;
} }
.world-clocks-grid, .events-button .events-box {
.weather-grid { spacing: 6px;
spacing-rows: 0.4em;
spacing-columns: 0.8em;
} }
.world-clocks-city { .events-button .events-list {
spacing: 12px;
text-shadow: none;
}
.events-button .event-time {
color: rgba(0, 0, 0, 0.26);
font-feature-settings: "tnum";
}
.world-clocks-button .world-clocks-city {
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
font-weight: bold; font-weight: normal;
font-size: 0.9em; font-size: 1em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-weight: bold;
font-size: 1em;
}
.world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-timezone {
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 1em;
} }
.weather-box { .weather-button .weather-box {
spacing: 0.4em; spacing: 12px;
}
.weather-button .weather-header-box {
spacing: 8px;
} }
.weather-header.location { .weather-button .weather-header.location {
font-weight: normal; font-weight: normal;
color: rgba(0, 0, 0, 0.42); color: rgba(0, 0, 0, 0.38);
} }
.weather-forecast-icon { .weather-button .weather-forecast-icon {
icon-size: 2.18em; icon-size: 32px;
color: rgba(0, 0, 0, 0.52); color: rgba(0, 0, 0, 0.38);
} }
.weather-forecast-time { .weather-button .weather-forecast-time {
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
font-size: 0.8em; font-size: 0.8em;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
@ -1945,13 +1965,12 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
padding-bottom: 0.4em; padding-bottom: 0.4em;
} }
.weather-forecast-temp { .weather-button .weather-forecast-temp {
font-weight: bold; font-weight: bold;
color: rgba(0, 0, 0, 0.52); color: rgba(0, 0, 0, 0.52);
text-shadow: none; text-shadow: none;
} }
/* Message list */
.message-list { .message-list {
width: 31.5em; width: 31.5em;
padding: 0 12px; padding: 0 12px;
@ -2314,14 +2333,14 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
width: 304px; width: 304px;
padding: 0 8px; padding: 0 8px;
border: none; border: none;
selection-background-color: #4586D8;
selected-color: #FFFFFF;
caret-color: rgba(0, 0, 0, 0.75); caret-color: rgba(0, 0, 0, 0.75);
color: rgba(0, 0, 0, 0.75); color: rgba(0, 0, 0, 0.75);
background-color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.75);
border-radius: 100px; border-radius: 100px;
border-color: transparent; border-color: transparent;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
selection-background-color: #4586D8;
selected-color: #FFFFFF !important;
} }
.search-entry:focus { .search-entry:focus {
@ -2331,6 +2350,8 @@ Gjs_ui_panel_ActivitiesButton.panel-button:active, Gjs_ui_panel_ActivitiesButton
border: none; border: none;
box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.55); box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.55);
padding: 0 8px; padding: 0 8px;
selection-background-color: #4586D8;
selected-color: #FFFFFF !important;
} }
.search-entry .search-entry-icon { .search-entry .search-entry-icon {
@ -3303,7 +3324,7 @@ StWidget.focused .app-well-app-running-dot {
.login-dialog StEntry, .login-dialog StEntry,
.unlock-dialog StEntry { .unlock-dialog StEntry {
selection-background-color: #4586D8; selection-background-color: #4586D8;
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85) !important;
caret-color: rgba(0, 0, 0, 0.54); caret-color: rgba(0, 0, 0, 0.54);
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
background-color: #ffffff; background-color: #ffffff;
@ -3774,7 +3795,7 @@ StWidget.focused .app-well-app-running-dot {
.lg-dialog StEntry { .lg-dialog StEntry {
selection-background-color: #4586D8; selection-background-color: #4586D8;
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85) !important;
} }
.lg-dialog .shell-link { .lg-dialog .shell-link {

183
src/gnome-shell/sass/_common.scss
Unescape Escape View File

@ -1376,18 +1376,13 @@ Gjs_ui_panel_ActivitiesButton.panel-button {
} }
.calendar { .calendar {
margin-bottom: 0; padding: 0;
margin: 0 8px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background: none;
padding: 0; text-shadow: none;
} color: $secondary_fg_color;
.calendar,
.datemenu-today-button,
.datemenu-displays-box,
.message-list-sections {
margin: 0 8px;
} }
.datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-section { padding-bottom: 0; }
@ -1397,36 +1392,26 @@ Gjs_ui_panel_ActivitiesButton.panel-button {
spacing: $container_padding; spacing: $container_padding;
border: 0 solid $border_color; border: 0 solid $border_color;
padding: 0 $container_padding * 2; padding: 0 $container_padding * 2;
color: $secondary_fg_color;
&:hover, &:focus { color: $fg_color; background-color: $divider_color; }
&:active { color: $fg_color; background-color: $track_color; }
&:ltr { margin-right: $container_padding * 2; border-left-width: 0; } &:ltr { margin-right: $container_padding * 2; border-left-width: 0; }
&:rtl { margin-left: $container_padding * 2; border-right-width: 0; } &:rtl { margin-left: $container_padding * 2; border-right-width: 0; }
} }
.datemenu-today-button, .datemenu-today-button {
.world-clocks-button, min-height: $menuitem_size * 2 - 4px * 2;
.weather-button,
.events-button,
.message-list-section-title,
.events-section-title {
min-height: $menuitem_size - 4px * 2;
padding: $container_padding 8px; padding: $container_padding 8px;
border-radius: $material_radius; border-radius: $material_radius;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none;
text-shadow: none; text-shadow: none;
background: none;
color: $secondary_fg_color; color: $secondary_fg_color;
&:hover,&:focus { color: $fg_color; background-color: $divider_color; }
&:active {
color: $fg_color;
background-color: $track_color;
}
}
.datemenu-today-button {
min-height: $menuitem_size * 2 - 4px * 2;
// weekday label // weekday label
.day-label { .day-label {
@include font(title); @include font(title);
@ -1437,6 +1422,16 @@ Gjs_ui_panel_ActivitiesButton.panel-button {
.date-label { .date-label {
@include font(headline); @include font(headline);
} }
&:hover, &:focus {
color: $fg_color;
background-color: $divider_color;
}
&:active {
color: $fg_color;
background-color: $track_color;
}
} }
.calendar-month-label { .calendar-month-label {
@ -1444,11 +1439,12 @@ Gjs_ui_panel_ActivitiesButton.panel-button {
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: $bt_radius; border-radius: $bt_radius;
color: $fg_color; color: $secondary_fg_color;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none; text-shadow: none;
&:focus { background-color: $divider_color; }
&:focus { color: $fg_color; background-color: $divider_color; }
} }
.pager-button { .pager-button {
@ -1457,9 +1453,11 @@ Gjs_ui_panel_ActivitiesButton.panel-button {
margin: 2px; margin: 2px;
border-radius: 100px; border-radius: 100px;
background-color: transparent; background-color: transparent;
color: $fg_color; color: $secondary_fg_color;
&:hover, &:focus { background-color: $divider_color; }
&:active { background-color: $track_color; } &:hover, &:focus { color: $fg_color; background-color: $divider_color; }
&:active { color: $fg_color; background-color: $track_color; }
} }
.calendar-change-month-back { //arrow back .calendar-change-month-back { //arrow back
@ -1467,6 +1465,7 @@ Gjs_ui_panel_ActivitiesButton.panel-button {
background-image: url("assets/calendar-arrow-left.svg"); background-image: url("assets/calendar-arrow-left.svg");
&:rtl { background-image: url("assets/calendar-arrow-right.svg"); } &:rtl { background-image: url("assets/calendar-arrow-right.svg"); }
} }
.calendar-change-month-forward { //arrow foreward .calendar-change-month-forward { //arrow foreward
padding: 0 2px; padding: 0 2px;
background-image: url("assets/calendar-arrow-right.svg"); background-image: url("assets/calendar-arrow-right.svg");
@ -1485,17 +1484,21 @@ Gjs_ui_panel_ActivitiesButton.panel-button {
border: none; border: none;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
text-shadow: none; text-shadow: none;
&:hover, &:focus { background-color: $divider_color; } &:hover, &:focus { background-color: $divider_color; }
&:active { &:active {
color: $secondary_fg_color; color: $secondary_fg_color;
background-color: $track_color; background-color: $track_color;
border-color: transparent; //avoid jumparound due to today border-color: transparent; //avoid jumparound due to today
} }
&:selected { &:selected {
color: $fg_color; color: $fg_color;
background-color: $track_color; background-color: $track_color;
border-color: transparent; //avoid jumparound due to today border-color: transparent; //avoid jumparound due to today
} }
&.calendar-day-heading { //day of week heading &.calendar-day-heading { //day of week heading
width: $menuitem_size; height: $menuitem_size - 7px; width: $menuitem_size; height: $menuitem_size - 7px;
margin-top: 2px; margin-top: 2px;
@ -1558,12 +1561,11 @@ Gjs_ui_panel_ActivitiesButton.panel-button {
} }
.calendar-week-number { .calendar-week-number {
width: $menuitem_size; height: 1.8em;
height: $menuitem_size - 7px; width: 2em;
margin: 2px; margin: $container_padding 0;
padding: 7px 0 0;
border-radius: 100px; border-radius: 100px;
background-color: transparent; background-color: if($variant == 'light', rgba(black, 0.04), rgba(white, 0.03));
color: $hint_fg_color; color: $hint_fg_color;
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
@ -1571,17 +1573,33 @@ Gjs_ui_panel_ActivitiesButton.panel-button {
text-shadow: none; text-shadow: none;
} }
/* Events */ // buttons under calendar
.world-clocks-button,
.weather-button,
.events-button { .events-button {
.events-box { padding: $container_padding 8px;
spacing: 6px; border-radius: $material_radius;
border: none;
box-shadow: none;
text-shadow: none;
color: $secondary_fg_color;
background-color: if($variant == 'light', rgba(black, 0.04), rgba(white, 0.03));
&:hover, &:focus {
color: $fg_color;
background-color: $divider_color;
} }
.events-list { &:active {
spacing: 12px; color: $fg_color;
text-shadow: none; background-color: $track_color;
}
} }
.world-clocks-header,
.weather-header,
.message-list-section-title,
.events-section-title,
.events-title { .events-title {
color: $hint_fg_color; color: $hint_fg_color;
font-weight: bold; font-weight: bold;
@ -1589,63 +1607,79 @@ Gjs_ui_panel_ActivitiesButton.panel-button {
text-shadow: none; text-shadow: none;
} }
.event-time { .weather-grid,
color: $hint_fg_color; .world-clocks-grid {
font-feature-settings: "tnum"; spacing-rows: 8px;
} spacing-columns: 16px;
}
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
} }
.world-clocks-header, .world-clocks-header,
.weather-header, .weather-header,
.events-section-title { .events-section-title {
color: $secondary_fg_color; color: $hint_fg_color;
font-weight: bold; font-weight: bold;
} }
.world-clocks-grid, // Events button
.weather-grid { .events-button {
spacing-rows: 0.4em; .events-box {
spacing-columns: 0.8em; spacing: 6px;
}
.events-list {
spacing: 12px;
text-shadow: none;
} }
.event-time {
color: $disabled_secondary_fg_color;
font-feature-settings: "tnum";
}
}
// World clocks button
.world-clocks-button {
.world-clocks-city { .world-clocks-city {
color: $hint_fg_color; color: $hint_fg_color;
font-weight: bold; font-weight: normal;
font-size: 0.9em; font-size: 1em;
} }
.world-clocks-time { .world-clocks-time {
color: $hint_fg_color; color: $hint_fg_color;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-weight: bold;
font-size: 1em;
&:ltr { text-align: right; }
&:rtl { text-align: left; }
} }
.world-clocks-timezone { .world-clocks-timezone {
color: $hint_fg_color; color: $hint_fg_color;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 1em;
}
} }
// Weather button
.weather-button {
.weather-box { .weather-box {
spacing: 0.4em; spacing: 12px;
}
.weather-header-box {
spacing: 8px;
} }
.weather-header.location { .weather-header.location {
font-weight: normal; font-weight: normal;
color: transparentize($fg_color, 0.45); color: $hint_fg_color;
} }
.weather-forecast-icon { .weather-forecast-icon {
icon-size: 2.18em; icon-size: 32px;
color: transparentize($fg_color, 0.35); color: $hint_fg_color;
} }
.weather-forecast-time { .weather-forecast-time {
@ -1662,8 +1696,9 @@ Gjs_ui_panel_ActivitiesButton.panel-button {
color: transparentize($fg_color, 0.35); color: transparentize($fg_color, 0.35);
text-shadow: none; text-shadow: none;
} }
}
/* Message list */ // Message list
.message-list { .message-list {
width: 31.5em; width: 31.5em;
padding: 0 12px; padding: 0 12px;
@ -1960,13 +1995,15 @@ Gjs_ui_panel_ActivitiesButton.panel-button {
width: 320px - 8px * 2; width: 320px - 8px * 2;
padding: 0 8px; padding: 0 8px;
border: none; border: none;
selection-background-color: $primary_color;
selected-color: $light_fg_color;
@include search_entry(normal); @include search_entry(normal);
selection-background-color: $primary_color;
selected-color: $light_fg_color !important;
&:focus { &:focus {
@include search_entry(focus); @include search_entry(focus);
padding: 0 8px; padding: 0 8px;
selection-background-color: $primary_color;
selected-color: $light_fg_color !important;
} }
.search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(black, 0.75); } .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(black, 0.75); }
@ -2765,7 +2802,7 @@ $keyboard_active_bg_color: if($variant == 'light', darken($keyboard_bg_color, 20
StEntry { StEntry {
selection-background-color: $primary_color; selection-background-color: $primary_color;
selected-color: $inverse_fg_color; selected-color: $inverse_fg_color !important;
@include entry(normal, $fc:$inverse_track_color); @include entry(normal, $fc:$inverse_track_color);
&:focus { @include entry(focus, $fc:$inverse_fg_color); } &:focus { @include entry(focus, $fc:$inverse_fg_color); }
&:insensitive { &:insensitive {
@ -3067,7 +3104,7 @@ $keyboard_active_bg_color: if($variant == 'light', darken($keyboard_bg_color, 20
.lg-dialog { .lg-dialog {
StEntry { StEntry {
selection-background-color: $primary_color; selection-background-color: $primary_color;
selected-color: $inverse_fg_color; selected-color: $inverse_fg_color !important;
} }
.shell-link { .shell-link {

Write Preview
Loading…
Cancel
Save