diff --git a/src/cinnamon/cinnamon-Compact.css b/src/cinnamon/cinnamon-Compact.css index 69bd0d8..905e1fe 100644 --- a/src/cinnamon/cinnamon-Compact.css +++ b/src/cinnamon/cinnamon-Compact.css @@ -586,7 +586,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -cinnamon-caption-spacing: 4px; } -.window-caption#selected { +#selected.window-caption { background-color: #1A73E8; color: white; border: 1px solid #1A73E8; @@ -594,7 +594,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .expo-workspaces-name-entry, -.expo-workspaces-name-entry#selected { +#selected.expo-workspaces-name-entry { height: 15px; border-radius: 10px; font-size: 9pt; @@ -606,7 +606,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .expo-workspaces-name-entry:focus, -.expo-workspaces-name-entry#selected:focus { +#selected.expo-workspaces-name-entry:focus { border: 1px solid #1A73E8; background-color: #1A73E8; color: white; @@ -622,7 +622,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 10px; } -.expo-workspace-thumbnail-frame#active { +#active.expo-workspace-thumbnail-frame { border: 4px solid #1A73E8; background-color: black; border-radius: 10px; diff --git a/src/cinnamon/cinnamon-Dark-Compact.css b/src/cinnamon/cinnamon-Dark-Compact.css index 595f6b3..fe63e1d 100644 --- a/src/cinnamon/cinnamon-Dark-Compact.css +++ b/src/cinnamon/cinnamon-Dark-Compact.css @@ -586,7 +586,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -cinnamon-caption-spacing: 4px; } -.window-caption#selected { +#selected.window-caption { background-color: #3281EA; color: white; border: 1px solid #3281EA; @@ -594,7 +594,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .expo-workspaces-name-entry, -.expo-workspaces-name-entry#selected { +#selected.expo-workspaces-name-entry { height: 15px; border-radius: 10px; font-size: 9pt; @@ -606,7 +606,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .expo-workspaces-name-entry:focus, -.expo-workspaces-name-entry#selected:focus { +#selected.expo-workspaces-name-entry:focus { border: 1px solid #3281EA; background-color: #3281EA; color: white; @@ -622,7 +622,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 10px; } -.expo-workspace-thumbnail-frame#active { +#active.expo-workspace-thumbnail-frame { border: 4px solid #3281EA; background-color: black; border-radius: 10px; diff --git a/src/cinnamon/cinnamon-Dark.css b/src/cinnamon/cinnamon-Dark.css index 265ca62..f9093b7 100644 --- a/src/cinnamon/cinnamon-Dark.css +++ b/src/cinnamon/cinnamon-Dark.css @@ -586,7 +586,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -cinnamon-caption-spacing: 4px; } -.window-caption#selected { +#selected.window-caption { background-color: #3281EA; color: white; border: 1px solid #3281EA; @@ -594,7 +594,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .expo-workspaces-name-entry, -.expo-workspaces-name-entry#selected { +#selected.expo-workspaces-name-entry { height: 15px; border-radius: 12px; font-size: 9pt; @@ -606,7 +606,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .expo-workspaces-name-entry:focus, -.expo-workspaces-name-entry#selected:focus { +#selected.expo-workspaces-name-entry:focus { border: 1px solid #3281EA; background-color: #3281EA; color: white; @@ -622,7 +622,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 12px; } -.expo-workspace-thumbnail-frame#active { +#active.expo-workspace-thumbnail-frame { border: 4px solid #3281EA; background-color: black; border-radius: 12px; diff --git a/src/cinnamon/cinnamon.css b/src/cinnamon/cinnamon.css index 7d0d8b8..ee91c6f 100644 --- a/src/cinnamon/cinnamon.css +++ b/src/cinnamon/cinnamon.css @@ -586,7 +586,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -cinnamon-caption-spacing: 4px; } -.window-caption#selected { +#selected.window-caption { background-color: #1A73E8; color: white; border: 1px solid #1A73E8; @@ -594,7 +594,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .expo-workspaces-name-entry, -.expo-workspaces-name-entry#selected { +#selected.expo-workspaces-name-entry { height: 15px; border-radius: 12px; font-size: 9pt; @@ -606,7 +606,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .expo-workspaces-name-entry:focus, -.expo-workspaces-name-entry#selected:focus { +#selected.expo-workspaces-name-entry:focus { border: 1px solid #1A73E8; background-color: #1A73E8; color: white; @@ -622,7 +622,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 12px; } -.expo-workspace-thumbnail-frame#active { +#active.expo-workspace-thumbnail-frame { border: 4px solid #1A73E8; background-color: black; border-radius: 12px; diff --git a/src/gnome-shell/sass/widgets/_popovers-42.scss b/src/gnome-shell/sass/widgets/_popovers-42.scss index cc80220..5fdedaf 100644 --- a/src/gnome-shell/sass/widgets/_popovers-42.scss +++ b/src/gnome-shell/sass/widgets/_popovers-42.scss @@ -6,8 +6,8 @@ -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; + -arrow-base: 8px; + -arrow-rise: 4px; -arrow-box-shadow: none; //dreaming. bug #689995 } @@ -16,6 +16,9 @@ min-width: 15em; color: $fg_color; border: none; + padding: 0; + margin: 0; + border-radius: $popup_radius; //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is &.panel-menu { @@ -26,11 +29,11 @@ .popup-menu-content { padding: $container_padding; - margin: $container_padding 10px 13px 10px; + margin: 0 $container_padding / 2 $container_padding / 2; background-color: $menu_bg_color; border-radius: $popup_radius; - box-shadow: 0 3px 8px rgba(black, 0.2); border: none; + box-shadow: 0 3px 8px rgba(black, 0.2); } $submenu_item_radius: $popup_radius - $container_padding; diff --git a/src/gnome-shell/sass/widgets/_popovers.scss b/src/gnome-shell/sass/widgets/_popovers.scss index 1c926d8..8f96c17 100644 --- a/src/gnome-shell/sass/widgets/_popovers.scss +++ b/src/gnome-shell/sass/widgets/_popovers.scss @@ -6,8 +6,8 @@ -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; + -arrow-base: $container_padding * 2; + -arrow-rise: $container_padding; -arrow-box-shadow: none; //dreaming. bug #689995 } diff --git a/src/gnome-shell/sass/widgets/_quick-settings.scss b/src/gnome-shell/sass/widgets/_quick-settings.scss index 3c7303b..a8027da 100644 --- a/src/gnome-shell/sass/widgets/_quick-settings.scss +++ b/src/gnome-shell/sass/widgets/_quick-settings.scss @@ -1,14 +1,11 @@ .quick-settings { padding: $container_padding * 3 !important; border-radius: 20px + $container_padding * 3 !important; + margin-top: $container_padding / 2; .icon-button, .button { padding: 12px; } - - .popup-menu-content { - padding: $container_padding * 2 !important; - } } .quick-settings-grid { @@ -99,7 +96,7 @@ color: rgba(black, 0.65) !important; border-radius: $container_padding * 5 !important; padding: $container_padding * 2; - margin: $container_padding * 2 $container_padding * 4.5 0; + margin: $container_padding * 2 $container_padding * 3.5 0; .popup-menu-item { border-radius: $circular_radius !important; diff --git a/src/gnome-shell/shell-3-28/gnome-shell-Compact.css b/src/gnome-shell/shell-3-28/gnome-shell-Compact.css index bf66dcb..833a28e 100644 --- a/src/gnome-shell/shell-3-28/gnome-shell-Compact.css +++ b/src/gnome-shell/shell-3-28/gnome-shell-Compact.css @@ -1026,7 +1026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -.popup-menu .popup-menu-item:checked.selected { +.popup-menu .popup-menu-item.selected:checked { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.85); } @@ -1036,7 +1036,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.75); } -.popup-menu .popup-menu-item:checked.selected:active { +.popup-menu .popup-menu-item.selected:checked:active { background-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.75); } diff --git a/src/gnome-shell/shell-3-28/gnome-shell-Dark-Compact.css b/src/gnome-shell/shell-3-28/gnome-shell-Dark-Compact.css index ce4aea7..553afea 100644 --- a/src/gnome-shell/shell-3-28/gnome-shell-Dark-Compact.css +++ b/src/gnome-shell/shell-3-28/gnome-shell-Dark-Compact.css @@ -1026,7 +1026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -.popup-menu .popup-menu-item:checked.selected { +.popup-menu .popup-menu-item.selected:checked { background-color: #e5e5e5; color: rgba(0, 0, 0, 0.85); } @@ -1036,7 +1036,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.75); } -.popup-menu .popup-menu-item:checked.selected:active { +.popup-menu .popup-menu-item.selected:checked:active { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.75); } diff --git a/src/gnome-shell/shell-3-28/gnome-shell-Dark.css b/src/gnome-shell/shell-3-28/gnome-shell-Dark.css index a8191ce..8a56f7f 100644 --- a/src/gnome-shell/shell-3-28/gnome-shell-Dark.css +++ b/src/gnome-shell/shell-3-28/gnome-shell-Dark.css @@ -1026,7 +1026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -.popup-menu .popup-menu-item:checked.selected { +.popup-menu .popup-menu-item.selected:checked { background-color: #e5e5e5; color: rgba(0, 0, 0, 0.85); } @@ -1036,7 +1036,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.75); } -.popup-menu .popup-menu-item:checked.selected:active { +.popup-menu .popup-menu-item.selected:checked:active { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.75); } diff --git a/src/gnome-shell/shell-3-28/gnome-shell.css b/src/gnome-shell/shell-3-28/gnome-shell.css index bd4a10c..b96919c 100644 --- a/src/gnome-shell/shell-3-28/gnome-shell.css +++ b/src/gnome-shell/shell-3-28/gnome-shell.css @@ -1026,7 +1026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -.popup-menu .popup-menu-item:checked.selected { +.popup-menu .popup-menu-item.selected:checked { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.85); } @@ -1036,7 +1036,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.75); } -.popup-menu .popup-menu-item:checked.selected:active { +.popup-menu .popup-menu-item.selected:checked:active { background-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.75); } diff --git a/src/gnome-shell/shell-40-0/gnome-shell-Compact.css b/src/gnome-shell/shell-40-0/gnome-shell-Compact.css index 42620aa..c6eec52 100644 --- a/src/gnome-shell/shell-40-0/gnome-shell-Compact.css +++ b/src/gnome-shell/shell-40-0/gnome-shell-Compact.css @@ -440,8 +440,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; + -arrow-base: 8px; + -arrow-rise: 4px; -arrow-box-shadow: none; } @@ -492,7 +492,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -.popup-menu-item:checked.selected { +.popup-menu-item.selected:checked { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.85); } @@ -502,7 +502,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.75); } -.popup-menu-item:checked.selected:active { +.popup-menu-item.selected:checked:active { background-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.75); } @@ -1938,12 +1938,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } -#panel .panel-button:hover.clock-display { +#panel .panel-button.clock-display:hover { box-shadow: none; background-color: transparent; } -#panel .panel-button:hover.clock-display .clock { +#panel .panel-button.clock-display:hover .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } @@ -1952,12 +1952,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } -#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { +#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } -#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } @@ -1987,7 +1987,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -st-icon-style: symbolic; } -#panel .panel-button#panelActivities { +#panel #panelActivities.panel-button { background-image: url("assets/activities-small.svg"); background-position: center center; background-repeat: no-repeat; @@ -1997,15 +1997,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -#panel .panel-button#panelActivities > * { +#panel #panelActivities.panel-button > * { width: 28px; } -#panel .panel-button#panelActivities:hover { +#panel #panelActivities.panel-button:hover { background-image: url("assets/activities-active-small.svg"); } -#panel .panel-button#panelActivities:hover, #panel .panel-button#panelActivities:active, #panel .panel-button#panelActivities:overview, #panel .panel-button#panelActivities:focus, #panel .panel-button#panelActivities:checked { +#panel #panelActivities.panel-button:hover, #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { color: transparent; box-shadow: none; } diff --git a/src/gnome-shell/shell-40-0/gnome-shell-Dark-Compact.css b/src/gnome-shell/shell-40-0/gnome-shell-Dark-Compact.css index a343635..ce0c9ca 100644 --- a/src/gnome-shell/shell-40-0/gnome-shell-Dark-Compact.css +++ b/src/gnome-shell/shell-40-0/gnome-shell-Dark-Compact.css @@ -440,8 +440,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; + -arrow-base: 8px; + -arrow-rise: 4px; -arrow-box-shadow: none; } @@ -492,7 +492,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -.popup-menu-item:checked.selected { +.popup-menu-item.selected:checked { background-color: #e5e5e5; color: rgba(0, 0, 0, 0.85); } @@ -502,7 +502,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.75); } -.popup-menu-item:checked.selected:active { +.popup-menu-item.selected:checked:active { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.75); } @@ -1938,12 +1938,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } -#panel .panel-button:hover.clock-display { +#panel .panel-button.clock-display:hover { box-shadow: none; background-color: transparent; } -#panel .panel-button:hover.clock-display .clock { +#panel .panel-button.clock-display:hover .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } @@ -1952,12 +1952,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } -#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { +#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } -#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } @@ -1987,7 +1987,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -st-icon-style: symbolic; } -#panel .panel-button#panelActivities { +#panel #panelActivities.panel-button { background-image: url("assets/activities-small.svg"); background-position: center center; background-repeat: no-repeat; @@ -1997,15 +1997,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -#panel .panel-button#panelActivities > * { +#panel #panelActivities.panel-button > * { width: 28px; } -#panel .panel-button#panelActivities:hover { +#panel #panelActivities.panel-button:hover { background-image: url("assets/activities-active-small.svg"); } -#panel .panel-button#panelActivities:hover, #panel .panel-button#panelActivities:active, #panel .panel-button#panelActivities:overview, #panel .panel-button#panelActivities:focus, #panel .panel-button#panelActivities:checked { +#panel #panelActivities.panel-button:hover, #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { color: transparent; box-shadow: none; } diff --git a/src/gnome-shell/shell-40-0/gnome-shell-Dark.css b/src/gnome-shell/shell-40-0/gnome-shell-Dark.css index 863fa6f..2a5bcb9 100644 --- a/src/gnome-shell/shell-40-0/gnome-shell-Dark.css +++ b/src/gnome-shell/shell-40-0/gnome-shell-Dark.css @@ -440,8 +440,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; + -arrow-base: 12px; + -arrow-rise: 6px; -arrow-box-shadow: none; } @@ -492,7 +492,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -.popup-menu-item:checked.selected { +.popup-menu-item.selected:checked { background-color: #e5e5e5; color: rgba(0, 0, 0, 0.85); } @@ -502,7 +502,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.75); } -.popup-menu-item:checked.selected:active { +.popup-menu-item.selected:checked:active { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.75); } @@ -1938,12 +1938,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } -#panel .panel-button:hover.clock-display { +#panel .panel-button.clock-display:hover { box-shadow: none; background-color: transparent; } -#panel .panel-button:hover.clock-display .clock { +#panel .panel-button.clock-display:hover .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } @@ -1952,12 +1952,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } -#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { +#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } -#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } @@ -1987,7 +1987,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -st-icon-style: symbolic; } -#panel .panel-button#panelActivities { +#panel #panelActivities.panel-button { background-image: url("assets/activities.svg"); background-position: center center; background-repeat: no-repeat; @@ -1997,15 +1997,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -#panel .panel-button#panelActivities > * { +#panel #panelActivities.panel-button > * { width: 30px; } -#panel .panel-button#panelActivities:hover { +#panel #panelActivities.panel-button:hover { background-image: url("assets/activities-active.svg"); } -#panel .panel-button#panelActivities:hover, #panel .panel-button#panelActivities:active, #panel .panel-button#panelActivities:overview, #panel .panel-button#panelActivities:focus, #panel .panel-button#panelActivities:checked { +#panel #panelActivities.panel-button:hover, #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { color: transparent; box-shadow: none; } diff --git a/src/gnome-shell/shell-40-0/gnome-shell.css b/src/gnome-shell/shell-40-0/gnome-shell.css index b0e7ce6..cc3e21a 100644 --- a/src/gnome-shell/shell-40-0/gnome-shell.css +++ b/src/gnome-shell/shell-40-0/gnome-shell.css @@ -440,8 +440,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; + -arrow-base: 12px; + -arrow-rise: 6px; -arrow-box-shadow: none; } @@ -492,7 +492,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -.popup-menu-item:checked.selected { +.popup-menu-item.selected:checked { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.85); } @@ -502,7 +502,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.75); } -.popup-menu-item:checked.selected:active { +.popup-menu-item.selected:checked:active { background-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.75); } @@ -1938,12 +1938,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } -#panel .panel-button:hover.clock-display { +#panel .panel-button.clock-display:hover { box-shadow: none; background-color: transparent; } -#panel .panel-button:hover.clock-display .clock { +#panel .panel-button.clock-display:hover .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } @@ -1952,12 +1952,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } -#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { +#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } -#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } @@ -1987,7 +1987,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -st-icon-style: symbolic; } -#panel .panel-button#panelActivities { +#panel #panelActivities.panel-button { background-image: url("assets/activities.svg"); background-position: center center; background-repeat: no-repeat; @@ -1997,15 +1997,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -#panel .panel-button#panelActivities > * { +#panel #panelActivities.panel-button > * { width: 30px; } -#panel .panel-button#panelActivities:hover { +#panel #panelActivities.panel-button:hover { background-image: url("assets/activities-active.svg"); } -#panel .panel-button#panelActivities:hover, #panel .panel-button#panelActivities:active, #panel .panel-button#panelActivities:overview, #panel .panel-button#panelActivities:focus, #panel .panel-button#panelActivities:checked { +#panel #panelActivities.panel-button:hover, #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { color: transparent; box-shadow: none; } diff --git a/src/gnome-shell/shell-42-0/gnome-shell-Compact.css b/src/gnome-shell/shell-42-0/gnome-shell-Compact.css index 75009d5..ae91eab 100644 --- a/src/gnome-shell/shell-42-0/gnome-shell-Compact.css +++ b/src/gnome-shell/shell-42-0/gnome-shell-Compact.css @@ -494,8 +494,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; + -arrow-base: 8px; + -arrow-rise: 4px; -arrow-box-shadow: none; } @@ -503,6 +503,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-width: 15em; color: rgba(0, 0, 0, 0.87); border: none; + padding: 0; + margin: 0; + border-radius: 18px; } .popup-menu.panel-menu { @@ -512,11 +515,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-content { padding: 4px; - margin: 4px 10px 13px 10px; + margin: 0 2px 2px; background-color: rgba(255, 255, 255, 0.97); border-radius: 18px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } .popup-menu-item { @@ -548,7 +551,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -.popup-menu-item:checked:hover, .popup-menu-item:checked:focus, .popup-menu-item:checked.selected { +.popup-menu-item:checked:hover, .popup-menu-item:checked:focus, .popup-menu-item.selected:checked { background-color: rgba(0, 0, 0, 0.2) !important; color: rgba(0, 0, 0, 0.85) !important; } @@ -558,7 +561,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.75) !important; } -.popup-menu-item:checked.selected:active { +.popup-menu-item.selected:checked:active { background-color: rgba(0, 0, 0, 0.15) !important; color: rgba(0, 0, 0, 0.75) !important; } @@ -1370,16 +1373,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .quick-settings { padding: 12px !important; border-radius: 32px !important; + margin-top: 2px; } .quick-settings .icon-button, .quick-settings .button { padding: 12px; } -.quick-settings .popup-menu-content { - padding: 8px !important; -} - .quick-settings-grid { spacing-rows: 8px; spacing-columns: 8px; @@ -1507,7 +1507,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.65) !important; border-radius: 20px !important; padding: 8px; - margin: 8px 18px 0; + margin: 8px 14px 0; } .quick-toggle-menu .popup-menu-item { @@ -2268,12 +2268,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } -#panel .panel-button:hover.clock-display { +#panel .panel-button.clock-display:hover { box-shadow: none; background-color: transparent; } -#panel .panel-button:hover.clock-display .clock { +#panel .panel-button.clock-display:hover .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } @@ -2282,12 +2282,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } -#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { +#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } -#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } @@ -2317,7 +2317,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -st-icon-style: symbolic; } -#panel .panel-button#panelActivities { +#panel #panelActivities.panel-button { background-image: url("assets/activities-small.svg"); background-position: center center; background-repeat: no-repeat; @@ -2327,15 +2327,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -#panel .panel-button#panelActivities > * { +#panel #panelActivities.panel-button > * { width: 28px; } -#panel .panel-button#panelActivities:hover { +#panel #panelActivities.panel-button:hover { background-image: url("assets/activities-active-small.svg"); } -#panel .panel-button#panelActivities:hover, #panel .panel-button#panelActivities:active, #panel .panel-button#panelActivities:overview, #panel .panel-button#panelActivities:focus, #panel .panel-button#panelActivities:checked { +#panel #panelActivities.panel-button:hover, #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { color: transparent; box-shadow: none; } diff --git a/src/gnome-shell/shell-42-0/gnome-shell-Dark-Compact.css b/src/gnome-shell/shell-42-0/gnome-shell-Dark-Compact.css index a838a70..1420302 100644 --- a/src/gnome-shell/shell-42-0/gnome-shell-Dark-Compact.css +++ b/src/gnome-shell/shell-42-0/gnome-shell-Dark-Compact.css @@ -494,8 +494,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; + -arrow-base: 8px; + -arrow-rise: 4px; -arrow-box-shadow: none; } @@ -503,6 +503,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-width: 15em; color: rgba(255, 255, 255, 0.9); border: none; + padding: 0; + margin: 0; + border-radius: 18px; } .popup-menu.panel-menu { @@ -512,11 +515,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-content { padding: 4px; - margin: 4px 10px 13px 10px; + margin: 0 2px 2px; background-color: rgba(32, 32, 32, 0.97); border-radius: 18px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } .popup-menu-item { @@ -548,7 +551,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -.popup-menu-item:checked:hover, .popup-menu-item:checked:focus, .popup-menu-item:checked.selected { +.popup-menu-item:checked:hover, .popup-menu-item:checked:focus, .popup-menu-item.selected:checked { background-color: #e5e5e5 !important; color: rgba(0, 0, 0, 0.85) !important; } @@ -558,7 +561,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.75) !important; } -.popup-menu-item:checked.selected:active { +.popup-menu-item.selected:checked:active { background-color: #e0e0e0 !important; color: rgba(0, 0, 0, 0.75) !important; } @@ -1370,16 +1373,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .quick-settings { padding: 12px !important; border-radius: 32px !important; + margin-top: 2px; } .quick-settings .icon-button, .quick-settings .button { padding: 12px; } -.quick-settings .popup-menu-content { - padding: 8px !important; -} - .quick-settings-grid { spacing-rows: 8px; spacing-columns: 8px; @@ -1507,7 +1507,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.65) !important; border-radius: 20px !important; padding: 8px; - margin: 8px 18px 0; + margin: 8px 14px 0; } .quick-toggle-menu .popup-menu-item { @@ -2272,12 +2272,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } -#panel .panel-button:hover.clock-display { +#panel .panel-button.clock-display:hover { box-shadow: none; background-color: transparent; } -#panel .panel-button:hover.clock-display .clock { +#panel .panel-button.clock-display:hover .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } @@ -2286,12 +2286,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } -#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { +#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } -#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } @@ -2321,7 +2321,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -st-icon-style: symbolic; } -#panel .panel-button#panelActivities { +#panel #panelActivities.panel-button { background-image: url("assets/activities-small.svg"); background-position: center center; background-repeat: no-repeat; @@ -2331,15 +2331,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -#panel .panel-button#panelActivities > * { +#panel #panelActivities.panel-button > * { width: 28px; } -#panel .panel-button#panelActivities:hover { +#panel #panelActivities.panel-button:hover { background-image: url("assets/activities-active-small.svg"); } -#panel .panel-button#panelActivities:hover, #panel .panel-button#panelActivities:active, #panel .panel-button#panelActivities:overview, #panel .panel-button#panelActivities:focus, #panel .panel-button#panelActivities:checked { +#panel #panelActivities.panel-button:hover, #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { color: transparent; box-shadow: none; } diff --git a/src/gnome-shell/shell-42-0/gnome-shell-Dark.css b/src/gnome-shell/shell-42-0/gnome-shell-Dark.css index 2ee2217..d8429fe 100644 --- a/src/gnome-shell/shell-42-0/gnome-shell-Dark.css +++ b/src/gnome-shell/shell-42-0/gnome-shell-Dark.css @@ -494,8 +494,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; + -arrow-base: 8px; + -arrow-rise: 4px; -arrow-box-shadow: none; } @@ -503,6 +503,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-width: 15em; color: rgba(255, 255, 255, 0.9); border: none; + padding: 0; + margin: 0; + border-radius: 20px; } .popup-menu.panel-menu { @@ -512,11 +515,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-content { padding: 6px; - margin: 6px 10px 13px 10px; + margin: 0 3px 3px; background-color: rgba(32, 32, 32, 0.97); border-radius: 20px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } .popup-menu-item { @@ -548,7 +551,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -.popup-menu-item:checked:hover, .popup-menu-item:checked:focus, .popup-menu-item:checked.selected { +.popup-menu-item:checked:hover, .popup-menu-item:checked:focus, .popup-menu-item.selected:checked { background-color: #e5e5e5 !important; color: rgba(0, 0, 0, 0.85) !important; } @@ -558,7 +561,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.75) !important; } -.popup-menu-item:checked.selected:active { +.popup-menu-item.selected:checked:active { background-color: #e0e0e0 !important; color: rgba(0, 0, 0, 0.75) !important; } @@ -1370,16 +1373,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .quick-settings { padding: 18px !important; border-radius: 38px !important; + margin-top: 3px; } .quick-settings .icon-button, .quick-settings .button { padding: 12px; } -.quick-settings .popup-menu-content { - padding: 12px !important; -} - .quick-settings-grid { spacing-rows: 12px; spacing-columns: 12px; @@ -1507,7 +1507,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.65) !important; border-radius: 30px !important; padding: 12px; - margin: 12px 27px 0; + margin: 12px 21px 0; } .quick-toggle-menu .popup-menu-item { @@ -2272,12 +2272,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } -#panel .panel-button:hover.clock-display { +#panel .panel-button.clock-display:hover { box-shadow: none; background-color: transparent; } -#panel .panel-button:hover.clock-display .clock { +#panel .panel-button.clock-display:hover .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } @@ -2286,12 +2286,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } -#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { +#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } -#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } @@ -2321,7 +2321,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -st-icon-style: symbolic; } -#panel .panel-button#panelActivities { +#panel #panelActivities.panel-button { background-image: url("assets/activities.svg"); background-position: center center; background-repeat: no-repeat; @@ -2331,15 +2331,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -#panel .panel-button#panelActivities > * { +#panel #panelActivities.panel-button > * { width: 30px; } -#panel .panel-button#panelActivities:hover { +#panel #panelActivities.panel-button:hover { background-image: url("assets/activities-active.svg"); } -#panel .panel-button#panelActivities:hover, #panel .panel-button#panelActivities:active, #panel .panel-button#panelActivities:overview, #panel .panel-button#panelActivities:focus, #panel .panel-button#panelActivities:checked { +#panel #panelActivities.panel-button:hover, #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { color: transparent; box-shadow: none; } diff --git a/src/gnome-shell/shell-42-0/gnome-shell.css b/src/gnome-shell/shell-42-0/gnome-shell.css index 884e66e..e5b327f 100644 --- a/src/gnome-shell/shell-42-0/gnome-shell.css +++ b/src/gnome-shell/shell-42-0/gnome-shell.css @@ -494,8 +494,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; + -arrow-base: 8px; + -arrow-rise: 4px; -arrow-box-shadow: none; } @@ -503,6 +503,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-width: 15em; color: rgba(0, 0, 0, 0.87); border: none; + padding: 0; + margin: 0; + border-radius: 20px; } .popup-menu.panel-menu { @@ -512,11 +515,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-content { padding: 6px; - margin: 6px 10px 13px 10px; + margin: 0 3px 3px; background-color: rgba(255, 255, 255, 0.97); border-radius: 20px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } .popup-menu-item { @@ -548,7 +551,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -.popup-menu-item:checked:hover, .popup-menu-item:checked:focus, .popup-menu-item:checked.selected { +.popup-menu-item:checked:hover, .popup-menu-item:checked:focus, .popup-menu-item.selected:checked { background-color: rgba(0, 0, 0, 0.2) !important; color: rgba(0, 0, 0, 0.85) !important; } @@ -558,7 +561,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.75) !important; } -.popup-menu-item:checked.selected:active { +.popup-menu-item.selected:checked:active { background-color: rgba(0, 0, 0, 0.15) !important; color: rgba(0, 0, 0, 0.75) !important; } @@ -1370,16 +1373,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .quick-settings { padding: 18px !important; border-radius: 38px !important; + margin-top: 3px; } .quick-settings .icon-button, .quick-settings .button { padding: 12px; } -.quick-settings .popup-menu-content { - padding: 12px !important; -} - .quick-settings-grid { spacing-rows: 12px; spacing-columns: 12px; @@ -1507,7 +1507,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.65) !important; border-radius: 30px !important; padding: 12px; - margin: 12px 27px 0; + margin: 12px 21px 0; } .quick-toggle-menu .popup-menu-item { @@ -2268,12 +2268,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } -#panel .panel-button:hover.clock-display { +#panel .panel-button.clock-display:hover { box-shadow: none; background-color: transparent; } -#panel .panel-button:hover.clock-display .clock { +#panel .panel-button.clock-display:hover .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15); } @@ -2282,12 +2282,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } -#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { +#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } -#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); } @@ -2317,7 +2317,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -st-icon-style: symbolic; } -#panel .panel-button#panelActivities { +#panel #panelActivities.panel-button { background-image: url("assets/activities.svg"); background-position: center center; background-repeat: no-repeat; @@ -2327,15 +2327,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; } -#panel .panel-button#panelActivities > * { +#panel #panelActivities.panel-button > * { width: 30px; } -#panel .panel-button#panelActivities:hover { +#panel #panelActivities.panel-button:hover { background-image: url("assets/activities-active.svg"); } -#panel .panel-button#panelActivities:hover, #panel .panel-button#panelActivities:active, #panel .panel-button#panelActivities:overview, #panel .panel-button#panelActivities:focus, #panel .panel-button#panelActivities:checked { +#panel #panelActivities.panel-button:hover, #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { color: transparent; box-shadow: none; } diff --git a/src/gtk/3.0/gtk-Compact.css b/src/gtk/3.0/gtk-Compact.css index 48667f6..c346685 100644 --- a/src/gtk/3.0/gtk-Compact.css +++ b/src/gtk/3.0/gtk-Compact.css @@ -183,7 +183,9 @@ treeview.view flowbox rubberband, flowbox treeview.view rubberband, flowbox rubberband, flowbox treeview.view rubberband, -treeview.view flowbox rubberband { +treeview.view flowbox rubberband, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband { border: 1px solid #1A73E8; background-color: rgba(26, 115, 232, 0.3); } @@ -780,7 +782,7 @@ button.text-button.image-button image:not(:only-child) { border-radius: 10px; } -.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { +.linked:not(.vertical) > button.flat.image-button:not(:only-child):not(.text-button), .linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) { border-radius: 9999px; } @@ -1390,11 +1392,11 @@ searchbar > revealer > box { border-radius: 9999px; } -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +.titlebar stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } -.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { +.titlebar .path-bar button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 0; padding-left: 4px; padding-right: 4px; @@ -1661,11 +1663,11 @@ treeview.view:drop(active) { border-color: alpha(currentColor, 0.08); } -treeview.view:drop(active).after { +treeview.view.after:drop(active) { border-top-style: none; } -treeview.view:drop(active).before { +treeview.view.before:drop(active) { border-bottom-style: none; } @@ -2063,7 +2065,7 @@ tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } -tabbox > tab:checked.reorderable-page, notebook > header tab:checked.reorderable-page { +tabbox > tab.reorderable-page:checked, notebook > header tab.reorderable-page:checked { background-color: #FFFFFF; } @@ -2425,19 +2427,19 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { min-width: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { min-width: 8px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { min-height: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { min-height: 8px; } @@ -3437,12 +3439,12 @@ filechooser actionbar, filechooser actionbar > revealer > box { background-color: #FAFAFA; } -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } @@ -3949,7 +3951,7 @@ stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-ac border-radius: 9999px; } -stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:not(.circular) { +stackswitcher:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action):not(.circular) { min-width: 100px; } @@ -4311,11 +4313,11 @@ popover.emoji-completion .emoji:hover { border-radius: 9999px; } -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { +.windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action) { color: white; } -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { +.windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):hover, .windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):active { background: none; box-shadow: none; } @@ -4387,16 +4389,16 @@ popover.emoji-completion .emoji:hover { margin-right: 0; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { +.path-bar-box .linked.nautilus-path-bar button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 0; border-radius: 9999px; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button { +.path-bar-box .linked.nautilus-path-bar button.text-button.image-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { +.path-bar-box .linked.nautilus-path-bar button.text-button.image-button:not(.suggested-action):not(.destructive-action) image:not(:only-child) { margin: 0; } @@ -4444,7 +4446,7 @@ popover.emoji-completion .emoji:hover { background-color: transparent; } -.nautilus-window notebook :not(treeview).view { +.nautilus-window notebook .view:not(treeview) { border-radius: 6px; } @@ -5043,7 +5045,7 @@ stack.view.polari-entry-area { border-bottom-right-radius: 16px; } -stack:disabled.view.polari-entry-area { +stack.view.polari-entry-area:disabled { background-image: image(#F2F2F2); } @@ -6387,7 +6389,7 @@ UnityDecoration .menuitem:hover { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } -.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { +.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) { border-style: none; } diff --git a/src/gtk/3.0/gtk-Dark-Compact.css b/src/gtk/3.0/gtk-Dark-Compact.css index e7da996..96f1d21 100644 --- a/src/gtk/3.0/gtk-Dark-Compact.css +++ b/src/gtk/3.0/gtk-Dark-Compact.css @@ -183,7 +183,9 @@ treeview.view flowbox rubberband, flowbox treeview.view rubberband, flowbox rubberband, flowbox treeview.view rubberband, -treeview.view flowbox rubberband { +treeview.view flowbox rubberband, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband { border: 1px solid #3281EA; background-color: rgba(50, 129, 234, 0.3); } @@ -780,7 +782,7 @@ button.text-button.image-button image:not(:only-child) { border-radius: 10px; } -.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { +.linked:not(.vertical) > button.flat.image-button:not(:only-child):not(.text-button), .linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) { border-radius: 9999px; } @@ -1390,11 +1392,11 @@ searchbar > revealer > box { border-radius: 9999px; } -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +.titlebar stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } -.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { +.titlebar .path-bar button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 0; padding-left: 4px; padding-right: 4px; @@ -1661,11 +1663,11 @@ treeview.view:drop(active) { border-color: alpha(currentColor, 0.08); } -treeview.view:drop(active).after { +treeview.view.after:drop(active) { border-top-style: none; } -treeview.view:drop(active).before { +treeview.view.before:drop(active) { border-bottom-style: none; } @@ -2063,7 +2065,7 @@ tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { color: rgba(255, 255, 255, 0.5); } -tabbox > tab:checked.reorderable-page, notebook > header tab:checked.reorderable-page { +tabbox > tab.reorderable-page:checked, notebook > header tab.reorderable-page:checked { background-color: #2C2C2C; } @@ -2425,19 +2427,19 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(255, 255, 255, 0.3); } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { min-width: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { min-width: 8px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { min-height: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { min-height: 8px; } @@ -3437,12 +3439,12 @@ filechooser actionbar, filechooser actionbar > revealer > box { background-color: #242424; } -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator) { border-right: 1px solid rgba(255, 255, 255, 0.12); border-left-style: none; } -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid rgba(255, 255, 255, 0.12); border-right-style: none; } @@ -3949,7 +3951,7 @@ stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-ac border-radius: 9999px; } -stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:not(.circular) { +stackswitcher:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action):not(.circular) { min-width: 100px; } @@ -4311,11 +4313,11 @@ popover.emoji-completion .emoji:hover { border-radius: 9999px; } -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { +.windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action) { color: white; } -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { +.windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):hover, .windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):active { background: none; box-shadow: none; } @@ -4387,16 +4389,16 @@ popover.emoji-completion .emoji:hover { margin-right: 0; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { +.path-bar-box .linked.nautilus-path-bar button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 0; border-radius: 9999px; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button { +.path-bar-box .linked.nautilus-path-bar button.text-button.image-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { +.path-bar-box .linked.nautilus-path-bar button.text-button.image-button:not(.suggested-action):not(.destructive-action) image:not(:only-child) { margin: 0; } @@ -4444,7 +4446,7 @@ popover.emoji-completion .emoji:hover { background-color: transparent; } -.nautilus-window notebook :not(treeview).view { +.nautilus-window notebook .view:not(treeview) { border-radius: 6px; } @@ -5039,7 +5041,7 @@ stack.view.polari-entry-area { border-bottom-right-radius: 16px; } -stack:disabled.view.polari-entry-area { +stack.view.polari-entry-area:disabled { background-image: image(#212121); } @@ -6383,7 +6385,7 @@ UnityDecoration .menuitem:hover { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } -.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { +.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) { border-style: none; } diff --git a/src/gtk/3.0/gtk-Dark.css b/src/gtk/3.0/gtk-Dark.css index 970f82f..187557b 100644 --- a/src/gtk/3.0/gtk-Dark.css +++ b/src/gtk/3.0/gtk-Dark.css @@ -183,7 +183,9 @@ treeview.view flowbox rubberband, flowbox treeview.view rubberband, flowbox rubberband, flowbox treeview.view rubberband, -treeview.view flowbox rubberband { +treeview.view flowbox rubberband, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband { border: 1px solid #3281EA; background-color: rgba(50, 129, 234, 0.3); } @@ -780,7 +782,7 @@ button.text-button.image-button image:not(:only-child) { border-radius: 12px; } -.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { +.linked:not(.vertical) > button.flat.image-button:not(:only-child):not(.text-button), .linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) { border-radius: 9999px; } @@ -1390,11 +1392,11 @@ searchbar > revealer > box { border-radius: 9999px; } -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +.titlebar stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } -.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { +.titlebar .path-bar button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 0; padding-left: 6px; padding-right: 6px; @@ -1661,11 +1663,11 @@ treeview.view:drop(active) { border-color: alpha(currentColor, 0.08); } -treeview.view:drop(active).after { +treeview.view.after:drop(active) { border-top-style: none; } -treeview.view:drop(active).before { +treeview.view.before:drop(active) { border-bottom-style: none; } @@ -2063,7 +2065,7 @@ tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { color: rgba(255, 255, 255, 0.5); } -tabbox > tab:checked.reorderable-page, notebook > header tab:checked.reorderable-page { +tabbox > tab.reorderable-page:checked, notebook > header tab.reorderable-page:checked { background-color: #2C2C2C; } @@ -2425,19 +2427,19 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(255, 255, 255, 0.3); } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { min-width: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { min-width: 8px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { min-height: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { min-height: 8px; } @@ -3437,12 +3439,12 @@ filechooser actionbar, filechooser actionbar > revealer > box { background-color: #242424; } -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator) { border-right: 1px solid rgba(255, 255, 255, 0.12); border-left-style: none; } -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid rgba(255, 255, 255, 0.12); border-right-style: none; } @@ -3949,7 +3951,7 @@ stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-ac border-radius: 9999px; } -stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:not(.circular) { +stackswitcher:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action):not(.circular) { min-width: 100px; } @@ -4311,11 +4313,11 @@ popover.emoji-completion .emoji:hover { border-radius: 9999px; } -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { +.windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action) { color: white; } -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { +.windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):hover, .windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):active { background: none; box-shadow: none; } @@ -4387,16 +4389,16 @@ popover.emoji-completion .emoji:hover { margin-right: 0; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { +.path-bar-box .linked.nautilus-path-bar button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 0; border-radius: 9999px; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button { +.path-bar-box .linked.nautilus-path-bar button.text-button.image-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { +.path-bar-box .linked.nautilus-path-bar button.text-button.image-button:not(.suggested-action):not(.destructive-action) image:not(:only-child) { margin: 0; } @@ -4444,7 +4446,7 @@ popover.emoji-completion .emoji:hover { background-color: transparent; } -.nautilus-window notebook :not(treeview).view { +.nautilus-window notebook .view:not(treeview) { border-radius: 6px; } @@ -5039,7 +5041,7 @@ stack.view.polari-entry-area { border-bottom-right-radius: 18px; } -stack:disabled.view.polari-entry-area { +stack.view.polari-entry-area:disabled { background-image: image(#212121); } @@ -6383,7 +6385,7 @@ UnityDecoration .menuitem:hover { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } -.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { +.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) { border-style: none; } diff --git a/src/gtk/3.0/gtk-Light-Compact.css b/src/gtk/3.0/gtk-Light-Compact.css index f66de1f..5a74160 100644 --- a/src/gtk/3.0/gtk-Light-Compact.css +++ b/src/gtk/3.0/gtk-Light-Compact.css @@ -183,7 +183,9 @@ treeview.view flowbox rubberband, flowbox treeview.view rubberband, flowbox rubberband, flowbox treeview.view rubberband, -treeview.view flowbox rubberband { +treeview.view flowbox rubberband, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband { border: 1px solid #1A73E8; background-color: rgba(26, 115, 232, 0.3); } @@ -780,7 +782,7 @@ button.text-button.image-button image:not(:only-child) { border-radius: 10px; } -.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { +.linked:not(.vertical) > button.flat.image-button:not(:only-child):not(.text-button), .linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) { border-radius: 9999px; } @@ -1390,11 +1392,11 @@ searchbar > revealer > box { border-radius: 9999px; } -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +.titlebar stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } -.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { +.titlebar .path-bar button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 0; padding-left: 4px; padding-right: 4px; @@ -1661,11 +1663,11 @@ treeview.view:drop(active) { border-color: alpha(currentColor, 0.08); } -treeview.view:drop(active).after { +treeview.view.after:drop(active) { border-top-style: none; } -treeview.view:drop(active).before { +treeview.view.before:drop(active) { border-bottom-style: none; } @@ -2063,7 +2065,7 @@ tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } -tabbox > tab:checked.reorderable-page, notebook > header tab:checked.reorderable-page { +tabbox > tab.reorderable-page:checked, notebook > header tab.reorderable-page:checked { background-color: #FFFFFF; } @@ -2425,19 +2427,19 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { min-width: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { min-width: 8px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { min-height: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { min-height: 8px; } @@ -3437,12 +3439,12 @@ filechooser actionbar, filechooser actionbar > revealer > box { background-color: #FAFAFA; } -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } @@ -3949,7 +3951,7 @@ stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-ac border-radius: 9999px; } -stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:not(.circular) { +stackswitcher:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action):not(.circular) { min-width: 100px; } @@ -4310,11 +4312,11 @@ popover.emoji-completion .emoji:hover { border-radius: 9999px; } -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { +.windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action) { color: rgba(0, 0, 0, 0.87); } -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { +.windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):hover, .windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):active { background: none; box-shadow: none; } @@ -4386,16 +4388,16 @@ popover.emoji-completion .emoji:hover { margin-right: 0; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { +.path-bar-box .linked.nautilus-path-bar button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 0; border-radius: 9999px; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button { +.path-bar-box .linked.nautilus-path-bar button.text-button.image-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { +.path-bar-box .linked.nautilus-path-bar button.text-button.image-button:not(.suggested-action):not(.destructive-action) image:not(:only-child) { margin: 0; } @@ -4443,7 +4445,7 @@ popover.emoji-completion .emoji:hover { background-color: transparent; } -.nautilus-window notebook :not(treeview).view { +.nautilus-window notebook .view:not(treeview) { border-radius: 6px; } @@ -5042,7 +5044,7 @@ stack.view.polari-entry-area { border-bottom-right-radius: 16px; } -stack:disabled.view.polari-entry-area { +stack.view.polari-entry-area:disabled { background-image: image(#F2F2F2); } @@ -6386,7 +6388,7 @@ UnityDecoration .menuitem:hover { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } -.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { +.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) { border-style: none; } diff --git a/src/gtk/3.0/gtk-Light.css b/src/gtk/3.0/gtk-Light.css index 38b7106..3c06b76 100644 --- a/src/gtk/3.0/gtk-Light.css +++ b/src/gtk/3.0/gtk-Light.css @@ -183,7 +183,9 @@ treeview.view flowbox rubberband, flowbox treeview.view rubberband, flowbox rubberband, flowbox treeview.view rubberband, -treeview.view flowbox rubberband { +treeview.view flowbox rubberband, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband { border: 1px solid #1A73E8; background-color: rgba(26, 115, 232, 0.3); } @@ -780,7 +782,7 @@ button.text-button.image-button image:not(:only-child) { border-radius: 12px; } -.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { +.linked:not(.vertical) > button.flat.image-button:not(:only-child):not(.text-button), .linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) { border-radius: 9999px; } @@ -1390,11 +1392,11 @@ searchbar > revealer > box { border-radius: 9999px; } -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +.titlebar stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } -.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { +.titlebar .path-bar button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 0; padding-left: 6px; padding-right: 6px; @@ -1661,11 +1663,11 @@ treeview.view:drop(active) { border-color: alpha(currentColor, 0.08); } -treeview.view:drop(active).after { +treeview.view.after:drop(active) { border-top-style: none; } -treeview.view:drop(active).before { +treeview.view.before:drop(active) { border-bottom-style: none; } @@ -2063,7 +2065,7 @@ tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } -tabbox > tab:checked.reorderable-page, notebook > header tab:checked.reorderable-page { +tabbox > tab.reorderable-page:checked, notebook > header tab.reorderable-page:checked { background-color: #FFFFFF; } @@ -2425,19 +2427,19 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { min-width: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { min-width: 8px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { min-height: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { min-height: 8px; } @@ -3437,12 +3439,12 @@ filechooser actionbar, filechooser actionbar > revealer > box { background-color: #FAFAFA; } -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } @@ -3949,7 +3951,7 @@ stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-ac border-radius: 9999px; } -stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:not(.circular) { +stackswitcher:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action):not(.circular) { min-width: 100px; } @@ -4310,11 +4312,11 @@ popover.emoji-completion .emoji:hover { border-radius: 9999px; } -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { +.windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action) { color: rgba(0, 0, 0, 0.87); } -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { +.windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):hover, .windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):active { background: none; box-shadow: none; } @@ -4386,16 +4388,16 @@ popover.emoji-completion .emoji:hover { margin-right: 0; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { +.path-bar-box .linked.nautilus-path-bar button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 0; border-radius: 9999px; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button { +.path-bar-box .linked.nautilus-path-bar button.text-button.image-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { +.path-bar-box .linked.nautilus-path-bar button.text-button.image-button:not(.suggested-action):not(.destructive-action) image:not(:only-child) { margin: 0; } @@ -4443,7 +4445,7 @@ popover.emoji-completion .emoji:hover { background-color: transparent; } -.nautilus-window notebook :not(treeview).view { +.nautilus-window notebook .view:not(treeview) { border-radius: 6px; } @@ -5042,7 +5044,7 @@ stack.view.polari-entry-area { border-bottom-right-radius: 18px; } -stack:disabled.view.polari-entry-area { +stack.view.polari-entry-area:disabled { background-image: image(#F2F2F2); } @@ -6386,7 +6388,7 @@ UnityDecoration .menuitem:hover { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } -.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { +.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) { border-style: none; } diff --git a/src/gtk/3.0/gtk.css b/src/gtk/3.0/gtk.css index 16ca4b0..4b7c426 100644 --- a/src/gtk/3.0/gtk.css +++ b/src/gtk/3.0/gtk.css @@ -183,7 +183,9 @@ treeview.view flowbox rubberband, flowbox treeview.view rubberband, flowbox rubberband, flowbox treeview.view rubberband, -treeview.view flowbox rubberband { +treeview.view flowbox rubberband, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband { border: 1px solid #1A73E8; background-color: rgba(26, 115, 232, 0.3); } @@ -780,7 +782,7 @@ button.text-button.image-button image:not(:only-child) { border-radius: 12px; } -.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { +.linked:not(.vertical) > button.flat.image-button:not(:only-child):not(.text-button), .linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) { border-radius: 9999px; } @@ -1390,11 +1392,11 @@ searchbar > revealer > box { border-radius: 9999px; } -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +.titlebar stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } -.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { +.titlebar .path-bar button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 0; padding-left: 6px; padding-right: 6px; @@ -1661,11 +1663,11 @@ treeview.view:drop(active) { border-color: alpha(currentColor, 0.08); } -treeview.view:drop(active).after { +treeview.view.after:drop(active) { border-top-style: none; } -treeview.view:drop(active).before { +treeview.view.before:drop(active) { border-bottom-style: none; } @@ -2063,7 +2065,7 @@ tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } -tabbox > tab:checked.reorderable-page, notebook > header tab:checked.reorderable-page { +tabbox > tab.reorderable-page:checked, notebook > header tab.reorderable-page:checked { background-color: #FFFFFF; } @@ -2425,19 +2427,19 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { min-width: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { min-width: 8px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { min-height: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { min-height: 8px; } @@ -3437,12 +3439,12 @@ filechooser actionbar, filechooser actionbar > revealer > box { background-color: #FAFAFA; } -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } @@ -3949,7 +3951,7 @@ stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-ac border-radius: 9999px; } -stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:not(.circular) { +stackswitcher:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action):not(.circular) { min-width: 100px; } @@ -4311,11 +4313,11 @@ popover.emoji-completion .emoji:hover { border-radius: 9999px; } -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { +.windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action) { color: white; } -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { +.windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):hover, .windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):active { background: none; box-shadow: none; } @@ -4387,16 +4389,16 @@ popover.emoji-completion .emoji:hover { margin-right: 0; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { +.path-bar-box .linked.nautilus-path-bar button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 0; border-radius: 9999px; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button { +.path-bar-box .linked.nautilus-path-bar button.text-button.image-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { +.path-bar-box .linked.nautilus-path-bar button.text-button.image-button:not(.suggested-action):not(.destructive-action) image:not(:only-child) { margin: 0; } @@ -4444,7 +4446,7 @@ popover.emoji-completion .emoji:hover { background-color: transparent; } -.nautilus-window notebook :not(treeview).view { +.nautilus-window notebook .view:not(treeview) { border-radius: 6px; } @@ -5043,7 +5045,7 @@ stack.view.polari-entry-area { border-bottom-right-radius: 18px; } -stack:disabled.view.polari-entry-area { +stack.view.polari-entry-area:disabled { background-image: image(#F2F2F2); } @@ -6387,7 +6389,7 @@ UnityDecoration .menuitem:hover { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } -.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { +.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) { border-style: none; } diff --git a/src/gtk/4.0/gtk-Compact.css b/src/gtk/4.0/gtk-Compact.css index 0b1f992..8100948 100644 --- a/src/gtk/4.0/gtk-Compact.css +++ b/src/gtk/4.0/gtk-Compact.css @@ -1024,13 +1024,13 @@ list > row button.image-button:not(.flat):checked { } -list > row button.image-button:not(.flat).suggested-action { +list > row button.image-button.suggested-action:not(.flat) { background-color: #1A73E8; color: white; } -list > row button.image-button:not(.flat).destructive-action { +list > row button.image-button.destructive-action:not(.flat) { background-color: #D93025; color: white; } @@ -1580,7 +1580,7 @@ headerbar stackswitcher { border-radius: 9999px; } -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +headerbar stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } @@ -1752,13 +1752,13 @@ treeview.view:drop(active) { box-shadow: none; } -columnview.view:drop(active).after, -treeview.view:drop(active).after { +columnview.view.after:drop(active), +treeview.view.after:drop(active) { border-top-style: none; } -columnview.view:drop(active).before, -treeview.view:drop(active).before { +columnview.view.before:drop(active), +treeview.view.before:drop(active) { border-bottom-style: none; } @@ -1769,13 +1769,13 @@ treeview.view > dndtarget:drop(active) { border-color: alpha(currentColor, 0.06); } -columnview.view > dndtarget:drop(active).after, -treeview.view > dndtarget:drop(active).after { +columnview.view > dndtarget.after:drop(active), +treeview.view > dndtarget.after:drop(active) { border-top-style: none; } -columnview.view > dndtarget:drop(active).before, -treeview.view > dndtarget:drop(active).before { +columnview.view > dndtarget.before:drop(active), +treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; } @@ -2176,7 +2176,7 @@ notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } -notebook > header tab:checked.reorderable-page { +notebook > header tab.reorderable-page:checked { background-color: #FFFFFF; } @@ -2481,19 +2481,19 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { min-width: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { min-width: 8px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { min-height: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { min-height: 8px; } @@ -3461,7 +3461,7 @@ columnview.column-separators > header > button { border-left-color: rgba(0, 0, 0, 0.12); } -columnview > listview:not(.horizontal).separators > row:not(.separator) { +columnview > listview.separators:not(.horizontal) > row:not(.separator) { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } @@ -3625,24 +3625,24 @@ list.boxed-list > row.expander { border: none; } -list.content > row:first-child, list.content > row:first-child.expander row.header, +list.content > row:first-child, list.content > row.expander:first-child row.header, list.boxed-list > row:first-child, -list.boxed-list > row:first-child.expander row.header { +list.boxed-list > row.expander:first-child row.header { border-top-left-radius: 9px; border-top-right-radius: 9px; } -list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child, +list.content > row:last-child, list.content > row.expander:last-child:not(:checked), list.content > row.expander:last-child:not(:checked) row.header, list.content > row.expander:last-child:checked list.nested, list.content > row.expander:last-child:checked list.nested > row:last-child, list.content > row:only-child, list.content > row.expander:only-child:not(:checked), list.content > row.expander:only-child:not(:checked) row.header, list.content > row.expander:only-child:checked list.nested, list.content > row.expander:only-child:checked list.nested > row:last-child, list.boxed-list > row:last-child, -list.boxed-list > row:last-child.expander:not(:checked), -list.boxed-list > row:last-child.expander:not(:checked) row.header, -list.boxed-list > row:last-child.expander:checked list.nested, -list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, +list.boxed-list > row.expander:last-child:not(:checked), +list.boxed-list > row.expander:last-child:not(:checked) row.header, +list.boxed-list > row.expander:last-child:checked list.nested, +list.boxed-list > row.expander:last-child:checked list.nested > row:last-child, list.boxed-list > row:only-child, -list.boxed-list > row:only-child.expander:not(:checked), -list.boxed-list > row:only-child.expander:not(:checked) row.header, -list.boxed-list > row:only-child.expander:checked list.nested, -list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { +list.boxed-list > row.expander:only-child:not(:checked), +list.boxed-list > row.expander:only-child:not(:checked) row.header, +list.boxed-list > row.expander:only-child:checked list.nested, +list.boxed-list > row.expander:only-child:checked list.nested > row:last-child { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; border-bottom-width: 0; @@ -3850,12 +3850,12 @@ window.aboutdialog .large-icons { background-color: #FAFAFA; } -.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { +.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { +.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } @@ -4367,11 +4367,11 @@ windowcontrols { border-spacing: 4px; } -windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { +windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 4px; } -windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { +windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 4px; } @@ -4461,7 +4461,7 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc background-color: transparent; } -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 100px; } @@ -5344,7 +5344,7 @@ splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-actio background-image: image(rgba(0, 0, 0, 0.05)); } -splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { +splitbutton.suggested-action > button.keyboard-activating:checked, splitbutton.suggested-action > menubutton > button.keyboard-activating:checked, splitbutton.destructive-action > button.keyboard-activating:checked, splitbutton.destructive-action > menubutton > button.keyboard-activating:checked, splitbutton.opaque > button.keyboard-activating:checked, splitbutton.opaque > menubutton > button.keyboard-activating:checked, menubutton.suggested-action > button.keyboard-activating:checked, menubutton.destructive-action > button.keyboard-activating:checked, menubutton.opaque > button.keyboard-activating:checked, button.suggested-action.keyboard-activating:checked, button.destructive-action.keyboard-activating:checked, button.opaque.keyboard-activating:checked, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } diff --git a/src/gtk/4.0/gtk-Dark-Compact.css b/src/gtk/4.0/gtk-Dark-Compact.css index e42da35..cc03daa 100644 --- a/src/gtk/4.0/gtk-Dark-Compact.css +++ b/src/gtk/4.0/gtk-Dark-Compact.css @@ -1024,13 +1024,13 @@ list > row button.image-button:not(.flat):checked { } -list > row button.image-button:not(.flat).suggested-action { +list > row button.image-button.suggested-action:not(.flat) { background-color: #3281EA; color: white; } -list > row button.image-button:not(.flat).destructive-action { +list > row button.image-button.destructive-action:not(.flat) { background-color: #F28B82; color: rgba(0, 0, 0, 0.87); } @@ -1580,7 +1580,7 @@ headerbar stackswitcher { border-radius: 9999px; } -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +headerbar stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } @@ -1752,13 +1752,13 @@ treeview.view:drop(active) { box-shadow: none; } -columnview.view:drop(active).after, -treeview.view:drop(active).after { +columnview.view.after:drop(active), +treeview.view.after:drop(active) { border-top-style: none; } -columnview.view:drop(active).before, -treeview.view:drop(active).before { +columnview.view.before:drop(active), +treeview.view.before:drop(active) { border-bottom-style: none; } @@ -1769,13 +1769,13 @@ treeview.view > dndtarget:drop(active) { border-color: alpha(currentColor, 0.06); } -columnview.view > dndtarget:drop(active).after, -treeview.view > dndtarget:drop(active).after { +columnview.view > dndtarget.after:drop(active), +treeview.view > dndtarget.after:drop(active) { border-top-style: none; } -columnview.view > dndtarget:drop(active).before, -treeview.view > dndtarget:drop(active).before { +columnview.view > dndtarget.before:drop(active), +treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; } @@ -2176,7 +2176,7 @@ notebook > header tab:checked:disabled { color: rgba(255, 255, 255, 0.5); } -notebook > header tab:checked.reorderable-page { +notebook > header tab.reorderable-page:checked { background-color: #2C2C2C; } @@ -2481,19 +2481,19 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(255, 255, 255, 0.3); } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { min-width: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { min-width: 8px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { min-height: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { min-height: 8px; } @@ -3461,7 +3461,7 @@ columnview.column-separators > header > button { border-left-color: rgba(255, 255, 255, 0.12); } -columnview > listview:not(.horizontal).separators > row:not(.separator) { +columnview > listview.separators:not(.horizontal) > row:not(.separator) { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } @@ -3625,24 +3625,24 @@ list.boxed-list > row.expander { border: none; } -list.content > row:first-child, list.content > row:first-child.expander row.header, +list.content > row:first-child, list.content > row.expander:first-child row.header, list.boxed-list > row:first-child, -list.boxed-list > row:first-child.expander row.header { +list.boxed-list > row.expander:first-child row.header { border-top-left-radius: 9px; border-top-right-radius: 9px; } -list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child, +list.content > row:last-child, list.content > row.expander:last-child:not(:checked), list.content > row.expander:last-child:not(:checked) row.header, list.content > row.expander:last-child:checked list.nested, list.content > row.expander:last-child:checked list.nested > row:last-child, list.content > row:only-child, list.content > row.expander:only-child:not(:checked), list.content > row.expander:only-child:not(:checked) row.header, list.content > row.expander:only-child:checked list.nested, list.content > row.expander:only-child:checked list.nested > row:last-child, list.boxed-list > row:last-child, -list.boxed-list > row:last-child.expander:not(:checked), -list.boxed-list > row:last-child.expander:not(:checked) row.header, -list.boxed-list > row:last-child.expander:checked list.nested, -list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, +list.boxed-list > row.expander:last-child:not(:checked), +list.boxed-list > row.expander:last-child:not(:checked) row.header, +list.boxed-list > row.expander:last-child:checked list.nested, +list.boxed-list > row.expander:last-child:checked list.nested > row:last-child, list.boxed-list > row:only-child, -list.boxed-list > row:only-child.expander:not(:checked), -list.boxed-list > row:only-child.expander:not(:checked) row.header, -list.boxed-list > row:only-child.expander:checked list.nested, -list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { +list.boxed-list > row.expander:only-child:not(:checked), +list.boxed-list > row.expander:only-child:not(:checked) row.header, +list.boxed-list > row.expander:only-child:checked list.nested, +list.boxed-list > row.expander:only-child:checked list.nested > row:last-child { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; border-bottom-width: 0; @@ -3850,12 +3850,12 @@ window.aboutdialog .large-icons { background-color: #242424; } -.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { +.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid rgba(255, 255, 255, 0.12); border-left-style: none; } -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { +.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid rgba(255, 255, 255, 0.12); border-right-style: none; } @@ -4362,11 +4362,11 @@ windowcontrols { border-spacing: 4px; } -windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { +windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 4px; } -windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { +windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 4px; } @@ -4456,7 +4456,7 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc background-color: transparent; } -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 100px; } @@ -5309,7 +5309,7 @@ splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-actio background-image: image(rgba(0, 0, 0, 0.05)); } -splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { +splitbutton.suggested-action > button.keyboard-activating:checked, splitbutton.suggested-action > menubutton > button.keyboard-activating:checked, splitbutton.destructive-action > button.keyboard-activating:checked, splitbutton.destructive-action > menubutton > button.keyboard-activating:checked, splitbutton.opaque > button.keyboard-activating:checked, splitbutton.opaque > menubutton > button.keyboard-activating:checked, menubutton.suggested-action > button.keyboard-activating:checked, menubutton.destructive-action > button.keyboard-activating:checked, menubutton.opaque > button.keyboard-activating:checked, button.suggested-action.keyboard-activating:checked, button.destructive-action.keyboard-activating:checked, button.opaque.keyboard-activating:checked, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } diff --git a/src/gtk/4.0/gtk-Dark.css b/src/gtk/4.0/gtk-Dark.css index 3f35f6a..ffde3f0 100644 --- a/src/gtk/4.0/gtk-Dark.css +++ b/src/gtk/4.0/gtk-Dark.css @@ -1024,13 +1024,13 @@ list > row button.image-button:not(.flat):checked { } -list > row button.image-button:not(.flat).suggested-action { +list > row button.image-button.suggested-action:not(.flat) { background-color: #3281EA; color: white; } -list > row button.image-button:not(.flat).destructive-action { +list > row button.image-button.destructive-action:not(.flat) { background-color: #F28B82; color: rgba(0, 0, 0, 0.87); } @@ -1580,7 +1580,7 @@ headerbar stackswitcher { border-radius: 9999px; } -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +headerbar stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } @@ -1752,13 +1752,13 @@ treeview.view:drop(active) { box-shadow: none; } -columnview.view:drop(active).after, -treeview.view:drop(active).after { +columnview.view.after:drop(active), +treeview.view.after:drop(active) { border-top-style: none; } -columnview.view:drop(active).before, -treeview.view:drop(active).before { +columnview.view.before:drop(active), +treeview.view.before:drop(active) { border-bottom-style: none; } @@ -1769,13 +1769,13 @@ treeview.view > dndtarget:drop(active) { border-color: alpha(currentColor, 0.06); } -columnview.view > dndtarget:drop(active).after, -treeview.view > dndtarget:drop(active).after { +columnview.view > dndtarget.after:drop(active), +treeview.view > dndtarget.after:drop(active) { border-top-style: none; } -columnview.view > dndtarget:drop(active).before, -treeview.view > dndtarget:drop(active).before { +columnview.view > dndtarget.before:drop(active), +treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; } @@ -2176,7 +2176,7 @@ notebook > header tab:checked:disabled { color: rgba(255, 255, 255, 0.5); } -notebook > header tab:checked.reorderable-page { +notebook > header tab.reorderable-page:checked { background-color: #2C2C2C; } @@ -2481,19 +2481,19 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(255, 255, 255, 0.3); } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { min-width: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { min-width: 8px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { min-height: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { min-height: 8px; } @@ -3461,7 +3461,7 @@ columnview.column-separators > header > button { border-left-color: rgba(255, 255, 255, 0.12); } -columnview > listview:not(.horizontal).separators > row:not(.separator) { +columnview > listview.separators:not(.horizontal) > row:not(.separator) { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } @@ -3625,24 +3625,24 @@ list.boxed-list > row.expander { border: none; } -list.content > row:first-child, list.content > row:first-child.expander row.header, +list.content > row:first-child, list.content > row.expander:first-child row.header, list.boxed-list > row:first-child, -list.boxed-list > row:first-child.expander row.header { +list.boxed-list > row.expander:first-child row.header { border-top-left-radius: 11px; border-top-right-radius: 11px; } -list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child, +list.content > row:last-child, list.content > row.expander:last-child:not(:checked), list.content > row.expander:last-child:not(:checked) row.header, list.content > row.expander:last-child:checked list.nested, list.content > row.expander:last-child:checked list.nested > row:last-child, list.content > row:only-child, list.content > row.expander:only-child:not(:checked), list.content > row.expander:only-child:not(:checked) row.header, list.content > row.expander:only-child:checked list.nested, list.content > row.expander:only-child:checked list.nested > row:last-child, list.boxed-list > row:last-child, -list.boxed-list > row:last-child.expander:not(:checked), -list.boxed-list > row:last-child.expander:not(:checked) row.header, -list.boxed-list > row:last-child.expander:checked list.nested, -list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, +list.boxed-list > row.expander:last-child:not(:checked), +list.boxed-list > row.expander:last-child:not(:checked) row.header, +list.boxed-list > row.expander:last-child:checked list.nested, +list.boxed-list > row.expander:last-child:checked list.nested > row:last-child, list.boxed-list > row:only-child, -list.boxed-list > row:only-child.expander:not(:checked), -list.boxed-list > row:only-child.expander:not(:checked) row.header, -list.boxed-list > row:only-child.expander:checked list.nested, -list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { +list.boxed-list > row.expander:only-child:not(:checked), +list.boxed-list > row.expander:only-child:not(:checked) row.header, +list.boxed-list > row.expander:only-child:checked list.nested, +list.boxed-list > row.expander:only-child:checked list.nested > row:last-child { border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; border-bottom-width: 0; @@ -3850,12 +3850,12 @@ window.aboutdialog .large-icons { background-color: #242424; } -.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { +.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid rgba(255, 255, 255, 0.12); border-left-style: none; } -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { +.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid rgba(255, 255, 255, 0.12); border-right-style: none; } @@ -4362,11 +4362,11 @@ windowcontrols { border-spacing: 6px; } -windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { +windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 6px; } -windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { +windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 6px; } @@ -4456,7 +4456,7 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc background-color: transparent; } -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 100px; } @@ -5309,7 +5309,7 @@ splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-actio background-image: image(rgba(0, 0, 0, 0.05)); } -splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { +splitbutton.suggested-action > button.keyboard-activating:checked, splitbutton.suggested-action > menubutton > button.keyboard-activating:checked, splitbutton.destructive-action > button.keyboard-activating:checked, splitbutton.destructive-action > menubutton > button.keyboard-activating:checked, splitbutton.opaque > button.keyboard-activating:checked, splitbutton.opaque > menubutton > button.keyboard-activating:checked, menubutton.suggested-action > button.keyboard-activating:checked, menubutton.destructive-action > button.keyboard-activating:checked, menubutton.opaque > button.keyboard-activating:checked, button.suggested-action.keyboard-activating:checked, button.destructive-action.keyboard-activating:checked, button.opaque.keyboard-activating:checked, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } diff --git a/src/gtk/4.0/gtk-Light-Compact.css b/src/gtk/4.0/gtk-Light-Compact.css index faea674..e23f895 100644 --- a/src/gtk/4.0/gtk-Light-Compact.css +++ b/src/gtk/4.0/gtk-Light-Compact.css @@ -1024,13 +1024,13 @@ list > row button.image-button:not(.flat):checked { } -list > row button.image-button:not(.flat).suggested-action { +list > row button.image-button.suggested-action:not(.flat) { background-color: #1A73E8; color: white; } -list > row button.image-button:not(.flat).destructive-action { +list > row button.image-button.destructive-action:not(.flat) { background-color: #D93025; color: white; } @@ -1580,7 +1580,7 @@ headerbar stackswitcher { border-radius: 9999px; } -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +headerbar stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } @@ -1752,13 +1752,13 @@ treeview.view:drop(active) { box-shadow: none; } -columnview.view:drop(active).after, -treeview.view:drop(active).after { +columnview.view.after:drop(active), +treeview.view.after:drop(active) { border-top-style: none; } -columnview.view:drop(active).before, -treeview.view:drop(active).before { +columnview.view.before:drop(active), +treeview.view.before:drop(active) { border-bottom-style: none; } @@ -1769,13 +1769,13 @@ treeview.view > dndtarget:drop(active) { border-color: alpha(currentColor, 0.06); } -columnview.view > dndtarget:drop(active).after, -treeview.view > dndtarget:drop(active).after { +columnview.view > dndtarget.after:drop(active), +treeview.view > dndtarget.after:drop(active) { border-top-style: none; } -columnview.view > dndtarget:drop(active).before, -treeview.view > dndtarget:drop(active).before { +columnview.view > dndtarget.before:drop(active), +treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; } @@ -2176,7 +2176,7 @@ notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } -notebook > header tab:checked.reorderable-page { +notebook > header tab.reorderable-page:checked { background-color: #FFFFFF; } @@ -2481,19 +2481,19 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { min-width: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { min-width: 8px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { min-height: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { min-height: 8px; } @@ -3461,7 +3461,7 @@ columnview.column-separators > header > button { border-left-color: rgba(0, 0, 0, 0.12); } -columnview > listview:not(.horizontal).separators > row:not(.separator) { +columnview > listview.separators:not(.horizontal) > row:not(.separator) { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } @@ -3625,24 +3625,24 @@ list.boxed-list > row.expander { border: none; } -list.content > row:first-child, list.content > row:first-child.expander row.header, +list.content > row:first-child, list.content > row.expander:first-child row.header, list.boxed-list > row:first-child, -list.boxed-list > row:first-child.expander row.header { +list.boxed-list > row.expander:first-child row.header { border-top-left-radius: 9px; border-top-right-radius: 9px; } -list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child, +list.content > row:last-child, list.content > row.expander:last-child:not(:checked), list.content > row.expander:last-child:not(:checked) row.header, list.content > row.expander:last-child:checked list.nested, list.content > row.expander:last-child:checked list.nested > row:last-child, list.content > row:only-child, list.content > row.expander:only-child:not(:checked), list.content > row.expander:only-child:not(:checked) row.header, list.content > row.expander:only-child:checked list.nested, list.content > row.expander:only-child:checked list.nested > row:last-child, list.boxed-list > row:last-child, -list.boxed-list > row:last-child.expander:not(:checked), -list.boxed-list > row:last-child.expander:not(:checked) row.header, -list.boxed-list > row:last-child.expander:checked list.nested, -list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, +list.boxed-list > row.expander:last-child:not(:checked), +list.boxed-list > row.expander:last-child:not(:checked) row.header, +list.boxed-list > row.expander:last-child:checked list.nested, +list.boxed-list > row.expander:last-child:checked list.nested > row:last-child, list.boxed-list > row:only-child, -list.boxed-list > row:only-child.expander:not(:checked), -list.boxed-list > row:only-child.expander:not(:checked) row.header, -list.boxed-list > row:only-child.expander:checked list.nested, -list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { +list.boxed-list > row.expander:only-child:not(:checked), +list.boxed-list > row.expander:only-child:not(:checked) row.header, +list.boxed-list > row.expander:only-child:checked list.nested, +list.boxed-list > row.expander:only-child:checked list.nested > row:last-child { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; border-bottom-width: 0; @@ -3850,12 +3850,12 @@ window.aboutdialog .large-icons { background-color: #FAFAFA; } -.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { +.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { +.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } @@ -4362,11 +4362,11 @@ windowcontrols { border-spacing: 4px; } -windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { +windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 4px; } -windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { +windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 4px; } @@ -4456,7 +4456,7 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc background-color: transparent; } -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 100px; } @@ -5308,7 +5308,7 @@ splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-actio background-image: image(rgba(0, 0, 0, 0.05)); } -splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { +splitbutton.suggested-action > button.keyboard-activating:checked, splitbutton.suggested-action > menubutton > button.keyboard-activating:checked, splitbutton.destructive-action > button.keyboard-activating:checked, splitbutton.destructive-action > menubutton > button.keyboard-activating:checked, splitbutton.opaque > button.keyboard-activating:checked, splitbutton.opaque > menubutton > button.keyboard-activating:checked, menubutton.suggested-action > button.keyboard-activating:checked, menubutton.destructive-action > button.keyboard-activating:checked, menubutton.opaque > button.keyboard-activating:checked, button.suggested-action.keyboard-activating:checked, button.destructive-action.keyboard-activating:checked, button.opaque.keyboard-activating:checked, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } diff --git a/src/gtk/4.0/gtk-Light.css b/src/gtk/4.0/gtk-Light.css index a6cbf5f..cf41cd7 100644 --- a/src/gtk/4.0/gtk-Light.css +++ b/src/gtk/4.0/gtk-Light.css @@ -1024,13 +1024,13 @@ list > row button.image-button:not(.flat):checked { } -list > row button.image-button:not(.flat).suggested-action { +list > row button.image-button.suggested-action:not(.flat) { background-color: #1A73E8; color: white; } -list > row button.image-button:not(.flat).destructive-action { +list > row button.image-button.destructive-action:not(.flat) { background-color: #D93025; color: white; } @@ -1580,7 +1580,7 @@ headerbar stackswitcher { border-radius: 9999px; } -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +headerbar stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } @@ -1752,13 +1752,13 @@ treeview.view:drop(active) { box-shadow: none; } -columnview.view:drop(active).after, -treeview.view:drop(active).after { +columnview.view.after:drop(active), +treeview.view.after:drop(active) { border-top-style: none; } -columnview.view:drop(active).before, -treeview.view:drop(active).before { +columnview.view.before:drop(active), +treeview.view.before:drop(active) { border-bottom-style: none; } @@ -1769,13 +1769,13 @@ treeview.view > dndtarget:drop(active) { border-color: alpha(currentColor, 0.06); } -columnview.view > dndtarget:drop(active).after, -treeview.view > dndtarget:drop(active).after { +columnview.view > dndtarget.after:drop(active), +treeview.view > dndtarget.after:drop(active) { border-top-style: none; } -columnview.view > dndtarget:drop(active).before, -treeview.view > dndtarget:drop(active).before { +columnview.view > dndtarget.before:drop(active), +treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; } @@ -2176,7 +2176,7 @@ notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } -notebook > header tab:checked.reorderable-page { +notebook > header tab.reorderable-page:checked { background-color: #FFFFFF; } @@ -2481,19 +2481,19 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { min-width: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { min-width: 8px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { min-height: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { min-height: 8px; } @@ -3461,7 +3461,7 @@ columnview.column-separators > header > button { border-left-color: rgba(0, 0, 0, 0.12); } -columnview > listview:not(.horizontal).separators > row:not(.separator) { +columnview > listview.separators:not(.horizontal) > row:not(.separator) { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } @@ -3625,24 +3625,24 @@ list.boxed-list > row.expander { border: none; } -list.content > row:first-child, list.content > row:first-child.expander row.header, +list.content > row:first-child, list.content > row.expander:first-child row.header, list.boxed-list > row:first-child, -list.boxed-list > row:first-child.expander row.header { +list.boxed-list > row.expander:first-child row.header { border-top-left-radius: 11px; border-top-right-radius: 11px; } -list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child, +list.content > row:last-child, list.content > row.expander:last-child:not(:checked), list.content > row.expander:last-child:not(:checked) row.header, list.content > row.expander:last-child:checked list.nested, list.content > row.expander:last-child:checked list.nested > row:last-child, list.content > row:only-child, list.content > row.expander:only-child:not(:checked), list.content > row.expander:only-child:not(:checked) row.header, list.content > row.expander:only-child:checked list.nested, list.content > row.expander:only-child:checked list.nested > row:last-child, list.boxed-list > row:last-child, -list.boxed-list > row:last-child.expander:not(:checked), -list.boxed-list > row:last-child.expander:not(:checked) row.header, -list.boxed-list > row:last-child.expander:checked list.nested, -list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, +list.boxed-list > row.expander:last-child:not(:checked), +list.boxed-list > row.expander:last-child:not(:checked) row.header, +list.boxed-list > row.expander:last-child:checked list.nested, +list.boxed-list > row.expander:last-child:checked list.nested > row:last-child, list.boxed-list > row:only-child, -list.boxed-list > row:only-child.expander:not(:checked), -list.boxed-list > row:only-child.expander:not(:checked) row.header, -list.boxed-list > row:only-child.expander:checked list.nested, -list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { +list.boxed-list > row.expander:only-child:not(:checked), +list.boxed-list > row.expander:only-child:not(:checked) row.header, +list.boxed-list > row.expander:only-child:checked list.nested, +list.boxed-list > row.expander:only-child:checked list.nested > row:last-child { border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; border-bottom-width: 0; @@ -3850,12 +3850,12 @@ window.aboutdialog .large-icons { background-color: #FAFAFA; } -.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { +.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { +.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } @@ -4362,11 +4362,11 @@ windowcontrols { border-spacing: 6px; } -windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { +windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 6px; } -windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { +windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 6px; } @@ -4456,7 +4456,7 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc background-color: transparent; } -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 100px; } @@ -5308,7 +5308,7 @@ splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-actio background-image: image(rgba(0, 0, 0, 0.05)); } -splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { +splitbutton.suggested-action > button.keyboard-activating:checked, splitbutton.suggested-action > menubutton > button.keyboard-activating:checked, splitbutton.destructive-action > button.keyboard-activating:checked, splitbutton.destructive-action > menubutton > button.keyboard-activating:checked, splitbutton.opaque > button.keyboard-activating:checked, splitbutton.opaque > menubutton > button.keyboard-activating:checked, menubutton.suggested-action > button.keyboard-activating:checked, menubutton.destructive-action > button.keyboard-activating:checked, menubutton.opaque > button.keyboard-activating:checked, button.suggested-action.keyboard-activating:checked, button.destructive-action.keyboard-activating:checked, button.opaque.keyboard-activating:checked, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } diff --git a/src/gtk/4.0/gtk.css b/src/gtk/4.0/gtk.css index 8cde449..232d8a1 100644 --- a/src/gtk/4.0/gtk.css +++ b/src/gtk/4.0/gtk.css @@ -1024,13 +1024,13 @@ list > row button.image-button:not(.flat):checked { } -list > row button.image-button:not(.flat).suggested-action { +list > row button.image-button.suggested-action:not(.flat) { background-color: #1A73E8; color: white; } -list > row button.image-button:not(.flat).destructive-action { +list > row button.image-button.destructive-action:not(.flat) { background-color: #D93025; color: white; } @@ -1580,7 +1580,7 @@ headerbar stackswitcher { border-radius: 9999px; } -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +headerbar stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { border-radius: 9999px; } @@ -1752,13 +1752,13 @@ treeview.view:drop(active) { box-shadow: none; } -columnview.view:drop(active).after, -treeview.view:drop(active).after { +columnview.view.after:drop(active), +treeview.view.after:drop(active) { border-top-style: none; } -columnview.view:drop(active).before, -treeview.view:drop(active).before { +columnview.view.before:drop(active), +treeview.view.before:drop(active) { border-bottom-style: none; } @@ -1769,13 +1769,13 @@ treeview.view > dndtarget:drop(active) { border-color: alpha(currentColor, 0.06); } -columnview.view > dndtarget:drop(active).after, -treeview.view > dndtarget:drop(active).after { +columnview.view > dndtarget.after:drop(active), +treeview.view > dndtarget.after:drop(active) { border-top-style: none; } -columnview.view > dndtarget:drop(active).before, -treeview.view > dndtarget:drop(active).before { +columnview.view > dndtarget.before:drop(active), +treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; } @@ -2176,7 +2176,7 @@ notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } -notebook > header tab:checked.reorderable-page { +notebook > header tab.reorderable-page:checked { background-color: #FFFFFF; } @@ -2481,19 +2481,19 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { min-width: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { min-width: 8px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { min-height: 24px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { min-height: 8px; } @@ -3461,7 +3461,7 @@ columnview.column-separators > header > button { border-left-color: rgba(0, 0, 0, 0.12); } -columnview > listview:not(.horizontal).separators > row:not(.separator) { +columnview > listview.separators:not(.horizontal) > row:not(.separator) { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } @@ -3625,24 +3625,24 @@ list.boxed-list > row.expander { border: none; } -list.content > row:first-child, list.content > row:first-child.expander row.header, +list.content > row:first-child, list.content > row.expander:first-child row.header, list.boxed-list > row:first-child, -list.boxed-list > row:first-child.expander row.header { +list.boxed-list > row.expander:first-child row.header { border-top-left-radius: 11px; border-top-right-radius: 11px; } -list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child, +list.content > row:last-child, list.content > row.expander:last-child:not(:checked), list.content > row.expander:last-child:not(:checked) row.header, list.content > row.expander:last-child:checked list.nested, list.content > row.expander:last-child:checked list.nested > row:last-child, list.content > row:only-child, list.content > row.expander:only-child:not(:checked), list.content > row.expander:only-child:not(:checked) row.header, list.content > row.expander:only-child:checked list.nested, list.content > row.expander:only-child:checked list.nested > row:last-child, list.boxed-list > row:last-child, -list.boxed-list > row:last-child.expander:not(:checked), -list.boxed-list > row:last-child.expander:not(:checked) row.header, -list.boxed-list > row:last-child.expander:checked list.nested, -list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, +list.boxed-list > row.expander:last-child:not(:checked), +list.boxed-list > row.expander:last-child:not(:checked) row.header, +list.boxed-list > row.expander:last-child:checked list.nested, +list.boxed-list > row.expander:last-child:checked list.nested > row:last-child, list.boxed-list > row:only-child, -list.boxed-list > row:only-child.expander:not(:checked), -list.boxed-list > row:only-child.expander:not(:checked) row.header, -list.boxed-list > row:only-child.expander:checked list.nested, -list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { +list.boxed-list > row.expander:only-child:not(:checked), +list.boxed-list > row.expander:only-child:not(:checked) row.header, +list.boxed-list > row.expander:only-child:checked list.nested, +list.boxed-list > row.expander:only-child:checked list.nested > row:last-child { border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; border-bottom-width: 0; @@ -3850,12 +3850,12 @@ window.aboutdialog .large-icons { background-color: #FAFAFA; } -.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { +.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { +.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } @@ -4367,11 +4367,11 @@ windowcontrols { border-spacing: 6px; } -windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { +windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 6px; } -windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { +windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 6px; } @@ -4461,7 +4461,7 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc background-color: transparent; } -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +stackswitcher.linked:not(.vertical) > button.text-button:not(.suggested-action):not(.destructive-action) { min-width: 100px; } @@ -5344,7 +5344,7 @@ splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-actio background-image: image(rgba(0, 0, 0, 0.05)); } -splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { +splitbutton.suggested-action > button.keyboard-activating:checked, splitbutton.suggested-action > menubutton > button.keyboard-activating:checked, splitbutton.destructive-action > button.keyboard-activating:checked, splitbutton.destructive-action > menubutton > button.keyboard-activating:checked, splitbutton.opaque > button.keyboard-activating:checked, splitbutton.opaque > menubutton > button.keyboard-activating:checked, menubutton.suggested-action > button.keyboard-activating:checked, menubutton.destructive-action > button.keyboard-activating:checked, menubutton.opaque > button.keyboard-activating:checked, button.suggested-action.keyboard-activating:checked, button.destructive-action.keyboard-activating:checked, button.opaque.keyboard-activating:checked, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); }