mirror of
https://github.com/luneko/SweetTokyoNight.git
synced 2025-12-14 07:39:52 +01:00
Renew gnome-shell theme
This commit is contained in:
EliverLara
@@ -3,8 +3,7 @@
|
||||
*****************/
|
||||
/* GLOBALS */
|
||||
stage {
|
||||
font-family: "SFNS Display", Ubuntu, Cantarell, Sans-Serif;
|
||||
font-weight: 400;
|
||||
font-family: Roboto, Ubuntu, Cantarell, Sans-Serif;
|
||||
font-size: 10pt;
|
||||
color: #929ba8; }
|
||||
|
||||
@@ -12,83 +11,80 @@ stage {
|
||||
/* Buttons */
|
||||
.button {
|
||||
color: #929ba8;
|
||||
background-color: rgba(4, 4, 5, 0.93);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.22);
|
||||
border: none;
|
||||
background-color: #040405;
|
||||
box-shadow: none;
|
||||
border: 1px solid #161819;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #161819;
|
||||
border-radius: 4px;
|
||||
border-width: 0;
|
||||
padding: 4px 32px; }
|
||||
.button:focus {
|
||||
color: #929ba8;
|
||||
color: #f7b922;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
border: 1px solid rgba(247, 185, 34, 0.3); }
|
||||
box-shadow: none;
|
||||
border: 1px solid #161819; }
|
||||
.button:insensitive {
|
||||
color: rgba(86, 90, 99, 0.965);
|
||||
background-color: rgba(32, 33, 37, 0.597);
|
||||
color: #51565d;
|
||||
background-color: rgba(30, 31, 35, 0.66);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.22);
|
||||
border: none;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.button:active {
|
||||
color: #f7b922;
|
||||
background-color: rgba(16, 16, 19, 0.88);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
border: none;
|
||||
background-color: rgba(16, 16, 19, 0.95);
|
||||
border: 1px solid #161819;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.button:hover {
|
||||
color: #f7b922;
|
||||
background-color: rgba(39, 39, 47, 0.88);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
border: none;
|
||||
background-color: #09090b;
|
||||
border: 1px solid #161819;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black; }
|
||||
|
||||
.modal-dialog-linked-button {
|
||||
padding: 10px;
|
||||
border: none;
|
||||
border: 1px solid #161819;
|
||||
color: #929ba8;
|
||||
background-color: transparent;
|
||||
background: #040405;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
icon-shadow: none;
|
||||
box-shadow: none; }
|
||||
.modal-dialog-linked-button:insensitive {
|
||||
color: rgba(86, 90, 99, 0.965);
|
||||
background-color: rgba(32, 33, 37, 0.597);
|
||||
color: #51565d;
|
||||
background-color: rgba(30, 31, 35, 0.66);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.22);
|
||||
border: none;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.modal-dialog-linked-button:active {
|
||||
color: #f7b922;
|
||||
background-color: rgba(16, 16, 19, 0.88);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
border: none;
|
||||
background-color: rgba(16, 16, 19, 0.95);
|
||||
border: 1px solid #161819;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.modal-dialog-linked-button:focus {
|
||||
color: #929ba8;
|
||||
color: #f7b922;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
border: 1px solid rgba(247, 185, 34, 0.3); }
|
||||
box-shadow: none;
|
||||
border: 1px solid #161819; }
|
||||
.modal-dialog-linked-button:focus:hover {
|
||||
color: #929ba8;
|
||||
color: #f7b922;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
border: 1px solid rgba(247, 185, 34, 0.3); }
|
||||
box-shadow: none;
|
||||
border: 1px solid #161819; }
|
||||
.modal-dialog-linked-button:hover {
|
||||
color: #f7b922;
|
||||
background-color: rgba(39, 39, 47, 0.88);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
border: none;
|
||||
background-color: #09090b;
|
||||
border: 1px solid #161819;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black;
|
||||
background: transparent; }
|
||||
icon-shadow: 0 1px black; }
|
||||
.modal-dialog-linked-button:first-child {
|
||||
border-radius: 0px 0px 0px 2px; }
|
||||
.modal-dialog-linked-button:last-child {
|
||||
@@ -98,8 +94,8 @@ stage {
|
||||
|
||||
/* Entries */
|
||||
StEntry {
|
||||
background-color: rgba(51, 51, 61, 0.5);
|
||||
border-color: rgba(51, 51, 61, 0.3);
|
||||
background-color: #202026;
|
||||
border-color: #161819;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22);
|
||||
border-radius: 2px;
|
||||
padding: 4px;
|
||||
@@ -110,11 +106,11 @@ StEntry {
|
||||
StEntry:focus {
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22); }
|
||||
StEntry:insensitive {
|
||||
color: rgba(86, 90, 99, 0.965);
|
||||
color: #51565d;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22); }
|
||||
StEntry StIcon.capslock-warning {
|
||||
icon-size: 16px;
|
||||
warning-color: #ff9f39;
|
||||
warning-color: #f47d49;
|
||||
padding: 0 4px; }
|
||||
|
||||
/* Scrollbars */
|
||||
@@ -134,22 +130,22 @@ StScrollBar {
|
||||
background-color: transparent; }
|
||||
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
|
||||
border-radius: 8px;
|
||||
background-color: rgba(45, 47, 52, 0.944);
|
||||
background-color: #2a2c31;
|
||||
margin: 3px; }
|
||||
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
|
||||
background-color: rgba(123, 130, 141, 0.986); }
|
||||
background-color: #787f8a; }
|
||||
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
background-color: #f7b922; }
|
||||
|
||||
/* Slider */
|
||||
.slider {
|
||||
height: 1em;
|
||||
color: #f7f7f7;
|
||||
color: #b7b7b7;
|
||||
border-color: black;
|
||||
-slider-height: 0.3em;
|
||||
-slider-background-color: #33333d;
|
||||
-slider-height: 0.1em;
|
||||
-slider-background-color: #202026;
|
||||
-slider-border-color: black;
|
||||
-slider-active-background-color: #f7b922;
|
||||
-slider-active-background-color: #71f79f;
|
||||
-slider-active-border-color: #71f79f;
|
||||
-slider-border-width: 0;
|
||||
-slider-handle-radius: 6px; }
|
||||
@@ -208,7 +204,7 @@ StScrollBar {
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
color: #929ba8;
|
||||
background-color: rgba(4, 4, 5, 0.88);
|
||||
background-color: rgba(4, 4, 5, 0.95);
|
||||
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); }
|
||||
.modal-dialog .modal-dialog-content-box {
|
||||
padding: 24px; }
|
||||
@@ -256,10 +252,13 @@ StScrollBar {
|
||||
spacing: 42px;
|
||||
border: none; }
|
||||
.end-session-dialog .modal-dialog-linked-button:last-child {
|
||||
color: #e6133e; }
|
||||
.end-session-dialog .modal-dialog-linked-button:last-child:focus {
|
||||
color: #e6133e;
|
||||
border: 1px solid rgba(230, 19, 62, 0.3); }
|
||||
background-gradient-start: #eee90a;
|
||||
background-gradient-end: #f7b922;
|
||||
background-gradient-direction: horizontal;
|
||||
color: #fff; }
|
||||
.end-session-dialog .modal-dialog-linked-button:last-child:hover, .end-session-dialog .modal-dialog-linked-button:last-child:focus {
|
||||
background: #d7123a;
|
||||
color: #fff; }
|
||||
|
||||
.end-session-dialog-list {
|
||||
padding-top: 20px; }
|
||||
@@ -277,7 +276,7 @@ StScrollBar {
|
||||
|
||||
.end-session-dialog-warning {
|
||||
width: 28em;
|
||||
color: #ff9f39;
|
||||
color: #f47d49;
|
||||
padding-top: 6px; }
|
||||
.end-session-dialog-warning:rtl {
|
||||
text-align: right; }
|
||||
@@ -414,7 +413,7 @@ StScrollBar {
|
||||
padding-right: 10px; }
|
||||
|
||||
.polkit-dialog-user-root-label {
|
||||
color: #ff9f39; }
|
||||
color: #f47d49; }
|
||||
|
||||
.polkit-dialog-user-icon {
|
||||
border-radius: 3px;
|
||||
@@ -484,7 +483,7 @@ StScrollBar {
|
||||
min-width: 15em;
|
||||
background-color: transparent; }
|
||||
.popup-menu .popup-sub-menu {
|
||||
background-color: rgba(0, 0, 0, 0.13);
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); }
|
||||
.popup-menu .popup-menu-content {
|
||||
padding: 1em 0em; }
|
||||
@@ -495,9 +494,11 @@ StScrollBar {
|
||||
.popup-menu .popup-menu-item:rtl {
|
||||
padding: .4em 0em .4em 1.75em; }
|
||||
.popup-menu .popup-menu-item:checked {
|
||||
background-color: rgba(247, 185, 34, 0.9);
|
||||
background-gradient-start: #eee90a;
|
||||
background-gradient-end: #f7b922;
|
||||
background-gradient-direction: horizontal;
|
||||
color: #f7f7f7;
|
||||
box-shadow: inset 0 1px 0px rgba(63, 63, 74, 0.3);
|
||||
box-shadow: inset 0 1px 0px #222526;
|
||||
font-weight: bold; }
|
||||
.popup-menu .popup-menu-item:checked:hover {
|
||||
background-color: rgba(247, 185, 34, 0.9);
|
||||
@@ -524,10 +525,10 @@ StScrollBar {
|
||||
|
||||
.popup-menu-boxpointer,
|
||||
.candidate-popup-boxpointer {
|
||||
-arrow-border-radius: 3px;
|
||||
-arrow-background-color: rgba(16, 16, 19, 0.93);
|
||||
-arrow-border-radius: 7px;
|
||||
-arrow-background-color: #101013;
|
||||
-arrow-border-width: 1px;
|
||||
-arrow-border-color: rgba(51, 51, 61, 0.3);
|
||||
-arrow-border-color: #161819;
|
||||
-arrow-base: 24px;
|
||||
-arrow-rise: 11px;
|
||||
-arrow-box-shadow: 0 1px 3px black; }
|
||||
@@ -561,8 +562,9 @@ StScrollBar {
|
||||
.osd-window .level {
|
||||
height: 0.4em;
|
||||
border-radius: 0.3em;
|
||||
background-color: rgba(51, 51, 61, 0.5);
|
||||
color: #929ba8; }
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
color: #929ba8;
|
||||
border: 1px solid #161819; }
|
||||
.osd-window .level-bar {
|
||||
background-color: #f7b922;
|
||||
border-radius: 0.3em; }
|
||||
@@ -593,7 +595,7 @@ StScrollBar {
|
||||
|
||||
.switcher-list .item-box:outlined {
|
||||
padding: 6px;
|
||||
border: 2px solid rgba(28, 28, 33, 0.3); }
|
||||
border: 2px solid black; }
|
||||
|
||||
.switcher-list .item-box:selected {
|
||||
background-color: #f7b922;
|
||||
@@ -608,7 +610,7 @@ StScrollBar {
|
||||
|
||||
.switcher-list .separator {
|
||||
width: 1px;
|
||||
background: rgba(51, 51, 61, 0.3); }
|
||||
background: #161819; }
|
||||
|
||||
.switcher-arrow {
|
||||
border-color: rgba(0, 0, 0, 0);
|
||||
@@ -652,14 +654,14 @@ StScrollBar {
|
||||
.ws-switcher-box {
|
||||
height: 50px;
|
||||
border: 1px solid rgba(146, 155, 168, 0.1);
|
||||
background: rgba(0, 0, 0, 0.88);
|
||||
background: rgba(0, 0, 0, 0.95);
|
||||
border-radius: 8px; }
|
||||
|
||||
.osd-window,
|
||||
.resize-popup,
|
||||
.switcher-list, .workspace-switcher-container {
|
||||
color: #929ba8;
|
||||
background-color: rgba(16, 16, 19, 0.88);
|
||||
background-color: rgba(16, 16, 19, 0.95);
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
padding: 12px; }
|
||||
@@ -681,7 +683,7 @@ StScrollBar {
|
||||
/* TOP BAR */
|
||||
#panel {
|
||||
background-gradient-direction: none;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
background-color: rgba(16, 16, 19, 0.65);
|
||||
/* transition from solid to transparent */
|
||||
transition-duration: 500ms;
|
||||
font-weight: bold;
|
||||
@@ -706,7 +708,7 @@ StScrollBar {
|
||||
-natural-hpadding: 12px;
|
||||
-minimum-hpadding: 6px;
|
||||
font-weight: bold;
|
||||
color: #848e9c;
|
||||
color: white;
|
||||
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
|
||||
transition-duration: 100ms; }
|
||||
#panel .panel-button .app-menu-icon {
|
||||
@@ -718,19 +720,29 @@ StScrollBar {
|
||||
#panel .panel-button .popup-menu-arrow {
|
||||
icon-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); }
|
||||
#panel .panel-button:hover {
|
||||
background: rgba(26, 26, 26, 0.65);
|
||||
color: #a0a8b3;
|
||||
text-shadow: 0px 0px 8px black; }
|
||||
#panel .panel-button:hover .system-status-icon,
|
||||
#panel .panel-button:hover .app-menu-icon > StIcon,
|
||||
#panel .panel-button:hover .popup-menu-arrow {
|
||||
icon-shadow: 0px 0px 8px black; }
|
||||
background: rgba(39, 39, 47, 0.65);
|
||||
color: white;
|
||||
transition-duration: 200ms; }
|
||||
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
|
||||
background: rgba(26, 26, 26, 0.65);
|
||||
box-shadow: inset 0 -2px 0px #f8c13b;
|
||||
color: #a0a8b3; }
|
||||
box-shadow: none;
|
||||
background-gradient-start: #eee90a;
|
||||
background-gradient-end: #f7b922;
|
||||
background-gradient-direction: horizontal;
|
||||
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: black 0 2px 2px; }
|
||||
icon-shadow: red 0 2px 2px; }
|
||||
#panel .panel-button .system-status-icon {
|
||||
icon-size: 1.09em;
|
||||
padding: 0 5px; }
|
||||
@@ -752,9 +764,9 @@ StScrollBar {
|
||||
#panel .power-status.panel-status-indicators-box {
|
||||
spacing: 0; }
|
||||
#panel .screencast-indicator {
|
||||
color: #ff9f39; }
|
||||
color: #f47d49; }
|
||||
#panel.solid {
|
||||
background-color: #0e0e10;
|
||||
background-color: #101013;
|
||||
/* transition from transparent to solid */
|
||||
transition-duration: 300ms; }
|
||||
#panel.solid .panel-corner {
|
||||
@@ -786,7 +798,8 @@ StScrollBar {
|
||||
spacing: 1em; }
|
||||
|
||||
.datemenu-calendar-column {
|
||||
border: 0 solid rgba(51, 51, 61, 0.3); }
|
||||
border: 0 solid transparent;
|
||||
background: #0e0e11; }
|
||||
.datemenu-calendar-column:ltr {
|
||||
border-left-width: 1px; }
|
||||
.datemenu-calendar-column:rtl {
|
||||
@@ -815,7 +828,7 @@ StScrollBar {
|
||||
.events-section-title:focus,
|
||||
.message-list-section-title:hover,
|
||||
.message-list-section-title:focus {
|
||||
background-color: rgba(28, 28, 33, 0.93); }
|
||||
background-color: #1c1c21; }
|
||||
|
||||
.datemenu-today-button:active,
|
||||
.world-clocks-button:active,
|
||||
@@ -832,7 +845,7 @@ StScrollBar {
|
||||
.weather-header,
|
||||
.events-section-title,
|
||||
.message-list-section-title {
|
||||
color: #98a0ac;
|
||||
color: #768191;
|
||||
font-weight: bold; }
|
||||
|
||||
.world-clocks-grid {
|
||||
@@ -854,7 +867,7 @@ StScrollBar {
|
||||
.pager-button:hover, .pager-button:focus {
|
||||
background-color: rgba(146, 155, 168, 0.05); }
|
||||
.pager-button:active {
|
||||
background-color: rgba(16, 16, 19, 0); }
|
||||
background-color: rgba(16, 16, 19, 0.05); }
|
||||
|
||||
.calendar-change-month-back {
|
||||
background-image: url("assets/calendar-arrow-left.svg"); }
|
||||
@@ -875,13 +888,13 @@ StScrollBar {
|
||||
margin: 2px;
|
||||
border-radius: 1.4em; }
|
||||
.calendar-day-base:hover, .calendar-day-base:focus {
|
||||
background-color: rgba(28, 28, 33, 0.93); }
|
||||
background-color: #1c1c21; }
|
||||
.calendar-day-base:active, .calendar-day-base:selected {
|
||||
color: white;
|
||||
color: #f7f7f7;
|
||||
background-color: #f7b922;
|
||||
border-color: transparent; }
|
||||
.calendar-day-base.calendar-day-heading {
|
||||
color: #87919f;
|
||||
color: #768191;
|
||||
margin-top: 1em;
|
||||
font-size: 70%; }
|
||||
|
||||
@@ -895,11 +908,11 @@ StScrollBar {
|
||||
border-left-width: 1px; }
|
||||
|
||||
.calendar-nonwork-day {
|
||||
color: rgba(86, 90, 99, 0.965); }
|
||||
color: #51565d; }
|
||||
|
||||
.calendar-today {
|
||||
font-weight: bold;
|
||||
border: 1px solid rgba(51, 51, 61, 0); }
|
||||
border: 1px solid rgba(22, 24, 25, 0.5); }
|
||||
|
||||
.calendar-day-with-events {
|
||||
color: #afb5be;
|
||||
@@ -907,7 +920,7 @@ StScrollBar {
|
||||
background-image: url("assets/calendar-today.svg"); }
|
||||
|
||||
.calendar-other-month-day {
|
||||
color: rgba(86, 90, 99, 0.965);
|
||||
color: #51565d;
|
||||
opacity: 0.5; }
|
||||
|
||||
.calendar-week-number {
|
||||
@@ -919,7 +932,7 @@ StScrollBar {
|
||||
padding: 0.5em 0 0;
|
||||
margin: 6px;
|
||||
background-color: rgba(146, 155, 168, 0.3);
|
||||
color: rgba(16, 16, 19, 0.93); }
|
||||
color: #101013; }
|
||||
|
||||
/* Message list */
|
||||
.message-list {
|
||||
@@ -928,12 +941,20 @@ StScrollBar {
|
||||
color: #848e9c; }
|
||||
|
||||
.message-list-clear-button.button {
|
||||
background-color: transparent;
|
||||
border: 1px solid rgba(51, 51, 61, 0.3);
|
||||
color: #929ba8;
|
||||
background-color: #040405;
|
||||
box-shadow: none;
|
||||
border: 1px solid #161819;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black;
|
||||
border: 1px solid #161819;
|
||||
margin: 1.5em 1.5em 0; }
|
||||
.message-list-clear-button.button:hover, .message-list-clear-button.button:focus {
|
||||
background-color: rgba(28, 28, 33, 0.93); }
|
||||
color: #f7b922;
|
||||
background-color: #09090b;
|
||||
border: 1px solid #161819;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black; }
|
||||
|
||||
.message-list-sections {
|
||||
spacing: 1em; }
|
||||
@@ -958,7 +979,7 @@ StScrollBar {
|
||||
border-radius: 1px;
|
||||
background: transparent; }
|
||||
.message:hover, .message:focus {
|
||||
background-color: rgba(21, 21, 25, 0.93);
|
||||
background-color: #0e0e10;
|
||||
box-shadow: 3px 0px 0px 0px #f7b922 inset; }
|
||||
|
||||
.message-icon-bin {
|
||||
@@ -1004,9 +1025,9 @@ StScrollBar {
|
||||
.media-message-cover-icon {
|
||||
icon-size: 48px !important; }
|
||||
.media-message-cover-icon.fallback {
|
||||
color: rgba(39, 39, 47, 0.93);
|
||||
background-color: rgba(16, 16, 19, 0.93);
|
||||
border: 2px solid rgba(16, 16, 19, 0.93);
|
||||
color: #27272f;
|
||||
background-color: #101013;
|
||||
border: 2px solid #101013;
|
||||
border-radius: 2px;
|
||||
icon-size: 16px;
|
||||
padding: 8px; }
|
||||
@@ -1034,15 +1055,17 @@ StScrollBar {
|
||||
color: #929ba8;
|
||||
border-radius: 32px;
|
||||
/* wish we could do 50% */
|
||||
border: 1px solid transparent;
|
||||
background: transparent;
|
||||
border: 1px solid #161819;
|
||||
background: #09090b;
|
||||
padding: 13px; }
|
||||
.system-menu-action:hover, .system-menu-action:focus {
|
||||
border: 1px solid #f7b922;
|
||||
color: #f7b922;
|
||||
background: transparent; }
|
||||
.system-menu-action:active {
|
||||
background-color: #dea008;
|
||||
color: #f7f7f7; }
|
||||
color: #f7f7f7;
|
||||
border: 1px solid #dea008; }
|
||||
.system-menu-action > StIcon {
|
||||
icon-size: 16px; }
|
||||
|
||||
@@ -1100,14 +1123,14 @@ StScrollBar {
|
||||
icon-size: 32px; }
|
||||
|
||||
.nm-dialog-scroll-view {
|
||||
border: 2px solid rgba(51, 51, 61, 0.3); }
|
||||
border: 2px solid #161819; }
|
||||
|
||||
.nm-dialog-header {
|
||||
font-weight: bold; }
|
||||
|
||||
.nm-dialog-item {
|
||||
font-size: 110%;
|
||||
border-bottom: 1px solid rgba(51, 51, 61, 0.3);
|
||||
border-bottom: 1px solid #161819;
|
||||
padding: 12px;
|
||||
spacing: 20px; }
|
||||
|
||||
@@ -1148,30 +1171,30 @@ StScrollBar {
|
||||
|
||||
.window-caption {
|
||||
spacing: 20px;
|
||||
color: #929ba8;
|
||||
background-color: rgba(16, 16, 19, 0.58);
|
||||
color: white;
|
||||
background-color: rgba(16, 16, 19, 0.65);
|
||||
border-radius: 2px;
|
||||
padding: 4px 8px; }
|
||||
|
||||
.search-entry {
|
||||
width: 320px;
|
||||
padding: 7px 9px;
|
||||
border-radius: 2px;
|
||||
padding: 9px;
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
color: #929ba8;
|
||||
background-color: rgba(16, 16, 19, 0.53);
|
||||
background-color: rgba(16, 16, 19, 0.6);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22); }
|
||||
.search-entry:focus {
|
||||
border-width: 0;
|
||||
color: #929ba8;
|
||||
background-color: rgba(16, 16, 19, 0.73);
|
||||
background-color: rgba(16, 16, 19, 0.8);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.3); }
|
||||
.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.73); }
|
||||
background-color: rgba(16, 16, 19, 0.8); }
|
||||
.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
|
||||
color: #929ba8; }
|
||||
|
||||
@@ -1200,15 +1223,15 @@ StScrollBar {
|
||||
spacing: 30px; }
|
||||
|
||||
.list-search-result-title {
|
||||
color: #929ba8;
|
||||
color: white;
|
||||
spacing: 12px; }
|
||||
|
||||
.list-search-result-description {
|
||||
color: rgba(175, 181, 190, 0.5); }
|
||||
color: rgba(255, 255, 255, 0.5); }
|
||||
|
||||
.list-search-provider-details {
|
||||
width: 150px;
|
||||
color: #929ba8;
|
||||
color: white;
|
||||
margin-top: 0.24em; }
|
||||
|
||||
.list-search-provider-content {
|
||||
@@ -1220,10 +1243,10 @@ StScrollBar {
|
||||
/* DASHBOARD */
|
||||
#dash {
|
||||
font-size: 9pt;
|
||||
color: #848e9c;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
color: white;
|
||||
background-color: rgba(16, 16, 19, 0.65);
|
||||
padding: 6px 0;
|
||||
border: 1px solid rgba(128, 128, 128, 0.2);
|
||||
border: 1px solid #161819;
|
||||
border-left: 0px;
|
||||
border-radius: 0px 5px 5px 0px; }
|
||||
#dash:rtl {
|
||||
@@ -1242,8 +1265,8 @@ StScrollBar {
|
||||
.dash-label {
|
||||
border-radius: 7px;
|
||||
padding: 4px 12px;
|
||||
color: #848e9c;
|
||||
background-color: rgba(0, 0, 0, 0.64);
|
||||
color: white;
|
||||
background-color: rgba(16, 16, 19, 0.65);
|
||||
text-align: center;
|
||||
-x-offset: 8px; }
|
||||
|
||||
@@ -1268,9 +1291,8 @@ StScrollBar {
|
||||
padding: 4px 32px; }
|
||||
.app-view-control:checked {
|
||||
color: #f7b922;
|
||||
background-color: rgba(16, 16, 19, 0.88);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
border: none;
|
||||
background-color: rgba(16, 16, 19, 0.95);
|
||||
border: 1px solid #161819;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.app-view-control:first-child {
|
||||
@@ -1282,13 +1304,13 @@ StScrollBar {
|
||||
.search-provider-icon:active, .search-provider-icon:checked,
|
||||
.list-search-result:active,
|
||||
.list-search-result:checked {
|
||||
background-color: rgba(0, 0, 0, 0.78); }
|
||||
background-color: rgba(0, 0, 0, 0.85); }
|
||||
|
||||
.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
|
||||
.list-search-result:focus,
|
||||
.list-search-result:selected,
|
||||
.list-search-result:hover {
|
||||
background-color: rgba(16, 16, 19, 0.23);
|
||||
background-color: rgba(16, 16, 19, 0.3);
|
||||
transition-duration: 200ms; }
|
||||
|
||||
.app-well-app,
|
||||
@@ -1304,7 +1326,7 @@ StScrollBar {
|
||||
.show-apps:checked .overview-icon,
|
||||
.grid-search-result:active .overview-icon,
|
||||
.grid-search-result:checked .overview-icon {
|
||||
background-color: rgba(0, 0, 0, 0.78);
|
||||
background-color: rgba(0, 0, 0, 0.85);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
color: #929ba8; }
|
||||
.app-well-app:hover .overview-icon,
|
||||
@@ -1319,7 +1341,7 @@ 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.43);
|
||||
background-color: rgba(16, 16, 19, 0.5);
|
||||
transition-duration: 0ms;
|
||||
border-image: none;
|
||||
background-image: none; }
|
||||
@@ -1346,10 +1368,10 @@ StScrollBar {
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22); }
|
||||
|
||||
.app-well-app.app-folder > .overview-icon {
|
||||
background-color: rgba(16, 16, 19, 0.28); }
|
||||
background-color: rgba(16, 16, 19, 0.35); }
|
||||
|
||||
.show-apps .show-apps-icon {
|
||||
color: #848e9c; }
|
||||
color: white; }
|
||||
|
||||
.show-apps:checked .show-apps-icon,
|
||||
.show-apps:focus .show-apps-icon {
|
||||
@@ -1358,13 +1380,13 @@ StScrollBar {
|
||||
|
||||
.app-folder-popup {
|
||||
-arrow-border-radius: 8px;
|
||||
-arrow-background-color: rgba(16, 16, 19, 0.43);
|
||||
-arrow-background-color: rgba(16, 16, 19, 0.5);
|
||||
-arrow-base: 24px;
|
||||
-arrow-rise: 11px; }
|
||||
|
||||
.app-folder-popup-bin {
|
||||
padding: 5px;
|
||||
background: rgba(16, 16, 19, 0.43); }
|
||||
background: rgba(16, 16, 19, 0.5); }
|
||||
|
||||
.app-folder-icon {
|
||||
padding: 5px;
|
||||
@@ -1432,14 +1454,14 @@ StScrollBar {
|
||||
width: 34em;
|
||||
margin: 5px;
|
||||
border-radius: 3px;
|
||||
color: #848e9c;
|
||||
background-color: rgba(16, 16, 19, 0.93);
|
||||
border: 1px solid rgba(51, 51, 61, 0.3);
|
||||
color: white;
|
||||
background-color: #101013;
|
||||
border: 1px solid #161819;
|
||||
box-shadow: 0 1px 4px black; }
|
||||
.notification-banner:hover {
|
||||
background-color: rgba(16, 16, 19, 0.89); }
|
||||
background-color: rgba(16, 16, 19, 0.96); }
|
||||
.notification-banner:focus {
|
||||
background-color: rgba(16, 16, 19, 0.89); }
|
||||
background-color: rgba(16, 16, 19, 0.96); }
|
||||
.notification-banner .notification-icon {
|
||||
padding: 5px; }
|
||||
.notification-banner .notification-content {
|
||||
@@ -1448,18 +1470,18 @@ StScrollBar {
|
||||
.notification-banner .secondary-icon {
|
||||
icon-size: 1.09em; }
|
||||
.notification-banner .notification-actions {
|
||||
background-color: rgba(11, 11, 13, 0.93);
|
||||
background-color: #0b0b0d;
|
||||
padding-top: 2px;
|
||||
spacing: 1px; }
|
||||
.notification-banner .notification-button {
|
||||
padding: 4px 4px 5px;
|
||||
background-color: rgba(16, 16, 19, 0.83); }
|
||||
background-color: rgba(16, 16, 19, 0.9); }
|
||||
.notification-banner .notification-button:first-child {
|
||||
border-radius: 0 0 0 3px; }
|
||||
.notification-banner .notification-button:last-child {
|
||||
border-radius: 0 0 3px 0; }
|
||||
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
|
||||
background-color: rgba(11, 11, 13, 0.93);
|
||||
background-color: #0b0b0d;
|
||||
color: #f7b922; }
|
||||
|
||||
.summary-source-counter {
|
||||
@@ -1532,7 +1554,7 @@ StScrollBar {
|
||||
spacing: 8px;
|
||||
border-radius: 4px; }
|
||||
.hotplug-resident-mount:hover {
|
||||
background-color: rgba(16, 16, 19, 0.23); }
|
||||
background-color: rgba(16, 16, 19, 0.3); }
|
||||
|
||||
.hotplug-resident-mount-label {
|
||||
color: inherit;
|
||||
@@ -1558,7 +1580,7 @@ StScrollBar {
|
||||
|
||||
/* On-screen Keyboard */
|
||||
#keyboard {
|
||||
background-color: rgba(16, 16, 19, 0.58); }
|
||||
background-color: rgba(16, 16, 19, 0.65); }
|
||||
|
||||
.keyboard-layout {
|
||||
spacing: 10px;
|
||||
@@ -1569,41 +1591,38 @@ StScrollBar {
|
||||
|
||||
.keyboard-key {
|
||||
color: #929ba8;
|
||||
background-color: rgba(4, 4, 5, 0.93);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.22);
|
||||
border: none;
|
||||
background-color: #040405;
|
||||
box-shadow: none;
|
||||
border: 1px solid #161819;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black;
|
||||
background: #202127;
|
||||
border: 1px solid #161819;
|
||||
background-color: #202127;
|
||||
min-height: 2em;
|
||||
min-width: 2em;
|
||||
font-size: 14pt;
|
||||
font-weight: bold;
|
||||
border-radius: 5px;
|
||||
border: 1px solid rgba(51, 51, 61, 0.3);
|
||||
color: white; }
|
||||
border-radius: 5px; }
|
||||
.keyboard-key:focus {
|
||||
color: #929ba8;
|
||||
color: #f7b922;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
border: 1px solid rgba(247, 185, 34, 0.3); }
|
||||
box-shadow: none;
|
||||
border: 1px solid #161819; }
|
||||
.keyboard-key:hover, .keyboard-key:checked {
|
||||
color: #f7b922;
|
||||
background-color: rgba(39, 39, 47, 0.88);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
border: none;
|
||||
background-color: #09090b;
|
||||
border: 1px solid #161819;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black; }
|
||||
.keyboard-key:active {
|
||||
color: #f7b922;
|
||||
background-color: rgba(16, 16, 19, 0.88);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
border: none;
|
||||
background-color: rgba(16, 16, 19, 0.95);
|
||||
border: 1px solid #161819;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.keyboard-key:grayed {
|
||||
background-color: rgba(16, 16, 19, 0.88);
|
||||
background-color: rgba(16, 16, 19, 0.95);
|
||||
color: #929ba8;
|
||||
border-color: rgba(0, 0, 0, 0.7); }
|
||||
|
||||
@@ -1611,7 +1630,7 @@ StScrollBar {
|
||||
color: white;
|
||||
padding: 5px;
|
||||
-arrow-border-radius: 10px;
|
||||
-arrow-background-color: rgba(16, 16, 19, 0.58);
|
||||
-arrow-background-color: rgba(16, 16, 19, 0.65);
|
||||
-arrow-border-width: 2px;
|
||||
-arrow-border-color: #929ba8;
|
||||
-arrow-base: 20px;
|
||||
@@ -1676,28 +1695,27 @@ StScrollBar {
|
||||
padding: 3px 18px; }
|
||||
.login-dialog .modal-dialog-button:default {
|
||||
color: #929ba8;
|
||||
background-color: rgba(4, 4, 5, 0.93);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.22);
|
||||
border: none;
|
||||
background-color: #040405;
|
||||
box-shadow: none;
|
||||
border: 1px solid #161819;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black; }
|
||||
icon-shadow: 0 1px black;
|
||||
border: 1px solid #161819; }
|
||||
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
|
||||
color: #f7b922;
|
||||
background-color: rgba(247, 185, 34, 0.7);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
border: none;
|
||||
border: 1px solid #161819;
|
||||
text-shadow: 0 1px black;
|
||||
icon-shadow: 0 1px black; }
|
||||
.login-dialog .modal-dialog-button:default:active {
|
||||
color: #f7b922;
|
||||
background-color: #f7b922;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||
border: none;
|
||||
border: 1px solid #161819;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.login-dialog .modal-dialog-button:default:insensitive {
|
||||
color: rgba(86, 90, 99, 0.965);
|
||||
background-color: rgba(32, 33, 37, 0.597);
|
||||
color: #51565d;
|
||||
background-color: rgba(30, 31, 35, 0.66);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.22);
|
||||
border: none;
|
||||
text-shadow: none;
|
||||
@@ -1713,7 +1731,7 @@ StScrollBar {
|
||||
spacing: 5px; }
|
||||
|
||||
.login-dialog-message-warning {
|
||||
color: #ff9f39; }
|
||||
color: #f47d49; }
|
||||
|
||||
.login-dialog-message-hint {
|
||||
padding-top: 0;
|
||||
@@ -1833,7 +1851,7 @@ StScrollBar {
|
||||
.screen-shield-notifications-container .screen-shield-notification-source {
|
||||
padding: 12px 6px;
|
||||
border: 1px solid #929ba8;
|
||||
background-color: rgba(16, 16, 19, 0.38);
|
||||
background-color: rgba(16, 16, 19, 0.45);
|
||||
color: #929ba8;
|
||||
border-radius: 4px; }
|
||||
.screen-shield-notifications-container .notification {
|
||||
@@ -1847,7 +1865,7 @@ StScrollBar {
|
||||
padding: 0px 0px 0px 12px; }
|
||||
|
||||
#panel.lock-screen {
|
||||
background-color: rgba(16, 16, 19, 0.38); }
|
||||
background-color: rgba(16, 16, 19, 0.45); }
|
||||
|
||||
.screen-shield-background {
|
||||
background: black;
|
||||
@@ -1858,9 +1876,9 @@ StScrollBar {
|
||||
background-repeat: repeat; }
|
||||
|
||||
#screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle {
|
||||
background-color: rgba(16, 16, 19, 0.23); }
|
||||
background-color: rgba(16, 16, 19, 0.3); }
|
||||
#screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus {
|
||||
background-color: rgba(16, 16, 19, 0.43); }
|
||||
background-color: rgba(16, 16, 19, 0.5); }
|
||||
#screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active {
|
||||
background-color: rgba(247, 185, 34, 0.5); }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user