mirror of
https://github.com/luneko/SweetTokyoNight.git
synced 2025-12-13 15:29:53 +01:00
Rebuild shell theme
This commit is contained in:
EliverLara
@@ -8,7 +8,7 @@ stage {
|
||||
|
||||
/* WIDGETS */
|
||||
/* Buttons */
|
||||
.button {
|
||||
.button, .app-folder-dialog .edit-folder-button {
|
||||
color: #929ba8;
|
||||
background-color: #040405;
|
||||
box-shadow: none;
|
||||
@@ -19,26 +19,26 @@ stage {
|
||||
border-radius: 4px;
|
||||
border-width: 0;
|
||||
padding: 4px 32px; }
|
||||
.button:focus {
|
||||
.button:focus, .app-folder-dialog .edit-folder-button:focus {
|
||||
color: #0072ff;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black;
|
||||
box-shadow: none;
|
||||
border: 1px solid #161819; }
|
||||
.button:insensitive {
|
||||
.button:insensitive, .app-folder-dialog .edit-folder-button:insensitive {
|
||||
color: #51565d;
|
||||
background-color: rgba(30, 31, 35, 0.66);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
border: none;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.button:active {
|
||||
.button:active, .app-folder-dialog .edit-folder-button:active {
|
||||
color: #0072ff;
|
||||
background-color: rgba(16, 16, 19, 0.95);
|
||||
border: 1px solid #161819;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.button:hover {
|
||||
.button:hover, .app-folder-dialog .edit-folder-button:hover {
|
||||
color: #0072ff;
|
||||
background-color: #09090b;
|
||||
border: 1px solid #161819;
|
||||
@@ -663,7 +663,10 @@ StScrollBar {
|
||||
padding: 0px;
|
||||
spacing: 8px; }
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
.ws-switcher-active-up,
|
||||
.ws-switcher-active-down,
|
||||
.ws-switcher-active-left,
|
||||
.ws-switcher-active-right {
|
||||
height: 50px;
|
||||
background-color: #0072ff;
|
||||
color: #f7f7f7;
|
||||
@@ -713,7 +716,7 @@ StScrollBar {
|
||||
/* transition from solid to transparent */
|
||||
transition-duration: 500ms;
|
||||
font-weight: bold;
|
||||
height: 1.86em;
|
||||
height: 2.1em;
|
||||
padding: 0px 0px; }
|
||||
#panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
|
||||
background-color: transparent; }
|
||||
@@ -741,10 +744,6 @@ StScrollBar {
|
||||
-st-icon-style: symbolic;
|
||||
margin-left: 4px;
|
||||
margin-right: 4px; }
|
||||
#panel .panel-button .system-status-icon,
|
||||
#panel .panel-button .app-menu-icon > StIcon,
|
||||
#panel .panel-button .popup-menu-arrow {
|
||||
icon-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); }
|
||||
#panel .panel-button:hover {
|
||||
background: rgba(39, 39, 47, 0.95);
|
||||
color: white;
|
||||
@@ -757,16 +756,6 @@ StScrollBar {
|
||||
color: #f7f7f7;
|
||||
text-shadow: 0px 0px 2px rgba(92, 92, 92, 0.9);
|
||||
transition-duration: 200ms; }
|
||||
#panel .panel-button:active .system-status-icon,
|
||||
#panel .panel-button:active .app-menu-icon > StIcon,
|
||||
#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon,
|
||||
#panel .panel-button:overview .app-menu-icon > StIcon,
|
||||
#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon,
|
||||
#panel .panel-button:focus .app-menu-icon > StIcon,
|
||||
#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon,
|
||||
#panel .panel-button:checked .app-menu-icon > StIcon,
|
||||
#panel .panel-button:checked .popup-menu-arrow {
|
||||
icon-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); }
|
||||
#panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {
|
||||
icon-shadow: red 0 2px 2px; }
|
||||
#panel .panel-button .system-status-icon {
|
||||
@@ -784,9 +773,9 @@ StScrollBar {
|
||||
.lock-screen #panel .panel-button:hover,
|
||||
.lock-screen #panel .panel-button:active {
|
||||
color: #afb5be; }
|
||||
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
|
||||
#panel .panel-button.clock-display:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
|
||||
box-shadow: none; }
|
||||
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
|
||||
#panel .panel-button.clock-display:hover .clock, #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
|
||||
box-shadow: none; }
|
||||
#panel .panel-status-indicators-box,
|
||||
#panel .panel-status-menu-box {
|
||||
@@ -814,7 +803,8 @@ StScrollBar {
|
||||
|
||||
.calendar, .world-clocks-button, .weather-button, .events-button {
|
||||
background: transparent;
|
||||
border: none; }
|
||||
border: none;
|
||||
color: #929ba8; }
|
||||
|
||||
.calendar,
|
||||
.datemenu-today-button,
|
||||
@@ -889,7 +879,7 @@ StScrollBar {
|
||||
font-weight: bold; }
|
||||
|
||||
.events-button .event-time {
|
||||
color: #8ca1a9; }
|
||||
color: #87919f; }
|
||||
|
||||
.world-clocks-grid {
|
||||
spacing-rows: 0.4em; }
|
||||
@@ -924,7 +914,7 @@ StScrollBar {
|
||||
|
||||
.calendar-change-month-back StIcon,
|
||||
.calendar-change-month-forward StIcon {
|
||||
color: #899fa7; }
|
||||
color: #848e9c; }
|
||||
|
||||
.calendar-day-base {
|
||||
font-size: 80%;
|
||||
@@ -1252,9 +1242,12 @@ StScrollBar {
|
||||
spacing: 12px; }
|
||||
|
||||
/* OVERVIEW */
|
||||
#overview {
|
||||
#overview, .controls-manager, .secondary-monitor-workspaces {
|
||||
spacing: 24px; }
|
||||
|
||||
#overviewGroup {
|
||||
background-color: #202127; }
|
||||
|
||||
.overview-controls {
|
||||
padding-bottom: 32px; }
|
||||
|
||||
@@ -1273,7 +1266,7 @@ StScrollBar {
|
||||
.window-caption {
|
||||
spacing: 20px;
|
||||
color: white;
|
||||
background-color: rgba(16, 16, 19, 0.65);
|
||||
background-color: rgba(4, 4, 5, 0.7);
|
||||
border-radius: 2px;
|
||||
padding: 4px 8px; }
|
||||
|
||||
@@ -1281,21 +1274,17 @@ StScrollBar {
|
||||
width: 320px;
|
||||
padding: 9px;
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
border: 1px solid #161819;
|
||||
color: #929ba8;
|
||||
background-color: rgba(16, 16, 19, 0.6);
|
||||
background-color: #09090b;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
|
||||
.search-entry:focus {
|
||||
border-width: 0;
|
||||
color: #929ba8;
|
||||
background-color: rgba(16, 16, 19, 0.8);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
|
||||
.search-entry .search-entry-icon {
|
||||
icon-size: 1em;
|
||||
padding: 0 4px;
|
||||
color: rgba(146, 155, 168, 0.7); }
|
||||
.search-entry:hover, .search-entry:focus {
|
||||
background-color: rgba(16, 16, 19, 0.8); }
|
||||
background-color: #09090b;
|
||||
border-color: rgba(0, 114, 255, 0.8); }
|
||||
.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
|
||||
color: #929ba8; }
|
||||
|
||||
@@ -1346,26 +1335,12 @@ StScrollBar {
|
||||
padding: 15px; }
|
||||
|
||||
/* DASHBOARD */
|
||||
#dash {
|
||||
font-size: 9pt;
|
||||
color: white;
|
||||
background-color: rgba(16, 16, 19, 0.95);
|
||||
padding: 6px 0;
|
||||
border: 1px solid #161819;
|
||||
border-left: 0px;
|
||||
border-radius: 0px 5px 5px 0px; }
|
||||
#dash:rtl {
|
||||
border-radius: 9px 0 0 9px; }
|
||||
#dash .placeholder {
|
||||
background-image: url("assets/dash-placeholder.svg");
|
||||
background-size: contain;
|
||||
height: 24px; }
|
||||
#dash .empty-dash-drop-target {
|
||||
width: 24px;
|
||||
height: 24px; }
|
||||
.dash-background {
|
||||
background-color: #09090b; }
|
||||
|
||||
.dash-item-container > StWidget {
|
||||
padding: 4px 8px; }
|
||||
.dash-separator {
|
||||
width: 1px;
|
||||
background-color: #202026; }
|
||||
|
||||
.dash-label {
|
||||
border-radius: 7px;
|
||||
@@ -1425,17 +1400,6 @@ StScrollBar {
|
||||
.show-apps,
|
||||
.grid-search-result {
|
||||
border: none; }
|
||||
.app-well-app:active .overview-icon,
|
||||
.app-well-app:checked .overview-icon,
|
||||
.app-well-app.app-folder:active .overview-icon,
|
||||
.app-well-app.app-folder:checked .overview-icon,
|
||||
.show-apps:active .overview-icon,
|
||||
.show-apps:checked .overview-icon,
|
||||
.grid-search-result:active .overview-icon,
|
||||
.grid-search-result:checked .overview-icon {
|
||||
background-color: rgba(0, 0, 0, 0.85);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
|
||||
color: #929ba8; }
|
||||
.app-well-app:hover .overview-icon,
|
||||
.app-well-app:focus .overview-icon,
|
||||
.app-well-app:selected .overview-icon,
|
||||
@@ -1448,10 +1412,21 @@ StScrollBar {
|
||||
.grid-search-result:hover .overview-icon,
|
||||
.grid-search-result:focus .overview-icon,
|
||||
.grid-search-result:selected .overview-icon {
|
||||
background-color: rgba(16, 16, 19, 0.5);
|
||||
background-color: black;
|
||||
transition-duration: 0ms;
|
||||
border-image: none;
|
||||
background-image: none; }
|
||||
.app-well-app:active .overview-icon,
|
||||
.app-well-app:checked .overview-icon,
|
||||
.app-well-app.app-folder:active .overview-icon,
|
||||
.app-well-app.app-folder:checked .overview-icon,
|
||||
.show-apps:active .overview-icon,
|
||||
.show-apps:checked .overview-icon,
|
||||
.grid-search-result:active .overview-icon,
|
||||
.grid-search-result:checked .overview-icon {
|
||||
background-color: black;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
|
||||
color: #929ba8; }
|
||||
|
||||
.app-well-app-running-dot {
|
||||
width: 4px;
|
||||
@@ -1467,13 +1442,26 @@ StScrollBar {
|
||||
.show-apps .overview-icon,
|
||||
.grid-search-result .overview-icon {
|
||||
color: #f7f7f7;
|
||||
border-radius: 2px;
|
||||
padding: 7px 6px;
|
||||
border: none;
|
||||
transition-duration: 100ms;
|
||||
text-align: center;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
|
||||
|
||||
/* App Folders */
|
||||
.app-well-app.app-folder {
|
||||
background-color: #09090b; }
|
||||
|
||||
.app-folder-dialog {
|
||||
background-color: #09090b; }
|
||||
.app-folder-dialog .edit-folder-button {
|
||||
padding: 0;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 18px; }
|
||||
.app-folder-dialog .edit-folder-button > StIcon {
|
||||
icon-size: 16px; }
|
||||
|
||||
.app-well-app.app-folder > .overview-icon {
|
||||
background-color: rgba(16, 16, 19, 0.35); }
|
||||
|
||||
@@ -1570,7 +1558,7 @@ StScrollBar {
|
||||
.notification-banner:focus {
|
||||
background-color: rgba(16, 16, 19, 0.96); }
|
||||
.notification-banner * {
|
||||
color: white; }
|
||||
color: #929ba8; }
|
||||
.notification-banner .notification-icon {
|
||||
padding: 5px; }
|
||||
.notification-banner .notification-content {
|
||||
|
||||
@@ -117,7 +117,7 @@ StScrollBar {
|
||||
-slider-height: 0.1em;
|
||||
-slider-background-color: $gray; //background of the trough
|
||||
-slider-border-color: black; //trough border color
|
||||
-slider-active-background-color: $yellow; //active trough fill
|
||||
-slider-active-background-color: $lime; //active trough fill
|
||||
-slider-active-border-color: $lime; //active trough border
|
||||
-slider-border-width: 0;
|
||||
-slider-handle-radius: 6px;
|
||||
@@ -125,11 +125,11 @@ StScrollBar {
|
||||
-barlevel-height: 0.1em;
|
||||
-barlevel-background-color: $gray;
|
||||
-barlevel-border-color: black;
|
||||
-barlevel-active-background-color: $yellow;
|
||||
-barlevel-active-background-color: $cyan;
|
||||
-barlevel-active-border-color: $lime;
|
||||
-barlevel-border-width: 0;
|
||||
-barlevel-handle-radius: 6px;
|
||||
-barlevel-overdrive-color: $yellow;
|
||||
-barlevel-overdrive-color: $cyan;
|
||||
-barlevel-overdrive-border-color: transparent;
|
||||
-barlevel-overdrive-separator-width: 0px;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user