anthony
/
Golden-Devil-Theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modified: gnome-shell/gnome-shell.css

Browse Source
main
anthony 11 months ago
parent 3c5b24faf4
commit 21c0d5a703
1 changed files with 412 additions and 331 deletions
Show Stats Download Patch File Download Diff File

743
gnome-shell/gnome-shell.css
Unescape Escape View File

@ -1,45 +1,100 @@
/* Apps / Dash */ /* Apps / Dash */
/* Apps Running */
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: rgba(0, 215, 145, 1); }
/* apps / folders / apps & folders in search */ /* apps / folders / apps & folders in search */
.app-well-app .overview-icon, .app-well-app .overview-icon,
.app-well-app.app-folder .overview-icon, .app-well-app.app-folder .overview-icon,
.grid-search-result .overview-icon, .grid-search-result .overview-icon,
.app-folder.grid-search-result .overview-icon { .app-folder.grid-search-result .overview-icon {
box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0); /* fix default dash focused box-shadow*/ box-shadow: inset 0 0 0 0px rgba(85, 5, 44, 0); /* fix default dash focused box-shadow*/
transition-duration: 100ms; transition-duration: 100ms;
border-radius: 20px; border-radius: 20px;
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
}
.icon-grid .overview-tile .app-grid-running-dot {
background-color: rgba(85, 5, 44, 1);
}
.icon-grid .overview-tile:hover .app-grid-running-dot {
background-color: rgba(0, 215, 145, 1);
}
.icon-grid .overview-tile:active .app-grid-running-dot {
background-color: rgba(85, 5, 44, 1);
}
#dash .overview-tile {
background-color: rgba(85, 5, 44, 1);
}
.overview-tile,
.search-display .grid-search-result .overview-tile,
.icon-grid .overview-tile {
background-color: rgba(126, 106, 96, 1);
color: rgba(85, 5, 44, 1);
}
.overview-tile:hover,
.grid-search-result .overview-tile:hover,
.icon-grid .overview-tile:hover {
background-color: rgba(85, 5, 44, 1);
color: rgba(0, 215, 145, 1);
}
.overview-tile:active,
.grid-search-result .overview-tile:active,
.icon-grid .overview-tile:active {
background-color: rgba(0, 215, 145, 1);
color: rgba(85, 5, 44, 1);
} }
/* Show Apps icon */ /* Show Apps icon */
.show-apps .overview-icon { .show-apps .overview-icon {
background-color: rgba(126, 106, 96, 1);
color: rgba(85, 5, 44, 1);
}
.show-apps:hover .overview-icon,
.show-apps:focus .overview-icon,
#dash .show-apps:hover .overview-icon,
#dash .show-apps:focus .overview-icon {
background-color: rgba(85, 5, 44, 1);
color: rgba(0, 215, 145, 1); color: rgba(0, 215, 145, 1);
} }
/*.show-apps:active .overview-icon,
.show-apps .overview-icon:insensitive*/
#dash .show-apps:active .overview-icon {
background-color: rgba(0, 215, 145, 1);
color: rgba(85, 5, 44, 1);
}
/* folders */ /* folders */
.app-well-app.app-folder .overview-icon { .app-well-app.app-folder .overview-icon {
background-color: rgba(85, 5, 44, 1); background-color: rgba(227, 203, 230, 0.95);
} }
.app-well-app:hover .overview-icon, .app-well-app:hover .overview-icon,
.app-well-app:focus .overview-icon, .app-well-app:focus .overview-icon,
.app-well-app:selected .overview-icon, .app-well-app:selected .overview-icon,
.app-well-app.app-folder .overview-icon, .app-well-app.app-folder .overview-icon {
.show-apps:hover .overview-icon, background-color: rgba(237, 219, 239, 0.9);
.show-apps:focus .overview-icon { color: rgba(85, 5, 44, 1);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
background-color: rgba(247, 180, 253, 0.08);
} }
/* app icons effects in dash */ /* app icons effects in dash */
#dash .app-well-app:hover .overview-icon, #dash .app-well-app:hover .overview-icon,
#dash .app-well-app:focus .overview-icon, #dash .app-well-app:focus .overview-icon,
#dash .app-well-app:selected .overview-icon, #dash .app-well-app:selected .overview-icon {
#dash .show-apps:hover .overview-icon, background-color: rgba(0, 215, 145, 1);
#dash .show-apps:focus .overview-icon {
box-shadow: inset 0 0 4px 1px rgba(201, 178, 203, 0.4);
background-color: rgba(255, 255, 255, 0.1);
} }
/* effect when creating new folder */ /* effect when creating new folder */
@ -47,8 +102,8 @@
.grid-search-result:drop .overview-icon, .grid-search-result:drop .overview-icon,
.app-well-app.app-folder:drop .overview-icon, .app-well-app.app-folder:drop .overview-icon,
.app-folder.grid-search-result:drop .overview-icon { .app-folder.grid-search-result:drop .overview-icon {
border: 2px solid rgba(201, 178, 203, 1); border: 2px solid rgba(148, 102, 153, 1);
background-color: rgba(89, 38, 94, 0.2); background-color: rgba(240, 182, 246, 0.5);
} }
@ -57,16 +112,16 @@
/* collapsed folder dialog */ /* collapsed folder dialog */
.app-folder-dialog { .app-folder-dialog {
border-radius: 32px; border-radius: 32px;
background-color: rgba(21, 18, 21, 0.95); background-color: rgba(85, 5, 44, 1);
border: none; border: none;
padding: 0; /* because of icon grid */ padding: 0; /* because of icon grid */
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
} }
/* folder title */ /* folder title */
.app-folder-dialog .folder-name-container .folder-name-label { .app-folder-dialog .folder-name-container .folder-name-label {
padding: 5px 7px; padding: 5px 7px;
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
font-weight: 700; font-weight: 700;
transition-duration: 100ms; transition-duration: 100ms;
} }
@ -75,26 +130,26 @@
.app-folder-dialog .folder-name-container .folder-name-entry { .app-folder-dialog .folder-name-container .folder-name-entry {
font-weight: 700; font-weight: 700;
border: none; border: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
selection-background-color: rgba(89, 38, 94, 1); selection-background-color: rgba(207, 127, 214, 1);
selected-color: rgba(249, 233, 250, 1); selected-color: rgba(40, 7, 43, 0.87);
} }
/* edit folder name button */ /* edit folder name button */
.app-folder-dialog .folder-name-container .edit-folder-button { .app-folder-dialog .folder-name-container .edit-folder-button {
border-radius: 12px; border-radius: 12px;
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.app-folder-dialog .folder-name-container .edit-folder-button:hover { .app-folder-dialog .folder-name-container .edit-folder-button:hover {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
} }
.app-folder-dialog .folder-name-container .edit-folder-button:focus { .app-folder-dialog .folder-name-container .edit-folder-button:focus {
box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important;
} }
@ -108,40 +163,44 @@
border-radius: 15px; border-radius: 15px;
padding: 12px; padding: 12px;
transition-duration: 100ms; transition-duration: 100ms;
background-color: rgba(126, 106, 96, 1);
} }
.page-navigation-arrow > StIcon { .page-navigation-arrow > StIcon {
margin: 0; margin: 0;
color: rgba(0, 215, 145, 1); color: rgba(85, 5, 44, 1);
box-shadow: rgba(126, 106, 96, 1);
} }
.page-navigation-arrow:hover { .page-navigation-arrow:hover {
background-color: rgba(0, 215, 145, 1); background-color: rgba(85, 5, 44, 1);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
} }
.page-navigation-arrow:hover > StIcon { .page-navigation-arrow:hover > StIcon {
color: rgba(0, 215, 145, 1); color: rgba(0, 215, 145, 1);
background-color: rgba(0, 0, 0, 0);
} }
.page-navigation-arrow:active { .page-navigation-arrow:active {
background-color: rgba(0, 215, 145, 1); background-color: rgba(0, 215, 145, 1);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); color: rgba(85, 5, 44, 1);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.page-navigation-arrow:active > StIcon {
color: rgba(85, 5, 44, 1);
}
/* left and right hints on edges of the screen when dragging app icon */ /* left and right hints on edges of the screen when dragging app icon */
.page-navigation-hint.next:ltr, .page-navigation-hint.next:ltr,
.page-navigation-hint.previous:rtl { .page-navigation-hint.previous:rtl {
background-gradient-start: rgba(232, 225, 233, 0.05); background-gradient-start: rgba(91, 2, 99, 0.05);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.page-navigation-hint.previous:ltr, .page-navigation-hint.previous:ltr,
.page-navigation-hint.next:rtl { .page-navigation-hint.next:rtl {
background-gradient-end: rgba(232, 225, 233, 0.05); background-gradient-end: rgba(91, 2, 99, 0.05);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
@ -149,7 +208,6 @@
#dash .dash-background { #dash .dash-background {
background-color: rgba(85, 5, 44, 1); background-color: rgba(85, 5, 44, 1);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
border: none; /* remove black border on ubuntu */ border: none; /* remove black border on ubuntu */
padding: 4px 2px 4px 2px; padding: 4px 2px 4px 2px;
border-radius: 21px; border-radius: 21px;
@ -164,26 +222,23 @@
/* when dash in overview */ /* when dash in overview */
#dashtodockContainer.overview #dash .dash-background { #dashtodockContainer.overview #dash .dash-background {
box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.07); box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.1);
background-color: rgba(85, 5, 44, 1); background-color: rgba(242, 214, 244, 0.8);
} }
/* popup label when hovering the app in dash */ /* popup label when hovering the app in dash */
.dash-label { .dash-label {
background-color: rgba(85, 5, 44, 1); background-color: rgba(85, 5, 44, 1);
color: rgba(0, 215, 145, 1); color: rgba(0, 215, 145, 1);
border-radius: 12px; border-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
} }
/* pill below if app is running */ /* pill below if app is running */
.app-well-app-running-dot { .app-well-app-running-dot {
width: 10px; width: 10px;
height: 5px; height: 5px;
border-radius: 5px; border-radius: 5px;
background: rgba(0, 215, 145, 1); background: rgba(148, 102, 153, 1);
transition-duration: 100ms; transition-duration: 100ms;
} }
@ -200,20 +255,17 @@
margin-bottom: 6px; margin-bottom: 6px;
} }
/* elements in dash */ /* elements in dash */
.dash-item-container .app-well-app .overview-icon, .dash-item-container .app-well-app .overview-icon,
.dash-item-container .show-apps .overview-icon { .dash-item-container .show-apps .overview-icon {
border-radius: 21px; border-radius: 21px;
} }
/* pinned apps | running apps */ /* pinned apps | running apps */
.dash-separator { .dash-separator {
box-shadow: 0 0 0 0.25px rgb(0, 215, 143); background-color: rgba(0, 215, 145, 1);
} }
/* ubuntu fix */ /* ubuntu fix */
#dashtodockContainer #dash .app-well-app:hover .overview-icon, #dashtodockContainer #dash .app-well-app:hover .overview-icon,
#dashtodockContainer #dash .app-well-app:focus .overview-icon, #dashtodockContainer #dash .app-well-app:focus .overview-icon,
@ -228,14 +280,6 @@
border-radius: 15px; border-radius: 15px;
} }
#dashtodockContainer .app-well-app.focused .overview-icon,
.show-apps:selected .overview-icon,
.show-apps:selected:hover .overview-icon,
.show-apps:active .overview-icon,
.show-apps:checked .overview-icon {
box-shadow: inset 0 0 4px 1px rgba(201, 178, 203, 0.4);
}
/* ubuntu fix */ /* ubuntu fix */
#dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended #dash .dash-background,
#dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background,
@ -268,7 +312,7 @@
#dashtodockContainer.right.extended.overview #dash .dash-background, #dashtodockContainer.right.extended.overview #dash .dash-background,
#dashtodockContainer.right.extended.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.overview.dashtodock #dash .dash-background,
#dashtodockContainer.right.extended.overview.shrink #dash .dash-background { #dashtodockContainer.right.extended.overview.shrink #dash .dash-background {
background-color: rgba(85, 5, 44, 0.95); background-color: rgba(85, 5, 44, 1);
} }
/* Aylur's widgets extension */ /* Aylur's widgets extension */
@ -277,10 +321,10 @@
.quick-settings.tweaked .media, .quick-settings.tweaked .media,
.quick-settings.tweaked .message, .quick-settings.tweaked .message,
.quick-settings.tweaked .quick-container { .quick-settings.tweaked .quick-container {
background-color: rgba(32, 28, 32, 1); background-color: rgba(255, 0, 136, 0.2);
border-radius: 16px; border-radius: 16px;
border: none; border: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
/* ajust sliders margins */ /* ajust sliders margins */
@ -319,7 +363,7 @@
/* system usage */ /* system usage */
.level-bar { .level-bar {
padding: 0; padding: 0;
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
} }
/* system usage levels */ /* system usage levels */
@ -364,14 +408,14 @@
.toggle-switch { .toggle-switch {
background-image: url("./toggle-off.svg"); background-image: url("./toggle-off.svg");
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
border-radius: 10px; border-radius: 10px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
} }
.toggle-switch:checked { .toggle-switch:checked {
background-image: url("./toggle-on.svg"); background-image: url("./toggle-on.svg");
background-color: rgba(0, 215, 145, 1); background-color: rgba(126, 106, 96, 1);
} }
@ -383,15 +427,18 @@
} }
.dnd-button .toggle-switch { .dnd-button .toggle-switch {
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(126, 106, 96, 1);
color: rgba(85, 5, 44, 1);
} }
.dnd-button:hover .toggle-switch { .dnd-button:hover .toggle-switch {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(85, 5, 44, 1);
color: rgba(0, 215, 145, 1);
} }
.dnd-button .toggle-switch:checked { .dnd-button .toggle-switch:checked {
background-color: rgba(0, 215, 145, 1); background-color: rgba(0, 215, 145, 1);
color: rgba(85, 5, 44, 1);
} }
.dnd-button:hover .toggle-switch:checked { .dnd-button:hover .toggle-switch:checked {
@ -403,37 +450,38 @@
} }
.dnd-button:focus .toggle-switch { .dnd-button:focus .toggle-switch {
box-shadow: inset 0 0 0 1px rgba(201, 178, 203, 1) !important; box-shadow: inset 0 0 0 1px rgba(148, 102, 153, 1) !important;
} }
/* Buttons */ /* Buttons */
.button { .button {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.button:insensitive { .button:insensitive {
box-shadow: none; box-shadow: none;
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.button:hover, .button:hover,
.button:active { .button:active {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
} }
.button:focus { .button:focus {
background-color: rgba(89, 38, 94, 0.2); background-color: rgba(240, 182, 246, 0.5);
box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important;
} }
/* clear button */ /* clear button */
.message-list-clear-button { .message-list-clear-button {
rgba(237, 70, 95, 1) color: rgba(237, 70, 95, 1);
background-color: rgba(238, 210, 211, 1);
padding: 3px 15px; padding: 3px 15px;
border-radius: 9px; border-radius: 9px;
} }
@ -444,7 +492,7 @@
.slider, .slider,
.level { .level {
-barlevel-height: 16px; -barlevel-height: 16px;
-barlevel-background-color: rgba(247, 180, 253, 0.08); -barlevel-background-color: rgba(237, 219, 239, 0.9);
-barlevel-active-background-color: rgba(0, 215, 145, 1); -barlevel-active-background-color: rgba(0, 215, 145, 1);
-barlevel-border-width: 0px; -barlevel-border-width: 0px;
/* overfill */ /* overfill */
@ -473,19 +521,19 @@ StScrollBar StBin#trough {
StScrollBar StButton#vhandle, StScrollBar StButton#vhandle,
StScrollBar StButton#hhandle { StScrollBar StButton#hhandle {
border-radius: 8px; border-radius: 8px;
background-color: rgba(69, 57, 70, 0.75); background-color: rgba(191, 163, 193, 0.75);
border: 3px solid transparent; border: 3px solid transparent;
transition-duration: 100ms; transition-duration: 100ms;
} }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#vhandle:hover,
StScrollBar StButton#hhandle:hover { StScrollBar StButton#hhandle:hover {
background-color: rgba(70, 56, 71, 1); background-color: rgba(191, 163, 193, 1);
} }
StScrollBar StButton#vhandle:active, StScrollBar StButton#vhandle:active,
StScrollBar StButton#hhandle:active { StScrollBar StButton#hhandle:active {
background-color: rgba(98, 78, 99, 0.87); background-color: rgba(191, 163, 193, 0.87);
} }
/* Date / Time menu */ /* Date / Time menu */
@ -509,21 +557,21 @@ StScrollBar StButton#hhandle:active {
/* today header button */ /* today header button */
.datemenu-today-button { .datemenu-today-button {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
background-color: none; background-color: none;
border-radius: 12px; border-radius: 12px;
} }
.datemenu-today-button:hover { .datemenu-today-button:hover {
transition-duration: 100ms; transition-duration: 100ms;
background-color: rgba(32, 28, 32, 0.9); background-color: rgba(242, 225, 243, 0.8);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
} }
.datemenu-today-button:focus { .datemenu-today-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
background-color: rgba(89, 38, 94, 0.2); background-color: rgba(240, 182, 246, 0.5);
box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important;
} }
/* weekday label */ /* weekday label */
@ -541,25 +589,25 @@ StScrollBar StButton#hhandle:active {
.calendar { .calendar {
border-radius: 14px; border-radius: 14px;
background-color: rgba(85, 5, 44, 1); background-color: rgba(242, 225, 243, 0.8);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
padding: 5px; padding: 5px;
} }
/* month header */ /* month header */
.calendar-month-label { .calendar-month-label {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
/* day of week heading */ /* day of week heading */
.calendar-day.calendar-day-heading { .calendar-day.calendar-day-heading {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
} }
/* day buttons, prev/next month button */ /* day buttons, prev/next month button */
.calendar-day, .calendar-day,
.calendar-month-header .pager-button { .calendar-month-header .pager-button {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
border-radius: 10px; border-radius: 10px;
transition-duration: 100ms; transition-duration: 100ms;
} }
@ -567,35 +615,35 @@ StScrollBar StButton#hhandle:active {
.calendar-day:hover, .calendar-day:hover,
.calendar-day:selected:hover, .calendar-day:selected:hover,
.calendar .calendar-month-header .pager-button:hover { .calendar .calendar-month-header .pager-button:hover {
background-color: rgba(85, 5, 44, 1); background-color: rgba(227, 203, 230, 0.95);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.calendar-day:focus, .calendar-day:focus,
.calendar .calendar-month-header .pager-button:focus { .calendar .calendar-month-header .pager-button:focus {
background-color: rgba(85, 5, 44, 1); background-color: rgba(240, 182, 246, 0.5);
box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important;
} }
.calendar-day:selected { .calendar-day:selected {
background: rgba(229, 201, 232, 0.13); background: rgba(227, 203, 230, 0.95);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
/* today button */ /* today button */
.calendar-today, .calendar-today,
.calendar-today:selected { .calendar-today:selected {
background-color: rgba(89, 38, 94, 1); background-color: rgba(0, 215, 145, 1);
color: rgba(249, 233, 250, 1) !important; color: rgba(40, 7, 43, 0.87) !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.calendar-today:hover, .calendar-today:hover,
.calendar-today:selected:hover, .calendar-today:selected:hover,
.calendar-today:focus, .calendar-today:focus,
.calendar-today:selected:focus { .calendar-today:selected:focus {
background-color: rgba(86, 19, 93, 1); background-color: rgba(126, 106, 96, 1);
} }
/* if day has event */ /* if day has event */
@ -613,13 +661,13 @@ StScrollBar StButton#hhandle:active {
/* weekend day button */ /* weekend day button */
.calendar .calendar-nonwork-day, /* up to 44 */ .calendar .calendar-nonwork-day, /* up to 44 */
.calendar-weekend { /* 45+ */ .calendar-weekend { /* 45+ */
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
} }
/* other month day button */ /* other month day button */
.calendar .calendar-other-month-day, /* up to 44 */ .calendar .calendar-other-month-day, /* up to 44 */
.calendar-other-month { /* 45+ */ .calendar-other-month { /* 45+ */
color: rgba(249, 233, 250, 0.38) !important; color: rgba(40, 7, 43, 0.38) !important;
} }
.calendar .calendar-other-month-day.calendar-day-with-events, /* up to 44 */ .calendar .calendar-other-month-day.calendar-day-with-events, /* up to 44 */
@ -629,9 +677,9 @@ StScrollBar StButton#hhandle:active {
} }
.calendar .calendar-week-number { .calendar .calendar-week-number {
background-color: rgba(85, 5, 44, 1); background-color: rgba(237, 219, 239, 0.9);
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
border-radius: 7px; border-radius: 7px;
} }
@ -641,62 +689,62 @@ StScrollBar StButton#hhandle:active {
.events-button, .events-button,
.world-clocks-button, .world-clocks-button,
.weather-button { .weather-button {
background-color: rgba(85, 5, 44, 1); background-color: rgba(242, 225, 243, 0.8);
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
border-radius: 14px; border-radius: 14px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.events-button:hover, .events-button:hover,
.world-clocks-button:hover, .world-clocks-button:hover,
.weather-button:hover { .weather-button:hover {
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
} }
.events-button:focus, .events-button:focus,
.world-clocks-button:focus, .world-clocks-button:focus,
.weather-button:focus { .weather-button:focus {
background-color: rgba(89, 38, 94, 0.2); background-color: rgba(240, 182, 246, 0.5);
box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important;
} }
.events-button:active, .events-button:active,
.world-clock-button:active, .world-clock-button:active,
.weather-button:active { .weather-button:active {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
} }
/* header */ /* header */
.weather-button .weather-header, .weather-button .weather-header,
.events-button .events-title, .events-button .events-title,
.world-clocks-button .world-clocks-header { .world-clocks-button .world-clocks-header {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
} }
/* Events section */ /* Events section */
.events-button .events-list { .events-button .events-list {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
.events-button .event-time { .events-button .event-time {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
} }
/* World clocks section */ /* World clocks section */
.world-clocks-button .world-clocks-time { .world-clocks-button .world-clocks-time {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
.world-clocks-button .world-clocks-city, .world-clocks-button .world-clocks-city,
.world-clocks-button .world-clocks-timezone { .world-clocks-button .world-clocks-timezone {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
} }
/* Weather section */ /* Weather section */
.weather-button .weather-forecast-time { .weather-button .weather-forecast-time {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
} }
/* Entries */ /* Entries */
@ -704,35 +752,35 @@ StScrollBar StButton#hhandle:active {
StEntry, StEntry,
.search-entry { .search-entry {
border-radius: 13px; border-radius: 13px;
border-color: #000;
padding: 8px; padding: 8px;
transition-duration: 100ms; transition-duration: 100ms;
border: 1px solid rgba(255, 255, 255, 0.03); background-color: rgba(126, 106, 96, 1);
background-color: rgba(32, 28, 32, 0.9); color: rgba(85, 5, 44, 1);
color: rgba(249, 233, 250, 0.67); selection-background-color: rgba(207, 127, 214, 1);
selection-background-color: rgba(89, 38, 94, 1); selected-color: rgba(40, 7, 43, 0.87);
selected-color: rgba(249, 233, 250, 1);
} }
/* icon in entry */ /* icon in entry */
StEntry StLabel { StEntry StLabel {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
/* change icon color if entry not selected */ /* change icon color if entry not selected */
StEntry StLabel:insensitive { StEntry StLabel:insensitive {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
} }
StEntry:hover, StEntry:hover,
StEntry:focus, StEntry:focus,
StEntry:active { StEntry:active {
border: 1px solid rgba(249, 233, 250, 0.38); border: 1px solid rgba(40, 7, 43, 0.38);
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
box-shadow: none; box-shadow: none;
} }
StEntry:focus { StEntry:focus {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
/* Lock Screen / Login screen */ /* Lock Screen / Login screen */
@ -749,17 +797,17 @@ StEntry:focus {
.login-dialog .login-dialog-message-warning, .login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label, .unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning { .unlock-dialog .login-dialog-message-warning {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
} }
/* not listed button */ /* not listed button */
.login-dialog-not-listed-label { .login-dialog-not-listed-label {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
} }
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label { .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label { .login-dialog-not-listed-button:focus .login-dialog-not-listed-label {
text-decoration: underline; text-decoration: underline;
@ -768,9 +816,9 @@ StEntry:focus {
/* users button */ /* users button */
.login-dialog-user-list .login-dialog-user-list-item { .login-dialog-user-list .login-dialog-user-list-item {
background-color: rgba(32, 28, 32, 0.9); background-color: rgba(242, 225, 243, 0.8);
border-radius: 20px; border-radius: 20px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.login-dialog-user-list:expanded .login-dialog-user-list-item { .login-dialog-user-list:expanded .login-dialog-user-list-item {
@ -778,14 +826,14 @@ StEntry:focus {
} }
.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { .login-dialog-user-list:expanded .login-dialog-user-list-item:hover {
background-color: rgba(202, 65, 214, 1); background-color: rgba(214, 107, 223, 1);
} }
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus, .login-dialog-user-list:expanded .login-dialog-user-list-item:focus,
.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { .login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
background-color: rgba(202, 65, 214, 1); background-color: rgba(214, 107, 223, 1);
/* color: rgba(249, 233, 250, 1); don't work*/ /* color: rgba(40, 7, 43, 0.87); don't work*/
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
} }
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:focus:hover,
@ -798,9 +846,9 @@ StEntry:focus {
.login-dialog-button.cancel-button, .login-dialog-button.cancel-button,
.login-dialog-button.switch-user-button, .login-dialog-button.switch-user-button,
.login-dialog-button.login-dialog-session-list-button { .login-dialog-button.login-dialog-session-list-button {
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
border-radius: 99px; border-radius: 99px;
transition-duration: 100ms; transition-duration: 100ms;
} }
@ -808,14 +856,14 @@ StEntry:focus {
.login-dialog-button.cancel-button:hover, .login-dialog-button.cancel-button:hover,
.login-dialog-button.switch-user-button:hover, .login-dialog-button.switch-user-button:hover,
.login-dialog-button.login-dialog-session-list-button:hover { .login-dialog-button.login-dialog-session-list-button:hover {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
} }
.login-dialog-button.cancel-button:focus, .login-dialog-button.cancel-button:focus,
.login-dialog-button.switch-user-button:focus, .login-dialog-button.switch-user-button:focus,
.login-dialog-button.login-dialog-session-list-button:focus { .login-dialog-button.login-dialog-session-list-button:focus {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important;
} }
.login-dialog-button.cancel-button:focus:active, .login-dialog-button.cancel-button:focus:active,
@ -824,40 +872,40 @@ StEntry:focus {
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.cancel-button:focus:hover,
.login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover,
.login-dialog-button.login-dialog-session-list-button:focus:hover { .login-dialog-button.login-dialog-session-list-button:focus:hover {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
box-shadow: inset 0 0 0 1px rgba(201, 178, 203, 1) !important; box-shadow: inset 0 0 0 1px rgba(148, 102, 153, 1) !important;
} }
.login-dialog-button.cancel-button:active, .login-dialog-button.cancel-button:active,
.login-dialog-button.switch-user-button:active, .login-dialog-button.switch-user-button:active,
.login-dialog-button.login-dialog-session-list-button:active { .login-dialog-button.login-dialog-session-list-button:active {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
} }
/* password */ /* password */
.login-dialog-prompt-entry { .login-dialog-prompt-entry {
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
border: none; border: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.login-dialog-prompt-entry:focus { .login-dialog-prompt-entry:focus {
background-color: rgba(247, 180, 253, 0.08) !important; background-color: rgba(237, 219, 239, 0.9) !important;
border: none; border: none;
box-shadow: inset 0 0 0 1px rgba(249, 233, 250, 0.38) !important; box-shadow: inset 0 0 0 1px rgba(40, 7, 43, 0.38) !important;
border-color: rgba(249, 233, 250, 0.38); border-color: rgba(40, 7, 43, 0.38);
} }
.login-dialog-prompt-entry:insensitive { .login-dialog-prompt-entry:insensitive {
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
color: rgba(249, 233, 250, 0.38); color: rgba(40, 7, 43, 0.38);
} }
/* Clock */ /* Clock */
.unlock-dialog-clock { .unlock-dialog-clock {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
spacing: 1em; spacing: 1em;
} }
@ -875,7 +923,7 @@ StEntry:focus {
margin-top: 1em; margin-top: 1em;
font-weight: 600; font-weight: 600;
font-size: 10pt; font-size: 10pt;
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
} }
@ -883,35 +931,35 @@ StEntry:focus {
.unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .notification,
.unlock-dialog-notifications-container .unlock-dialog-notification-source { .unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 16px; padding: 12px 16px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
background-color: rgba(85, 5, 44, 1); background-color: rgba(237, 219, 239, 0.9);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
border-radius: 16px; border-radius: 16px;
} }
.unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(0, 215, 145, 1); background-color: rgba(195, 101, 204, 1);
} }
/* messages counter */ /* messages counter */
.unlock-dialog-notification-count-text { .unlock-dialog-notification-count-text {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
border-radius: 99px; border-radius: 99px;
} }
/* User widget */ /* User widget */
.user-widget .user-widget-label { .user-widget .user-widget-label {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
.user-widget.horizontal .user-icon StIcon, .user-widget.horizontal .user-icon StIcon,
.user-widget.vertical .user-icon StIcon { .user-widget.vertical .user-icon StIcon {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
/* Looking Glass | R.I.P. custom colors & light mode */ /* Looking Glass | R.I.P. custom colors & light mode */
@ -919,31 +967,31 @@ StEntry:focus {
border-radius: 14px; border-radius: 14px;
margin: 5px; margin: 5px;
background-color: #191919; background-color: #191919;
border: 1px solid rgba(255, 255, 255, 0.06); border: 1px solid rgba(85, 5, 44, 0.06);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
} }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog .notebook-tab,
#LookingGlassDialog > #Toolbar .lg-toolbar-button { #LookingGlassDialog > #Toolbar .lg-toolbar-button {
border-radius: 9px; border-radius: 9px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(85, 5, 44, 0.03);
} }
#LookingGlassDialog > #Toolbar .lg-toolbar-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button,
#LookingGlassDialog .notebook-tab:selected { #LookingGlassDialog .notebook-tab:selected {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(85, 5, 44, 0.08);
} }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover { #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
background-color: rgba(255, 255, 255, 0.13); background-color: rgba(85, 5, 44, 0.13);
} }
.lg-dialog StEntry { .lg-dialog StEntry {
background-color: rgba(48, 48, 48, 0.6); background-color: rgba(48, 48, 48, 0.6);
color: white; color: white;
border-color: rgba(255, 255, 255, 0.2); border-color: rgba(85, 5, 44, 0.2);
min-height: 16px; min-height: 16px;
selection-background-color: rgba(89, 38, 94, 1); selection-background-color: rgba(207, 127, 214, 1);
selected-color: #fff; selected-color: #fff;
} }
@ -967,7 +1015,7 @@ StEntry:focus {
/* "No Notifications" text */ /* "No Notifications" text */
.message-list-placeholder { .message-list-placeholder {
color: rgba(249, 233, 250, 0.38); color: rgba(40, 7, 43, 0.38);
font-weight: 700; font-weight: 700;
} }
@ -978,7 +1026,7 @@ StEntry:focus {
/* popup messages */ /* popup messages */
.message { .message {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
border-radius: 18px; border-radius: 18px;
} }
@ -986,53 +1034,66 @@ StEntry:focus {
/* Message OSD */ /* Message OSD */
.notification-banner { .notification-banner {
background-color: rgba(85, 5, 44, 1); background-color: rgba(85, 5, 44, 1);
}
.message .message-title {
color: rgba(0, 215, 145, 1); color: rgba(0, 215, 145, 1);
border: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
} }
.message .message-body {
color: rgba(0, 0, 0, 1);
}
/* messages in menus */ /* messages in menus */
.message-list .message, .popup-menu-content .message { .message-list .message, .popup-menu-content .message {
background-color: rgba(85, 5, 44, 1); background-color: rgba(126, 106, 96, 1);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
transition-duration: 100ms; transition-duration: 100ms;
} }
.message-list .message:hover { .message-list .message:hover {
background-color: rgba(85, 5, 44, 1); background-color: rgba(85, 5, 44, 1);
color: rgba(0, 215, 145, 1);
} }
.message-list .message:focus { .message-list .message:focus {
background-color: rgba(85, 5, 44, 1); background-color: rgba(85, 5, 44, 1);
box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; box-shadow: inset 0 0 0 2px rgba(0, 215, 145, 1) !important;
} }
/* text / header in message */ /* text / header in message */
.message .message-body, .message-list .message .message-body,
.message-title { .message-list .message-title {
color: rgba(249, 233, 250, 1); color: rgba(85, 5, 44, 1);
}
.message:hover .message-title {
color: rgba(0, 215, 145, 1);
}
.message:hover .message-body {
color: rgba(0, 0, 0, 1);
} }
/* message time stamp */ /* message time stamp */
.message .message-secondary-bin > .event-time { .message .message-secondary-bin > .event-time {
color: rgba(249, 233, 250, 0.67); color: rgba(85, 5, 44, 1);
} }
/* close button */ /* close button */
.message-close-button { .message-close-button {
border-radius: 9px; border-radius: 9px;
color: rgba(249, 233, 250, 1); color: rgba(85, 5, 44, 1);
background-color: rgba(237, 70, 95, 1); background-color: rgba(126, 106, 96, 1);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
transition-duration: 100ms; transition-duration: 100ms;
} }
.message-close-button:hover { .message-close-button:hover {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(85, 5, 44, 1);
color: rgba(0, 215, 145, 1);
} }
.message-close-button:active { .message-close-button:active {
color: rgba(249, 233, 250, 0.67); background-color: rgba(0, 215, 145, 1);
color: rgba(85, 5, 44, 1);
} }
@ -1041,17 +1102,17 @@ StEntry:focus {
border-radius: 12px; border-radius: 12px;
padding: 0 14px; padding: 0 14px;
margin: 20px 2px; margin: 20px 2px;
color: rgba(0, 215, 145, 1); color: rgba(40, 7, 43, 0.87);
transition-duration: 100ms; transition-duration: 100ms;
} }
.message-media-control:hover { .message-media-control:hover {
background-color: rgba(0, 215, 145, 1); background-color: rgba(237, 219, 239, 0.9);
box-shadow: inset 0 0 0 1px rgba(85, 5, 44, 1); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
color: rgba(85, 5, 44, 1); color: rgba(40, 7, 43, 0.87);
} }
.message-media-control:insensitive { color: rgba(85, 5, 44, 1); } .message-media-control:insensitive { color: rgba(40, 7, 43, 0.38); }
/* fix margin for last button */ /* fix margin for last button */
.message-media-control:last-child:ltr { margin-right: 20px; } .message-media-control:last-child:ltr { margin-right: 20px; }
@ -1066,9 +1127,9 @@ StEntry:focus {
/* when there is no artwork */ /* when there is no artwork */
.media-message-cover-icon.fallback { .media-message-cover-icon.fallback {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
border: 1px solid rgba(255, 255, 255, 0.03); border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 12px; border-radius: 12px;
icon-size: 1.6em !important; icon-size: 1.6em !important;
padding: 0.79em; padding: 0.79em;
@ -1076,16 +1137,16 @@ StEntry:focus {
/* URLs in messages */ /* URLs in messages */
.url-highlighter { link-color: rgba(0, 215, 145, 1); } .url-highlighter { link-color: rgba(148, 102, 153, 1); }
/* OSD */ /* OSD */
.switcher-list, /* alt + tab */ .switcher-list, /* alt + tab */
.resize-popup, /* i dunno what is that :( */ .resize-popup, /* i dunno what is that :( */
.workspace-switcher, /* ctrl + alt + arr_left/arr_right */ .workspace-switcher, /* ctrl + alt + arr_left/arr_right */
.osd-window /* volume/brightness/.. switcher */ { .osd-window /* volume/brightness/.. switcher */ {
color: rgba(0, 215, 145, 1); color: rgba(40, 7, 43, 0.87);
background-color: rgba(85, 5, 44, 1); background-color: rgba(85, 5, 44, 1);
border: 1px solid rgba(255, 255, 255, 0.07); border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 20px; border-radius: 20px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
} }
@ -1102,32 +1163,32 @@ StEntry:focus {
.switcher-list .item-box:focus, .switcher-list .item-box:focus,
.switcher-list .item-box:selected, .switcher-list .item-box:selected,
.switcher-list .item-box:outlined { .switcher-list .item-box:outlined {
background-color: rgba(85, 5, 44, 1); background-color: rgba(237, 219, 239, 0.9);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
/* arrow if app has multiple windows */ /* arrow if app has multiple windows */
.switcher-arrow { .switcher-arrow {
color: rgba(249, 233, 250, 0.38); color: rgba(40, 7, 43, 0.38);
border-color: transparent; border-color: transparent;
} }
.switcher-arrow:highlighted { .switcher-arrow:highlighted {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
} }
/* ctrl + alt + arr_left/arr_right */ /* ctrl + alt + arr_left/arr_right */
.ws-switcher-indicator { .ws-switcher-indicator {
background-color: rgba(249, 233, 250, 0.67); background-color: rgba(40, 7, 43, 0.6);
border-radius: 99px; border-radius: 99px;
padding: 2.5px; padding: 2.5px;
margin: 7.5px 5px; margin: 7.5px 5px;
} }
.ws-switcher-indicator:active { .ws-switcher-indicator:active {
background-color: rgba(249, 233, 250, 1); background-color: rgba(40, 7, 43, 0.87);
padding: 5px 20px; padding: 5px 20px;
margin: 5px; margin: 5px;
} }
@ -1138,8 +1199,8 @@ StEntry:focus {
border-radius: 20px; border-radius: 20px;
background-color: rgba(85, 5, 44, 1); background-color: rgba(85, 5, 44, 1);
border: none; border: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
@ -1151,7 +1212,7 @@ StEntry:focus {
/* password entry */ /* password entry */
.prompt-dialog-password-entry { .prompt-dialog-password-entry {
background-color: rgba(85, 5, 44, 1); background-color: rgba(242, 225, 243, 0.8);
} }
@ -1161,9 +1222,9 @@ StEntry:focus {
.hotplug-notification-item { .hotplug-notification-item {
padding: 10px 0 !important; padding: 10px 0 !important;
border-radius: 12px !important; border-radius: 12px !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
animation-duration: 100ms; animation-duration: 100ms;
} }
@ -1207,25 +1268,25 @@ StEntry:focus {
.modal-dialog-linked-button:focus, .modal-dialog-linked-button:focus,
.notification-button:hover, .notification-button:hover,
.notification-button:focus { .notification-button:focus {
background: rgba(85, 5, 44, 1); background: rgba(227, 203, 230, 0.95);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
.modal-dialog-linked-button:last-child { .modal-dialog-linked-button:last-child {
background-color: rgba(89, 38, 94, 1); background-color: rgba(207, 127, 214, 1);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
.modal-dialog-linked-button:last-child:hover, .modal-dialog-linked-button:last-child:hover,
.modal-dialog-linked-button:last-child:focus { .modal-dialog-linked-button:last-child:focus {
background-color: rgba(86, 19, 93, 1); background-color: rgba(195, 101, 204, 1);
} }
.modal-dialog-linked-button:focus, .modal-dialog-linked-button:focus,
.hotplug-notification-item:focus, .hotplug-notification-item:focus,
.notification-button:focus { .notification-button:focus {
animation-duration: 100ms; animation-duration: 100ms;
box-shadow: inset 0 0 0 1px rgba(249, 233, 250, 0.38) !important; box-shadow: inset 0 0 0 1px rgba(40, 7, 43, 0.38) !important;
} }
.modal-dialog-linked-button:focus:hover, .modal-dialog-linked-button:focus:hover,
@ -1234,14 +1295,14 @@ StEntry:focus {
.modal-dialog-linked-button:focus:active, .modal-dialog-linked-button:focus:active,
.hotplug-notification-item:focus:active, .hotplug-notification-item:focus:active,
.notification-button:focus:active { .notification-button:focus:active {
box-shadow: inset 0 0 0 1px rgba(249, 233, 250, 0.67) !important; box-shadow: inset 0 0 0 1px rgba(40, 7, 43, 0.6) !important;
} }
.modal-dialog .modal-dialog-linked-button:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive,
.hotplug-notification-item:insensitive, .hotplug-notification-item:insensitive,
.notification-banner .notification-button:insensitive { .notification-banner .notification-button:insensitive {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
background-color: rgba(85, 5, 44, 1); background-color: rgba(182, 61, 193, 0.5);
} }
/* Overview */ /* Overview */
@ -1263,9 +1324,9 @@ StEntry:focus {
.window-caption { .window-caption {
spacing: 20px; spacing: 20px;
border-radius: 12px; border-radius: 12px;
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
background-color: rgba(32, 28, 32, 0.9); background-color: rgba(242, 225, 243, 0.8);
border: 1px solid rgba(255, 255, 255, 0.03); border: 1px solid rgba(0, 0, 0, 0.05);
padding: 4px 8px; padding: 4px 8px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
} }
@ -1273,15 +1334,15 @@ StEntry:focus {
/* Activities Ripple (Settings - Multitasking - Hot Corner) */ /* Activities Ripple (Settings - Multitasking - Hot Corner) */
.ripple-box { .ripple-box {
background-color: rgba(89, 38, 94, 0.2); background-color: rgba(240, 182, 246, 0.5);
box-shadow: 0 0 2px 2px rgba(89, 38, 94, 0.2); box-shadow: 0 0 2px 2px rgba(240, 182, 246, 0.5);
} }
/* thumbnails on overview (workspaces list under search) */ /* thumbnails on overview (workspaces list under search) */
.workspace-thumbnail { .workspace-thumbnail {
background-color: rgba(247, 180, 253, 0.08) !important; background-color: rgba(237, 219, 239, 0.9) !important;
border: 1px solid rgba(255, 255, 255, 0.03) !important; border: 1px solid rgba(0, 0, 0, 0.05) !important;
} }
/* drag and drop indicator */ /* drag and drop indicator */
@ -1293,8 +1354,8 @@ StEntry:focus {
/* selected indicator */ /* selected indicator */
.workspace-thumbnail-indicator { .workspace-thumbnail-indicator {
background-color: rgba(89, 38, 94, 0.2); background-color: rgba(240, 182, 246, 0.5);
border-color: rgba(249, 233, 250, 0.38); border-color: rgba(40, 7, 43, 0.38);
border-width: 1px; border-width: 1px;
border-radius: 3px; border-radius: 3px;
} }
@ -1302,8 +1363,8 @@ StEntry:focus {
/* Tiled window previews */ /* Tiled window previews */
.tile-preview { .tile-preview {
background-color: rgba(89, 38, 94, 0.2); background-color: rgba(240, 182, 246, 0.5);
border: 1px solid rgba(89, 38, 94, 1); border: 1px solid rgba(207, 127, 214, 1);
} }
/* .windows-close in screenshot.css */ /* .windows-close in screenshot.css */
@ -1327,23 +1388,34 @@ StEntry:focus {
.panel-button, .panel-button,
.panel-button .clock, /* Date & clock */ .panel-button .clock, /* Date & clock */
.clock-display StIcon { /* DND / new messages icon */ .clock-display StIcon { /* DND / new messages icon */
color: rgba(249, 233, 250, 1); color: rgb(85, 5, 44);
border-radius: 14px; border-radius: 14px;
border: 4px solid transparent !important; border: 4px solid transparent !important;
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(126, 106, 96, 1);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.panel-button:hover, .panel-button:hover,
.panel-button:hover .clock, .panel-button:hover .clock {
background-color: rgba(85, 5, 44, 1);
color: rgba(0, 215, 145, 1);
}
.panel-button:active, .panel-button:active,
.panel-button:active .clock { .panel-button:active .clock {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(0, 215, 145, 1);
color: rgba(85, 5, 44, 1);
} }
/* workspaces indicator in activities button (45+) */ /* workspaces indicator in activities button (45+) */
#panel .workspace-dot { #panel .workspace-dot {
background-color: rgba(249, 233, 250, 1); background-color: rgb(85, 5, 44);
border-radius: 99px;
}
#panel .workspace-dot:hover,
#panel .workspace-dot:active {
background-color: rgb(0, 215, 145);
border-radius: 99px; border-radius: 99px;
} }
@ -1383,7 +1455,7 @@ StEntry:focus {
#panel.unlock-screen .panel-button, #panel.unlock-screen .panel-button,
#panel.login-screen .panel-button, #panel.login-screen .panel-button,
#panel:overview .panel-button { #panel:overview .panel-button {
color: rgba(249, 233, 250, 1) !important; color: rgba(85, 5, 44, 1) !important;
} }
@ -1402,11 +1474,9 @@ StEntry:focus {
.popup-menu-content, /* popover content */ .popup-menu-content, /* popover content */
.candidate-popup-content { /* IBus Candidate Popup (i dunno how to call it) */ .candidate-popup-content { /* IBus Candidate Popup (i dunno how to call it) */
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
background: rgba(85, 5, 44, 1); background: rgba(85, 5, 44, 1);
padding: 10px; padding: 10px;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
} }
@ -1420,9 +1490,9 @@ StEntry:focus {
.popup-menu-item:focus, .popup-menu-item:focus,
.popup-menu-item:hover, .popup-menu-item:hover,
.popup-menu-item:checked { .popup-menu-item:checked {
background-color: rgba(85, 5, 44, 1) !important; background-color: rgba(126, 106, 96, 1) !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
.popup-menu-item:checked { .popup-menu-item:checked {
@ -1430,8 +1500,8 @@ StEntry:focus {
} }
.popup-menu-item:active { .popup-menu-item:active {
background-color: rgba(85, 5, 44, 1); background-color: rgba(227, 203, 230, 0.95);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
/* 44 separator margin fix */ /* 44 separator margin fix */
@ -1441,7 +1511,7 @@ StEntry:focus {
/* separator in popup menu */ /* separator in popup menu */
.popup-separator-menu-item .popup-separator-menu-item-separator { .popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px; height: 2px;
margin: 6px 0; margin: 6px 0;
background-color: rgba(0, 215, 145, 1); background-color: rgba(0, 215, 145, 1);
} }
@ -1453,9 +1523,9 @@ StEntry:focus {
/* popover submenus */ /* popover submenus */
.popup-sub-menu { .popup-sub-menu {
background-color: rgba(85, 5, 44, 1); background-color: rgba(237, 219, 239, 0.9);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;
margin: 0 0 2px 0; margin: 0 0 2px 0;
} }
@ -1463,7 +1533,7 @@ StEntry:focus {
/* submenu items */ /* submenu items */
.popup-sub-menu .popup-menu-item { .popup-sub-menu .popup-menu-item {
margin: 0; margin: 0;
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
background-color: transparent; background-color: transparent;
border-radius: 0; border-radius: 0;
} }
@ -1475,22 +1545,22 @@ StEntry:focus {
.popup-sub-menu .popup-menu-item:hover, .popup-sub-menu .popup-menu-item:hover,
.popup-sub-menu .popup-menu-item:focus { .popup-sub-menu .popup-menu-item:focus {
background-color: rgba(85, 5, 44, 1) !important; background-color: rgba(227, 203, 230, 0.95) !important;
} }
.popup-menu-item:insensitive { .popup-menu-item:insensitive {
color: rgba(249, 233, 250, 0.38); color: rgba(40, 7, 43, 0.38);
margin: 0; margin: 0;
} }
/* all other graphical elements (sliders), OpenWeather Extension */ /* all other graphical elements (sliders), OpenWeather Extension */
.popup-inactive-menu-item { .popup-inactive-menu-item {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
background-color: transparent; background-color: transparent;
} }
.popup-inactive-menu-item:insensitive { .popup-inactive-menu-item:insensitive {
color: rgba(249, 233, 250, 0.67) !important; color: rgba(40, 7, 43, 0.6) !important;
} }
/* Quick Settings */ /* Quick Settings */
@ -1503,30 +1573,31 @@ StEntry:focus {
/* screenshot / settings / lock / power options; part of quick-toggle-arrow [44+] */ /* screenshot / settings / lock / power options; part of quick-toggle-arrow [44+] */
.icon-button { .icon-button {
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(126, 106, 96, 1);
color: rgba(249, 233, 250, 1); color: rgba(85, 5, 44, 1);
transition-duration: 100ms; transition-duration: 100ms;
border-radius: 99px; border-radius: 99px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.icon-button:hover { .icon-button:hover {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(85, 5, 44, 1);
color: rgba(0, 215, 145, 1);
} }
.icon-button:focus, .icon-button:focus,
.quick-toggle:focus, .quick-toggle:focus,
.slider-bin:focus { .slider-bin:focus {
box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; box-shadow: inset 0 0 0 2px rgba(0, 215, 145, 1) !important;
} }
/* toggles in QS */ /* toggles in QS */
.quick-toggle, /* 43 */ .quick-toggle, /* 43 */
.quick-menu-toggle .quick-toggle { /* 44+ */ .quick-menu-toggle .quick-toggle { /* 44+ */
color: rgba(249, 233, 250, 1); color: rgba(85, 5, 44, 1);
border-radius: 15px; border-radius: 15px;
background-color: rgba(85, 5, 44, 1); background-color: rgba(126, 106, 96, 1);
transition-duration: 100ms; transition-duration: 100ms;
} }
@ -1546,6 +1617,8 @@ StEntry:focus {
.quick-menu-toggle .quick-toggle-arrow { .quick-menu-toggle .quick-toggle-arrow {
border-color: transparent; border-color: transparent;
background-color: rgba(126, 106, 96, 1);
color: rgba(85, 5, 44, 1);
} }
/* adjust borders in expandable menu button */ /* adjust borders in expandable menu button */
@ -1562,14 +1635,14 @@ StEntry:focus {
.quick-toggle:hover, .quick-toggle:hover,
.quick-menu-toggle .quick-toggle:hover, .quick-menu-toggle .quick-toggle:hover,
.quick-menu-toggle .quick-toggle-arrow:hover { .quick-menu-toggle .quick-toggle-arrow:hover {
color: rgba(249, 233, 250, 1); color: rgba(0, 215, 145, 1);
background-color: rgba(85, 5, 44, 1); background-color: rgba(85, 5, 44, 1);
} }
.quick-toggle:checked, .quick-toggle:checked,
.quick-menu-toggle .quick-toggle:checked, .quick-menu-toggle .quick-toggle:checked,
.quick-menu-toggle .quick-toggle-arrow:checked { .quick-menu-toggle .quick-toggle-arrow:checked {
color: rgba(249, 233, 250, 1); color: rgba(85, 5, 44, 1);
background-color: rgba(0, 215, 145, 1); background-color: rgba(0, 215, 145, 1);
border-color: transparent; border-color: transparent;
} }
@ -1577,8 +1650,8 @@ StEntry:focus {
.quick-toggle:checked:hover, .quick-toggle:checked:hover,
.quick-menu-toggle .quick-toggle:checked:hover, .quick-menu-toggle .quick-toggle:checked:hover,
.quick-menu-toggle .quick-toggle-arrow:checked:hover { .quick-menu-toggle .quick-toggle-arrow:checked:hover {
color: rgba(249, 233, 250, 1); color: rgba(0, 215, 145, 1);
background-color: rgba(0, 215, 145, 1); background-color: rgba(85, 5, 44, 1);
} }
@ -1587,17 +1660,18 @@ StEntry:focus {
.quick-slider .slider-bin { .quick-slider .slider-bin {
padding: 4px; padding: 4px;
margin: 0; margin: 0;
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
border-radius: 99px; border-radius: 99px;
} }
.quick-slider .slider-bin:focus { .quick-slider .slider-bin:focus {
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
} }
/* quick slider icon */ /* quick slider icon */
.quick-slider .icon-button { .quick-slider .icon-button {
background-color: transparent; background-color: rgba(126, 106, 96, 1);
color: rgba(85, 5, 44, 1);
box-shadow: none; box-shadow: none;
padding: 6px; padding: 6px;
border-radius: 11px; border-radius: 11px;
@ -1606,8 +1680,8 @@ StEntry:focus {
.quick-slider .icon-button:hover { .quick-slider .icon-button:hover {
background-color: rgba(85, 5, 44, 1); background-color: rgba(85, 5, 44, 1);
color: rgba(249, 233, 250, 1); color: rgba(0, 215, 145, 1);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
@ -1616,29 +1690,29 @@ StEntry:focus {
https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0ecd66efd50a1#fb75f14505e58d3bc51f2498ef328d1405d89e83_94_95 */ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0ecd66efd50a1#fb75f14505e58d3bc51f2498ef328d1405d89e83_94_95 */
.quick-toggle-menu { .quick-toggle-menu {
background-color: rgba(85, 5, 44, 1) !important; background-color: rgba(85, 5, 44, 1) !important;
color: rgba(0, 215, 145, 1) !important; color: rgba(0, 0, 0, 1) !important;
border-radius: 18px; border-radius: 18px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
margin: 12px auto; margin: 12px auto;
} }
/* header icon in expanded menu */ /* header icon in expanded menu */
.quick-toggle-menu .header .icon { .quick-toggle-menu .header .icon {
background-color: rgba(85, 5, 44, 1); background-color: rgba(85, 5, 44, 1);
color: rgba(249, 233, 250, 1); color: rgba(0, 215, 145, 1);
border-radius: 12px; border-radius: 12px;
icon-size: 1.4em; icon-size: 1.4em;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.quick-toggle-menu .header .icon.active { .quick-toggle-menu .header .icon.active {
background-color: rgba(85, 5, 44, 1); background-color: rgba(0, 215, 145, 1);
color: rgba(249, 233, 250, 1); color: rgba(85, 5, 44, 1);
} }
/* connect / disconnect text color (expanded menu) */ /* connect / disconnect text color (expanded menu) */
.device-subtitle { .device-subtitle {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
} }
@ -1650,44 +1724,44 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
} }
.background-apps-quick-toggle:hover { .background-apps-quick-toggle:hover {
background-color: rgba(85, 5, 44, 1); background-color: rgba(237, 219, 239, 0.9);
} }
.background-apps-quick-toggle:focus { .background-apps-quick-toggle:focus {
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1); box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1);
} }
/* background app name */ /* background app name */
.background-app-item .title { .background-app-item .title {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
font-weight: 600; font-weight: 600;
} }
/* close button */ /* close button */
.background-app-item .close-button { .background-app-item .close-button {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.background-app-item .close-button:hover { .background-app-item .close-button:hover {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
} }
/* Screenshot UI */ /* Screenshot UI */
/* main screenshot panel section */ /* main screenshot panel section */
.screenshot-ui-panel { .screenshot-ui-panel {
color: rgba(249, 233, 250, 1); color: rgba(0, 215, 145, 1);
background-color: rgba(21, 18, 21, 0.95); background-color: rgba(85, 5, 44, 1);
border: 1px solid rgba(255, 255, 255, 0.07); border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 22px; border-radius: 22px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
} }
.screenshot-ui-show-pointer-button, /* show pointer */ .screenshot-ui-show-pointer-button, /* show pointer */
.screenshot-ui-type-button { /* Selection / Screen / Window */ .screenshot-ui-type-button { /* Selection / Screen / Window */
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
border-radius: 15px; border-radius: 15px;
transition-duration: 100ms; transition-duration: 100ms;
} }
@ -1696,15 +1770,15 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
.screenshot-ui-type-button:hover, .screenshot-ui-type-button:hover,
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-show-pointer-button:focus,
.screenshot-ui-type-button:focus { .screenshot-ui-type-button:focus {
background: rgba(247, 180, 253, 0.08); background: rgba(237, 219, 239, 0.9);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-show-pointer-button:hover,
.screenshot-ui-type-button:hover, .screenshot-ui-type-button:hover,
.screenshot-ui-show-pointer-button:active, .screenshot-ui-show-pointer-button:active,
.screenshot-ui-type-button:active { .screenshot-ui-type-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-show-pointer-button:checked,
@ -1713,20 +1787,20 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
.screenshot-ui-type-button:checked:hover, .screenshot-ui-type-button:checked:hover,
.screenshot-ui-show-pointer-button:checked:focus, .screenshot-ui-show-pointer-button:checked:focus,
.screenshot-ui-type-button:checked:focus { .screenshot-ui-type-button:checked:focus {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-show-pointer-button:insensitive,
.screenshot-ui-type-button:insensitive { .screenshot-ui-type-button:insensitive {
color: rgba(249, 233, 250, 0.38); color: rgba(40, 7, 43, 0.38);
} }
/* window selection backround */ /* window selection backround */
.screenshot-ui-window-selector { .screenshot-ui-window-selector {
background-color: rgba(32, 28, 32, 0.9); background-color: rgba(242, 225, 243, 0.8);
} }
.screenshot-ui-window-selector-window-border { .screenshot-ui-window-selector-window-border {
@ -1735,20 +1809,20 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
/* window border when selecting */ /* window border when selecting */
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: rgba(89, 38, 94, 1); border-color: rgba(207, 127, 214, 1);
} }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: rgba(89, 38, 94, 1); border-color: rgba(207, 127, 214, 1);
background-color: rgba(89, 38, 94, 0.2); background-color: rgba(240, 182, 246, 0.5);
} }
.screenshot-ui-window-selector-check { color: transparent; } .screenshot-ui-window-selector-check { color: transparent; }
/* check icon when selected window */ /* check icon when selected window */
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
background-color: rgba(89, 38, 94, 1); background-color: rgba(207, 127, 214, 1);
border-radius: 99px; border-radius: 99px;
} }
@ -1758,25 +1832,25 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
width: 36px; width: 36px;
height: 36px; height: 36px;
border-radius: 99px; border-radius: 99px;
border: 4px rgba(201, 178, 203, 1); border: 4px rgba(148, 102, 153, 1);
padding: 4px; padding: 4px;
} }
/* capture button */ /* capture button */
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { .screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: rgba(201, 178, 203, 1); background-color: rgba(148, 102, 153, 1);
transition-duration: 100ms; transition-duration: 100ms;
border-radius: 99px; border-radius: 99px;
} }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
background-color: rgba(191, 163, 193, 1); background-color: rgba(133, 91, 137, 1);
} }
.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
background-color: rgba(191, 163, 193, 1); background-color: rgba(133, 91, 137, 1);
} }
/* capture button when Screencast */ /* capture button when Screencast */
@ -1796,9 +1870,9 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
/* screenshot / screencast buttons section */ /* screenshot / screencast buttons section */
.screenshot-ui-shot-cast-container { .screenshot-ui-shot-cast-container {
background-color: rgba(247, 180, 253, 0.08); background-color: rgba(237, 219, 239, 0.9);
border-radius: 99px; border-radius: 99px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
/* screenshot / screencast buttons */ /* screenshot / screencast buttons */
@ -1811,13 +1885,13 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:hover,
.screenshot-ui-shot-cast-button:focus, .screenshot-ui-shot-cast-button:focus,
.screenshot-ui-shot-cast-button:active { .screenshot-ui-shot-cast-button:active {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.screenshot-ui-shot-cast-button:checked { .screenshot-ui-shot-cast-button:checked {
background-color: rgba(201, 178, 203, 1); background-color: rgba(148, 102, 153, 1);
color: rgba(40, 7, 43, 0.87); color: rgba(249, 233, 250, 1);
} }
.screenshot-ui-area-indicator-shade { .screenshot-ui-area-indicator-shade {
@ -1849,10 +1923,10 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
/* tooltip for elements */ /* tooltip for elements */
.screenshot-ui-tooltip { .screenshot-ui-tooltip {
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
background-color: rgba(32, 28, 32, 0.9); background-color: rgba(242, 225, 243, 0.8);
padding: 6px 12px; padding: 6px 12px;
border: 1px solid rgba(255, 255, 255, 0.03); border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 12px; border-radius: 12px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
} }
@ -1860,9 +1934,9 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
.window-close, /* close button (Overview - Workspaces - Selected window) */ .window-close, /* close button (Overview - Workspaces - Selected window) */
.screenshot-ui-close-button { /* close button (Screenshot UI) */ .screenshot-ui-close-button { /* close button (Screenshot UI) */
background-color: rgba(40, 35, 40, 1); background-color: rgba(236, 220, 238, 1);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
border: 1px solid rgba(255, 255, 255, 0.03); border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 99px; border-radius: 99px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms; transition-duration: 100ms;
@ -1870,40 +1944,47 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
.window-close:hover, .window-close:hover,
.screenshot-ui-close-button:hover { .screenshot-ui-close-button:hover {
background-color: rgba(53, 47, 54, 1); background-color: rgba(227, 203, 230, 1);
} }
/* Search */ /* Search */
/* "no results" text */ /* "no results" text */
.search-statustext { .search-statustext {
color: rgba(249, 233, 250, 0.38); color: rgba(40, 7, 43, 0.38);
font-weight: 700; font-weight: 700;
} }
/* founded results content section */ /* founded results content section */
.search-section-content { .search-section-content {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
border-radius: 15px; border-radius: 15px;
border: none; border: none;
background-color: rgba(32, 28, 32, 0.9); background-color: rgba(242, 225, 243, 0.8);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
/* provider section label */ /* provider section label */
.search-provider-icon .list-search-provider-content .list-search-provider-details { .search-provider-icon .list-search-provider-content .list-search-provider-details {
width: 120px; width: 120px;
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }
/* search result listitem -> item title (with leading icon) */ /* search result listitem -> item title (with leading icon) */
.list-search-result .list-search-result-title { .list-search-result .list-search-result-title {
color: rgba(249, 233, 250, 1); color: rgba(0, 0, 0, 1);
} }
/* search result listitem -> item description */ /* search result listitem -> item description */
.list-search-result .list-search-result-description { .list-search-result .list-search-result-description {
color: rgba(249, 233, 250, 0.67); color: rgba(40, 7, 43, 0.6);
}
.list-search-result,
.search-provider-icon {
background-color: rgba(126, 106, 96, 1);
} }
.list-search-result:focus, .list-search-result:focus,
@ -1912,12 +1993,12 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
.search-provider-icon:hover, .search-provider-icon:hover,
.list-search-result:selected, .list-search-result:selected,
.search-provider-icon:selected { .search-provider-icon:selected {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.list-search-result:active, .list-search-result:active,
.search-provider-icon:active { .search-provider-icon:active {
background-color: rgba(229, 201, 232, 0.13); background-color: rgba(227, 203, 230, 0.95);
color: rgba(249, 233, 250, 1); color: rgba(40, 7, 43, 0.87);
} }

Write Preview
Loading…
Cancel
Save