Chillcraft/Marble-shell-theme
3
0
Fork 0
mirror of https://github.com/imarkoff/Marble-shell-theme.git synced 2025-10-02 06:14:44 -07:00
Code Issues Packages Projects Releases Wiki Activity

Ubuntu support, bug fixes & improvements.

Browse Source 
Sections in message tray, search are less contrast.
Fixed default focus color in quick settings.
Fixed text selection default color in Search and in folder name entry.
Fixed default gnome's dash borders.
Dash fixes on Ubuntu.
FIxed default borders in some places on Ubuntu.
Minor UI improvements.
This commit is contained in:
imarkoff
2023-01-30 16:46:42 +02:00
parent 8b69efdf6d
commit 7b685eda88
2 changed files with 187 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
colors.json
View File

@@ -28,13 +28,20 @@
"a" : 1 "a" : 1
}, },
"background" : { "background-color" : {
"replace" : "BACKGROUND-COLOR", "replace" : "BACKGROUND-COLOR",
"s" : 7, "s" : 7,
"l" : 8, "l" : 8,
"a" : 1 "a" : 1
}, },
"dash-color" : {
"replace" : "DASH-COLOR",
"s" : 7,
"l" : 8,
"a" : 0.8
},
"accent-opacity-color" : { "accent-opacity-color" : {
"replace": "ACCENT-OPACITY-COLOR", "replace": "ACCENT-OPACITY-COLOR",
"s" : 42, "s" : 42,
@@ -101,10 +108,17 @@
"border-shadow" : { "border-shadow" : {
"replace" : "BORDER-SHADOW", "replace" : "BORDER-SHADOW",
"s" : 0, "s" : 0,
"l" : 0, "l" : 255,
"a" : 0.03 "a" : 0.03
}, },
"bordermenu-shadow" : {
"replace" : "BORDER-MENU-SHADOW",
"s" : 0,
"l" : 255,
"a" : 0.07
},
"separator-color" : { "separator-color" : {
"replace" : "SEPARATOR-COLOR", "replace" : "SEPARATOR-COLOR",
"s" : 0, "s" : 0,
@@ -145,6 +159,13 @@
"s" : 15, "s" : 15,
"l" : 90, "l" : 90,
"a" : 0.05 "a" : 0.05
},
"section-color" : {
"replace" : "SECTION-COLOR",
"s" : 6,
"l" : 12,
"a" : 1
} }
}, },
@@ -184,6 +205,13 @@
"a" : 1 "a" : 1
}, },
"dash-color" : {
"replace" : "DASH-COLOR",
"s" : 40,
"l" : 98,
"a" : 0.8
},
"accent-opacity-color" : { "accent-opacity-color" : {
"replace": "ACCENT-OPACITY-COLOR", "replace": "ACCENT-OPACITY-COLOR",
"s" : 78, "s" : 78,
@@ -247,6 +275,13 @@
"a" : 0.03 "a" : 0.03
}, },
"border-menu-shadow" : {
"replace" : "BORDER-MENU-SHADOW",
"s" : 0,
"l" : 0,
"a" : 0.07
},
"separator-color" : { "separator-color" : {
"replace" : "SEPARATOR-COLOR", "replace" : "SEPARATOR-COLOR",
"s" : 0, "s" : 0,
@@ -287,6 +322,13 @@
"s" : 95, "s" : 95,
"l" : 20, "l" : 20,
"a" : 0.05 "a" : 0.05
},
"section-color" : {
"replace" : "SECTION-COLOR",
"s" : 45,
"l" : 92,
"a" : 1
} }
}, },

215
gnome-shell/gnome-shell.css
View File

@@ -23,6 +23,8 @@ stage {
border: 1px solid BORDER-SHADOW; border: 1px solid BORDER-SHADOW;
} }
/* panel */
#panel{ #panel{
background-color: BACKGROUND-COLOR; background-color: BACKGROUND-COLOR;
height: 38px; height: 38px;
@@ -103,14 +105,22 @@ stage {
background: BACKGROUND-COLOR; background: BACKGROUND-COLOR;
padding: 16px; padding: 16px;
border-radius: 20px; border-radius: 20px;
border: 1px solid BORDER-SHADOW; border: 1px solid BORDER-MENU-SHADOW;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
} }
.popup-menu-item { .popup-menu-item, .app-menu {
margin: 2.5px 0 2.5px 0; margin: 2.5px 0 2.5px 0;
} }
.popup-menu-item:first-child {
margin: 0 0 2.5px 0;
}
.popup-menu-item:last-child {
margin: 2.5px 0 0 0;
}
.popup-menu-item:focus, .popup-menu-item:hover, .popup-menu-item:checked { .popup-menu-item:focus, .popup-menu-item:hover, .popup-menu-item:checked {
background-color: ACCENT-DISABLED !important; background-color: ACCENT-DISABLED !important;
box-shadow: inset 0 0 0 1px BORDER-SHADOW; box-shadow: inset 0 0 0 1px BORDER-SHADOW;
@@ -127,7 +137,7 @@ stage {
.popup-separator-menu-item .popup-separator-menu-item-separator { .popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px; height: 1px;
margin: 2.5px 0 2.5px 0; margin: 2.5px 0;
background-color: SEPARATOR-COLOR; background-color: SEPARATOR-COLOR;
} }
@@ -242,9 +252,9 @@ stage {
/* events */ /* events */
.calendar{ .calendar {
border-radius: 12px; border-radius: 12px;
background-color: ACCENT-DISABLED; background-color: SECTION-COLOR;
box-shadow: inset 0 0 0 1px BORDER-SHADOW !important; box-shadow: inset 0 0 0 1px BORDER-SHADOW !important;
padding: 5px; padding: 5px;
} }
@@ -252,8 +262,8 @@ stage {
.events-button, .events-button,
.world-clocks-button, .world-clocks-button,
.weather-button{ .weather-button {
background-color: ACCENT-DISABLED; background-color: SECTION-COLOR;
color: TEXT-SECONDARY-COLOR; color: TEXT-SECONDARY-COLOR;
border-radius: 12px; border-radius: 12px;
box-shadow: inset 0 0 0 1px BORDER-SHADOW; box-shadow: inset 0 0 0 1px BORDER-SHADOW;
@@ -292,16 +302,16 @@ stage {
background: BACKGROUND-COLOR; background: BACKGROUND-COLOR;
color: TEXT-PRIMARY-COLOR; color: TEXT-PRIMARY-COLOR;
border-radius: 12px; border-radius: 12px;
border: none;
box-shadow: inset 0 0 0 1px BORDER-SHADOW; box-shadow: inset 0 0 0 1px BORDER-SHADOW;
} }
.message:focus { .message:focus {
box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important; box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important;
border-radius: 12px;
} }
.message-list .message { .message-list .message {
background: ACCENT-DISABLED; background: SECTION-COLOR;
} }
.message .message-body, .message-title { .message .message-body, .message-title {
@@ -426,6 +436,7 @@ stage {
background-color: ACCENT-DISABLED; background-color: ACCENT-DISABLED;
box-shadow: inset 0 0 0 1px BORDER-SHADOW; box-shadow: inset 0 0 0 1px BORDER-SHADOW;
} }
.button:insensitive{ .button:insensitive{
box-shadow: none; box-shadow: none;
color: TEXT-SECONDARY-COLOR; color: TEXT-SECONDARY-COLOR;
@@ -444,13 +455,32 @@ stage {
box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important; box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important;
} }
.system-menu-action {
border-radius: 32px;
box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW;
padding: 13px;
}
/* quick-settings */ /* quick-settings */
.icon-button{ box-shadow: inset 0 0 0 1px BORDER-SHADOW; } .quick-settings {
.quick-settings{
padding: 20px; padding: 20px;
border-radius: 24px; border-radius: 24px;
} }
.icon-button {
background-color: ACCENT-DISABLED;
color: TEXT-PRIMARY-COLOR;
transition-duration: 100ms;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
}
.icon-button:hover,
.quick-toggle:hover {
background-color: ACCENT-DIS_HOVER;
}
.quick-toggle { .quick-toggle {
color: TEXT-PRIMARY-COLOR; color: TEXT-PRIMARY-COLOR;
border-radius: 12px; border-radius: 12px;
@@ -458,23 +488,44 @@ stage {
transition-duration: 100ms; transition-duration: 100ms;
} }
.quick-toggle:checked {
color: TEXT-PRIMARY-COLOR;
background-color: ACCENT-COLOR;
}
.quick-toggle:checked:hover {
background: ACCENT_HOVER;
}
.slider-bin {
padding: 2px 1px;
color: TEXT-PRIMARY-COLOR;
}
.icon-button:focus, .quick-toggle:focus, .slider-bin:focus { box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important; }
.quick-toggle .quick-toggle-label { .quick-toggle .quick-toggle-label {
font-weight: 600; font-weight: 600;
} }
.quick-toggle-arrow { border-radius: 0 12px 12px 0; } .quick-toggle-arrow { border-radius: 0 12px 12px 0; }
.quick-slider .icon-button{ box-shadow: none; } .quick-slider .icon-button{ box-shadow: inset 0 0 0 1px BORDER-SHADOW; }
.quick-slider .icon-button:hover{ .quick-slider .icon-button:hover{
background-color: #474747; background-color: ACCENT-DIS_HOVER;
color: TEXT-PRIMARY-COLOR;
box-shadow: inset 0 0 0 1px BORDER-SHADOW; box-shadow: inset 0 0 0 1px BORDER-SHADOW;
} }
.quick-slider .icon-button:active{ .quick-toggle-menu {
background-color: ACCENT-COLOR; background-color: BACKGROUND-COLOR;
border-radius: 20px;
color: TEXT-PRIMARY-COLOR; color: TEXT-PRIMARY-COLOR;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
} }
.quick-toggle-menu{ .quick-toggle-menu .header .icon {
background-color: ACCENT-COLOR;
border-radius: 15px;
box-shadow: inset 0 0 0 1px BORDER-SHADOW; box-shadow: inset 0 0 0 1px BORDER-SHADOW;
} }
@@ -531,7 +582,7 @@ StScrollBar {
.workspace-thumbnail { .workspace-thumbnail {
border: none; border: none;
/* border-radius: 9px; */ /* border-radius: 9px; */
background-color: ACCENT-DISABLED; background-color: SECTION-COLOR;
border: 1px solid BORDER-SHADOW; border: 1px solid BORDER-SHADOW;
} }
@@ -552,12 +603,13 @@ StScrollBar {
/* overview */ /* overview */
/* REMOVE THIS STYLE FOR BLUR MY SHELL */
.controls-manager, .workspace-animation { .controls-manager, .workspace-animation {
background-color: BACKGROUND-COLOR; background-color: BACKGROUND-COLOR;
} }
.workspace-background { .workspace-background {
border-radius: 10px; border-radius: 20px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
} }
@@ -589,6 +641,7 @@ StScrollBar {
.app-well-app .overview-icon { .app-well-app .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(255, 255, 255, 0); /* fix default dash focused box-shadow*/
transition-duration: 100ms; transition-duration: 100ms;
color: TEXT-PRIMARY-COLOR; /* ubuntu fix */
} }
.app-well-app:hover .overview-icon, .app-well-app:hover .overview-icon,
@@ -637,6 +690,8 @@ StScrollBar {
font-weight: 700; font-weight: 700;
box-shadow: inset 0 0 0 1px BORDER-SHADOW; box-shadow: inset 0 0 0 1px BORDER-SHADOW;
background-color: ACCENT-DISABLED; background-color: ACCENT-DISABLED;
selection-background-color: ACCENT-COLOR;
selected-color: TEXT-PRIMARY-COLOR; /* ubuntu fix */
} }
.app-folder-dialog .folder-name-container .edit-folder-button { .app-folder-dialog .folder-name-container .edit-folder-button {
@@ -650,6 +705,8 @@ StScrollBar {
background-color: ACCENT-DIS_HOVER; background-color: ACCENT-DIS_HOVER;
} }
.app-folder-dialog .folder-name-container .edit-folder-button:focus { box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important; }
.page-indicator .page-indicator-icon { background-color: TEXT-SECONDARY-COLOR; } .page-indicator .page-indicator-icon { background-color: TEXT-SECONDARY-COLOR; }
.page-navigation-arrow:hover > StIcon { .page-navigation-arrow:hover > StIcon {
@@ -679,19 +736,24 @@ StScrollBar {
/* Dash */ /* Dash */
#dash .dash-background { #dash .dash-background {
background-color: BACKGROUND-COLOR; background-color: DASH-COLOR;
border: none;
box-shadow: inset 0 0 15px -10px ACCENT-SECONDARY-COLOR; box-shadow: inset 0 0 15px -10px ACCENT-SECONDARY-COLOR;
} }
#dashtodockContainer #dash .dash-background {
border: none;
border-radius: 18px; /* ubuntu fix */
}
.dash-label { .dash-label {
background-color: BACKGROUND-COLOR; background-color: BACKGROUND-COLOR;
color: TEXT-PRIMARY-COLOR; color: TEXT-PRIMARY-COLOR;
border-radius: 11px; border-radius: 11px;
box-shadow: inset 0 0 0 1px BORDER-SHADOW; border: none; /* ubuntu fix */
box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW;
} }
.app-well-app-running-dot{ .app-well-app-running-dot {
width: 10px; width: 10px;
height: 5px; height: 5px;
border-radius: 5px; border-radius: 5px;
@@ -699,6 +761,11 @@ StScrollBar {
transition-duration: 100ms; transition-duration: 100ms;
} }
.dash-item-container .app-well-app .overview-icon,
.dash-item-container .show-apps .overview-icon {
border-radius: 21px;
}
#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,
@@ -708,6 +775,20 @@ StScrollBar {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
/* ubuntu fix */
#dashtodockContainer #dash .app-well-app:hover .overview-icon,
#dashtodockContainer #dash .app-well-app:focus .overview-icon,
#dashtodockContainer #dash .app-well-app:selected .overview-icon,
#dashtodockContainer #dash .show-apps:hover .overview-icon,
#dashtodockContainer #dash .show-apps:focus .overview-icon,
#dashtodockContainer .show-apps:selected .overview-icon,
#dashtodockContainer .show-apps:selected:hover .overview-icon,
#dashtodockContainer .show-apps:active .overview-icon,
#dashtodockContainer .show-apps:checked .overview-icon,
#dashtodockContainer .app-well-app.focused .overview-icon {
border-radius: 15px; /* ubuntu fix*/
}
#dashtodockContainer .app-well-app.focused .overview-icon, #dashtodockContainer .app-well-app.focused .overview-icon,
.show-apps:selected .overview-icon, .show-apps:selected .overview-icon,
.show-apps:selected:hover .overview-icon, .show-apps:selected:hover .overview-icon,
@@ -716,6 +797,24 @@ StScrollBar {
box-shadow: inset 0 0 4px 1px WELL-APP-SELECTED; box-shadow: inset 0 0 4px 1px WELL-APP-SELECTED;
} }
/* ubuntu fix */
#dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background,
#dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background,
#dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background,
#dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background {
border-radius: 0;
background-color: DASH-COLOR;
box-shadow: none;
transition-duration: 250ms;
}
/* animation fix */
#dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background,
#dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background,
#dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background,
#dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background {
background-color: BACKGROUND-COLOR; }
#dash .app-well-app:hover .app-well-app-running-dot { width: 15px; } #dash .app-well-app:hover .app-well-app-running-dot { width: 15px; }
#dashtodockContainer .app-well-app.focused .app-well-app-running-dot { width: 20px; } #dashtodockContainer .app-well-app.focused .app-well-app-running-dot { width: 20px; }
@@ -734,8 +833,10 @@ StEntry{
border-radius: 12px; border-radius: 12px;
transition-duration: 100ms; transition-duration: 100ms;
border: 1px solid BORDER-SHADOW; border: 1px solid BORDER-SHADOW;
background-color: ACCENT-DISABLED; background-color: SECTION-COLOR;
color: TEXT-SECONDARY-COLOR; color: TEXT-SECONDARY-COLOR;
selection-background-color: ACCENT-COLOR;
selected-color: TEXT-PRIMARY-COLOR; /* ubuntu fix */
} }
StEntry StLabel { StEntry StLabel {
@@ -748,6 +849,7 @@ StEntry StLabel:insensitive {
StEntry:hover, StEntry:focus, StEntry:active { StEntry:hover, StEntry:focus, StEntry:active {
border: 1px solid ACCENT-COLOR; border: 1px solid ACCENT-COLOR;
box-shadow: none;
} }
StEntry:focus { StEntry:focus {
@@ -756,11 +858,14 @@ StEntry:focus {
.search-section-content{ .search-section-content{
box-shadow: inset 0 0 0 1px BORDER-SHADOW; box-shadow: inset 0 0 0 1px BORDER-SHADOW;
border-radius: 17px; border-radius: 15px;
background-color: ACCENT-DISABLED; border: none;
color:TEXT-PRIMARY-COLOR background-color: SECTION-COLOR;
color:TEXT-PRIMARY-COLOR;
} }
.list-search-result .list-search-result-title { color: TEXT-PRIMARY-COLOR; } /* ubuntu fix */
.list-search-result .list-search-result-description { color: TEXT-SECONDARY-COLOR; } .list-search-result .list-search-result-description { color: TEXT-SECONDARY-COLOR; }
.search-provider-icon .list-search-provider-content .list-search-provider-details { .search-provider-icon .list-search-provider-content .list-search-provider-details {
@@ -852,7 +957,7 @@ StEntry:focus {
.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
animation-duration: 100ms; animation-duration: 100ms;
box-shadow: inset 0 0 0 0.25px ACCENT-SECONDARY-COLOR !important; } box-shadow: inset 0 0 0 1px TEXT-DISABLED-COLOR !important; }
.modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover, .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover, .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active {
box-shadow: inset 0 0 0 1px BORDER-SHADOW !important; } box-shadow: inset 0 0 0 1px BORDER-SHADOW !important; }
@@ -862,7 +967,7 @@ StEntry:focus {
} }
.prompt-dialog-password-entry { .prompt-dialog-password-entry {
background-color: ACCENT-DISABLED; background-color: SECTION-COLOR;
} }
.nm-dialog-scroll-view{ .nm-dialog-scroll-view{
@@ -872,52 +977,13 @@ StEntry:focus {
box-shadow: inset 0 0 0 1px BORDER-SHADOW; box-shadow: inset 0 0 0 1px BORDER-SHADOW;
} }
.system-menu-action {
border-radius: 32px;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
padding: 13px; }
.quick-toggle:checked {
color: TEXT-PRIMARY-COLOR;
background-color: ACCENT-COLOR;
}
.icon-button {
background-color: ACCENT-DISABLED;
color: TEXT-PRIMARY-COLOR;
transition-duration: 100ms;
}
.icon-button:hover,
.quick-toggle:hover {
background-color: ACCENT-DIS_HOVER;
}
.quick-toggle:checked:hover {
background: ACCENT_HOVER;
}
.quick-toggle-menu{
background-color: BACKGROUND-COLOR;
border-radius: 20px;
color: TEXT-PRIMARY-COLOR;
}
.quick-slider .icon-button:hover{
background-color: ACCENT-DIS_HOVER;
color: TEXT-PRIMARY-COLOR;
}
.quick-toggle-menu .header .icon {
background-color: ACCENT-COLOR;
border-radius: 15px;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
}
/* screenshot ui */ /* screenshot ui */
.screenshot-ui-panel { .screenshot-ui-panel {
border-radius: 22px; border-radius: 22px;
background: BACKGROUND-COLOR; background-color: BACKGROUND-COLOR;
border: 0; /* ubuntu fix */
box-shadow: inset 0 0 0 1px BORDER-SHADOW; box-shadow: inset 0 0 0 1px BORDER-SHADOW;
color: TEXT-PRIMARY-COLOR; color: TEXT-PRIMARY-COLOR;
} }
@@ -930,7 +996,8 @@ StEntry:focus {
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked,
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover,
.screenshot-ui-show-pointer-button:checked:focus, .screenshot-ui-type-button:checked:focus { .screenshot-ui-show-pointer-button:checked:focus, .screenshot-ui-type-button:checked:focus {
background: ACCENT-DIS_HOVER; background-color: ACCENT-DIS_HOVER;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
color: TEXT-PRIMARY-COLOR; color: TEXT-PRIMARY-COLOR;
} }
@@ -950,7 +1017,7 @@ StEntry:focus {
} }
.screenshot-ui-window-selector { .screenshot-ui-window-selector {
background-color: ACCENT-DISABLED; background-color: SECTION-COLOR;
} }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
@@ -989,6 +1056,7 @@ StEntry:focus {
.screenshot-ui-shot-cast-container { .screenshot-ui-shot-cast-container {
background-color: ACCENT-DISABLED; background-color: ACCENT-DISABLED;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
} }
.screenshot-ui-shot-cast-button { .screenshot-ui-shot-cast-button {
@@ -1024,11 +1092,12 @@ StEntry:focus {
.window-close, .screenshot-ui-close-button { .window-close, .screenshot-ui-close-button {
background-color: ACCENT-DISABLED; background-color: ACCENT-DISABLED;
color:TEXT-PRIMARY-COLOR; color: TEXT-PRIMARY-COLOR;
border: 1px solid BORDER-SHADOW;
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;
} }
.window-close:hover, .screenshot-ui-close-button:hover { .window-close:hover, .screenshot-ui-close-button:hover {
background-color: ACCENT-DIS_HOVER; background-color: ACCENT-DIS_HOVER;
} }