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

update

Browse Source
This commit is contained in:
vinceliuice 2020-12-22 17:38:59 +08:00
parent 15a07ecb17
commit 9bd6b9dffe
22 changed files with 972 additions and 1278 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/main/gnome-shell/gnome-shell-dark-alt.css
View File

@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer .notification-badge {
color: white;
background-color: #0860f2;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 1000px;
margin: 2px;
padding: 0.2em;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}

4
src/main/gnome-shell/gnome-shell-dark-solid-alt.css
View File

@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer .notification-badge {
color: white;
background-color: #0860f2;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 1000px;
margin: 2px;
padding: 0.2em;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}

4
src/main/gnome-shell/gnome-shell-dark-solid.css
View File

@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer .notification-badge {
color: white;
background-color: #0860f2;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 1000px;
margin: 2px;
padding: 0.2em;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}

4
src/main/gnome-shell/gnome-shell-dark.css
View File

@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer .notification-badge {
color: white;
background-color: #0860f2;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 1000px;
margin: 2px;
padding: 0.2em;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}

4
src/main/gnome-shell/gnome-shell-light-alt.css
View File

@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer .notification-badge {
color: white;
background-color: #0860f2;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 1000px;
margin: 2px;
padding: 0.2em;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}

4
src/main/gnome-shell/gnome-shell-light-solid-alt.css
View File

@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer .notification-badge {
color: white;
background-color: #0860f2;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 1000px;
margin: 2px;
padding: 0.2em;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}

4
src/main/gnome-shell/gnome-shell-light-solid.css
View File

@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer .notification-badge {
color: white;
background-color: #0860f2;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 1000px;
margin: 2px;
padding: 0.2em;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}

4
src/main/gnome-shell/gnome-shell-light.css
View File

@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer .notification-badge {
color: white;
background-color: #0860f2;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 1000px;
margin: 2px;
padding: 0.2em;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}

517
src/main/gtk-3.0/gtk-dark-solid.css
View File

File diff suppressed because it is too large Load Diff

517
src/main/gtk-3.0/gtk-dark.css
View File

File diff suppressed because it is too large Load Diff

521
src/main/gtk-3.0/gtk-light-solid.css
View File

File diff suppressed because it is too large Load Diff

521
src/main/gtk-3.0/gtk-light.css
View File

File diff suppressed because it is too large Load Diff

4
src/other/dash-to-dock/_dash-to-dock.scss
View File

@ -27,10 +27,10 @@ $dash_radius: 18px;
.notification-badge {
color: $light_fg_color;
background-color: $primary_color;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 1000px;
margin: 2px;
padding: 0.2em;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}

4
src/other/dash-to-dock/stylesheet-dark.css
View File

@ -21,10 +21,10 @@
#dashtodockContainer .notification-badge {
color: white;
background-color: #0860f2;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 1000px;
margin: 2px;
padding: 0.2em;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}

4
src/other/dash-to-dock/stylesheet.css
View File

@ -21,10 +21,10 @@
#dashtodockContainer .notification-badge {
color: white;
background-color: #0860f2;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 1000px;
margin: 2px;
padding: 0.2em;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}

27
src/other/firefox/chrome/WhiteSur/parts/custom-icons.css
View File

@ -14,33 +14,6 @@
list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important;
}
/* Reload button */
/* Glitch - animations (may be possible to fix in about:config)
#reload-button .toolbarbutton-icon {
filter: var(--gnome-icons-hack-filter);
list-style-image: url("moz-icon://stock/view-refresh-symbolic?size=dialog") !important;
}*/
/* Reload button */
/* Glitch - animations (may be possible to fix in about:config)
#stop-button .toolbarbutton-icon {
filter: var(--gnome-icons-hack-filter);
list-style-image: url("moz-icon://stock/process-stop-symbolic?size=dialog") !important;
}*/
/* Downloads button */
/* Glitch - it swaps to the default one anyway
#downloads-button {
filter: var(--gnome-icons-hack-filter);
list-style-image: url("moz-icon://stock/folder-download-symbolic?size=dialog") !important;
} */
/* Downloads button */
/* Default is ok
#PanelUI-menu-button {
filter: var(--gnome-icons-hack-filter);
list-style-image: url("moz-icon://stock/open-menu-symbolic?size=dialog") !important;
} */
/* Popovers subview menu arrow */
.PanelUI-subView .subviewbutton-nav::after {
content: "" !important;

2
src/other/firefox/chrome/WhiteSur/parts/findbar.css
View File

@ -3,7 +3,7 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
findbar {
position: relative;
position: relative;
}
.findbar-container {

2
src/other/firefox/chrome/WhiteSur/parts/headerbar-urlbar.css
View File

@ -79,7 +79,7 @@ toolbarspring {
margin-top: 6px !important;
margin-bottom: 2px !important;
padding: 8px !important;
background: var(--gnome-popover-background) !important;
background: none !important;
border-top: 1px solid var(--gnome-entry-border-color) !important;
border-radius: 0 0 5px 5px !important;
}

6
src/other/firefox/chrome/WhiteSur/parts/tabsbar.css
View File

@ -32,6 +32,7 @@ tab > stack {
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
padding: 0 0 !important;
box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}
/* New hover effect */
@ -211,8 +212,11 @@ tab[selected]:-moz-window-inactive {
border-image: none !important;
margin-left: -1px !important;
margin-right: -1px !important;
box-shadow: 1px 0 var(--gnome-toolbar-border-color), -1px 0 var(--gnome-toolbar-border-color), inset 0 -1px var(--gnome-toolbar-border-color) !important;
box-shadow: 1px 0 var(--gnome-toolbar-border-color),
-1px 0 var(--gnome-toolbar-border-color),
inset 0 -1px var(--gnome-toolbar-border-color) !important;
}
.tab-background[selected=true]:-moz-window-inactive {
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
border-image: none !important;

4
src/sass/gnome-shell/extensions/_dash-to-dock.scss
View File

@ -31,10 +31,10 @@ $dash_radius: 18px;
.notification-badge {
color: $light_fg_color;
background-color: $primary_color;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 1000px;
margin: 2px;
padding: 0.2em;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}

70
src/sass/gtk/_budgie.scss
View File

@ -26,13 +26,13 @@ $raven_padding: 8px;
}
%raven_last_button {
border-radius: 0 0 $raven_radius 0;
border-radius: 0 0 ($raven_radius - 1px) 0;
border-right-style: none;
border-bottom-style: none;
}
%raven_first_button {
border-radius: 0 0 0 $raven_radius;
border-radius: 0 0 0 ($raven_radius - 1px);
border-left-style: none;
border-bottom-style: none;
}
@ -59,14 +59,6 @@ $raven_padding: 8px;
&:checked { @include button(header-checked); }
&:disabled { @include button(header-insensitive); }
&.flat {
@include button(undecorated);
&:hover { @include button(flat-hover); }
&:checked { @include button(flat-checked); }
&:active { @include button(flat-active); }
&:disabled { @include button(flat-insensitive); }
}
&.linked {
@include button(undecorated);
background-color: $menu_bg;
@ -116,15 +108,24 @@ $raven_padding: 8px;
0 0 0 1px if($variant=='light', $borders_color, rgba($dark_borders_color, 0.55)),
inset 0 0 0 1px if($variant=='light', rgba(black, 0.0), rgba(white, 0.08));
.container { border: none; }
border { border: none; }
list { background-color: transparent; }
row {
.container {
padding: 0;
border: none;
}
border { border: none; }
list {
background-color: transparent;
&:hover { box-shadow: none; background-color: transparent; }
&.content-box {
row.activatable {
padding: 0;
background: 0;
border: none;
box-shadow: none;
}
}
}
switch { margin-left: 56px; margin-right: 6px; }
@ -139,12 +140,15 @@ $raven_padding: 8px;
&:disabled { color: $disabled_fg_color; }
}
treeview.view.sidebar { //AppMenu (Elementary)
min-height: 36px;
treeview.view.sidebar,
scrolledwindow.sidebar { //AppMenu (Elementary)
// min-height: 36px;
background: none;
border-right: none;
color: $fg_color;
label { padding: 3px 8px; }
&:hover { background-color: rgba($fg_color, 0.05); }
&:selected, &:selected:hover {
@ -153,6 +157,12 @@ $raven_padding: 8px;
}
}
> frame.container > grid.horizontal > grid.horizontal {
> widget > grid.horizontal > stack {
border-top: 1px solid $borders_color;
}
}
&.budgie-menu {
.container { padding: 0; }
}
@ -690,7 +700,7 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
margin-top: -6px; // remove extra spaces, but not perfect :(
button {
@extend %raven_button, .flat;
@extend %flat_button;
min-height: 32px;
min-width: 32px;
margin: 0;
@ -713,7 +723,7 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
padding: 2px;
margin: 6px 0 0 0;
background-color: rgba($fg_color, 0.05);
border-radius: $bt_radius;
border-radius: $bt_radius + 2px;
> button {
border-radius: $bt_radius;
@ -838,9 +848,8 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
padding-top: $raven_padding;
padding-bottom: $raven_padding;
border-top: 1px solid $dark_borders_color;
@extend %raven_middle_button;
@include button(undecorated);
background-color: $menu_bg;
@extend %raven_middle_button;
&:hover {
background-color: if($variant =='light', darken($menu_bg, 5%), lighten($menu_bg, 5%));
@ -853,7 +862,7 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
&:disabled { @include button(flat-insensitive); }
&:first-child{ @extend %raven_first_button; }
&:first-child { @extend %raven_first_button; }
&:last-child { @extend %raven_last_button; }
&:only-child { @extend %raven_single_button; }
}
@ -1184,26 +1193,25 @@ window.budgie-switcher-window {
.dialog-title { font-size: 120%; }
buttonbox.linked.horizontal > button {
padding: 4px 16px;
padding: 8px 16px;
margin: 8px 3px;
border: none;
border-top: 1px solid $dark_borders_color;
border-radius: 0;
border-radius: $wm_radius - 8px;
&:first-child { border-bottom-left-radius: $wm_radius; }
&:last-child { border-bottom-right-radius: $wm_radius; }
&:first-child { margin-left: 8px; }
&:last-child { margin-right: 8px; }
}
buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) {
@include button(flat-normal);
&:hover {
@include button(flat-hover);
border-color: $dark_borders_color;
transition: $button_transition;
}
&:active, &:checked {
@include button(flat-active);
border-color: $dark_borders_color;
text-shadow: $text_shadow;
}
}
}

19
src/sass/gtk/_common.scss
View File

@ -400,6 +400,14 @@ $_dot_color: $selected_bg_color;
}
}
%flat_button {
@include button(flat-normal);
&:hover { @include button(flat-hover); }
&:active { @include button(flat-active); }
&:checked { @include button(flat-checked); }
&:disabled { @include button(flat-insensitive); }
}
button {
min-height: 20px;
min-width: 16px;
@ -411,26 +419,19 @@ button {
separator { margin: 4px 1px; }
@at-root %flat_button, &.flat {
&.flat {
@extend %flat_button;
min-height: if($variant =='light', 24px, 24px);
@include button(flat-normal);
// to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set
// to none, while it's added back in the hover state, so the button decoration will fade in on hover, but
// it won't fade out when the pointer leave the button allocation area. To make the transition more evident
// in this case the duration is increased.
transition: none;
&:hover {
@include button(flat-hover);
transition: $button_transition;
transition-duration: 350ms;
&:active { transition: $button_transition; }
}
&:active, &:checked { @include button(flat-active); }
&:checked:hover { background-image: none; }
&:disabled { @include button(undecorated); }
&.toggle.popup {
min-width: 20px;