Gnome-Shell: Theme update for 3.38

This commit is contained in:
DяA
2020-10-02 08:18:56 +00:00
parent dc3cdaf529
commit f3c7ad16c6
14 changed files with 333 additions and 447 deletions
@@ -23,7 +23,7 @@ stage {
color: #eeeeec; }
/* Common Stylings */
.no-frequent-applications-label, .search-statustext {
.search-statustext {
font-size: 2em;
font-weight: bold;
color: white; }
@@ -540,11 +540,55 @@ StScrollBar {
height: 1.8em;
width: 2.3em;
border-radius: 2px;
padding: 0.5em 0 0;
margin: 6px;
background-color: #1e2128;
color: #fafaf9; }
/* Events */
.events-button {
border-width: 1px;
border-style: solid;
border-radius: 7px;
margin: 4px;
color: #eeeeec;
background-color: #292c37;
border-color: #1a1c23;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
padding: 12px; }
.events-button:focus {
color: #eeeeec;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
.events-button:hover {
color: #eeeeec;
background-color: #2e313d;
border-color: #1a1c23;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.events-button:active {
color: #eeeeec;
background-color: #1c1e25;
border-color: #0b0b0e;
text-shadow: none;
icon-shadow: none;
box-shadow: none; }
.events-button .events-box {
spacing: 6px; }
.events-button .events-list {
spacing: 12px; }
.events-button .events-title {
color: #878787;
font-weight: bold;
margin-bottom: 4px; }
.events-button .event-time {
color: #bebeb6;
font-feature-settings: "tnum";
font-size: 10pt; }
/* World clocks */
.world-clocks-button {
border-width: 1px;
@@ -808,7 +852,7 @@ StScrollBar {
.candidate-page-button-icon {
icon-size: 1em; }
/* Notifications & Mesage Tray */
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em; }
@@ -891,7 +935,7 @@ StScrollBar {
text-align: center;
font-size: 18pt;
font-weight: 800; }
.message-dialog-content .message-dialog-title.leightweight {
.message-dialog-content .message-dialog-title.lightweight {
font-size: 13pt;
font-weight: 800; }
.message-dialog-content .message-dialog-description {
@@ -1234,8 +1278,7 @@ StScrollBar {
/* Window Picker */
.window-picker {
-horizontal-spacing: 12px;
-vertical-spacing: 12px;
spacing: 6px;
padding: 12px; }
.window-picker.external-monitor {
padding: 12px; }
@@ -1264,8 +1307,7 @@ StScrollBar {
padding: 3px;
height: 24px;
width: 24px;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
-shell-close-overlap: 12px; }
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
.window-close:hover {
background-color: #4187ff; }
.window-close:active {
@@ -1326,6 +1368,9 @@ StScrollBar {
.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
background-color: rgba(26, 28, 35, 0.9); }
.grid-search-results {
spacing: 36px; }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
.search-provider-icon .list-search-provider-content .list-search-provider-details {
@@ -1347,11 +1392,10 @@ StScrollBar {
/* App Grid */
.icon-grid {
-shell-grid-horizontal-item-size: 144px;
-shell-grid-vertical-item-size: 144px;
spacing: 24px; }
.icon-grid .overview-icon {
icon-size: 96px; }
row-spacing: 36px;
column-spacing: 36px;
max-row-spacing: 72px;
max-column-spacing: 72px; }
/* App Icons */
.app-well-app .overview-icon,
@@ -1391,15 +1435,15 @@ StScrollBar {
.app-folder-dialog {
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.1);
spacing: 12px;
background-color: rgba(26, 28, 35, 0.95); }
background-color: rgba(26, 28, 35, 0.95);
padding: 12px; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px 0;
spacing: 12px;
/* FIXME: this is to keep the label in sync with the entry */ }
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
font-size: 18pt;
font-weight: bold; }
font-weight: 800; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 300px; }
.app-folder-dialog .folder-name-container .folder-name-label {
@@ -1412,11 +1456,18 @@ StScrollBar {
border-radius: 18px; }
.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
icon-size: 16px; }
.app-folder-dialog .icon-grid {
row-spacing: 12px;
column-spacing: 30px; }
.app-folder-dialog .page-indicators {
margin-bottom: 18px; }
.app-folder-dialog .page-indicators .page-indicator {
padding: 15px 12px; }
.app-folder-dialog-container {
padding: 12px;
width: 800px;
height: 600px; }
width: 620px;
height: 620px; }
.app-folder-icon {
padding: 6px;
@@ -1447,8 +1498,7 @@ StScrollBar {
border-radius: 10px;
background-color: white; }
.all-apps,
.frequent-apps > StBoxLayout {
.all-apps {
padding: 0px 88px 10px 88px; }
.system-action-icon {
@@ -1457,35 +1507,6 @@ StScrollBar {
border-radius: 99px;
icon-size: 48px; }
/* Frequent | All toggle */
.app-view-controls {
padding-bottom: 32px; }
.app-view-control {
padding: 4px 32px;
margin: 0 4px; }
.app-view-control, .app-view-control:hover, .app-view-control:checked {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
text-shadow: none;
icon-shadow: none;
color: #bfbfbf; }
.app-view-control:hover {
color: white;
box-shadow: inset 0 -2px #bfbfbf; }
.app-view-control:active {
box-shadow: inset 0 -2px white; }
.app-view-control:checked {
color: white;
box-shadow: inset 0 -2px #2777ff; }
.app-view-control:first-child {
border-right-width: 0;
border-radius: 0; }
.app-view-control:last-child {
border-radius: 0; }
/* Dash */
#dash {
font-size: 9pt;
@@ -1831,6 +1852,13 @@ StScrollBar {
.lg-dialog .shell-link:active {
color: #5a97ff; }
.lg-dialog .actor-link {
color: #ccc; }
.lg-dialog .actor-link:hover {
color: white; }
.lg-dialog .actor-link:active {
color: #999999; }
.lg-completions-text {
font-size: .9em;
font-style: italic; }
@@ -2181,8 +2209,7 @@ StScrollBar {
/* Window Picker */
.window-clone-border {
border: 6px solid rgba(255, 255, 255, 0.25);
border-radius: 6px; }
border-color: rgba(255, 255, 255, 0.25); }
.window-caption {
font-size: .9em;
@@ -2199,8 +2226,7 @@ StScrollBar {
box-shadow: none;
color: transparent;
height: 32px;
width: 32px;
-shell-close-overlap: 16px; }
width: 32px; }
.window-close:hover {
background-image: url("assets/close-window-hover.svg");
background-color: transparent; }
@@ -2289,6 +2315,38 @@ StScrollBar {
width: 31.5em;
background: rgba(35, 37, 46, 0.7); }
/* Events */
.events-button {
border-width: 1px;
border-style: solid;
border-radius: 7px;
margin: 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
text-shadow: none;
icon-shadow: none; }
.events-button:focus {
color: #eeeeec;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
.events-button:hover {
color: #eeeeec;
background-color: #2e313d;
border-color: #1a1c23;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.events-button:active {
color: #eeeeec;
background-color: #1c1e25;
border-color: #0b0b0e;
text-shadow: none;
icon-shadow: none;
box-shadow: none; }
/* World clocks */
.world-clocks-button {
border-width: 1px;
@@ -2420,27 +2478,18 @@ StScrollBar {
/* App Folders */
.app-well-app.app-folder {
background-color: rgba(255, 255, 255, 0.2); }
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 2px 5px black; }
.app-well-app.app-folder:checked {
background: black; }
/* Frequent | All toggle */
.app-view-control {
margin: 0; }
.app-view-control, .app-view-control:hover, .app-view-control:checked {
color: white;
background-color: rgba(255, 255, 255, 0.2);
font-weight: bold;
border: 0;
box-shadow: none;
text-shadow: none; }
.app-view-control:hover {
background: rgba(255, 255, 255, 0.4); }
.app-view-control:active, .app-view-control:checked {
.app-folder-dialog {
background: black;
box-shadow: 0 0 20px black;
border: none; }
.app-folder-dialog .folder-name-container .edit-folder-button, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:active {
background: white;
color: black; }
.app-view-control:first-child {
border-radius: 5px 0 0 5px; }
.app-view-control:last-child {
border-radius: 0 5px 5px 0; }
.panel-workspace-indicator {
box-shadow: inset 0 0 0 100px white;
@@ -23,7 +23,7 @@ stage {
color: #5c616c; }
/* Common Stylings */
.no-frequent-applications-label, .search-statustext {
.search-statustext {
font-size: 2em;
font-weight: bold;
color: white; }
@@ -539,11 +539,55 @@ StScrollBar {
height: 1.8em;
width: 2.3em;
border-radius: 2px;
padding: 0.5em 0 0;
margin: 6px;
background-color: #fafafa;
color: #686d7a; }
/* Events */
.events-button {
border-width: 1px;
border-style: solid;
border-radius: 7px;
margin: 4px;
color: #5c616c;
background-color: white;
border-color: #d1d1d1;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
padding: 12px; }
.events-button:focus {
color: #5c616c;
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
.events-button:hover {
color: #5c616c;
background-color: white;
border-color: #d1d1d1;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
.events-button:active {
color: #5c616c;
background-color: #f7f7f7;
border-color: #d1d1d1;
text-shadow: none;
icon-shadow: none;
box-shadow: none; }
.events-button .events-box {
spacing: 6px; }
.events-button .events-list {
spacing: 12px; }
.events-button .events-title {
color: black;
font-weight: bold;
margin-bottom: 4px; }
.events-button .event-time {
color: #2d3035;
font-feature-settings: "tnum";
font-size: 10pt; }
/* World clocks */
.world-clocks-button {
border-width: 1px;
@@ -807,7 +851,7 @@ StScrollBar {
.candidate-page-button-icon {
icon-size: 1em; }
/* Notifications & Mesage Tray */
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em; }
@@ -890,7 +934,7 @@ StScrollBar {
text-align: center;
font-size: 18pt;
font-weight: 800; }
.message-dialog-content .message-dialog-title.leightweight {
.message-dialog-content .message-dialog-title.lightweight {
font-size: 13pt;
font-weight: 800; }
.message-dialog-content .message-dialog-description {
@@ -1233,8 +1277,7 @@ StScrollBar {
/* Window Picker */
.window-picker {
-horizontal-spacing: 12px;
-vertical-spacing: 12px;
spacing: 6px;
padding: 12px; }
.window-picker.external-monitor {
padding: 12px; }
@@ -1263,8 +1306,7 @@ StScrollBar {
padding: 3px;
height: 24px;
width: 24px;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
-shell-close-overlap: 12px; }
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
.window-close:hover {
background-color: #4187ff; }
.window-close:active {
@@ -1325,6 +1367,9 @@ StScrollBar {
.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
background-color: rgba(26, 28, 35, 0.9); }
.grid-search-results {
spacing: 36px; }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
.search-provider-icon .list-search-provider-content .list-search-provider-details {
@@ -1346,11 +1391,10 @@ StScrollBar {
/* App Grid */
.icon-grid {
-shell-grid-horizontal-item-size: 144px;
-shell-grid-vertical-item-size: 144px;
spacing: 24px; }
.icon-grid .overview-icon {
icon-size: 96px; }
row-spacing: 36px;
column-spacing: 36px;
max-row-spacing: 72px;
max-column-spacing: 72px; }
/* App Icons */
.app-well-app .overview-icon,
@@ -1390,15 +1434,15 @@ StScrollBar {
.app-folder-dialog {
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.1);
spacing: 12px;
background-color: rgba(26, 28, 35, 0.95); }
background-color: rgba(26, 28, 35, 0.95);
padding: 12px; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px 0;
spacing: 12px;
/* FIXME: this is to keep the label in sync with the entry */ }
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
font-size: 18pt;
font-weight: bold; }
font-weight: 800; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 300px; }
.app-folder-dialog .folder-name-container .folder-name-label {
@@ -1411,11 +1455,18 @@ StScrollBar {
border-radius: 18px; }
.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
icon-size: 16px; }
.app-folder-dialog .icon-grid {
row-spacing: 12px;
column-spacing: 30px; }
.app-folder-dialog .page-indicators {
margin-bottom: 18px; }
.app-folder-dialog .page-indicators .page-indicator {
padding: 15px 12px; }
.app-folder-dialog-container {
padding: 12px;
width: 800px;
height: 600px; }
width: 620px;
height: 620px; }
.app-folder-icon {
padding: 6px;
@@ -1446,8 +1497,7 @@ StScrollBar {
border-radius: 10px;
background-color: white; }
.all-apps,
.frequent-apps > StBoxLayout {
.all-apps {
padding: 0px 88px 10px 88px; }
.system-action-icon {
@@ -1456,35 +1506,6 @@ StScrollBar {
border-radius: 99px;
icon-size: 48px; }
/* Frequent | All toggle */
.app-view-controls {
padding-bottom: 32px; }
.app-view-control {
padding: 4px 32px;
margin: 0 4px; }
.app-view-control, .app-view-control:hover, .app-view-control:checked {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
color: #bfbfbf; }
.app-view-control:hover {
color: white;
box-shadow: inset 0 -2px #bfbfbf; }
.app-view-control:active {
box-shadow: inset 0 -2px white; }
.app-view-control:checked {
color: white;
box-shadow: inset 0 -2px #2777ff; }
.app-view-control:first-child {
border-right-width: 0;
border-radius: 0; }
.app-view-control:last-child {
border-radius: 0; }
/* Dash */
#dash {
font-size: 9pt;
@@ -1830,6 +1851,13 @@ StScrollBar {
.lg-dialog .shell-link:active {
color: #0047c0; }
.lg-dialog .actor-link {
color: #ccc; }
.lg-dialog .actor-link:hover {
color: white; }
.lg-dialog .actor-link:active {
color: #999999; }
.lg-completions-text {
font-size: .9em;
font-style: italic; }
@@ -2177,8 +2205,7 @@ StScrollBar {
/* Window Picker */
.window-clone-border {
border: 6px solid rgba(255, 255, 255, 0.25);
border-radius: 6px; }
border-color: rgba(255, 255, 255, 0.25); }
.window-caption {
font-size: .9em;
@@ -2195,8 +2222,7 @@ StScrollBar {
box-shadow: none;
color: transparent;
height: 32px;
width: 32px;
-shell-close-overlap: 16px; }
width: 32px; }
.window-close:hover {
background-image: url("assets/close-window-hover.svg");
background-color: transparent; }
@@ -2285,6 +2311,38 @@ StScrollBar {
width: 31.5em;
background: rgba(255, 255, 255, 0.7); }
/* Events */
.events-button {
border-width: 1px;
border-style: solid;
border-radius: 7px;
margin: 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none; }
.events-button:focus {
color: #5c616c;
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
.events-button:hover {
color: #5c616c;
background-color: white;
border-color: #d1d1d1;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
.events-button:active {
color: #5c616c;
background-color: #f7f7f7;
border-color: #d1d1d1;
text-shadow: none;
icon-shadow: none;
box-shadow: none; }
/* World clocks */
.world-clocks-button {
border-width: 1px;
@@ -2416,27 +2474,18 @@ StScrollBar {
/* App Folders */
.app-well-app.app-folder {
background-color: rgba(255, 255, 255, 0.2); }
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 2px 5px black; }
.app-well-app.app-folder:checked {
background: black; }
/* Frequent | All toggle */
.app-view-control {
margin: 0; }
.app-view-control, .app-view-control:hover, .app-view-control:checked {
color: white;
background-color: rgba(255, 255, 255, 0.2);
font-weight: bold;
border: 0;
box-shadow: none;
text-shadow: none; }
.app-view-control:hover {
background: rgba(255, 255, 255, 0.4); }
.app-view-control:active, .app-view-control:checked {
.app-folder-dialog {
background: black;
box-shadow: 0 0 20px black;
border: none; }
.app-folder-dialog .folder-name-container .edit-folder-button, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:active {
background: white;
color: black; }
.app-view-control:first-child {
border-radius: 5px 0 0 5px; }
.app-view-control:last-child {
border-radius: 0 5px 5px 0; }
.panel-workspace-indicator {
box-shadow: inset 0 0 0 100px white;