mirror of
https://github.com/luneko/SweetTokyoNight.git
synced 2025-12-13 15:29:53 +01:00
Cinnamon: Fix panel style when transparency is enabled
This commit is contained in:
EliverLara
@@ -1254,182 +1254,225 @@ StScrollBar {
|
|||||||
//
|
//
|
||||||
|
|
||||||
.window-list {
|
.window-list {
|
||||||
&-box {
|
|
||||||
spacing: 0;
|
|
||||||
|
|
||||||
.panel-top,
|
&-box {
|
||||||
.panel-bottom & {
|
spacing: 6px;
|
||||||
&:ltr { padding: 0 0 0 8px; }
|
padding-left: 10px;
|
||||||
&:rtl { padding: 0 8px 0 0; }
|
padding-top: 1px;
|
||||||
|
|
||||||
|
&.vertical {
|
||||||
|
spacing: 2px;
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.vertical { padding: 6px 0 0 0; }
|
&:highlight {
|
||||||
|
background-color: transparentize($error_color, 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&:highlight { background-color: $selected_bg_color }
|
&-item-label {
|
||||||
|
font-weight: bold;
|
||||||
|
width: 15em;
|
||||||
|
min-width: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-item-box {
|
&-item-box {
|
||||||
border: 0 none transparent;
|
font-weight: bold;
|
||||||
border-image: none;
|
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: $panel_bg;
|
padding-top: 0;
|
||||||
color: $osd_fg_color;
|
padding-left: 8px;
|
||||||
box-shadow: none;
|
padding-right: 8px;
|
||||||
font-weight: 400;
|
transition-duration: 100;
|
||||||
|
color: transparentize($selected_fg_color, 0.4);
|
||||||
|
|
||||||
&:hover {
|
&.top,
|
||||||
|
&.bottom {
|
||||||
|
border-bottom-width: 2px;
|
||||||
|
|
||||||
|
& StLabel { padding-left: 2px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
&.right {
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
border-right-width: 2px;
|
||||||
|
|
||||||
|
& StBin { padding-right: 0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
&.left {
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
border-left-width: 2px;
|
||||||
|
|
||||||
|
& StBin { padding-left: 1px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:groupFocus {
|
||||||
color: $selected_fg_color;
|
color: $selected_fg_color;
|
||||||
@each $position, $_indicator in (top, 0 2px),
|
background-color: transparentize($selected_fg_color, 0.9);
|
||||||
(bottom, 0 -2px),
|
|
||||||
(left, 2px 0),
|
|
||||||
(right, -2px 0) {
|
|
||||||
.panel-#{$position} & {
|
|
||||||
box-shadow: inset #{$_indicator} $selected_bg_color;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
|
||||||
&:active,
|
&:active,
|
||||||
&:checked,
|
&:checked,
|
||||||
&:focus {
|
&:focus,
|
||||||
&, &:hover {
|
&:running {
|
||||||
color: $selected_fg_color;
|
color: $selected_fg_color;
|
||||||
|
border-color: $selected_bg_color;
|
||||||
@each $position, $_indicator in (top, 0 2px),
|
|
||||||
(bottom, 0 -2px),
|
|
||||||
(left, 2px 0),
|
|
||||||
(right, -2px 0) {
|
|
||||||
.panel-#{$position} & {
|
|
||||||
box-shadow: inset #{$_indicator} $red;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
StIcon,
|
& .progress {
|
||||||
StBin {
|
background-color: transparentize($selected_bg_color, 0.2);
|
||||||
.panel-top &,
|
|
||||||
.panel-bottom & { padding: 0 (6px - 2px); }
|
|
||||||
}
|
|
||||||
|
|
||||||
&.vertical StIcon,
|
|
||||||
&.vertical StBin { padding: 0; }
|
|
||||||
|
|
||||||
StLabel {
|
|
||||||
font-weight: 400;
|
|
||||||
|
|
||||||
.panel-top &,
|
|
||||||
.panel-bottom & {
|
|
||||||
&:ltr { padding: 0 (6px - 2px) 0 0; }
|
|
||||||
&:rtl { padding: 0 0 0 (6px - 2px); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:progress,
|
|
||||||
.progress {
|
|
||||||
background-gradient-start: $selected_bg_color;
|
|
||||||
background-gradient-end: $selected_bg_color;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-item-demands-attention {
|
&-item-demands-attention {
|
||||||
background-gradient-start: $selected_bg_color;
|
background-gradient-direction: vertical;
|
||||||
background-gradient-end: $selected_bg_color;
|
background-gradient-start: $destructive_color;
|
||||||
color: $selected_fg_color;
|
background-gradient-end: $destructive_color;
|
||||||
|
|
||||||
@each $position, $_indicator in (top, 0 2px),
|
|
||||||
(bottom, 0 -2px),
|
|
||||||
(left, 2px 0),
|
|
||||||
(right, -2px 0) {
|
|
||||||
.panel-#{$position} & {
|
|
||||||
box-shadow: inset #{$_indicator} $selected_bg_color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&-preview {
|
||||||
|
spacing: 6px;
|
||||||
// >= 3.6.7
|
color: $fg_color;
|
||||||
&-preview { // thumbnail popup windows = .switcher-list
|
border: 1px solid $borders_color;
|
||||||
padding: 20px - 8px; // = .switcher-list - .item-box
|
background-color: $bg_color;
|
||||||
spacing: 8px; // = .switcher-list-item-container
|
border-radius: 3px;
|
||||||
border: none;
|
padding: 6px 12px 12px 12px;
|
||||||
border-image: url("assets/misc/osd.svg") 9 9 9 9;
|
font-size: 1em;
|
||||||
border-radius: 2px;
|
|
||||||
color: $osd_fg_color;
|
|
||||||
background: none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Grouped window list
|
||||||
|
//
|
||||||
|
|
||||||
.grouped-window-list {
|
.grouped-window-list {
|
||||||
&-item-box {
|
|
||||||
border: 0 none transparent;
|
|
||||||
border-image: none;
|
|
||||||
background-image: none;
|
|
||||||
background-color: $panel_bg;
|
|
||||||
color: $osd_fg_color;
|
|
||||||
box-shadow: none;
|
|
||||||
font-weight: 400;
|
|
||||||
|
|
||||||
StIcon,
|
&-item-label {
|
||||||
StBin {
|
font-weight: bold;
|
||||||
.panel-top &,
|
width: 15em;
|
||||||
.panel-bottom & { padding: 0 (6px - 2px); }
|
min-width: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-item-box {
|
||||||
|
text-align: left;
|
||||||
|
font-weight: bold;
|
||||||
|
background-image: none;
|
||||||
|
padding-top: 0;
|
||||||
|
padding-left: 8px;
|
||||||
|
padding-right: 8px;
|
||||||
|
transition-duration: 100;
|
||||||
|
color: transparentize($selected_fg_color, 0.4);
|
||||||
|
|
||||||
|
&.top,
|
||||||
|
&.bottom {
|
||||||
|
border-bottom-width: 2px;
|
||||||
|
|
||||||
|
& StLabel { padding-left: 2px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
&.right {
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
border-right-width: 2px;
|
||||||
|
|
||||||
|
& StBin { padding-right: 0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
&.left {
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
border-left-width: 2px;
|
||||||
|
|
||||||
|
& StBin { padding-left: 1px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
color: $selected_fg_color;
|
||||||
|
background-color: transparentize($panel_bg, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active,
|
&:active,
|
||||||
&:checked {
|
&:checked {
|
||||||
@each $position, $_indicator in (top, 0 2px),
|
color: $selected_fg_color;
|
||||||
(bottom, 0 -2px),
|
border-color: $selected_bg_color;
|
||||||
(left, 2px 0),
|
|
||||||
(right, -2px 0) {
|
|
||||||
.panel-#{$position} & {
|
|
||||||
box-shadow: inset #{$_indicator} lighten($panel_bg, 30%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
& .progress {
|
||||||
&:active:hover,
|
background-color: transparentize($selected_bg_color, 0.2);
|
||||||
&:focus,
|
|
||||||
&:active:focus,
|
|
||||||
&:focus:hover,
|
|
||||||
&:active:focus:hover {
|
|
||||||
@each $position, $_indicator in (top, 0 2px),
|
|
||||||
(bottom, 0 -2px),
|
|
||||||
(left, 2px 0),
|
|
||||||
(right, -2px 0) {
|
|
||||||
.panel-#{$position} & {
|
|
||||||
box-shadow: inset #{$_indicator} $selected_bg_color
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
&:progress,
|
|
||||||
.progress {
|
|
||||||
background-gradient-start: $selected_bg_color;
|
|
||||||
background-gradient-end: $selected_bg_color;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-item-demands-attention {
|
&-item-demands-attention {
|
||||||
background-gradient-start: $selected_bg_color;
|
background-gradient-direction: vertical;
|
||||||
background-gradient-end: $selected_bg_color;
|
background-gradient-start: $destructive_color;
|
||||||
color: $selected_fg_color;
|
background-gradient-end: $destructive_color;
|
||||||
|
}
|
||||||
|
|
||||||
@each $position, $_indicator in (top, 0 2px),
|
&-thumbnail-label {
|
||||||
(bottom, 0 -2px),
|
padding-left: 4px;
|
||||||
(left, 2px 0),
|
}
|
||||||
(right, -2px 0) {
|
|
||||||
.panel-#{$position} & {
|
&-number-label {
|
||||||
box-shadow: inset #{$_indicator} $selected_bg_color;
|
z-index: 99;
|
||||||
|
color: $fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-badge {
|
||||||
|
border-radius: 256px;
|
||||||
|
background-color: $panel_bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-button-label {
|
||||||
|
padding-left: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-thumbnail-alert {
|
||||||
|
background: rgba(255,52,52,0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
&-thumbnail-menu {
|
||||||
|
color: $fg_color;
|
||||||
|
border: 1px solid $borders_color;
|
||||||
|
background-color: $bg_color;
|
||||||
|
border-radius: 3px;
|
||||||
|
padding: 0px;
|
||||||
|
|
||||||
|
> StBoxLayout {
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-box {
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 2px;
|
||||||
|
spacing: 4px;
|
||||||
|
|
||||||
|
&:outlined {
|
||||||
|
padding: 8px;
|
||||||
|
border: 1px solid $selected_bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:selected {
|
||||||
|
border: 1px solid $selected_bg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumbnail { width: 256px; }
|
||||||
|
|
||||||
|
.separator {
|
||||||
|
width: 1px;
|
||||||
|
background: rgba(255,255,255,0.2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
|
||||||
///
|
///
|
||||||
// Sound Applet (status/volume.js)
|
// Sound Applet (status/volume.js)
|
||||||
//
|
//
|
||||||
|
|||||||
@@ -1088,137 +1088,153 @@ StScrollBar {
|
|||||||
background-color: #f7b922; }
|
background-color: #f7b922; }
|
||||||
|
|
||||||
.window-list-box {
|
.window-list-box {
|
||||||
spacing: 0; }
|
spacing: 6px;
|
||||||
.window-list-box .panel-top:ltr,
|
padding-left: 10px;
|
||||||
.panel-bottom .window-list-box:ltr {
|
padding-top: 1px; }
|
||||||
padding: 0 0 0 8px; }
|
|
||||||
.window-list-box .panel-top:rtl,
|
|
||||||
.panel-bottom .window-list-box:rtl {
|
|
||||||
padding: 0 8px 0 0; }
|
|
||||||
.window-list-box.vertical {
|
.window-list-box.vertical {
|
||||||
padding: 6px 0 0 0; }
|
spacing: 2px;
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 10px; }
|
||||||
.window-list-box:highlight {
|
.window-list-box:highlight {
|
||||||
background-color: #f7b922; }
|
background-color: rgba(252, 65, 56, 0.5); }
|
||||||
|
|
||||||
|
.window-list-item-label {
|
||||||
|
font-weight: bold;
|
||||||
|
width: 15em;
|
||||||
|
min-width: 5px; }
|
||||||
|
|
||||||
.window-list-item-box {
|
.window-list-item-box {
|
||||||
border: 0 none transparent;
|
font-weight: bold;
|
||||||
border-image: none;
|
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: #040405;
|
padding-top: 0;
|
||||||
color: #BAC3CF;
|
padding-left: 8px;
|
||||||
box-shadow: none;
|
padding-right: 8px;
|
||||||
font-weight: 400; }
|
transition-duration: 100;
|
||||||
.window-list-item-box:hover {
|
color: rgba(247, 247, 247, 0.6); }
|
||||||
color: #f7f7f7; }
|
.window-list-item-box.top, .window-list-item-box.bottom {
|
||||||
.panel-top .window-list-item-box:hover {
|
border-bottom-width: 2px; }
|
||||||
box-shadow: inset 0 2px #f7b922; }
|
.window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel {
|
||||||
.panel-bottom .window-list-item-box:hover {
|
padding-left: 2px; }
|
||||||
box-shadow: inset 0 -2px #f7b922; }
|
.window-list-item-box.right {
|
||||||
.panel-left .window-list-item-box:hover {
|
padding-left: 0px;
|
||||||
box-shadow: inset 2px 0 #f7b922; }
|
padding-right: 0px;
|
||||||
.panel-right .window-list-item-box:hover {
|
border-right-width: 2px; }
|
||||||
box-shadow: inset -2px 0 #f7b922; }
|
.window-list-item-box.right StBin {
|
||||||
.window-list-item-box:active, .window-list-item-box:active:hover, .window-list-item-box:checked, .window-list-item-box:checked:hover, .window-list-item-box:focus, .window-list-item-box:focus:hover {
|
padding-right: 0; }
|
||||||
color: #f7f7f7; }
|
.window-list-item-box.left {
|
||||||
.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus, .panel-top .window-list-item-box:focus:hover {
|
padding-left: 0px;
|
||||||
box-shadow: inset 0 2px #ed254e; }
|
padding-right: 0px;
|
||||||
.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus, .panel-bottom .window-list-item-box:focus:hover {
|
border-left-width: 2px; }
|
||||||
box-shadow: inset 0 -2px #ed254e; }
|
.window-list-item-box.left StBin {
|
||||||
.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus, .panel-left .window-list-item-box:focus:hover {
|
padding-left: 1px; }
|
||||||
box-shadow: inset 2px 0 #ed254e; }
|
.window-list-item-box:hover, .window-list-item-box:groupFocus {
|
||||||
.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus, .panel-right .window-list-item-box:focus:hover {
|
color: #f7f7f7;
|
||||||
box-shadow: inset -2px 0 #ed254e; }
|
background-color: rgba(247, 247, 247, 0.1); }
|
||||||
.panel-top .window-list-item-box StIcon,
|
.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running {
|
||||||
.panel-bottom .window-list-item-box StIcon, .panel-top
|
color: #f7f7f7;
|
||||||
.window-list-item-box StBin,
|
border-color: #f7b922; }
|
||||||
.panel-bottom
|
|
||||||
.window-list-item-box StBin {
|
|
||||||
padding: 0 4px; }
|
|
||||||
.window-list-item-box.vertical StIcon,
|
|
||||||
.window-list-item-box.vertical StBin {
|
|
||||||
padding: 0; }
|
|
||||||
.window-list-item-box StLabel {
|
|
||||||
font-weight: 400; }
|
|
||||||
.panel-top .window-list-item-box StLabel:ltr,
|
|
||||||
.panel-bottom .window-list-item-box StLabel:ltr {
|
|
||||||
padding: 0 4px 0 0; }
|
|
||||||
.panel-top .window-list-item-box StLabel:rtl,
|
|
||||||
.panel-bottom .window-list-item-box StLabel:rtl {
|
|
||||||
padding: 0 0 0 4px; }
|
|
||||||
.window-list-item-box:progress,
|
|
||||||
.window-list-item-box .progress {
|
.window-list-item-box .progress {
|
||||||
background-gradient-start: #f7b922;
|
background-color: rgba(247, 185, 34, 0.8); }
|
||||||
background-gradient-end: #f7b922; }
|
|
||||||
|
|
||||||
.window-list-item-demands-attention {
|
.window-list-item-demands-attention {
|
||||||
background-gradient-start: #f7b922;
|
background-gradient-direction: vertical;
|
||||||
background-gradient-end: #f7b922;
|
background-gradient-start: #F04A50;
|
||||||
color: #f7f7f7; }
|
background-gradient-end: #F04A50; }
|
||||||
.panel-top .window-list-item-demands-attention {
|
|
||||||
box-shadow: inset 0 2px #f7b922; }
|
|
||||||
.panel-bottom .window-list-item-demands-attention {
|
|
||||||
box-shadow: inset 0 -2px #f7b922; }
|
|
||||||
.panel-left .window-list-item-demands-attention {
|
|
||||||
box-shadow: inset 2px 0 #f7b922; }
|
|
||||||
.panel-right .window-list-item-demands-attention {
|
|
||||||
box-shadow: inset -2px 0 #f7b922; }
|
|
||||||
|
|
||||||
.window-list-preview {
|
.window-list-preview {
|
||||||
padding: 12px;
|
spacing: 6px;
|
||||||
spacing: 8px;
|
color: #98abb2;
|
||||||
border: none;
|
border: 1px solid #161819;
|
||||||
border-image: url("assets/misc/osd.svg") 9 9 9 9;
|
background-color: #101013;
|
||||||
border-radius: 2px;
|
border-radius: 3px;
|
||||||
color: #BAC3CF;
|
padding: 6px 12px 12px 12px;
|
||||||
background: none; }
|
font-size: 1em; }
|
||||||
|
|
||||||
|
.grouped-window-list-item-label {
|
||||||
|
font-weight: bold;
|
||||||
|
width: 15em;
|
||||||
|
min-width: 5px; }
|
||||||
|
|
||||||
.grouped-window-list-item-box {
|
.grouped-window-list-item-box {
|
||||||
border: 0 none transparent;
|
text-align: left;
|
||||||
border-image: none;
|
font-weight: bold;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: #040405;
|
padding-top: 0;
|
||||||
color: #BAC3CF;
|
padding-left: 8px;
|
||||||
box-shadow: none;
|
padding-right: 8px;
|
||||||
font-weight: 400; }
|
transition-duration: 100;
|
||||||
.panel-top .grouped-window-list-item-box StIcon,
|
color: rgba(247, 247, 247, 0.6); }
|
||||||
.panel-bottom .grouped-window-list-item-box StIcon, .panel-top
|
.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
|
||||||
.grouped-window-list-item-box StBin,
|
border-bottom-width: 2px; }
|
||||||
.panel-bottom
|
.grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel {
|
||||||
.grouped-window-list-item-box StBin {
|
padding-left: 2px; }
|
||||||
padding: 0 4px; }
|
.grouped-window-list-item-box.right {
|
||||||
.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked {
|
padding-left: 0px;
|
||||||
box-shadow: inset 0 2px #4a4a58; }
|
padding-right: 0px;
|
||||||
.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked {
|
border-right-width: 2px; }
|
||||||
box-shadow: inset 0 -2px #4a4a58; }
|
.grouped-window-list-item-box.right StBin {
|
||||||
.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked {
|
padding-right: 0; }
|
||||||
box-shadow: inset 2px 0 #4a4a58; }
|
.grouped-window-list-item-box.left {
|
||||||
.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked {
|
padding-left: 0px;
|
||||||
box-shadow: inset -2px 0 #4a4a58; }
|
padding-right: 0px;
|
||||||
.panel-top .grouped-window-list-item-box:hover, .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:focus, .panel-top .grouped-window-list-item-box:active:focus, .panel-top .grouped-window-list-item-box:focus:hover, .panel-top .grouped-window-list-item-box:active:focus:hover {
|
border-left-width: 2px; }
|
||||||
box-shadow: inset 0 2px #f7b922; }
|
.grouped-window-list-item-box.left StBin {
|
||||||
.panel-bottom .grouped-window-list-item-box:hover, .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:focus, .panel-bottom .grouped-window-list-item-box:active:focus, .panel-bottom .grouped-window-list-item-box:focus:hover, .panel-bottom .grouped-window-list-item-box:active:focus:hover {
|
padding-left: 1px; }
|
||||||
box-shadow: inset 0 -2px #f7b922; }
|
.grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus {
|
||||||
.panel-left .grouped-window-list-item-box:hover, .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:focus, .panel-left .grouped-window-list-item-box:active:focus, .panel-left .grouped-window-list-item-box:focus:hover, .panel-left .grouped-window-list-item-box:active:focus:hover {
|
color: #f7f7f7;
|
||||||
box-shadow: inset 2px 0 #f7b922; }
|
background-color: rgba(4, 4, 5, 0.3); }
|
||||||
.panel-right .grouped-window-list-item-box:hover, .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:focus, .panel-right .grouped-window-list-item-box:active:focus, .panel-right .grouped-window-list-item-box:focus:hover, .panel-right .grouped-window-list-item-box:active:focus:hover {
|
.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked {
|
||||||
box-shadow: inset -2px 0 #f7b922; }
|
color: #f7f7f7;
|
||||||
.grouped-window-list-item-box:progress,
|
border-color: #f7b922; }
|
||||||
.grouped-window-list-item-box .progress {
|
.grouped-window-list-item-box .progress {
|
||||||
background-gradient-start: #f7b922;
|
background-color: rgba(247, 185, 34, 0.8); }
|
||||||
background-gradient-end: #f7b922; }
|
|
||||||
|
|
||||||
.grouped-window-list-item-demands-attention {
|
.grouped-window-list-item-demands-attention {
|
||||||
background-gradient-start: #f7b922;
|
background-gradient-direction: vertical;
|
||||||
background-gradient-end: #f7b922;
|
background-gradient-start: #F04A50;
|
||||||
color: #f7f7f7; }
|
background-gradient-end: #F04A50; }
|
||||||
.panel-top .grouped-window-list-item-demands-attention {
|
|
||||||
box-shadow: inset 0 2px #f7b922; }
|
.grouped-window-list-thumbnail-label {
|
||||||
.panel-bottom .grouped-window-list-item-demands-attention {
|
padding-left: 4px; }
|
||||||
box-shadow: inset 0 -2px #f7b922; }
|
|
||||||
.panel-left .grouped-window-list-item-demands-attention {
|
.grouped-window-list-number-label {
|
||||||
box-shadow: inset 2px 0 #f7b922; }
|
z-index: 99;
|
||||||
.panel-right .grouped-window-list-item-demands-attention {
|
color: #98abb2; }
|
||||||
box-shadow: inset -2px 0 #f7b922; }
|
|
||||||
|
.grouped-window-list-badge {
|
||||||
|
border-radius: 256px;
|
||||||
|
background-color: #040405; }
|
||||||
|
|
||||||
|
.grouped-window-list-button-label {
|
||||||
|
padding-left: 4px; }
|
||||||
|
|
||||||
|
.grouped-window-list-thumbnail-alert {
|
||||||
|
background: rgba(255, 52, 52, 0.3); }
|
||||||
|
|
||||||
|
.grouped-window-list-thumbnail-menu {
|
||||||
|
color: #98abb2;
|
||||||
|
border: 1px solid #161819;
|
||||||
|
background-color: #101013;
|
||||||
|
border-radius: 3px;
|
||||||
|
padding: 0px; }
|
||||||
|
.grouped-window-list-thumbnail-menu > StBoxLayout {
|
||||||
|
padding: 4px; }
|
||||||
|
.grouped-window-list-thumbnail-menu .item-box {
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 2px;
|
||||||
|
spacing: 4px; }
|
||||||
|
.grouped-window-list-thumbnail-menu .item-box:outlined {
|
||||||
|
padding: 8px;
|
||||||
|
border: 1px solid #f7b922; }
|
||||||
|
.grouped-window-list-thumbnail-menu .item-box:selected {
|
||||||
|
border: 1px solid #f7b922; }
|
||||||
|
.grouped-window-list-thumbnail-menu .thumbnail {
|
||||||
|
width: 256px; }
|
||||||
|
.grouped-window-list-thumbnail-menu .separator {
|
||||||
|
width: 1px;
|
||||||
|
background: rgba(255, 255, 255, 0.2); }
|
||||||
|
|
||||||
.sound-button {
|
.sound-button {
|
||||||
width: 22px;
|
width: 22px;
|
||||||
|
|||||||
@@ -1088,137 +1088,153 @@ StScrollBar {
|
|||||||
background-color: #f7b922; }
|
background-color: #f7b922; }
|
||||||
|
|
||||||
.window-list-box {
|
.window-list-box {
|
||||||
spacing: 0; }
|
spacing: 6px;
|
||||||
.window-list-box .panel-top:ltr,
|
padding-left: 10px;
|
||||||
.panel-bottom .window-list-box:ltr {
|
padding-top: 1px; }
|
||||||
padding: 0 0 0 8px; }
|
|
||||||
.window-list-box .panel-top:rtl,
|
|
||||||
.panel-bottom .window-list-box:rtl {
|
|
||||||
padding: 0 8px 0 0; }
|
|
||||||
.window-list-box.vertical {
|
.window-list-box.vertical {
|
||||||
padding: 6px 0 0 0; }
|
spacing: 2px;
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 10px; }
|
||||||
.window-list-box:highlight {
|
.window-list-box:highlight {
|
||||||
background-color: #f7b922; }
|
background-color: rgba(252, 65, 56, 0.5); }
|
||||||
|
|
||||||
|
.window-list-item-label {
|
||||||
|
font-weight: bold;
|
||||||
|
width: 15em;
|
||||||
|
min-width: 5px; }
|
||||||
|
|
||||||
.window-list-item-box {
|
.window-list-item-box {
|
||||||
border: 0 none transparent;
|
font-weight: bold;
|
||||||
border-image: none;
|
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: #040405;
|
padding-top: 0;
|
||||||
color: #BAC3CF;
|
padding-left: 8px;
|
||||||
box-shadow: none;
|
padding-right: 8px;
|
||||||
font-weight: 400; }
|
transition-duration: 100;
|
||||||
.window-list-item-box:hover {
|
color: rgba(247, 247, 247, 0.6); }
|
||||||
color: #f7f7f7; }
|
.window-list-item-box.top, .window-list-item-box.bottom {
|
||||||
.panel-top .window-list-item-box:hover {
|
border-bottom-width: 2px; }
|
||||||
box-shadow: inset 0 2px #f7b922; }
|
.window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel {
|
||||||
.panel-bottom .window-list-item-box:hover {
|
padding-left: 2px; }
|
||||||
box-shadow: inset 0 -2px #f7b922; }
|
.window-list-item-box.right {
|
||||||
.panel-left .window-list-item-box:hover {
|
padding-left: 0px;
|
||||||
box-shadow: inset 2px 0 #f7b922; }
|
padding-right: 0px;
|
||||||
.panel-right .window-list-item-box:hover {
|
border-right-width: 2px; }
|
||||||
box-shadow: inset -2px 0 #f7b922; }
|
.window-list-item-box.right StBin {
|
||||||
.window-list-item-box:active, .window-list-item-box:active:hover, .window-list-item-box:checked, .window-list-item-box:checked:hover, .window-list-item-box:focus, .window-list-item-box:focus:hover {
|
padding-right: 0; }
|
||||||
color: #f7f7f7; }
|
.window-list-item-box.left {
|
||||||
.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus, .panel-top .window-list-item-box:focus:hover {
|
padding-left: 0px;
|
||||||
box-shadow: inset 0 2px #ed254e; }
|
padding-right: 0px;
|
||||||
.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus, .panel-bottom .window-list-item-box:focus:hover {
|
border-left-width: 2px; }
|
||||||
box-shadow: inset 0 -2px #ed254e; }
|
.window-list-item-box.left StBin {
|
||||||
.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus, .panel-left .window-list-item-box:focus:hover {
|
padding-left: 1px; }
|
||||||
box-shadow: inset 2px 0 #ed254e; }
|
.window-list-item-box:hover, .window-list-item-box:groupFocus {
|
||||||
.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus, .panel-right .window-list-item-box:focus:hover {
|
color: #f7f7f7;
|
||||||
box-shadow: inset -2px 0 #ed254e; }
|
background-color: rgba(247, 247, 247, 0.1); }
|
||||||
.panel-top .window-list-item-box StIcon,
|
.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running {
|
||||||
.panel-bottom .window-list-item-box StIcon, .panel-top
|
color: #f7f7f7;
|
||||||
.window-list-item-box StBin,
|
border-color: #f7b922; }
|
||||||
.panel-bottom
|
|
||||||
.window-list-item-box StBin {
|
|
||||||
padding: 0 4px; }
|
|
||||||
.window-list-item-box.vertical StIcon,
|
|
||||||
.window-list-item-box.vertical StBin {
|
|
||||||
padding: 0; }
|
|
||||||
.window-list-item-box StLabel {
|
|
||||||
font-weight: 400; }
|
|
||||||
.panel-top .window-list-item-box StLabel:ltr,
|
|
||||||
.panel-bottom .window-list-item-box StLabel:ltr {
|
|
||||||
padding: 0 4px 0 0; }
|
|
||||||
.panel-top .window-list-item-box StLabel:rtl,
|
|
||||||
.panel-bottom .window-list-item-box StLabel:rtl {
|
|
||||||
padding: 0 0 0 4px; }
|
|
||||||
.window-list-item-box:progress,
|
|
||||||
.window-list-item-box .progress {
|
.window-list-item-box .progress {
|
||||||
background-gradient-start: #f7b922;
|
background-color: rgba(247, 185, 34, 0.8); }
|
||||||
background-gradient-end: #f7b922; }
|
|
||||||
|
|
||||||
.window-list-item-demands-attention {
|
.window-list-item-demands-attention {
|
||||||
background-gradient-start: #f7b922;
|
background-gradient-direction: vertical;
|
||||||
background-gradient-end: #f7b922;
|
background-gradient-start: #F04A50;
|
||||||
color: #f7f7f7; }
|
background-gradient-end: #F04A50; }
|
||||||
.panel-top .window-list-item-demands-attention {
|
|
||||||
box-shadow: inset 0 2px #f7b922; }
|
|
||||||
.panel-bottom .window-list-item-demands-attention {
|
|
||||||
box-shadow: inset 0 -2px #f7b922; }
|
|
||||||
.panel-left .window-list-item-demands-attention {
|
|
||||||
box-shadow: inset 2px 0 #f7b922; }
|
|
||||||
.panel-right .window-list-item-demands-attention {
|
|
||||||
box-shadow: inset -2px 0 #f7b922; }
|
|
||||||
|
|
||||||
.window-list-preview {
|
.window-list-preview {
|
||||||
padding: 12px;
|
spacing: 6px;
|
||||||
spacing: 8px;
|
color: #98abb2;
|
||||||
border: none;
|
border: 1px solid #161819;
|
||||||
border-image: url("assets/misc/osd.svg") 9 9 9 9;
|
background-color: #101013;
|
||||||
border-radius: 2px;
|
border-radius: 3px;
|
||||||
color: #BAC3CF;
|
padding: 6px 12px 12px 12px;
|
||||||
background: none; }
|
font-size: 1em; }
|
||||||
|
|
||||||
|
.grouped-window-list-item-label {
|
||||||
|
font-weight: bold;
|
||||||
|
width: 15em;
|
||||||
|
min-width: 5px; }
|
||||||
|
|
||||||
.grouped-window-list-item-box {
|
.grouped-window-list-item-box {
|
||||||
border: 0 none transparent;
|
text-align: left;
|
||||||
border-image: none;
|
font-weight: bold;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: #040405;
|
padding-top: 0;
|
||||||
color: #BAC3CF;
|
padding-left: 8px;
|
||||||
box-shadow: none;
|
padding-right: 8px;
|
||||||
font-weight: 400; }
|
transition-duration: 100;
|
||||||
.panel-top .grouped-window-list-item-box StIcon,
|
color: rgba(247, 247, 247, 0.6); }
|
||||||
.panel-bottom .grouped-window-list-item-box StIcon, .panel-top
|
.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
|
||||||
.grouped-window-list-item-box StBin,
|
border-bottom-width: 2px; }
|
||||||
.panel-bottom
|
.grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel {
|
||||||
.grouped-window-list-item-box StBin {
|
padding-left: 2px; }
|
||||||
padding: 0 4px; }
|
.grouped-window-list-item-box.right {
|
||||||
.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked {
|
padding-left: 0px;
|
||||||
box-shadow: inset 0 2px #4a4a58; }
|
padding-right: 0px;
|
||||||
.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked {
|
border-right-width: 2px; }
|
||||||
box-shadow: inset 0 -2px #4a4a58; }
|
.grouped-window-list-item-box.right StBin {
|
||||||
.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked {
|
padding-right: 0; }
|
||||||
box-shadow: inset 2px 0 #4a4a58; }
|
.grouped-window-list-item-box.left {
|
||||||
.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked {
|
padding-left: 0px;
|
||||||
box-shadow: inset -2px 0 #4a4a58; }
|
padding-right: 0px;
|
||||||
.panel-top .grouped-window-list-item-box:hover, .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:focus, .panel-top .grouped-window-list-item-box:active:focus, .panel-top .grouped-window-list-item-box:focus:hover, .panel-top .grouped-window-list-item-box:active:focus:hover {
|
border-left-width: 2px; }
|
||||||
box-shadow: inset 0 2px #f7b922; }
|
.grouped-window-list-item-box.left StBin {
|
||||||
.panel-bottom .grouped-window-list-item-box:hover, .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:focus, .panel-bottom .grouped-window-list-item-box:active:focus, .panel-bottom .grouped-window-list-item-box:focus:hover, .panel-bottom .grouped-window-list-item-box:active:focus:hover {
|
padding-left: 1px; }
|
||||||
box-shadow: inset 0 -2px #f7b922; }
|
.grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus {
|
||||||
.panel-left .grouped-window-list-item-box:hover, .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:focus, .panel-left .grouped-window-list-item-box:active:focus, .panel-left .grouped-window-list-item-box:focus:hover, .panel-left .grouped-window-list-item-box:active:focus:hover {
|
color: #f7f7f7;
|
||||||
box-shadow: inset 2px 0 #f7b922; }
|
background-color: rgba(4, 4, 5, 0.3); }
|
||||||
.panel-right .grouped-window-list-item-box:hover, .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:focus, .panel-right .grouped-window-list-item-box:active:focus, .panel-right .grouped-window-list-item-box:focus:hover, .panel-right .grouped-window-list-item-box:active:focus:hover {
|
.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked {
|
||||||
box-shadow: inset -2px 0 #f7b922; }
|
color: #f7f7f7;
|
||||||
.grouped-window-list-item-box:progress,
|
border-color: #f7b922; }
|
||||||
.grouped-window-list-item-box .progress {
|
.grouped-window-list-item-box .progress {
|
||||||
background-gradient-start: #f7b922;
|
background-color: rgba(247, 185, 34, 0.8); }
|
||||||
background-gradient-end: #f7b922; }
|
|
||||||
|
|
||||||
.grouped-window-list-item-demands-attention {
|
.grouped-window-list-item-demands-attention {
|
||||||
background-gradient-start: #f7b922;
|
background-gradient-direction: vertical;
|
||||||
background-gradient-end: #f7b922;
|
background-gradient-start: #F04A50;
|
||||||
color: #f7f7f7; }
|
background-gradient-end: #F04A50; }
|
||||||
.panel-top .grouped-window-list-item-demands-attention {
|
|
||||||
box-shadow: inset 0 2px #f7b922; }
|
.grouped-window-list-thumbnail-label {
|
||||||
.panel-bottom .grouped-window-list-item-demands-attention {
|
padding-left: 4px; }
|
||||||
box-shadow: inset 0 -2px #f7b922; }
|
|
||||||
.panel-left .grouped-window-list-item-demands-attention {
|
.grouped-window-list-number-label {
|
||||||
box-shadow: inset 2px 0 #f7b922; }
|
z-index: 99;
|
||||||
.panel-right .grouped-window-list-item-demands-attention {
|
color: #98abb2; }
|
||||||
box-shadow: inset -2px 0 #f7b922; }
|
|
||||||
|
.grouped-window-list-badge {
|
||||||
|
border-radius: 256px;
|
||||||
|
background-color: #040405; }
|
||||||
|
|
||||||
|
.grouped-window-list-button-label {
|
||||||
|
padding-left: 4px; }
|
||||||
|
|
||||||
|
.grouped-window-list-thumbnail-alert {
|
||||||
|
background: rgba(255, 52, 52, 0.3); }
|
||||||
|
|
||||||
|
.grouped-window-list-thumbnail-menu {
|
||||||
|
color: #98abb2;
|
||||||
|
border: 1px solid #161819;
|
||||||
|
background-color: #101013;
|
||||||
|
border-radius: 3px;
|
||||||
|
padding: 0px; }
|
||||||
|
.grouped-window-list-thumbnail-menu > StBoxLayout {
|
||||||
|
padding: 4px; }
|
||||||
|
.grouped-window-list-thumbnail-menu .item-box {
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 2px;
|
||||||
|
spacing: 4px; }
|
||||||
|
.grouped-window-list-thumbnail-menu .item-box:outlined {
|
||||||
|
padding: 8px;
|
||||||
|
border: 1px solid #f7b922; }
|
||||||
|
.grouped-window-list-thumbnail-menu .item-box:selected {
|
||||||
|
border: 1px solid #f7b922; }
|
||||||
|
.grouped-window-list-thumbnail-menu .thumbnail {
|
||||||
|
width: 256px; }
|
||||||
|
.grouped-window-list-thumbnail-menu .separator {
|
||||||
|
width: 1px;
|
||||||
|
background: rgba(255, 255, 255, 0.2); }
|
||||||
|
|
||||||
.sound-button {
|
.sound-button {
|
||||||
width: 22px;
|
width: 22px;
|
||||||
|
|||||||
Reference in New Issue
Block a user