mirror of
https://github.com/imarkoff/Marble-shell-theme.git
synced 2025-10-12 14:13:07 -07:00
145 lines
3.8 KiB
CSS
145 lines
3.8 KiB
CSS
/* screenshot ui */
|
|
.screenshot-ui-panel {
|
|
color: TEXT-PRIMARY-COLOR;
|
|
background-color: BACKGROUND-COLOR;
|
|
border: 1px solid BORDER-MENU-SHADOW;
|
|
border-radius: 22px;
|
|
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
|
|
}
|
|
|
|
.screenshot-ui-show-pointer-button,
|
|
.screenshot-ui-type-button {
|
|
border-radius: 15px;
|
|
transition-duration: 100ms;
|
|
}
|
|
|
|
.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:focus,
|
|
.screenshot-ui-type-button:checked:focus {
|
|
background-color: ACCENT-DISABLED_HOVER;
|
|
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
|
|
color: TEXT-PRIMARY-COLOR;
|
|
}
|
|
|
|
.screenshot-ui-show-pointer-button:hover,
|
|
.screenshot-ui-type-button:hover,
|
|
.screenshot-ui-show-pointer-button:focus,
|
|
.screenshot-ui-type-button:focus {
|
|
background: ACCENT-DISABLED-COLOR;
|
|
color: TEXT-PRIMARY-COLOR;
|
|
}
|
|
|
|
.screenshot-ui-show-pointer-button:insensitive,
|
|
.screenshot-ui-type-button:insensitive {
|
|
color: TEXT-DISABLED-COLOR;
|
|
}
|
|
|
|
.screenshot-ui-show-pointer-button:hover,
|
|
.screenshot-ui-type-button:hover,
|
|
.screenshot-ui-show-pointer-button:active,
|
|
.screenshot-ui-type-button:active {
|
|
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
|
|
}
|
|
|
|
.screenshot-ui-window-selector {
|
|
background-color: SECTION-COLOR;
|
|
}
|
|
|
|
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
|
|
border-color: ACCENT-COLOR;
|
|
}
|
|
|
|
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
|
|
border-color: ACCENT-COLOR;
|
|
background-color: ACCENT-OPACITY-COLOR;
|
|
}
|
|
|
|
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
|
|
color: TEXT-PRIMARY-COLOR;
|
|
background-color: ACCENT-COLOR;
|
|
}
|
|
|
|
.screenshot-ui-capture-button {
|
|
width: 36px;
|
|
height: 36px;
|
|
border-radius: 99px;
|
|
border: 4px ACCENT-SECONDARY-COLOR;
|
|
padding: 4px;
|
|
}
|
|
|
|
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
|
|
background-color: ACCENT-SECONDARY-COLOR;
|
|
transition-duration: 100ms;
|
|
border-radius: 99px;
|
|
}
|
|
|
|
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
|
|
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
|
|
background-color: ACCENT-SECONDARY_HOVER;
|
|
}
|
|
|
|
.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
|
|
.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
|
|
background-color: ACCENT-SECONDARY_HOVER;
|
|
}
|
|
|
|
.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
|
|
background-color: #c01c28;
|
|
}
|
|
|
|
.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
|
|
.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
|
|
background-color: #d61f2d;
|
|
}
|
|
|
|
.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
|
|
background-color: #a11722;
|
|
}
|
|
|
|
.screenshot-ui-shot-cast-container {
|
|
background-color: ACCENT-DISABLED-COLOR;
|
|
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
|
|
}
|
|
|
|
.screenshot-ui-shot-cast-button {
|
|
background-color: transparent;
|
|
transition-duration: 100ms;
|
|
}
|
|
|
|
.screenshot-ui-shot-cast-button:hover,
|
|
.screenshot-ui-shot-cast-button:focus,
|
|
.screenshot-ui-shot-cast-button:active {
|
|
background-color: ACCENT-DISABLED_HOVER;
|
|
}
|
|
|
|
.screenshot-ui-shot-cast-button:checked {
|
|
background-color: ACCENT-SECONDARY-COLOR;
|
|
color: TEXT-INVERTED-COLOR;
|
|
}
|
|
|
|
.screenshot-ui-tooltip {
|
|
color: TEXT-PRIMARY-COLOR;
|
|
background-color: BACKGROUND-COLOR;
|
|
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
|
|
border-radius: 10px;
|
|
padding: 6px 12px;
|
|
text-align: center;
|
|
-y-offset: 24px;
|
|
}
|
|
|
|
.window-close,
|
|
.screenshot-ui-close-button {
|
|
background-color: CLOSE-BUTTON-COLOR;
|
|
color: TEXT-PRIMARY-COLOR;
|
|
border: 1px solid BORDER-SHADOW;
|
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
|
|
transition-duration: 100ms;
|
|
}
|
|
|
|
.window-close:hover,
|
|
.screenshot-ui-close-button:hover {
|
|
background-color: CLOSE-BUTTON_HOVER;
|
|
} |