aiden
/
Orchis-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed #249

Browse Source
pull/233/head
vinceliuice 3 years ago
parent 12f4a7a40f
commit f2b0b02d9a
12 changed files with 508 additions and 350 deletions
Show Stats Download Patch File Download Diff File

5
src/gnome-shell/sass/_extensions-40-0.scss
Unescape Escape View File

@ -337,6 +337,11 @@
&-build-icon { color: rgba(black, 0.85); } &-build-icon { color: rgba(black, 0.85); }
} }
//
// Arcmenu
//
// //
// Pop_OS cosmic widget styling // Pop_OS cosmic widget styling
// //

5
src/gnome-shell/sass/widgets/_buttons.scss
Unescape Escape View File

@ -1,10 +1,11 @@
/* Buttons */ /* Buttons */
.button { .button {
min-height: 24px; min-height: 20px;
padding: $container_padding $container_padding * 2; padding: $container_padding + 2px $container_padding * 2;
border: none; border: none;
border-radius: $buttons_radius; border-radius: $buttons_radius;
text-align: center;
@include font(button); @include font(button);
@include button(flat-normal); @include button(flat-normal);

7
src/gnome-shell/sass/widgets/_ibus-popup.scss
Unescape Escape View File

@ -1,7 +1,12 @@
// IBus Candidate Popup // IBus Candidate Popup
.candidate-popup-boxpointer { .candidate-popup-boxpointer {
@extend .popup-menu-boxpointer; -arrow-border-radius: 2px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 64px;
-arrow-rise: 12px;
} }
.candidate-popup-content { .candidate-popup-content {

83
src/gnome-shell/sass/widgets/_popovers-42.scss
Unescape Escape View File

@ -2,44 +2,38 @@
//.the popover itself //.the popover itself
.popup-menu-boxpointer { .popup-menu-boxpointer {
-arrow-border-radius: $popup_radius; // -arrow-border-radius: $popup_radius;
-arrow-background-color: transparent; -arrow-background-color: transparent;
-arrow-border-width: 0; -arrow-border-width: 0;
-arrow-border-color: transparent; -arrow-border-color: transparent;
-arrow-base: 8px; -arrow-base: $container_padding * 2;
-arrow-rise: 4px; -arrow-rise: $container_padding;
-arrow-box-shadow: none; //dreaming. bug #689995 -arrow-box-shadow: none; //dreaming. bug #689995
background: transparent; // needs to reset?
} }
// container of the popover menu // container of the popover menu
.popup-menu { .popup-menu {
min-width: 15em; min-width: if($laptop == 'true', 10em, 12em);
color: $fg_color; color: $fg_color;
border: none; border: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
border-radius: $popup_radius; border-radius: $popup_radius;
//.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is .popup-menu-content {
&.panel-menu {
-boxpointer-gap: $container_margin; // distance from the panel
margin-bottom: 1.75em;
}
}
.popup-menu-content {
padding: $container_padding; padding: $container_padding;
margin: 0 $container_padding / 2 $container_padding / 2; margin: 0 $container_padding / 2 $container_padding / 2;
background-color: $menu_bg_color; background-color: $menu_bg_color;
border-radius: $popup_radius; border-radius: $popup_radius;
border: none; border: none;
box-shadow: 0 3px 8px rgba(black, 0.2); box-shadow: 0 3px 8px rgba(black, 0.2);
} }
$submenu_item_radius: $popup_radius - $container_padding; $submenu_item_radius: $popup_radius - $container_padding;
// menu items // menu items
.popup-menu-item { .popup-menu-item {
spacing: $container_padding; spacing: $container_padding;
padding: $container_padding $container_padding * 2; padding: $container_padding $container_padding * 2;
color: $fg_color !important; color: $fg_color !important;
@ -91,10 +85,10 @@ $submenu_item_radius: $popup_radius - $container_padding;
&.selected:active { color: $fg_color !important; } &.selected:active { color: $fg_color !important; }
&:insensitive { color: $disabled_fg_color !important; } &:insensitive { color: $disabled_fg_color !important; }
} }
// all icons and other graphical elements // all icons and other graphical elements
.popup-inactive-menu-item { .popup-inactive-menu-item {
color: $fg_color !important; color: $fg_color !important;
&.selected:active { &.selected:active {
@ -103,14 +97,14 @@ $submenu_item_radius: $popup_radius - $container_padding;
} }
&:insensitive { color: $hint_fg_color !important; } &:insensitive { color: $hint_fg_color !important; }
} }
// symbolic icons in popover // symbolic icons in popover
.popup-menu-arrow, .popup-menu-arrow,
.popup-menu-icon { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; }
// popover submenus // popover submenus
.popup-sub-menu { .popup-sub-menu {
margin: 0; margin: 0;
color: rgba(black, 0.75) !important; color: rgba(black, 0.75) !important;
background-color: if($variant == 'light', rgba(black, 0.10), rgba(white, 0.95)) !important; background-color: if($variant == 'light', rgba(black, 0.10), rgba(white, 0.95)) !important;
@ -141,19 +135,19 @@ $submenu_item_radius: $popup_radius - $container_padding;
} }
@extend %scrollbar_on_light; @extend %scrollbar_on_light;
} }
// container for radio and check boxes // container for radio and check boxes
.popup-menu-ornament { .popup-menu-ornament {
width: 1.2em; width: 1.2em;
text-align: center !important; text-align: center !important;
&:ltr { text-align: right; } &:ltr { text-align: right; }
&:rtl { text-align: left; } &:rtl { text-align: left; }
} }
// separator // separator
.popup-separator-menu-item { .popup-separator-menu-item {
background: none; background: none;
border: none; border: none;
@ -167,6 +161,13 @@ $submenu_item_radius: $popup_radius - $container_padding;
background-color: rgba(black, 0.10); background-color: rgba(black, 0.10);
} }
} }
}
//.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is
&.panel-menu {
-boxpointer-gap: $container_margin; // distance from the panel
margin-bottom: 1.75em;
}
} }
// desktop background menu // desktop background menu
@ -179,9 +180,9 @@ $submenu_item_radius: $popup_radius - $container_padding;
.aggregate-menu { .aggregate-menu {
min-width: if($laptop == 'true', 19em, 21em); min-width: if($laptop == 'true', 19em, 21em);
// this is unneeded at the top-level in this menu, hide it // // this is unneeded at the top-level in this menu, hide it
.popup-menu-ornament, // .popup-menu-ornament,
.popup-sub-menu .popup-menu-ornament { width: 0 !important; } // .popup-sub-menu .popup-menu-ornament { width: 0 !important; }
.popup-menu-icon { .popup-menu-icon {
padding: 0; padding: 0;
@ -216,4 +217,18 @@ $submenu_item_radius: $popup_radius - $container_padding;
padding-right: $container_padding * 2; margin-right: 0; padding-right: $container_padding * 2; margin-right: 0;
} }
} }
.popup-inactive-menu-item:first-child {
// "Open Windows" label
> StLabel {
@include font(body-2);
&:ltr { margin-right: $container_margin * 2; }
&:rtl { margin-left: $container_margin * 2; }
}
.popup-separator-menu-item-separator {
height: 0;
background-color: transparent;
}
}
} }

16
src/gnome-shell/shell-40-0/gnome-shell-Compact.css
Unescape Escape View File

@ -167,10 +167,11 @@ StEntry StLabel.hint-text {
/* Buttons */ /* Buttons */
.button { .button {
min-height: 24px; min-height: 20px;
padding: 4px 8px; padding: 6px 8px;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
text-align: center;
font-size: 9.75pt; font-size: 9.75pt;
font-weight: 500; font-weight: 500;
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
@ -435,7 +436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
/* Popovers/Menus */ /* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer { .popup-menu-boxpointer {
-arrow-border-radius: 18px; -arrow-border-radius: 18px;
-arrow-background-color: transparent; -arrow-background-color: transparent;
-arrow-border-width: 0; -arrow-border-width: 0;
@ -1216,6 +1217,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-size: 24px !important; icon-size: 24px !important;
} }
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 64px;
-arrow-rise: 12px;
}
.candidate-popup-content { .candidate-popup-content {
background-color: rgba(255, 255, 255, 0.97); background-color: rgba(255, 255, 255, 0.97);
border-radius: 8px; border-radius: 8px;

16
src/gnome-shell/shell-40-0/gnome-shell-Dark-Compact.css
Unescape Escape View File

@ -167,10 +167,11 @@ StEntry StLabel.hint-text {
/* Buttons */ /* Buttons */
.button { .button {
min-height: 24px; min-height: 20px;
padding: 4px 8px; padding: 6px 8px;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
text-align: center;
font-size: 9.75pt; font-size: 9.75pt;
font-weight: 500; font-weight: 500;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
@ -435,7 +436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
/* Popovers/Menus */ /* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer { .popup-menu-boxpointer {
-arrow-border-radius: 18px; -arrow-border-radius: 18px;
-arrow-background-color: transparent; -arrow-background-color: transparent;
-arrow-border-width: 0; -arrow-border-width: 0;
@ -1216,6 +1217,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-size: 24px !important; icon-size: 24px !important;
} }
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 64px;
-arrow-rise: 12px;
}
.candidate-popup-content { .candidate-popup-content {
background-color: rgba(32, 32, 32, 0.97); background-color: rgba(32, 32, 32, 0.97);
border-radius: 8px; border-radius: 8px;

16
src/gnome-shell/shell-40-0/gnome-shell-Dark.css
Unescape Escape View File

@ -167,10 +167,11 @@ StEntry StLabel.hint-text {
/* Buttons */ /* Buttons */
.button { .button {
min-height: 24px; min-height: 20px;
padding: 6px 12px; padding: 8px 12px;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
text-align: center;
font-size: 10.5pt; font-size: 10.5pt;
font-weight: 500; font-weight: 500;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
@ -435,7 +436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
/* Popovers/Menus */ /* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer { .popup-menu-boxpointer {
-arrow-border-radius: 20px; -arrow-border-radius: 20px;
-arrow-background-color: transparent; -arrow-background-color: transparent;
-arrow-border-width: 0; -arrow-border-width: 0;
@ -1216,6 +1217,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-size: 24px !important; icon-size: 24px !important;
} }
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 64px;
-arrow-rise: 12px;
}
.candidate-popup-content { .candidate-popup-content {
background-color: rgba(32, 32, 32, 0.97); background-color: rgba(32, 32, 32, 0.97);
border-radius: 8px; border-radius: 8px;

16
src/gnome-shell/shell-40-0/gnome-shell.css
Unescape Escape View File

@ -167,10 +167,11 @@ StEntry StLabel.hint-text {
/* Buttons */ /* Buttons */
.button { .button {
min-height: 24px; min-height: 20px;
padding: 6px 12px; padding: 8px 12px;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
text-align: center;
font-size: 10.5pt; font-size: 10.5pt;
font-weight: 500; font-weight: 500;
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
@ -435,7 +436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
/* Popovers/Menus */ /* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer { .popup-menu-boxpointer {
-arrow-border-radius: 20px; -arrow-border-radius: 20px;
-arrow-background-color: transparent; -arrow-background-color: transparent;
-arrow-border-width: 0; -arrow-border-width: 0;
@ -1216,6 +1217,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-size: 24px !important; icon-size: 24px !important;
} }
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 64px;
-arrow-rise: 12px;
}
.candidate-popup-content { .candidate-popup-content {
background-color: rgba(255, 255, 255, 0.97); background-color: rgba(255, 255, 255, 0.97);
border-radius: 8px; border-radius: 8px;

121
src/gnome-shell/shell-42-0/gnome-shell-Compact.css
Unescape Escape View File

@ -221,10 +221,11 @@ StEntry StLabel.hint-text {
/* Buttons */ /* Buttons */
.button { .button {
min-height: 24px; min-height: 20px;
padding: 4px 8px; padding: 6px 8px;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
text-align: center;
font-size: 9.75pt; font-size: 9.75pt;
font-weight: 500; font-weight: 500;
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
@ -472,35 +473,35 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.85); background-color: rgba(255, 255, 255, 0.85);
} }
.popup-sub-menu StScrollBar StBin#trough { .popup-menu .popup-sub-menu StScrollBar StBin#trough {
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
} }
.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle { .popup-menu .popup-sub-menu StScrollBar StButton#vhandle, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.35); background-color: rgba(0, 0, 0, 0.35);
} }
.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover { .popup-menu .popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle:hover {
background-color: rgba(0, 0, 0, 0.45); background-color: rgba(0, 0, 0, 0.45);
} }
.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active { .popup-menu .popup-sub-menu StScrollBar StButton#vhandle:active, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.65); background-color: rgba(0, 0, 0, 0.65);
} }
/* Popovers/Menus */ /* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer { .popup-menu-boxpointer {
-arrow-border-radius: 18px;
-arrow-background-color: transparent; -arrow-background-color: transparent;
-arrow-border-width: 0; -arrow-border-width: 0;
-arrow-border-color: transparent; -arrow-border-color: transparent;
-arrow-base: 8px; -arrow-base: 8px;
-arrow-rise: 4px; -arrow-rise: 4px;
-arrow-box-shadow: none; -arrow-box-shadow: none;
background: transparent;
} }
.popup-menu { .popup-menu {
min-width: 15em; min-width: 10em;
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
border: none; border: none;
padding: 0; padding: 0;
@ -508,12 +509,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 18px; border-radius: 18px;
} }
.popup-menu.panel-menu { .popup-menu .popup-menu-content {
-boxpointer-gap: 2px;
margin-bottom: 1.75em;
}
.popup-menu-content {
padding: 4px; padding: 4px;
margin: 0 2px 2px; margin: 0 2px 2px;
background-color: rgba(255, 255, 255, 0.97); background-color: rgba(255, 255, 255, 0.97);
@ -522,7 +518,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
} }
.popup-menu-item { .popup-menu .popup-menu-item {
spacing: 4px; spacing: 4px;
padding: 4px 8px; padding: 4px 8px;
color: rgba(0, 0, 0, 0.87) !important; color: rgba(0, 0, 0, 0.87) !important;
@ -532,17 +528,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border: none; border: none;
} }
.popup-menu-item:ltr { .popup-menu .popup-menu-item:ltr {
padding-right: 8px; padding-right: 8px;
padding-left: 0; padding-left: 0;
} }
.popup-menu-item:rtl { .popup-menu .popup-menu-item:rtl {
padding-right: 0; padding-right: 0;
padding-left: 8px; padding-left: 8px;
} }
.popup-menu-item:checked { .popup-menu .popup-menu-item:checked {
background-color: rgba(0, 0, 0, 0.1) !important; background-color: rgba(0, 0, 0, 0.1) !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
font-weight: normal; font-weight: normal;
@ -551,64 +547,64 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
box-shadow: none; box-shadow: none;
} }
.popup-menu-item:checked:hover, .popup-menu-item:checked:focus, .popup-menu-item.selected:checked { .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item.selected:checked {
background-color: rgba(0, 0, 0, 0.2) !important; background-color: rgba(0, 0, 0, 0.2) !important;
color: rgba(0, 0, 0, 0.85) !important; color: rgba(0, 0, 0, 0.85) !important;
} }
.popup-menu-item:checked:active { .popup-menu .popup-menu-item:checked:active {
background-color: #dfdfdf !important; background-color: #dfdfdf !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-menu-item.selected:checked:active { .popup-menu .popup-menu-item.selected:checked:active {
background-color: rgba(0, 0, 0, 0.15) !important; background-color: rgba(0, 0, 0, 0.15) !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-menu-item:checked:insensitive { .popup-menu .popup-menu-item:checked:insensitive {
color: rgba(0, 0, 0, 0.35) !important; color: rgba(0, 0, 0, 0.35) !important;
} }
.popup-menu-item:hover, .popup-menu-item:focus, .popup-menu-item.selected { .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item.selected {
background-color: rgba(0, 0, 0, 0.12) !important; background-color: rgba(0, 0, 0, 0.12) !important;
color: rgba(0, 0, 0, 0.87) !important; color: rgba(0, 0, 0, 0.87) !important;
transition-duration: 0ms; transition-duration: 0ms;
} }
.popup-menu-item:active { .popup-menu .popup-menu-item:active {
background-color: rgba(0, 0, 0, 0.2) !important; background-color: rgba(0, 0, 0, 0.2) !important;
color: rgba(0, 0, 0, 0.87) !important; color: rgba(0, 0, 0, 0.87) !important;
transition-duration: 150ms; transition-duration: 150ms;
} }
.popup-menu-item.selected:active { .popup-menu .popup-menu-item.selected:active {
color: rgba(0, 0, 0, 0.87) !important; color: rgba(0, 0, 0, 0.87) !important;
} }
.popup-menu-item:insensitive { .popup-menu .popup-menu-item:insensitive {
color: rgba(0, 0, 0, 0.38) !important; color: rgba(0, 0, 0, 0.38) !important;
} }
.popup-inactive-menu-item { .popup-menu .popup-inactive-menu-item {
color: rgba(0, 0, 0, 0.87) !important; color: rgba(0, 0, 0, 0.87) !important;
} }
.popup-inactive-menu-item.selected:active { .popup-menu .popup-inactive-menu-item.selected:active {
background-color: rgba(0, 0, 0, 0.15) !important; background-color: rgba(0, 0, 0, 0.15) !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-inactive-menu-item:insensitive { .popup-menu .popup-inactive-menu-item:insensitive {
color: rgba(0, 0, 0, 0.38) !important; color: rgba(0, 0, 0, 0.38) !important;
} }
.popup-menu-arrow, .popup-menu .popup-menu-arrow,
.popup-menu-icon { .popup-menu .popup-menu-icon {
icon-size: 16px; icon-size: 16px;
} }
.popup-sub-menu { .popup-menu .popup-sub-menu {
margin: 0; margin: 0;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
background-color: rgba(0, 0, 0, 0.1) !important; background-color: rgba(0, 0, 0, 0.1) !important;
@ -618,60 +614,65 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-image: none; background-image: none;
} }
.popup-sub-menu .popup-menu-item { .popup-menu .popup-sub-menu .popup-menu-item {
margin: 0; margin: 0;
border-radius: 14px; border-radius: 14px;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
background-image: none; background-image: none;
} }
.popup-sub-menu .popup-menu-item:hover, .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item.selected { .popup-menu .popup-sub-menu .popup-menu-item:hover, .popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item.selected {
color: rgba(0, 0, 0, 0.85) !important; color: rgba(0, 0, 0, 0.85) !important;
background-color: rgba(0, 0, 0, 0.15) !important; background-color: rgba(0, 0, 0, 0.15) !important;
} }
.popup-sub-menu .popup-menu-item:active { .popup-menu .popup-sub-menu .popup-menu-item:active {
color: rgba(0, 0, 0, 0.85) !important; color: rgba(0, 0, 0, 0.85) !important;
background-color: rgba(0, 0, 0, 0.2) !important; background-color: rgba(0, 0, 0, 0.2) !important;
} }
.popup-sub-menu .popup-menu-item.selected:active { .popup-menu .popup-sub-menu .popup-menu-item.selected:active {
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-sub-menu .popup-menu-item:insensitive { .popup-menu .popup-sub-menu .popup-menu-item:insensitive {
color: rgba(0, 0, 0, 0.35) !important; color: rgba(0, 0, 0, 0.35) !important;
} }
.popup-menu-ornament { .popup-menu .popup-menu-ornament {
width: 1.2em; width: 1.2em;
text-align: center !important; text-align: center !important;
} }
.popup-menu-ornament:ltr { .popup-menu .popup-menu-ornament:ltr {
text-align: right; text-align: right;
} }
.popup-menu-ornament:rtl { .popup-menu .popup-menu-ornament:rtl {
text-align: left; text-align: left;
} }
.popup-separator-menu-item { .popup-menu .popup-separator-menu-item {
background: none; background: none;
border: none; border: none;
} }
.popup-separator-menu-item .popup-separator-menu-item-separator { .popup-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px; height: 1px;
margin: 4px 32px; margin: 4px 32px;
background-color: rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.12);
} }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { .popup-sub-menu .popup-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
margin: 4px 36px 4px 16px; margin: 4px 36px 4px 16px;
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
} }
.popup-menu.panel-menu {
-boxpointer-gap: 2px;
margin-bottom: 1.75em;
}
.background-menu { .background-menu {
-boxpointer-gap: 2px; -boxpointer-gap: 2px;
-arrow-rise: 0; -arrow-rise: 0;
@ -681,11 +682,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
min-width: 19em; min-width: 19em;
} }
.aggregate-menu .popup-menu-ornament,
.aggregate-menu .popup-sub-menu .popup-menu-ornament {
width: 0 !important;
}
.aggregate-menu .popup-menu-icon { .aggregate-menu .popup-menu-icon {
padding: 0; padding: 0;
margin: 0 2px; margin: 0 2px;
@ -722,6 +718,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
margin-right: 0; margin-right: 0;
} }
.app-menu .popup-inactive-menu-item:first-child > StLabel {
font-size: 9.75pt;
font-weight: 500;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 4px;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 4px;
}
.app-menu .popup-inactive-menu-item:first-child .popup-separator-menu-item-separator {
height: 0;
background-color: transparent;
}
/* Date/Time Menu */ /* Date/Time Menu */
.clock-display-box { .clock-display-box {
spacing: 2px; spacing: 2px;
@ -1297,6 +1311,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-size: 24px !important; icon-size: 24px !important;
} }
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 64px;
-arrow-rise: 12px;
}
.candidate-popup-content { .candidate-popup-content {
background-color: rgba(255, 255, 255, 0.97); background-color: rgba(255, 255, 255, 0.97);
border-radius: 8px; border-radius: 8px;

121
src/gnome-shell/shell-42-0/gnome-shell-Dark-Compact.css
Unescape Escape View File

@ -221,10 +221,11 @@ StEntry StLabel.hint-text {
/* Buttons */ /* Buttons */
.button { .button {
min-height: 24px; min-height: 20px;
padding: 4px 8px; padding: 6px 8px;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
text-align: center;
font-size: 9.75pt; font-size: 9.75pt;
font-weight: 500; font-weight: 500;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
@ -472,35 +473,35 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.85); background-color: rgba(255, 255, 255, 0.85);
} }
.popup-sub-menu StScrollBar StBin#trough { .popup-menu .popup-sub-menu StScrollBar StBin#trough {
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
} }
.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle { .popup-menu .popup-sub-menu StScrollBar StButton#vhandle, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.35); background-color: rgba(0, 0, 0, 0.35);
} }
.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover { .popup-menu .popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle:hover {
background-color: rgba(0, 0, 0, 0.45); background-color: rgba(0, 0, 0, 0.45);
} }
.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active { .popup-menu .popup-sub-menu StScrollBar StButton#vhandle:active, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.65); background-color: rgba(0, 0, 0, 0.65);
} }
/* Popovers/Menus */ /* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer { .popup-menu-boxpointer {
-arrow-border-radius: 18px;
-arrow-background-color: transparent; -arrow-background-color: transparent;
-arrow-border-width: 0; -arrow-border-width: 0;
-arrow-border-color: transparent; -arrow-border-color: transparent;
-arrow-base: 8px; -arrow-base: 8px;
-arrow-rise: 4px; -arrow-rise: 4px;
-arrow-box-shadow: none; -arrow-box-shadow: none;
background: transparent;
} }
.popup-menu { .popup-menu {
min-width: 15em; min-width: 10em;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
border: none; border: none;
padding: 0; padding: 0;
@ -508,12 +509,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 18px; border-radius: 18px;
} }
.popup-menu.panel-menu { .popup-menu .popup-menu-content {
-boxpointer-gap: 2px;
margin-bottom: 1.75em;
}
.popup-menu-content {
padding: 4px; padding: 4px;
margin: 0 2px 2px; margin: 0 2px 2px;
background-color: rgba(32, 32, 32, 0.97); background-color: rgba(32, 32, 32, 0.97);
@ -522,7 +518,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
} }
.popup-menu-item { .popup-menu .popup-menu-item {
spacing: 4px; spacing: 4px;
padding: 4px 8px; padding: 4px 8px;
color: rgba(255, 255, 255, 0.9) !important; color: rgba(255, 255, 255, 0.9) !important;
@ -532,17 +528,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border: none; border: none;
} }
.popup-menu-item:ltr { .popup-menu .popup-menu-item:ltr {
padding-right: 8px; padding-right: 8px;
padding-left: 0; padding-left: 0;
} }
.popup-menu-item:rtl { .popup-menu .popup-menu-item:rtl {
padding-right: 0; padding-right: 0;
padding-left: 8px; padding-left: 8px;
} }
.popup-menu-item:checked { .popup-menu .popup-menu-item:checked {
background-color: rgba(255, 255, 255, 0.95) !important; background-color: rgba(255, 255, 255, 0.95) !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
font-weight: normal; font-weight: normal;
@ -551,64 +547,64 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
box-shadow: none; box-shadow: none;
} }
.popup-menu-item:checked:hover, .popup-menu-item:checked:focus, .popup-menu-item.selected:checked { .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item.selected:checked {
background-color: #e5e5e5 !important; background-color: #e5e5e5 !important;
color: rgba(0, 0, 0, 0.85) !important; color: rgba(0, 0, 0, 0.85) !important;
} }
.popup-menu-item:checked:active { .popup-menu .popup-menu-item:checked:active {
background-color: #dfdfdf !important; background-color: #dfdfdf !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-menu-item.selected:checked:active { .popup-menu .popup-menu-item.selected:checked:active {
background-color: #e0e0e0 !important; background-color: #e0e0e0 !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-menu-item:checked:insensitive { .popup-menu .popup-menu-item:checked:insensitive {
color: rgba(0, 0, 0, 0.35) !important; color: rgba(0, 0, 0, 0.35) !important;
} }
.popup-menu-item:hover, .popup-menu-item:focus, .popup-menu-item.selected { .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item.selected {
background-color: rgba(255, 255, 255, 0.08) !important; background-color: rgba(255, 255, 255, 0.08) !important;
color: rgba(255, 255, 255, 0.9) !important; color: rgba(255, 255, 255, 0.9) !important;
transition-duration: 0ms; transition-duration: 0ms;
} }
.popup-menu-item:active { .popup-menu .popup-menu-item:active {
background-color: rgba(255, 255, 255, 0.16) !important; background-color: rgba(255, 255, 255, 0.16) !important;
color: rgba(255, 255, 255, 0.9) !important; color: rgba(255, 255, 255, 0.9) !important;
transition-duration: 150ms; transition-duration: 150ms;
} }
.popup-menu-item.selected:active { .popup-menu .popup-menu-item.selected:active {
color: rgba(255, 255, 255, 0.9) !important; color: rgba(255, 255, 255, 0.9) !important;
} }
.popup-menu-item:insensitive { .popup-menu .popup-menu-item:insensitive {
color: rgba(255, 255, 255, 0.5) !important; color: rgba(255, 255, 255, 0.5) !important;
} }
.popup-inactive-menu-item { .popup-menu .popup-inactive-menu-item {
color: rgba(255, 255, 255, 0.9) !important; color: rgba(255, 255, 255, 0.9) !important;
} }
.popup-inactive-menu-item.selected:active { .popup-menu .popup-inactive-menu-item.selected:active {
background-color: #e0e0e0 !important; background-color: #e0e0e0 !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-inactive-menu-item:insensitive { .popup-menu .popup-inactive-menu-item:insensitive {
color: rgba(255, 255, 255, 0.5) !important; color: rgba(255, 255, 255, 0.5) !important;
} }
.popup-menu-arrow, .popup-menu .popup-menu-arrow,
.popup-menu-icon { .popup-menu .popup-menu-icon {
icon-size: 16px; icon-size: 16px;
} }
.popup-sub-menu { .popup-menu .popup-sub-menu {
margin: 0; margin: 0;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
background-color: rgba(255, 255, 255, 0.95) !important; background-color: rgba(255, 255, 255, 0.95) !important;
@ -618,60 +614,65 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-image: none; background-image: none;
} }
.popup-sub-menu .popup-menu-item { .popup-menu .popup-sub-menu .popup-menu-item {
margin: 0; margin: 0;
border-radius: 14px; border-radius: 14px;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
background-image: none; background-image: none;
} }
.popup-sub-menu .popup-menu-item:hover, .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item.selected { .popup-menu .popup-sub-menu .popup-menu-item:hover, .popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item.selected {
color: rgba(0, 0, 0, 0.85) !important; color: rgba(0, 0, 0, 0.85) !important;
background-color: rgba(0, 0, 0, 0.15) !important; background-color: rgba(0, 0, 0, 0.15) !important;
} }
.popup-sub-menu .popup-menu-item:active { .popup-menu .popup-sub-menu .popup-menu-item:active {
color: rgba(0, 0, 0, 0.85) !important; color: rgba(0, 0, 0, 0.85) !important;
background-color: rgba(0, 0, 0, 0.2) !important; background-color: rgba(0, 0, 0, 0.2) !important;
} }
.popup-sub-menu .popup-menu-item.selected:active { .popup-menu .popup-sub-menu .popup-menu-item.selected:active {
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-sub-menu .popup-menu-item:insensitive { .popup-menu .popup-sub-menu .popup-menu-item:insensitive {
color: rgba(0, 0, 0, 0.35) !important; color: rgba(0, 0, 0, 0.35) !important;
} }
.popup-menu-ornament { .popup-menu .popup-menu-ornament {
width: 1.2em; width: 1.2em;
text-align: center !important; text-align: center !important;
} }
.popup-menu-ornament:ltr { .popup-menu .popup-menu-ornament:ltr {
text-align: right; text-align: right;
} }
.popup-menu-ornament:rtl { .popup-menu .popup-menu-ornament:rtl {
text-align: left; text-align: left;
} }
.popup-separator-menu-item { .popup-menu .popup-separator-menu-item {
background: none; background: none;
border: none; border: none;
} }
.popup-separator-menu-item .popup-separator-menu-item-separator { .popup-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px; height: 1px;
margin: 4px 32px; margin: 4px 32px;
background-color: rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.12);
} }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { .popup-sub-menu .popup-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
margin: 4px 36px 4px 16px; margin: 4px 36px 4px 16px;
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
} }
.popup-menu.panel-menu {
-boxpointer-gap: 2px;
margin-bottom: 1.75em;
}
.background-menu { .background-menu {
-boxpointer-gap: 2px; -boxpointer-gap: 2px;
-arrow-rise: 0; -arrow-rise: 0;
@ -681,11 +682,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
min-width: 19em; min-width: 19em;
} }
.aggregate-menu .popup-menu-ornament,
.aggregate-menu .popup-sub-menu .popup-menu-ornament {
width: 0 !important;
}
.aggregate-menu .popup-menu-icon { .aggregate-menu .popup-menu-icon {
padding: 0; padding: 0;
margin: 0 2px; margin: 0 2px;
@ -722,6 +718,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
margin-right: 0; margin-right: 0;
} }
.app-menu .popup-inactive-menu-item:first-child > StLabel {
font-size: 9.75pt;
font-weight: 500;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 4px;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 4px;
}
.app-menu .popup-inactive-menu-item:first-child .popup-separator-menu-item-separator {
height: 0;
background-color: transparent;
}
/* Date/Time Menu */ /* Date/Time Menu */
.clock-display-box { .clock-display-box {
spacing: 2px; spacing: 2px;
@ -1297,6 +1311,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-size: 24px !important; icon-size: 24px !important;
} }
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 64px;
-arrow-rise: 12px;
}
.candidate-popup-content { .candidate-popup-content {
background-color: rgba(32, 32, 32, 0.97); background-color: rgba(32, 32, 32, 0.97);
border-radius: 8px; border-radius: 8px;

125
src/gnome-shell/shell-42-0/gnome-shell-Dark.css
Unescape Escape View File

@ -221,10 +221,11 @@ StEntry StLabel.hint-text {
/* Buttons */ /* Buttons */
.button { .button {
min-height: 24px; min-height: 20px;
padding: 6px 12px; padding: 8px 12px;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
text-align: center;
font-size: 10.5pt; font-size: 10.5pt;
font-weight: 500; font-weight: 500;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
@ -472,35 +473,35 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.85); background-color: rgba(255, 255, 255, 0.85);
} }
.popup-sub-menu StScrollBar StBin#trough { .popup-menu .popup-sub-menu StScrollBar StBin#trough {
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
} }
.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle { .popup-menu .popup-sub-menu StScrollBar StButton#vhandle, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.35); background-color: rgba(0, 0, 0, 0.35);
} }
.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover { .popup-menu .popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle:hover {
background-color: rgba(0, 0, 0, 0.45); background-color: rgba(0, 0, 0, 0.45);
} }
.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active { .popup-menu .popup-sub-menu StScrollBar StButton#vhandle:active, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.65); background-color: rgba(0, 0, 0, 0.65);
} }
/* Popovers/Menus */ /* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer { .popup-menu-boxpointer {
-arrow-border-radius: 20px;
-arrow-background-color: transparent; -arrow-background-color: transparent;
-arrow-border-width: 0; -arrow-border-width: 0;
-arrow-border-color: transparent; -arrow-border-color: transparent;
-arrow-base: 8px; -arrow-base: 12px;
-arrow-rise: 4px; -arrow-rise: 6px;
-arrow-box-shadow: none; -arrow-box-shadow: none;
background: transparent;
} }
.popup-menu { .popup-menu {
min-width: 15em; min-width: 12em;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
border: none; border: none;
padding: 0; padding: 0;
@ -508,12 +509,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 20px; border-radius: 20px;
} }
.popup-menu.panel-menu { .popup-menu .popup-menu-content {
-boxpointer-gap: 4px;
margin-bottom: 1.75em;
}
.popup-menu-content {
padding: 6px; padding: 6px;
margin: 0 3px 3px; margin: 0 3px 3px;
background-color: rgba(32, 32, 32, 0.97); background-color: rgba(32, 32, 32, 0.97);
@ -522,7 +518,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
} }
.popup-menu-item { .popup-menu .popup-menu-item {
spacing: 6px; spacing: 6px;
padding: 6px 12px; padding: 6px 12px;
color: rgba(255, 255, 255, 0.9) !important; color: rgba(255, 255, 255, 0.9) !important;
@ -532,17 +528,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border: none; border: none;
} }
.popup-menu-item:ltr { .popup-menu .popup-menu-item:ltr {
padding-right: 12px; padding-right: 12px;
padding-left: 0; padding-left: 0;
} }
.popup-menu-item:rtl { .popup-menu .popup-menu-item:rtl {
padding-right: 0; padding-right: 0;
padding-left: 12px; padding-left: 12px;
} }
.popup-menu-item:checked { .popup-menu .popup-menu-item:checked {
background-color: rgba(255, 255, 255, 0.95) !important; background-color: rgba(255, 255, 255, 0.95) !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
font-weight: normal; font-weight: normal;
@ -551,64 +547,64 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
box-shadow: none; box-shadow: none;
} }
.popup-menu-item:checked:hover, .popup-menu-item:checked:focus, .popup-menu-item.selected:checked { .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item.selected:checked {
background-color: #e5e5e5 !important; background-color: #e5e5e5 !important;
color: rgba(0, 0, 0, 0.85) !important; color: rgba(0, 0, 0, 0.85) !important;
} }
.popup-menu-item:checked:active { .popup-menu .popup-menu-item:checked:active {
background-color: #dfdfdf !important; background-color: #dfdfdf !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-menu-item.selected:checked:active { .popup-menu .popup-menu-item.selected:checked:active {
background-color: #e0e0e0 !important; background-color: #e0e0e0 !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-menu-item:checked:insensitive { .popup-menu .popup-menu-item:checked:insensitive {
color: rgba(0, 0, 0, 0.35) !important; color: rgba(0, 0, 0, 0.35) !important;
} }
.popup-menu-item:hover, .popup-menu-item:focus, .popup-menu-item.selected { .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item.selected {
background-color: rgba(255, 255, 255, 0.08) !important; background-color: rgba(255, 255, 255, 0.08) !important;
color: rgba(255, 255, 255, 0.9) !important; color: rgba(255, 255, 255, 0.9) !important;
transition-duration: 0ms; transition-duration: 0ms;
} }
.popup-menu-item:active { .popup-menu .popup-menu-item:active {
background-color: rgba(255, 255, 255, 0.16) !important; background-color: rgba(255, 255, 255, 0.16) !important;
color: rgba(255, 255, 255, 0.9) !important; color: rgba(255, 255, 255, 0.9) !important;
transition-duration: 150ms; transition-duration: 150ms;
} }
.popup-menu-item.selected:active { .popup-menu .popup-menu-item.selected:active {
color: rgba(255, 255, 255, 0.9) !important; color: rgba(255, 255, 255, 0.9) !important;
} }
.popup-menu-item:insensitive { .popup-menu .popup-menu-item:insensitive {
color: rgba(255, 255, 255, 0.5) !important; color: rgba(255, 255, 255, 0.5) !important;
} }
.popup-inactive-menu-item { .popup-menu .popup-inactive-menu-item {
color: rgba(255, 255, 255, 0.9) !important; color: rgba(255, 255, 255, 0.9) !important;
} }
.popup-inactive-menu-item.selected:active { .popup-menu .popup-inactive-menu-item.selected:active {
background-color: #e0e0e0 !important; background-color: #e0e0e0 !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-inactive-menu-item:insensitive { .popup-menu .popup-inactive-menu-item:insensitive {
color: rgba(255, 255, 255, 0.5) !important; color: rgba(255, 255, 255, 0.5) !important;
} }
.popup-menu-arrow, .popup-menu .popup-menu-arrow,
.popup-menu-icon { .popup-menu .popup-menu-icon {
icon-size: 16px; icon-size: 16px;
} }
.popup-sub-menu { .popup-menu .popup-sub-menu {
margin: 0; margin: 0;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
background-color: rgba(255, 255, 255, 0.95) !important; background-color: rgba(255, 255, 255, 0.95) !important;
@ -618,60 +614,65 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-image: none; background-image: none;
} }
.popup-sub-menu .popup-menu-item { .popup-menu .popup-sub-menu .popup-menu-item {
margin: 0; margin: 0;
border-radius: 14px; border-radius: 14px;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
background-image: none; background-image: none;
} }
.popup-sub-menu .popup-menu-item:hover, .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item.selected { .popup-menu .popup-sub-menu .popup-menu-item:hover, .popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item.selected {
color: rgba(0, 0, 0, 0.85) !important; color: rgba(0, 0, 0, 0.85) !important;
background-color: rgba(0, 0, 0, 0.15) !important; background-color: rgba(0, 0, 0, 0.15) !important;
} }
.popup-sub-menu .popup-menu-item:active { .popup-menu .popup-sub-menu .popup-menu-item:active {
color: rgba(0, 0, 0, 0.85) !important; color: rgba(0, 0, 0, 0.85) !important;
background-color: rgba(0, 0, 0, 0.2) !important; background-color: rgba(0, 0, 0, 0.2) !important;
} }
.popup-sub-menu .popup-menu-item.selected:active { .popup-menu .popup-sub-menu .popup-menu-item.selected:active {
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-sub-menu .popup-menu-item:insensitive { .popup-menu .popup-sub-menu .popup-menu-item:insensitive {
color: rgba(0, 0, 0, 0.35) !important; color: rgba(0, 0, 0, 0.35) !important;
} }
.popup-menu-ornament { .popup-menu .popup-menu-ornament {
width: 1.2em; width: 1.2em;
text-align: center !important; text-align: center !important;
} }
.popup-menu-ornament:ltr { .popup-menu .popup-menu-ornament:ltr {
text-align: right; text-align: right;
} }
.popup-menu-ornament:rtl { .popup-menu .popup-menu-ornament:rtl {
text-align: left; text-align: left;
} }
.popup-separator-menu-item { .popup-menu .popup-separator-menu-item {
background: none; background: none;
border: none; border: none;
} }
.popup-separator-menu-item .popup-separator-menu-item-separator { .popup-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px; height: 1px;
margin: 6px 48px; margin: 6px 48px;
background-color: rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.12);
} }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { .popup-sub-menu .popup-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
margin: 6px 54px 6px 24px; margin: 6px 54px 6px 24px;
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
} }
.popup-menu.panel-menu {
-boxpointer-gap: 4px;
margin-bottom: 1.75em;
}
.background-menu { .background-menu {
-boxpointer-gap: 4px; -boxpointer-gap: 4px;
-arrow-rise: 0; -arrow-rise: 0;
@ -681,11 +682,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
min-width: 21em; min-width: 21em;
} }
.aggregate-menu .popup-menu-ornament,
.aggregate-menu .popup-sub-menu .popup-menu-ornament {
width: 0 !important;
}
.aggregate-menu .popup-menu-icon { .aggregate-menu .popup-menu-icon {
padding: 0; padding: 0;
margin: 0 4px; margin: 0 4px;
@ -722,6 +718,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
margin-right: 0; margin-right: 0;
} }
.app-menu .popup-inactive-menu-item:first-child > StLabel {
font-size: 10.5pt;
font-weight: 500;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 8px;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 8px;
}
.app-menu .popup-inactive-menu-item:first-child .popup-separator-menu-item-separator {
height: 0;
background-color: transparent;
}
/* Date/Time Menu */ /* Date/Time Menu */
.clock-display-box { .clock-display-box {
spacing: 2px; spacing: 2px;
@ -1297,6 +1311,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-size: 24px !important; icon-size: 24px !important;
} }
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 64px;
-arrow-rise: 12px;
}
.candidate-popup-content { .candidate-popup-content {
background-color: rgba(32, 32, 32, 0.97); background-color: rgba(32, 32, 32, 0.97);
border-radius: 8px; border-radius: 8px;

125
src/gnome-shell/shell-42-0/gnome-shell.css
Unescape Escape View File

@ -221,10 +221,11 @@ StEntry StLabel.hint-text {
/* Buttons */ /* Buttons */
.button { .button {
min-height: 24px; min-height: 20px;
padding: 6px 12px; padding: 8px 12px;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
text-align: center;
font-size: 10.5pt; font-size: 10.5pt;
font-weight: 500; font-weight: 500;
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
@ -472,35 +473,35 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.85); background-color: rgba(255, 255, 255, 0.85);
} }
.popup-sub-menu StScrollBar StBin#trough { .popup-menu .popup-sub-menu StScrollBar StBin#trough {
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
} }
.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle { .popup-menu .popup-sub-menu StScrollBar StButton#vhandle, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.35); background-color: rgba(0, 0, 0, 0.35);
} }
.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover { .popup-menu .popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle:hover {
background-color: rgba(0, 0, 0, 0.45); background-color: rgba(0, 0, 0, 0.45);
} }
.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active { .popup-menu .popup-sub-menu StScrollBar StButton#vhandle:active, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.65); background-color: rgba(0, 0, 0, 0.65);
} }
/* Popovers/Menus */ /* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer { .popup-menu-boxpointer {
-arrow-border-radius: 20px;
-arrow-background-color: transparent; -arrow-background-color: transparent;
-arrow-border-width: 0; -arrow-border-width: 0;
-arrow-border-color: transparent; -arrow-border-color: transparent;
-arrow-base: 8px; -arrow-base: 12px;
-arrow-rise: 4px; -arrow-rise: 6px;
-arrow-box-shadow: none; -arrow-box-shadow: none;
background: transparent;
} }
.popup-menu { .popup-menu {
min-width: 15em; min-width: 12em;
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
border: none; border: none;
padding: 0; padding: 0;
@ -508,12 +509,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 20px; border-radius: 20px;
} }
.popup-menu.panel-menu { .popup-menu .popup-menu-content {
-boxpointer-gap: 4px;
margin-bottom: 1.75em;
}
.popup-menu-content {
padding: 6px; padding: 6px;
margin: 0 3px 3px; margin: 0 3px 3px;
background-color: rgba(255, 255, 255, 0.97); background-color: rgba(255, 255, 255, 0.97);
@ -522,7 +518,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
} }
.popup-menu-item { .popup-menu .popup-menu-item {
spacing: 6px; spacing: 6px;
padding: 6px 12px; padding: 6px 12px;
color: rgba(0, 0, 0, 0.87) !important; color: rgba(0, 0, 0, 0.87) !important;
@ -532,17 +528,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border: none; border: none;
} }
.popup-menu-item:ltr { .popup-menu .popup-menu-item:ltr {
padding-right: 12px; padding-right: 12px;
padding-left: 0; padding-left: 0;
} }
.popup-menu-item:rtl { .popup-menu .popup-menu-item:rtl {
padding-right: 0; padding-right: 0;
padding-left: 12px; padding-left: 12px;
} }
.popup-menu-item:checked { .popup-menu .popup-menu-item:checked {
background-color: rgba(0, 0, 0, 0.1) !important; background-color: rgba(0, 0, 0, 0.1) !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
font-weight: normal; font-weight: normal;
@ -551,64 +547,64 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
box-shadow: none; box-shadow: none;
} }
.popup-menu-item:checked:hover, .popup-menu-item:checked:focus, .popup-menu-item.selected:checked { .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item.selected:checked {
background-color: rgba(0, 0, 0, 0.2) !important; background-color: rgba(0, 0, 0, 0.2) !important;
color: rgba(0, 0, 0, 0.85) !important; color: rgba(0, 0, 0, 0.85) !important;
} }
.popup-menu-item:checked:active { .popup-menu .popup-menu-item:checked:active {
background-color: #dfdfdf !important; background-color: #dfdfdf !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-menu-item.selected:checked:active { .popup-menu .popup-menu-item.selected:checked:active {
background-color: rgba(0, 0, 0, 0.15) !important; background-color: rgba(0, 0, 0, 0.15) !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-menu-item:checked:insensitive { .popup-menu .popup-menu-item:checked:insensitive {
color: rgba(0, 0, 0, 0.35) !important; color: rgba(0, 0, 0, 0.35) !important;
} }
.popup-menu-item:hover, .popup-menu-item:focus, .popup-menu-item.selected { .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item.selected {
background-color: rgba(0, 0, 0, 0.12) !important; background-color: rgba(0, 0, 0, 0.12) !important;
color: rgba(0, 0, 0, 0.87) !important; color: rgba(0, 0, 0, 0.87) !important;
transition-duration: 0ms; transition-duration: 0ms;
} }
.popup-menu-item:active { .popup-menu .popup-menu-item:active {
background-color: rgba(0, 0, 0, 0.2) !important; background-color: rgba(0, 0, 0, 0.2) !important;
color: rgba(0, 0, 0, 0.87) !important; color: rgba(0, 0, 0, 0.87) !important;
transition-duration: 150ms; transition-duration: 150ms;
} }
.popup-menu-item.selected:active { .popup-menu .popup-menu-item.selected:active {
color: rgba(0, 0, 0, 0.87) !important; color: rgba(0, 0, 0, 0.87) !important;
} }
.popup-menu-item:insensitive { .popup-menu .popup-menu-item:insensitive {
color: rgba(0, 0, 0, 0.38) !important; color: rgba(0, 0, 0, 0.38) !important;
} }
.popup-inactive-menu-item { .popup-menu .popup-inactive-menu-item {
color: rgba(0, 0, 0, 0.87) !important; color: rgba(0, 0, 0, 0.87) !important;
} }
.popup-inactive-menu-item.selected:active { .popup-menu .popup-inactive-menu-item.selected:active {
background-color: rgba(0, 0, 0, 0.15) !important; background-color: rgba(0, 0, 0, 0.15) !important;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-inactive-menu-item:insensitive { .popup-menu .popup-inactive-menu-item:insensitive {
color: rgba(0, 0, 0, 0.38) !important; color: rgba(0, 0, 0, 0.38) !important;
} }
.popup-menu-arrow, .popup-menu .popup-menu-arrow,
.popup-menu-icon { .popup-menu .popup-menu-icon {
icon-size: 16px; icon-size: 16px;
} }
.popup-sub-menu { .popup-menu .popup-sub-menu {
margin: 0; margin: 0;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
background-color: rgba(0, 0, 0, 0.1) !important; background-color: rgba(0, 0, 0, 0.1) !important;
@ -618,60 +614,65 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-image: none; background-image: none;
} }
.popup-sub-menu .popup-menu-item { .popup-menu .popup-sub-menu .popup-menu-item {
margin: 0; margin: 0;
border-radius: 14px; border-radius: 14px;
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
background-image: none; background-image: none;
} }
.popup-sub-menu .popup-menu-item:hover, .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item.selected { .popup-menu .popup-sub-menu .popup-menu-item:hover, .popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item.selected {
color: rgba(0, 0, 0, 0.85) !important; color: rgba(0, 0, 0, 0.85) !important;
background-color: rgba(0, 0, 0, 0.15) !important; background-color: rgba(0, 0, 0, 0.15) !important;
} }
.popup-sub-menu .popup-menu-item:active { .popup-menu .popup-sub-menu .popup-menu-item:active {
color: rgba(0, 0, 0, 0.85) !important; color: rgba(0, 0, 0, 0.85) !important;
background-color: rgba(0, 0, 0, 0.2) !important; background-color: rgba(0, 0, 0, 0.2) !important;
} }
.popup-sub-menu .popup-menu-item.selected:active { .popup-menu .popup-sub-menu .popup-menu-item.selected:active {
color: rgba(0, 0, 0, 0.75) !important; color: rgba(0, 0, 0, 0.75) !important;
} }
.popup-sub-menu .popup-menu-item:insensitive { .popup-menu .popup-sub-menu .popup-menu-item:insensitive {
color: rgba(0, 0, 0, 0.35) !important; color: rgba(0, 0, 0, 0.35) !important;
} }
.popup-menu-ornament { .popup-menu .popup-menu-ornament {
width: 1.2em; width: 1.2em;
text-align: center !important; text-align: center !important;
} }
.popup-menu-ornament:ltr { .popup-menu .popup-menu-ornament:ltr {
text-align: right; text-align: right;
} }
.popup-menu-ornament:rtl { .popup-menu .popup-menu-ornament:rtl {
text-align: left; text-align: left;
} }
.popup-separator-menu-item { .popup-menu .popup-separator-menu-item {
background: none; background: none;
border: none; border: none;
} }
.popup-separator-menu-item .popup-separator-menu-item-separator { .popup-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px; height: 1px;
margin: 6px 48px; margin: 6px 48px;
background-color: rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.12);
} }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { .popup-sub-menu .popup-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
margin: 6px 54px 6px 24px; margin: 6px 54px 6px 24px;
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
} }
.popup-menu.panel-menu {
-boxpointer-gap: 4px;
margin-bottom: 1.75em;
}
.background-menu { .background-menu {
-boxpointer-gap: 4px; -boxpointer-gap: 4px;
-arrow-rise: 0; -arrow-rise: 0;
@ -681,11 +682,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
min-width: 21em; min-width: 21em;
} }
.aggregate-menu .popup-menu-ornament,
.aggregate-menu .popup-sub-menu .popup-menu-ornament {
width: 0 !important;
}
.aggregate-menu .popup-menu-icon { .aggregate-menu .popup-menu-icon {
padding: 0; padding: 0;
margin: 0 4px; margin: 0 4px;
@ -722,6 +718,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
margin-right: 0; margin-right: 0;
} }
.app-menu .popup-inactive-menu-item:first-child > StLabel {
font-size: 10.5pt;
font-weight: 500;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 8px;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 8px;
}
.app-menu .popup-inactive-menu-item:first-child .popup-separator-menu-item-separator {
height: 0;
background-color: transparent;
}
/* Date/Time Menu */ /* Date/Time Menu */
.clock-display-box { .clock-display-box {
spacing: 2px; spacing: 2px;
@ -1297,6 +1311,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-size: 24px !important; icon-size: 24px !important;
} }
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 64px;
-arrow-rise: 12px;
}
.candidate-popup-content { .candidate-popup-content {
background-color: rgba(255, 255, 255, 0.97); background-color: rgba(255, 255, 255, 0.97);
border-radius: 8px; border-radius: 8px;

Write Preview
Loading…
Cancel
Save