Merge branch 'master' of github.com:vinceliuice/WhiteSur-gtk-theme
This commit is contained in:
vinceliuice
commit
3219627f07
23 changed files with 408 additions and 188 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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%);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
&:dir(ltr) {
|
||||
margin: 0 0 1px 1px;
|
||||
border-bottom-left-radius: $bt_radius;
|
||||
}
|
||||
|
||||
scrolledwindow.sidebar.categories { //AppMenu (budgie)
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
margin: 0 0 1px 1px;
|
||||
&: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,24 +848,19 @@ $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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.top {
|
||||
padding: 2px 12px $raven_padding;
|
||||
|
|
@ -847,10 +907,8 @@ $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
|
||||
|
|
@ -862,49 +920,94 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
|
|||
border-radius: 0 0 $raven_radius $raven_radius;
|
||||
background-color: $raven_base_color;
|
||||
}
|
||||
}
|
||||
|
||||
> box.vertical > box.vertical:last-child {
|
||||
> box.vertical > widget > box.vertical { // > = 10.7
|
||||
border-radius: $raven_radius;
|
||||
border: none;
|
||||
background-color: if($variant =='light', rgba(black, 0.65), rgba(black, 0.35));
|
||||
color: rgba(white, 0.65);
|
||||
background-color: $raven_header_bg_color;
|
||||
border: 1px solid $raven_border_color;
|
||||
|
||||
.raven-header {
|
||||
border-radius: $raven_radius $raven_radius 0 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven-background {
|
||||
background-color: rgba(black, 0.25);
|
||||
margin-bottom: 0; // unset parent margin
|
||||
border-radius: 0 0 $raven_radius $raven_radius;
|
||||
background-color: $raven_base_color;
|
||||
border-top: 1px solid $raven_border_color;
|
||||
}
|
||||
|
||||
image { color: rgba(white, 0.15); }
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
.raven-background {
|
||||
background-color: rgba(white, 0.05);
|
||||
margin-bottom: 0; // unset parent margin
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
// MPRIS Applet
|
||||
.raven-mpris {
|
||||
> box.vertical > box.vertical:last-child .raven-mpris {
|
||||
background-color: rgba(black, 0.35);
|
||||
color: $selected_fg_color;
|
||||
border-radius: 0 0 $raven_radius $raven_radius;
|
||||
|
||||
label { min-height: 24px; }
|
||||
color: white;
|
||||
|
||||
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;
|
||||
&:disabled { color: rgba(white, 0.35); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
button.flat {
|
||||
@extend %selected-button;
|
||||
}
|
||||
> box.vertical > box.vertical:last-child .raven-mpris {
|
||||
border-radius: 0 0 $raven_radius $raven_radius;
|
||||
|
||||
label { min-height: 24px; }
|
||||
}
|
||||
|
||||
// audio app/device switcher
|
||||
box.audio-widget stackswitcher.linked {
|
||||
.audio-widget {
|
||||
stackswitcher.linked { // audio app/device switcher
|
||||
padding: 0; // limit child horizontal spacing
|
||||
|
||||
> button.text-button.radio {
|
||||
|
|
@ -932,10 +1035,24 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
|
|||
}
|
||||
}
|
||||
|
||||
viewport.frame .raven-header { margin-top: -$raven_padding; }
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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
|
||||
|
|
|
|||
|
|
@ -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; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue