luisgulo/WhiteSur-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of github.com:vinceliuice/WhiteSur-gtk-theme

Browse Source
This commit is contained in:
vinceliuice 2023-03-09 01:23:38 +08:00
commit 3219627f07
23 changed files with 408 additions and 188 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
install.sh
View File

@ -200,9 +200,9 @@ else
echo; prompt -w "${final_msg}"
if has_command notify-send && [[ "$UID" != '0' ]]; then
notify-send "'${name}' theme has been installed. Enjoy!" "${notif_msg}" -i "dialog-information-symbolic"
fi
# if has_command notify-send && [[ "$UID" != '0' ]]; then
# notify-send "'${name}' theme has been installed. Enjoy!" "${notif_msg}" -i "dialog-information-symbolic"
# fi
fi
echo

2
src/other/firefox/Monterey/colors/dark.css
View File

@ -29,7 +29,7 @@
--gnome-menu-border-color: #070707;
--gnome-popover-background: rgba(51, 51, 51, 0.95);
--gnome-popover-border-color: #070707;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);

2
src/other/firefox/Monterey/colors/light.css
View File

@ -29,7 +29,7 @@
--gnome-menu-border-color: #cdc7c2;
--gnome-popover-background: rgba(255, 255, 255, 0.95);
--gnome-popover-border-color: #cdc7c2;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.12);
--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);

7
src/other/firefox/Monterey/parts/dialogs.css
View File

@ -19,6 +19,10 @@ window {
#window-modal-dialog {
margin-top: auto !important;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
/* Dialog */
@ -30,6 +34,7 @@ window {
window[role="dialog"] {
background: var(--gnome-toolbar-background) !important;
border: 0 !important;
box-shadow: var(--gnome-popover-shadow) !important;
padding: 0 !important;
}
@ -39,7 +44,7 @@ dialog {
dialog[subdialog] {
border-radius: 12px !important;
border: 1px solid var(--gnome-popover-border-color) !important;
border: none !important;
box-shadow: var(--gnome-popover-shadow) !important;
}

19
src/other/firefox/Monterey/parts/icons.css
View File

@ -4,9 +4,9 @@
/* Cursors autoscroller fix */
.autoscroller {
--panel-background: transparent !important;
--panel-border-color: transparent !important;
background-image: url("chrome://global/skin/icons/autoscroll.svg") !important;
--panel-background: transparent !important;
--panel-border-color: transparent !important;
background-image: url("chrome://global/skin/icons/autoscroll.svg") !important;
}
/* Built-in firefox icons color */
@ -99,17 +99,18 @@ arrowscrollbox[orient="horizontal"] {
}
/* Tree views */
treechildren::-moz-tree-twisty,
.item.client .item-twisty-container {
list-style-image: url("../icons/pan-down-symbolic.svg") !important;
treechildren::-moz-tree-twisty {
list-style-image: url("../icons/pan-end-symbolic.svg") !important;
width: 16px !important;
height: 16px !important;
}
.item.client .item-twisty-container {
background-image: url("../icons/pan-end-symbolic.svg") !important;
width: 16px !important;
height: 16px !important;
}
treechildren::-moz-tree-twisty(open) {
list-style-image: url("../icons/pan-end-symbolic.svg") !important;
list-style-image: url("../icons/pan-down-symbolic.svg") !important;
}
treechildren::-moz-tree-twisty(selected, focus) {
list-style-image: url("../icons/pan-down-symbolic-light.svg") !important;
@ -674,9 +675,7 @@ treechildren::-moz-tree-image {
.bookmark-item[container] .toolbarbutton-icon,
.menu-iconic.bookmark-item[container] .menu-iconic-icon,
.panel-info-button > image,
.tab-icon-overlay,
#scrollbutton-up .toolbarbutton-icon,
#scrollbutton-down .toolbarbutton-icon {
.tab-icon-overlay {
filter: invert(60%) brightness(150%);
}

22
src/other/firefox/Monterey/parts/popups-contents.css
View File

@ -64,22 +64,34 @@
}
/* All tabs popover */
.all-tabs-item[selected] {
box-shadow: none !important;
border-left: 3px solid var(--gnome-tabbar-tab-active-border-bottom-color);
border-radius: 0 !important;
.all-tabs-item {
border-left: 3px solid transparent;
}
.all-tabs-item:hover,
.all-tabs-item:active {
.all-tabs-item:active,
.all-tabs-item[selected] {
background: none !important;
padding: 0 !important;
border-radius: 0 !important;
}
.all-tabs-item > .all-tabs-secondary-button {
margin: 0 !important;
}
.all-tabs-item[selected] {
border-image: linear-gradient(
to bottom,
transparent 0,
transparent 35%,
var(--gnome-tabbar-tab-active-border-bottom-color) 35%,
var(--gnome-tabbar-tab-active-border-bottom-color) 65%,
transparent 65%,
transparent 100%) 3;
}
.all-tabs-item > .all-tabs-secondary-button label {
margin: 0 !important;
}

39
src/other/firefox/Monterey/parts/popups.css
View File

@ -8,10 +8,8 @@ menupopup, panel,
:is(menupopup, panel)[type="arrow"] {
-moz-appearance: none !important;
--panel-background: var(--gnome-menu-background) !important;
--panel-border-color: var(--gnome-menu-border-color) !important;
--arrowpanel-border-radius: 12px !important;
--arrowpanel-background: var(--gnome-menu-background) !important;
--arrowpanel-border-color: var(--gnome-menu-border-color) !important;
--panel-border-radius: 12px !important;
--panel-padding: 6px !important;
--panel-shadow: var(--gnome-popover-shadow) !important;
@ -19,6 +17,30 @@ menupopup, panel,
color: var(--gnome-toolbar-color) !important;
}
menupopup, panel,
:is(menupopup, panel)[type="arrow"]
:is(panel, menupopup)::part(content) {
--panel-border-color: transparent !important;
--arrowpanel-border-color: transparent !important;
}
.panel-arrowcontent {
border: none !important;
}
@media (prefers-color-scheme: dark) {
menupopup, panel,
:is(menupopup, panel)[type="arrow"]
:is(panel, menupopup)::part(content) {
--panel-border-color: rgba(255, 255, 255, 0.06) !important;
--arrowpanel-border-color: rgba(255, 255, 255, 0.06) !important;
}
.panel-arrowcontent {
border: 1px solid rgba(255, 255, 255, 0.06) !important;
}
}
menupopup label {
color: var(--gnome-toolbar-color) !important;
}
@ -29,7 +51,6 @@ menupopup label {
background: none !important;
padding: 3px 4px 6px !important;
margin: -3px 0 0 -12px !important;
border: none !important;
}
menubar > menu > menupopup {
@ -38,7 +59,6 @@ menubar > menu > menupopup {
}
menuitem, menupopup menu {
border: none !important;
box-shadow: none !important;
}
@ -50,14 +70,9 @@ menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover {
background: transparent !important;
}
:is(panel, menupopup)::part(content) {
border: none !important;
}
/* Adjust popovers position */
panel[type="arrow"] {
appearance: none !important;
border: none !important;
background-color: transparent !important;
margin-top: 8px !important;
}
@ -67,7 +82,6 @@ panel[type="arrow"] {
.panel-header, .PanelUI-subView,
.panel-subview-body, #widget-overflow-mainView, #protections-popup-footer,
panelview {
border: none !important;
background: none !important;
}
@ -76,7 +90,6 @@ panelview {
}
#customization-panelWrapper > .panel-arrowcontent {
border: 1px solid var(--gnome-menu-border-color) !important;
box-shadow: var(--gnome-popover-shadow) !important;
border-radius: 12px !important;
background: var(--gnome-menu-background) !important;
@ -84,7 +97,7 @@ panelview {
#customization-panelWrapper > .panel-arrowbox > .panel-arrow[side="top"] {
fill: var(--gnome-menu-background) !important;
stroke: var(--gnome-menu-border-color) !important;
stroke: transparent !important;
}
#BMB_bookmarksPopup {
@ -242,7 +255,7 @@ panelview > toolbarseparator:not([orient="vertical"]),
/* Auto complete popups */
panel[type="autocomplete-richlistbox"] {
background: var(--gnome-menu-background) !important;
border: 1px solid var(--gnome-menu-border-color) !important;
border: 0 !important;
padding: 4px 0 !important;
color: var(--gnome-toolbar-color) !important;
}

19
src/other/firefox/Monterey/parts/toolbox-alt.css
View File

@ -80,6 +80,25 @@ findbar:-moz-window-inactive {
-moz-box-ordinal-group: 100;
}
/* Sidebar */
#sidebar-box,
.sidebar-panel[lwt-sidebar] {
color: var(--gnome-toolbar-color) !important;
background: var(--gnome-toolbar-background) !important;
}
/* Customization page */
#customization-container:-moz-lwtheme {
background-image: linear-gradient(var(--gnome-browser-before-load-background), var(--gnome-browser-before-load-background)) !important;
}
#customization-footer {
border-top: 1px solid var(--gnome-toolbar-border-color) !important;
color: var(--gnome-toolbar-color) !important;
background: var(--gnome-toolbar-background) !important;
border-radius: 0 0 12px 12px !important;
}
#PersonalToolbar {
padding: 0 3px 3px !important;
height: 32px !important;

19
src/other/firefox/Monterey/parts/toolbox.css
View File

@ -91,6 +91,25 @@ findbar:-moz-window-inactive,
max-height: 32px !important;
}
/* Sidebar */
#sidebar-box,
.sidebar-panel[lwt-sidebar] {
color: var(--gnome-toolbar-color) !important;
background: var(--gnome-toolbar-background) !important;
}
/* Customization page */
#customization-container:-moz-lwtheme {
background-image: linear-gradient(var(--gnome-browser-before-load-background), var(--gnome-browser-before-load-background)) !important;
}
#customization-footer {
border-top: 1px solid var(--gnome-toolbar-border-color) !important;
color: var(--gnome-toolbar-color) !important;
background: var(--gnome-toolbar-background) !important;
border-radius: 0 0 12px 12px !important;
}
/* bookmark-item */
toolbarbutton.bookmark-item {
padding: 3px 6px !important;

2
src/other/firefox/WhiteSur/colors/dark.css
View File

@ -30,7 +30,7 @@
--gnome-menu-border-color: #070707;
--gnome-popover-background: rgba(51, 51, 51, 0.95);
--gnome-popover-border-color: #070707;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);

2
src/other/firefox/WhiteSur/colors/light.css
View File

@ -29,7 +29,7 @@
--gnome-menu-border-color: #cdc7c2;
--gnome-popover-background: rgba(255, 255, 255, 0.95);
--gnome-popover-border-color: #cdc7c2;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.12);
--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);

4
src/other/firefox/WhiteSur/parts/buttons-fixes.css
View File

@ -183,6 +183,10 @@ button.close.ghost-button:active {
margin: 4px 4px 0 4px !important;
}
#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
margin: 3px !important;
}
/* Bookmarks editor buttons */
.expander-down image, .expander-up image {
margin: 6px !important;

7
src/other/firefox/WhiteSur/parts/dialogs.css
View File

@ -19,6 +19,10 @@ window {
#window-modal-dialog {
margin-top: auto !important;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
/* Dialog */
@ -30,6 +34,7 @@ window {
window[role="dialog"] {
background: var(--gnome-toolbar-background) !important;
border: 0 !important;
box-shadow: var(--gnome-popover-shadow) !important;
padding: 0 !important;
}
@ -39,7 +44,7 @@ dialog {
dialog[subdialog] {
border-radius: 12px !important;
border: 1px solid var(--gnome-popover-border-color) !important;
border: none !important;
box-shadow: var(--gnome-popover-shadow) !important;
}

15
src/other/firefox/WhiteSur/parts/icons.css
View File

@ -4,9 +4,9 @@
/* Cursors autoscroller fix */
.autoscroller {
--panel-background: transparent !important;
--panel-border-color: transparent !important;
background-image: url("chrome://global/skin/icons/autoscroll.svg") !important;
--panel-background: transparent !important;
--panel-border-color: transparent !important;
background-image: url("chrome://global/skin/icons/autoscroll.svg") !important;
}
/* Built-in firefox icons color */
@ -99,17 +99,18 @@ arrowscrollbox[orient="horizontal"] {
}
/* Tree views */
treechildren::-moz-tree-twisty,
.item.client .item-twisty-container {
list-style-image: url("../icons/pan-down-symbolic.svg") !important;
treechildren::-moz-tree-twisty {
list-style-image: url("../icons/pan-end-symbolic.svg") !important;
width: 16px !important;
height: 16px !important;
}
.item.client .item-twisty-container {
background-image: url("../icons/pan-end-symbolic.svg") !important;
width: 16px !important;
height: 16px !important;
}
treechildren::-moz-tree-twisty(open) {
list-style-image: url("../icons/pan-end-symbolic.svg") !important;
list-style-image: url("../icons/pan-down-symbolic.svg") !important;
}
treechildren::-moz-tree-twisty(selected, focus) {
list-style-image: url("../icons/pan-down-symbolic-light.svg") !important;

22
src/other/firefox/WhiteSur/parts/popups-contents.css
View File

@ -64,22 +64,34 @@
}
/* All tabs popover */
.all-tabs-item[selected] {
box-shadow: none !important;
border-left: 3px solid var(--gnome-tabbar-tab-active-border-bottom-color);
border-radius: 0 !important;
.all-tabs-item {
border-left: 3px solid transparent;
}
.all-tabs-item:hover,
.all-tabs-item:active {
.all-tabs-item:active,
.all-tabs-item[selected] {
background: none !important;
padding: 0 !important;
border-radius: 0 !important;
}
.all-tabs-item > .all-tabs-secondary-button {
margin: 0 !important;
}
.all-tabs-item[selected] {
border-image: linear-gradient(
to bottom,
transparent 0,
transparent 35%,
var(--gnome-tabbar-tab-active-border-bottom-color) 35%,
var(--gnome-tabbar-tab-active-border-bottom-color) 65%,
transparent 65%,
transparent 100%) 3;
}
.all-tabs-item > .all-tabs-secondary-button label {
margin: 0 !important;
}

39
src/other/firefox/WhiteSur/parts/popups.css
View File

@ -8,10 +8,8 @@ menupopup, panel,
:is(menupopup, panel)[type="arrow"] {
-moz-appearance: none !important;
--panel-background: var(--gnome-menu-background) !important;
--panel-border-color: var(--gnome-menu-border-color) !important;
--arrowpanel-border-radius: 12px !important;
--arrowpanel-background: var(--gnome-menu-background) !important;
--arrowpanel-border-color: var(--gnome-menu-border-color) !important;
--panel-border-radius: 12px !important;
--panel-padding: 6px !important;
--panel-shadow: var(--gnome-popover-shadow) !important;
@ -19,6 +17,30 @@ menupopup, panel,
color: var(--gnome-toolbar-color) !important;
}
menupopup, panel,
:is(menupopup, panel)[type="arrow"]
:is(panel, menupopup)::part(content) {
--panel-border-color: transparent !important;
--arrowpanel-border-color: transparent !important;
}
.panel-arrowcontent {
border: none !important;
}
@media (prefers-color-scheme: dark) {
menupopup, panel,
:is(menupopup, panel)[type="arrow"]
:is(panel, menupopup)::part(content) {
--panel-border-color: rgba(255, 255, 255, 0.06) !important;
--arrowpanel-border-color: rgba(255, 255, 255, 0.06) !important;
}
.panel-arrowcontent {
border: 1px solid rgba(255, 255, 255, 0.06) !important;
}
}
menupopup label {
color: var(--gnome-toolbar-color) !important;
}
@ -29,7 +51,6 @@ menupopup label {
background: none !important;
padding: 3px 4px 6px !important;
margin: -3px 0 0 -12px !important;
border: none !important;
}
menubar > menu > menupopup {
@ -38,7 +59,6 @@ menubar > menu > menupopup {
}
menuitem, menupopup menu {
border: none !important;
box-shadow: none !important;
}
@ -50,14 +70,9 @@ menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover {
background: transparent !important;
}
:is(panel, menupopup)::part(content) {
border: none !important;
}
/* Adjust popovers position */
panel[type="arrow"] {
appearance: none !important;
border: none !important;
background-color: transparent !important;
margin-top: 8px !important;
}
@ -67,7 +82,6 @@ panel[type="arrow"] {
.panel-header, .PanelUI-subView,
.panel-subview-body, #widget-overflow-mainView, #protections-popup-footer,
panelview {
border: none !important;
background: none !important;
}
@ -76,7 +90,6 @@ panelview {
}
#customization-panelWrapper > .panel-arrowcontent {
border: 1px solid var(--gnome-menu-border-color) !important;
box-shadow: var(--gnome-popover-shadow) !important;
border-radius: 12px !important;
background: var(--gnome-menu-background) !important;
@ -84,7 +97,7 @@ panelview {
#customization-panelWrapper > .panel-arrowbox > .panel-arrow[side="top"] {
fill: var(--gnome-menu-background) !important;
stroke: var(--gnome-menu-border-color) !important;
stroke: transparent !important;
}
#BMB_bookmarksPopup {
@ -242,7 +255,7 @@ panelview > toolbarseparator:not([orient="vertical"]),
/* Auto complete popups */
panel[type="autocomplete-richlistbox"] {
background: var(--gnome-menu-background) !important;
border: 1px solid var(--gnome-menu-border-color) !important;
border: 0 !important;
padding: 4px 0 !important;
color: var(--gnome-toolbar-color) !important;
}

16
src/other/firefox/WhiteSur/parts/tabsbar.css
View File

@ -14,11 +14,12 @@
#tabbrowser-tabs,
#tabbrowser-tabs arrowscrollbox {
min-height: 0 !important;
--tab-min-height: 32px !important;
max-height: 32px !important;
--tab-min-height: 0 !important;
}
.tab-background, .tab-stack {
min-height: 32px !important;
min-height: 0 !important;
}
/* Extra margin for the first and last tabs */
@ -318,6 +319,17 @@ tab[selected]:-moz-window-inactive {
padding: 0 !important;
}
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-text,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack {
padding: 8px !important;
}
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon {
width: 32px !important;
height: 32px !important;
}
/* firefox-view-button */
:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs {
border-inline-start: 1px solid var(--gnome-toolbar-border-color) !important;

19
src/other/firefox/WhiteSur/parts/toolbox.css
View File

@ -102,6 +102,25 @@ findbar:-moz-window-inactive label,
max-height: 32px !important;
}
/* Sidebar */
#sidebar-box,
.sidebar-panel[lwt-sidebar] {
color: var(--gnome-toolbar-color) !important;
background: var(--gnome-toolbar-background) !important;
}
/* Customization page */
#customization-container:-moz-lwtheme {
background-image: linear-gradient(var(--gnome-browser-before-load-background), var(--gnome-browser-before-load-background)) !important;
}
#customization-footer {
border-top: 1px solid var(--gnome-toolbar-border-color) !important;
color: var(--gnome-toolbar-color) !important;
background: var(--gnome-toolbar-background) !important;
border-radius: 0 0 12px 12px !important;
}
/* bookmark-item */
toolbarbutton.bookmark-item {
padding: 3px 6px !important;

2
src/other/firefox/WhiteSur/theme.css
View File

@ -21,7 +21,7 @@
/* Set theme version text in customization panel */
#customization-footer::before {
background: url(icons/icon.svg) no-repeat;
background: url("icons/icon.svg") no-repeat;
background-size: contain;
content: "Firefox WhiteSur theme";
padding: 10px 10px 10px 50px;

2
src/sass/_variables.scss
View File

@ -43,7 +43,7 @@ $circular_radius: 9999px;
$bt_radius: if($laptop == 'false', 6px, 6px);
$bd_radius: if($laptop == 'false', 8px, 8px);
$wm_radius: if($laptop == 'false', 12px, 12px);
$mn_radius: if($laptop == 'false', 10px, 10px);
$mn_radius: if($laptop == 'false', 14px, 12px);
$dash_radius: if($laptop == 'false', 24px, 18px);
$base_border_radius: if($laptop == 'false', 8px, 8px);
$modal_radius: $base_border_radius * 2;

6
src/sass/gtk/_common-3.0.scss
View File

@ -2194,10 +2194,10 @@ menu {
border: none;
color: $fg_color;
@if $variant == 'dark' { box-shadow: inset 0 0 0 1px $highlight_color; }
.csd & {
background-color: $menu_bg;
@if $variant == 'light' { border: none; }
@if $variant == 'dark' { border: 1px solid lighten($menu_bg, 6%); }
}
separator {
@ -2212,7 +2212,7 @@ menu {
min-height: 12px;
min-width: 40px;
padding: $container_padding / 2 $container_padding;
border-radius: $mn_radius - 3px;
border-radius: $bt_radius;
text-shadow: none;
color: $fg_color;
// -gtk-icon-style: symbolic;

300
src/sass/gtk/apps/_budgie.scss
View File

@ -203,14 +203,16 @@ $raven_padding: 8px;
font-size: 110%;
}
.categories {
&:dir(ltr) { border-bottom-left-radius: $bt_radius; }
&:dir(rtl) { border-bottom-right-radius: $bt_radius; }
}
scrolledwindow.sidebar.categories { //AppMenu (budgie)
border-bottom-left-radius: $wm_radius;
margin: 0 0 1px 1px;
&:dir(ltr) {
margin: 0 0 1px 1px;
border-bottom-left-radius: $bt_radius;
}
&:dir(rtl) {
margin: 0 1px 1px 0;
border-bottom-right-radius: $bt_radius;
}
button.flat.category-button {
min-height: 28px;
@ -228,6 +230,18 @@ $raven_padding: 8px;
}
}
> frame > box > overlay > box > box > scrolledwindow.sidebar.categories {
&:dir(ltr) {
margin: 0 0 0 1px;
border-bottom-left-radius: 0;
}
&:dir(rtl) {
margin: 0 1px 0 0;
border-bottom-right-radius: 0;
}
}
row {
padding: 0;
@ -238,6 +252,57 @@ $raven_padding: 8px;
border-radius: 0;
}
}
list.left-overlay-menu {
box-shadow: 0 5px 8px rgba(black, 0.15), 0 8px 15px rgba(black, 0.08), $wm_outline, inset 0 0 0 1px $highlight_color;
background-color: $base_color;
padding: $container_padding;
margin: $container_padding;
border-radius: $mn_radius;
> row.activatable {
border-radius: $bt_radius;
&, &:hover, &:selected, &:active, &:active:hover {
background-color: transparent;
}
&:not(:last-child) {
margin-bottom: $container_padding / 2;
}
&:active {
background-color: $selected_bg_color;
label, button { color: $selected_fg_color; }
}
button.menuitem {
border-radius: $bt_radius;
@extend %flat_button;
}
}
}
.budgie-menu-footer {
border-top: 1px solid $borders_color;
padding: $container_padding;
button {
min-height: 16px;
min-width: 16px;
padding: $container_padding;
&.image-button {
border-radius: $circular_radius;
&:not(.last-child) {
margin-right: $container_padding;
}
}
}
}
}
// Clipboard popover
@ -783,22 +848,17 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
stackswitcher.linked > button { @extend %raven_button; }
.raven-header {
min-height: 36px;
min-height: $medium_size;
padding: 2px;
&:not(.top) {
margin-top: -6px; // remove extra spaces, but not perfect :(
button {
button.image-button {
@extend %flat_button;
min-height: 32px;
min-width: 32px;
margin: 0;
padding: 0;
&.image-button {
border-radius: $circular_radius;
}
border-radius: $circular_radius;
}
}
@ -847,95 +907,152 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
margin: $raven_padding 0; // do not set L/R margins
border-radius: $raven_radius;
background-color: $raven_header_bg_color;
// draw side edges via opaque box-shadows
transition-duration: 0s;
border: 1px solid $raven_border_color;
}
.raven-header {
margin-top: -$raven_padding * 2; // unset parent margin
border-radius: $raven_radius $raven_radius 0 0;
}
.raven-background {
margin-bottom: -$raven_padding * 2; // unset parent margin
border-radius: 0 0 $raven_radius $raven_radius;
background-color: $raven_base_color;
}
> box.vertical > box.vertical:last-child {
border-radius: $raven_radius;
border: none;
background-color: if($variant =='light', rgba(black, 0.65), rgba(black, 0.35));
color: rgba(white, 0.65);
.raven-header {
margin-top: -$raven_padding * 2; // unset parent margin
border-radius: $raven_radius $raven_radius 0 0;
}
.raven-background {
background-color: rgba(black, 0.25);
margin-bottom: 0; // unset parent margin
image { color: rgba(white, 0.15); }
// MPRIS Applet
.raven-mpris {
background-color: rgba(black, 0.35);
color: $selected_fg_color;
border-radius: 0 0 $raven_radius $raven_radius;
label { min-height: 24px; }
image { //reset image color
color: rgba(white, 0.85);
&:disabled {
color: rgba(white, 0.35);
}
}
button.image-button {
padding: 8px;
border: none;
@extend %selected-button;
}
}
}
button.flat {
@extend %selected-button;
margin-bottom: -$raven_padding * 2; // unset parent margin
border-radius: 0 0 $raven_radius $raven_radius;
background-color: $raven_base_color;
}
}
// audio app/device switcher
box.audio-widget stackswitcher.linked {
padding: 0; // limit child horizontal spacing
> box.vertical > widget > box.vertical { // > = 10.7
border-radius: $raven_radius;
background-color: $raven_header_bg_color;
border: 1px solid $raven_border_color;
> button.text-button.radio {
padding-top: $raven_padding;
padding-bottom: $raven_padding;
border-top: 1px solid $dark_borders_color;
background-color: $menu_bg;
@extend %raven_middle_button;
.raven-header {
border-radius: $raven_radius $raven_radius 0 0;
background-color: transparent;
}
&:hover {
background-color: if($variant =='light', darken($menu_bg, 5%), lighten($menu_bg, 5%));
.raven-background {
border-radius: 0 0 $raven_radius $raven_radius;
background-color: $raven_base_color;
border-top: 1px solid $raven_border_color;
}
image.raven-mpris {
background-color: rgba(white, 0.1);
border-radius: $raven_radius;
}
}
.raven-mpris-controls {
margin-top: $container_padding;
> button.image-button {
padding: $container_padding;
}
}
@if $variant == 'light' {
> box.vertical > box.vertical:last-child,
> box.vertical > widget:last-child > box.vertical {
border: none;
background-color: rgba(black, 0.85);
color: rgba(white, 0.65);
button {
border: none;
color: rgba(white, 0.65);
background-color: transparent;
&:hover {
color: rgba(white, 0.85);
background-color: rgba(white, 0.15);
}
&:active {
color: rgba(white, 0.85);
background-color: rgba(white, 0.25);
}
&:disabled {
color: rgba(white, 0.3);
background-color: transparent;
}
}
&:active, &:checked {
color: $selected_fg_color;
background-color: $selected_bg_color;
.raven-background {
background-color: rgba(white, 0.05);
margin-bottom: 0; // unset parent margin
border-top: none;
}
}
&:disabled { @include button(flat-insensitive); }
// MPRIS Applet
> box.vertical > box.vertical:last-child .raven-mpris {
background-color: rgba(black, 0.35);
color: white;
&:first-child { @extend %raven_first_button; }
&:last-child { @extend %raven_last_button; }
&:only-child { @extend %raven_single_button; }
image { //reset image color
color: rgba(white, 0.85);
&:disabled { color: rgba(white, 0.35); }
}
}
}
> box.vertical > box.vertical:last-child .raven-mpris {
border-radius: 0 0 $raven_radius $raven_radius;
label { min-height: 24px; }
}
.audio-widget {
stackswitcher.linked { // audio app/device switcher
padding: 0; // limit child horizontal spacing
> button.text-button.radio {
padding-top: $raven_padding;
padding-bottom: $raven_padding;
border-top: 1px solid $dark_borders_color;
background-color: $menu_bg;
@extend %raven_middle_button;
&:hover {
background-color: if($variant =='light', darken($menu_bg, 5%), lighten($menu_bg, 5%));
}
&:active, &:checked {
color: $selected_fg_color;
background-color: $selected_bg_color;
}
&:disabled { @include button(flat-insensitive); }
&:first-child { @extend %raven_first_button; }
&:last-child { @extend %raven_last_button; }
&:only-child { @extend %raven_single_button; }
}
}
}
list.devices-list {
padding: $container_padding;
background-color: transparent;
> row.activatable {
border-radius: $bt_radius;
label { padding: 0 $container_padding; }
&:not(:last-child) {
margin-bottom: $container_padding / 2;
}
}
}
}
viewport.frame .raven-header { margin-top: -$raven_padding; }
.expander-button {
border-radius: 100px;
border-radius: $circular_radius;
}
.raven-background {
@ -1062,21 +1179,6 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
}
}
}
.audio-widget {
list.devices-list.sound-devices {
> row.activatable {
&:selected, &:checked {
background-color: rgba($fg_color, 0.06);
color: $fg_color;
label { color: $fg_color; }
}
label { padding-left: 12px; }
}
}
}
}
// some specific scale styling

25
src/sass/gtk/apps/_misc.scss
View File

@ -10,7 +10,7 @@
// Firefox and Thunderbird
//
window.background:not(.csd) {
window.background:not(.csd):not(.popup) {
> widget {
// for the bookmark toolbar's separators
> separator {
@ -247,7 +247,7 @@ window.background.chromium {
menu {
background-color: $base_color;
border-radius: 0;
border: 1px solid $solid_borders_color;
border: 1px solid if($variant == 'light', $solid_borders_color, $header_border);
menuitem {
border-radius: 0;
@ -659,35 +659,20 @@ menubar.-vala-panel-background {
}
> menu {
padding: 0;
padding: $container_padding;
separator {
margin: 0;
border-bottom: none;
}
> menuitem {
padding: 0;
margin: 0 3px;
&:first-child { margin-top: 3px; }
&:last-child { margin-bottom: 3px; }
border-radius: $bt_radius;
> window > decoration {
box-shadow: none;
transition: none;
margin: 0;
menu {
padding: 0;
menuitem {
padding: 0;
margin: 0 3px;
&:first-child { margin-top: 3px; }
&:last-child { margin-bottom: 3px; }
}
}
}
}
}