master 2023-01-25
vinceliuice 3 years ago
parent 9371bbf822
commit f982fcd974

@ -64,6 +64,5 @@ $bubble_button_radius: if($corner_style == 'circular', $circular-radius, $materi
background-color: $system;
border: none;
box-shadow: $shell-shadow-z4;
border-radius: $circular-radius;
padding: $space-size * 2;
}

@ -199,7 +199,7 @@ StWidget.focused .app-well-app-running-dot {
.system-action-icon {
background-color: rgba(0,0,0,0.8);
color: #fff;
border-radius: 99px;
border-radius: $circular-radius;
}
.page-navigation-hint {

@ -9,6 +9,7 @@ $osd_levelbar_height: 4px;
spacing: $space-size * 2;
padding: $space-size * 2 $space-size * 3;
margin-bottom: 8em;
border-radius: $circular-radius;
& > * { spacing: 8px; }
@ -68,4 +69,5 @@ $osd_levelbar_height: 4px;
.resize-popup {
@extend %osd_panel;
border-radius: $window-radius;
}

@ -10,6 +10,7 @@ $osd_levelbar_height: 4px;
margin: $margin-size * 8; // 32px
min-width: 64px;
min-height: 64px;
border-radius: $window-radius;
StIcon {
icon-size: 96px;

@ -8,6 +8,7 @@
// switcher onscreen panel
.switcher-list {
@extend %osd_panel;
border-radius: $window-radius;
.item-box {
padding: 8px;
@ -20,7 +21,7 @@
&:selected {
background-color: $primary;
color: on(dark);
color: on($primary);
}
}
@ -45,10 +46,11 @@
}
.switcher-arrow {
border-color: rgba(0,0,0,0);
color: $text-disabled;
border-color: on(dark, secondary);
color: on(dark, secondary);
&:highlighted {
color: $text;
color: on($primary);
}
}

@ -5,6 +5,7 @@
.workspace-switcher-container {
@extend %osd_panel;
border-radius: $window-radius;
}
.workspace-switcher {

@ -88,7 +88,6 @@ stage {
background-color: #212121;
border: none;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.32);
border-radius: 9999px;
padding: 8px;
}
@ -1768,6 +1767,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
margin: 16px;
min-width: 64px;
min-height: 64px;
border-radius: 16px;
}
.osd-window StIcon {
@ -1813,6 +1813,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 16px;
}
.switcher-list {
border-radius: 16px;
}
.switcher-list .item-box {
padding: 8px;
border-radius: 10px;
@ -1847,12 +1851,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.switcher-arrow {
border-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0.38);
border-color: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.switcher-arrow:highlighted {
color: rgba(0, 0, 0, 0.87);
color: white;
}
.input-source-switcher-symbol {
@ -1870,6 +1874,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
padding: 8px;
}
.workspace-switcher-container {
border-radius: 16px;
}
.workspace-switcher {
background: transparent;
border: none;
@ -2584,7 +2592,7 @@ StWidget.focused .app-well-app-running-dot {
.system-action-icon {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 99px;
border-radius: 9999px;
}
.page-navigation-hint {

@ -88,7 +88,6 @@ stage {
background-color: #212121;
border: none;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.32);
border-radius: 9999px;
padding: 8px;
}
@ -1768,6 +1767,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
margin: 16px;
min-width: 64px;
min-height: 64px;
border-radius: 16px;
}
.osd-window StIcon {
@ -1813,6 +1813,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 16px;
}
.switcher-list {
border-radius: 16px;
}
.switcher-list .item-box {
padding: 8px;
border-radius: 10px;
@ -1847,8 +1851,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.switcher-arrow {
border-color: rgba(0, 0, 0, 0);
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.switcher-arrow:highlighted {
@ -1870,6 +1874,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
padding: 8px;
}
.workspace-switcher-container {
border-radius: 16px;
}
.workspace-switcher {
background: transparent;
border: none;
@ -2584,7 +2592,7 @@ StWidget.focused .app-well-app-running-dot {
.system-action-icon {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 99px;
border-radius: 9999px;
}
.page-navigation-hint {

@ -88,7 +88,6 @@ stage {
background-color: #212121;
border: none;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.32);
border-radius: 9999px;
padding: 12px;
}
@ -1768,6 +1767,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
margin: 32px;
min-width: 64px;
min-height: 64px;
border-radius: 18px;
}
.osd-window StIcon {
@ -1813,6 +1813,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 24px;
}
.switcher-list {
border-radius: 18px;
}
.switcher-list .item-box {
padding: 8px;
border-radius: 10px;
@ -1847,8 +1851,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.switcher-arrow {
border-color: rgba(0, 0, 0, 0);
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.switcher-arrow:highlighted {
@ -1870,6 +1874,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
padding: 12px;
}
.workspace-switcher-container {
border-radius: 18px;
}
.workspace-switcher {
background: transparent;
border: none;
@ -2584,7 +2592,7 @@ StWidget.focused .app-well-app-running-dot {
.system-action-icon {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 99px;
border-radius: 9999px;
}
.page-navigation-hint {

@ -88,7 +88,6 @@ stage {
background-color: #212121;
border: none;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.32);
border-radius: 9999px;
padding: 12px;
}
@ -1768,6 +1767,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
margin: 32px;
min-width: 64px;
min-height: 64px;
border-radius: 18px;
}
.osd-window StIcon {
@ -1813,6 +1813,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 24px;
}
.switcher-list {
border-radius: 18px;
}
.switcher-list .item-box {
padding: 8px;
border-radius: 10px;
@ -1847,12 +1851,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.switcher-arrow {
border-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0.38);
border-color: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.switcher-arrow:highlighted {
color: rgba(0, 0, 0, 0.87);
color: white;
}
.input-source-switcher-symbol {
@ -1870,6 +1874,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
padding: 12px;
}
.workspace-switcher-container {
border-radius: 18px;
}
.workspace-switcher {
background: transparent;
border: none;
@ -2584,7 +2592,7 @@ StWidget.focused .app-well-app-running-dot {
.system-action-icon {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 99px;
border-radius: 9999px;
}
.page-navigation-hint {

@ -142,7 +142,6 @@ stage {
background-color: #212121;
border: none;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.32);
border-radius: 9999px;
padding: 8px;
}
@ -2093,6 +2092,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px;
padding: 8px 12px;
margin-bottom: 8em;
border-radius: 9999px;
}
.osd-window > * {
@ -2167,12 +2167,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
width: 15em;
}
.resize-popup {
border-radius: 16px;
}
/* App Switcher */
.switcher-popup {
padding: 8px;
spacing: 16px;
}
.switcher-list {
border-radius: 16px;
}
.switcher-list .item-box {
padding: 8px;
border-radius: 10px;
@ -2207,12 +2215,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.switcher-arrow {
border-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0.38);
border-color: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.switcher-arrow:highlighted {
color: rgba(0, 0, 0, 0.87);
color: white;
}
.input-source-switcher-symbol {
@ -2230,6 +2238,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
padding: 8px;
}
.workspace-switcher-container {
border-radius: 16px;
}
.workspace-switcher {
background: transparent;
border: none;
@ -2944,7 +2956,7 @@ StWidget.focused .app-well-app-running-dot {
.system-action-icon {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 99px;
border-radius: 9999px;
}
.page-navigation-hint {

@ -142,7 +142,6 @@ stage {
background-color: #212121;
border: none;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.32);
border-radius: 9999px;
padding: 8px;
}
@ -2097,6 +2096,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px;
padding: 8px 12px;
margin-bottom: 8em;
border-radius: 9999px;
}
.osd-window > * {
@ -2171,12 +2171,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
width: 15em;
}
.resize-popup {
border-radius: 16px;
}
/* App Switcher */
.switcher-popup {
padding: 8px;
spacing: 16px;
}
.switcher-list {
border-radius: 16px;
}
.switcher-list .item-box {
padding: 8px;
border-radius: 10px;
@ -2211,8 +2219,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.switcher-arrow {
border-color: rgba(0, 0, 0, 0);
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.switcher-arrow:highlighted {
@ -2234,6 +2242,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
padding: 8px;
}
.workspace-switcher-container {
border-radius: 16px;
}
.workspace-switcher {
background: transparent;
border: none;
@ -2948,7 +2960,7 @@ StWidget.focused .app-well-app-running-dot {
.system-action-icon {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 99px;
border-radius: 9999px;
}
.page-navigation-hint {

@ -142,7 +142,6 @@ stage {
background-color: #212121;
border: none;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.32);
border-radius: 9999px;
padding: 12px;
}
@ -2097,6 +2096,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 12px;
padding: 12px 18px;
margin-bottom: 8em;
border-radius: 9999px;
}
.osd-window > * {
@ -2171,12 +2171,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
width: 15em;
}
.resize-popup {
border-radius: 18px;
}
/* App Switcher */
.switcher-popup {
padding: 8px;
spacing: 24px;
}
.switcher-list {
border-radius: 18px;
}
.switcher-list .item-box {
padding: 8px;
border-radius: 10px;
@ -2211,8 +2219,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.switcher-arrow {
border-color: rgba(0, 0, 0, 0);
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.switcher-arrow:highlighted {
@ -2234,6 +2242,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
padding: 12px;
}
.workspace-switcher-container {
border-radius: 18px;
}
.workspace-switcher {
background: transparent;
border: none;
@ -2948,7 +2960,7 @@ StWidget.focused .app-well-app-running-dot {
.system-action-icon {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 99px;
border-radius: 9999px;
}
.page-navigation-hint {

@ -142,7 +142,6 @@ stage {
background-color: #212121;
border: none;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.32);
border-radius: 9999px;
padding: 12px;
}
@ -2093,6 +2092,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 12px;
padding: 12px 18px;
margin-bottom: 8em;
border-radius: 9999px;
}
.osd-window > * {
@ -2167,12 +2167,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
width: 15em;
}
.resize-popup {
border-radius: 18px;
}
/* App Switcher */
.switcher-popup {
padding: 8px;
spacing: 24px;
}
.switcher-list {
border-radius: 18px;
}
.switcher-list .item-box {
padding: 8px;
border-radius: 10px;
@ -2207,12 +2215,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.switcher-arrow {
border-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0.38);
border-color: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.switcher-arrow:highlighted {
color: rgba(0, 0, 0, 0.87);
color: white;
}
.input-source-switcher-symbol {
@ -2230,6 +2238,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
padding: 12px;
}
.workspace-switcher-container {
border-radius: 18px;
}
.workspace-switcher {
background: transparent;
border: none;
@ -2944,7 +2956,7 @@ StWidget.focused .app-well-app-running-dot {
.system-action-icon {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 99px;
border-radius: 9999px;
}
.page-navigation-hint {

Loading…
Cancel
Save