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; background-color: $system;
border: none; border: none;
box-shadow: $shell-shadow-z4; box-shadow: $shell-shadow-z4;
border-radius: $circular-radius;
padding: $space-size * 2; padding: $space-size * 2;
} }

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

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

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

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

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

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

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

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

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

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

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

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

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

Loading…
Cancel
Save