mirror of
https://github.com/vinceliuice/Colloid-gtk-theme.git
synced 2025-09-16 05:18:38 -07:00
update
This commit is contained in:
@@ -1545,27 +1545,37 @@ searchbar > revealer > box {
|
|||||||
|
|
||||||
headerbar {
|
headerbar {
|
||||||
transition: background-color $duration $ease-out, color $duration $ease-out;
|
transition: background-color $duration $ease-out, color $duration $ease-out;
|
||||||
box-shadow: inset 0 -1px $border;
|
|
||||||
background-color: $titlebar;
|
background-color: $titlebar;
|
||||||
color: $titlebar-text;
|
color: $titlebar-text;
|
||||||
min-height: $large-size;
|
min-height: $large-size;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
|
@if $rimless == 'false' {
|
||||||
|
box-shadow: inset 0 -1px $border;
|
||||||
|
} @else {
|
||||||
|
border-radius: $window-radius $window-radius 0 0;
|
||||||
|
box-shadow: inset 0 -1px $border, inset 0 1px highlight($titlebar);
|
||||||
|
}
|
||||||
|
|
||||||
&:disabled { color: $titlebar-text-disabled; }
|
&:disabled { color: $titlebar-text-disabled; }
|
||||||
|
|
||||||
&:backdrop {
|
&:backdrop {
|
||||||
background-color: $titlebar-backdrop;
|
background-color: $titlebar-backdrop;
|
||||||
color: $titlebar-text-secondary;
|
color: $titlebar-text-secondary;
|
||||||
box-shadow: inset 0 -1px $border;
|
|
||||||
|
|
||||||
&:disabled { color: $titlebar-text-secondary-disabled; }
|
&:disabled { color: $titlebar-text-secondary-disabled; }
|
||||||
}
|
}
|
||||||
|
|
||||||
&.flat, &.flat:backdrop {
|
&.flat, &.flat:backdrop {
|
||||||
background: none;
|
background: none;
|
||||||
box-shadow: none;
|
|
||||||
transition: none;
|
transition: none;
|
||||||
|
|
||||||
|
@if $rimless == 'false' {
|
||||||
|
box-shadow: none;
|
||||||
|
} @else {
|
||||||
|
box-shadow: inset 0 1px highlight($titlebar);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
@@ -1737,10 +1747,15 @@ headerbar {
|
|||||||
min-height: $medium-size;
|
min-height: $medium-size;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
box-shadow: none;
|
|
||||||
border: none;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
||||||
|
@if $rimless == 'false' {
|
||||||
|
box-shadow: none;
|
||||||
|
} @else {
|
||||||
|
box-shadow: inset 0 1px highlight($titlebar);
|
||||||
|
}
|
||||||
|
|
||||||
windowcontrols {
|
windowcontrols {
|
||||||
> button {
|
> button {
|
||||||
@if $window_button == 'mac' {
|
@if $window_button == 'mac' {
|
||||||
@@ -1765,10 +1780,20 @@ headerbar {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.maximized &,
|
||||||
|
.fullscreen &,
|
||||||
|
.tiled &,
|
||||||
|
.tiled-top &,
|
||||||
|
.tiled-right &,
|
||||||
|
.tiled-bottom &,
|
||||||
|
.tiled-left & {
|
||||||
|
box-shadow: inset 0 -1px $border;
|
||||||
|
}
|
||||||
|
|
||||||
.solid-csd & {
|
.solid-csd & {
|
||||||
&:dir(rtl), &:dir(ltr) { // specificity bump
|
&:dir(rtl), &:dir(ltr) { // specificity bump
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
box-shadow: none; // just remove the highlight
|
box-shadow: inset 0 -1px $border; // just remove the highlight
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -4984,15 +5009,16 @@ window {
|
|||||||
|
|
||||||
&.csd {
|
&.csd {
|
||||||
border-radius: $window-radius;
|
border-radius: $window-radius;
|
||||||
outline-offset: -1px;
|
|
||||||
outline: 1px solid highlight($background);
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
transition: none;
|
transition: none;
|
||||||
|
|
||||||
@if $rimless == 'true' {
|
@if $rimless == 'true' {
|
||||||
|
outline: 0 none transparent;
|
||||||
box-shadow: $shadow-z16,
|
box-shadow: $shadow-z16,
|
||||||
0 0 36px transparent;
|
0 0 36px transparent;
|
||||||
} @else {
|
} @else {
|
||||||
|
outline-offset: -1px;
|
||||||
|
outline: 1px solid highlight($background);
|
||||||
box-shadow: $shadow-z16,
|
box-shadow: $shadow-z16,
|
||||||
0 0 36px transparent,
|
0 0 36px transparent,
|
||||||
0 0 0 1px $window-border;
|
0 0 0 1px $window-border;
|
||||||
|
@@ -2,12 +2,18 @@ headerbar {
|
|||||||
min-height: $large_size;
|
min-height: $large_size;
|
||||||
background-color: $headerbar_backdrop_color;
|
background-color: $headerbar_backdrop_color;
|
||||||
color: $headerbar_fg_color;
|
color: $headerbar_fg_color;
|
||||||
box-shadow: inset 0 -1px $headerbar_border_color;
|
margin: 0;
|
||||||
margin: 0 -1px;
|
|
||||||
@extend %toolbar;
|
@extend %toolbar;
|
||||||
|
|
||||||
|
@if $rimless == 'false' {
|
||||||
|
box-shadow: inset 0 -1px $headerbar_border_color;
|
||||||
|
} @else {
|
||||||
|
border-radius: $window-radius $window-radius 0 0;
|
||||||
|
box-shadow: inset 0 -1px $headerbar_border_color, inset 0 1px $window_outline_color;
|
||||||
|
}
|
||||||
|
|
||||||
> windowhandle > box {
|
> windowhandle > box {
|
||||||
padding: $base_padding $base_padding + 1px;
|
padding: $base_padding;
|
||||||
|
|
||||||
> box.start,
|
> box.start,
|
||||||
> box.end {
|
> box.end {
|
||||||
@@ -42,10 +48,15 @@ headerbar {
|
|||||||
&.default-decoration {
|
&.default-decoration {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
box-shadow: none;
|
|
||||||
border: none;
|
border: none;
|
||||||
min-height: $medium_size;
|
min-height: $medium_size;
|
||||||
|
|
||||||
|
@if $rimless == 'false' {
|
||||||
|
box-shadow: none;
|
||||||
|
} @else {
|
||||||
|
box-shadow: inset 0 1px $window_outline_color;
|
||||||
|
}
|
||||||
|
|
||||||
> windowhandle > box {
|
> windowhandle > box {
|
||||||
padding: $base_padding / 2;
|
padding: $base_padding / 2;
|
||||||
}
|
}
|
||||||
@@ -70,6 +81,18 @@ headerbar {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.maximized &,
|
||||||
|
.fullscreen &,
|
||||||
|
.tiled &,
|
||||||
|
.tiled-top &,
|
||||||
|
.tiled-right &,
|
||||||
|
.tiled-bottom &,
|
||||||
|
.tiled-left &,
|
||||||
|
.solid-csd & {
|
||||||
|
border-radius: 0;
|
||||||
|
box-shadow: inset 0 -1px $headerbar_border_color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
window > {
|
window > {
|
||||||
@@ -99,12 +122,34 @@ window > {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
leaflet:first-child > headerbar {
|
||||||
|
& + separator {
|
||||||
|
background-color: $headerbar_backdrop_color;
|
||||||
|
|
||||||
|
@if $rimless == 'false' {
|
||||||
|
box-shadow: inset 0 -1px $headerbar_border_color;
|
||||||
|
} @else {
|
||||||
|
box-shadow: inset 0 -1px $headerbar_border_color, inset 0 1px $window_outline_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:backdrop {
|
||||||
|
background-color: $headerbar_bg_color;
|
||||||
|
transition: background-color $backdrop_transition;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
%headerbar-flat {
|
%headerbar-flat {
|
||||||
background: none;
|
background: none;
|
||||||
box-shadow: none;
|
|
||||||
color: inherit;
|
color: inherit;
|
||||||
min-height: $large_size;
|
min-height: $large_size;
|
||||||
|
|
||||||
|
@if $rimless == 'false' {
|
||||||
|
box-shadow: none;
|
||||||
|
} @else {
|
||||||
|
box-shadow: inset 0 1px $window_outline_color;
|
||||||
|
}
|
||||||
|
|
||||||
> windowhandle > box {
|
> windowhandle > box {
|
||||||
padding-bottom: $base_padding;
|
padding-bottom: $base_padding;
|
||||||
}
|
}
|
||||||
@@ -116,6 +161,17 @@ window > {
|
|||||||
padding: $base_padding / 2;
|
padding: $base_padding / 2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.maximized &,
|
||||||
|
.fullscreen &,
|
||||||
|
.tiled &,
|
||||||
|
.tiled-top &,
|
||||||
|
.tiled-right &,
|
||||||
|
.tiled-bottom &,
|
||||||
|
.tiled-left &,
|
||||||
|
.solid-csd & {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
%headerbar-inline {
|
%headerbar-inline {
|
||||||
|
@@ -15,11 +15,18 @@ popover {
|
|||||||
background-color: $popover_bg_color;
|
background-color: $popover_bg_color;
|
||||||
color: $popover_fg_color;
|
color: $popover_fg_color;
|
||||||
background-clip: border-box;
|
background-clip: border-box;
|
||||||
|
|
||||||
|
@if $rimless == 'true' {
|
||||||
|
border: none;
|
||||||
|
box-shadow: 0 1px 5px 1px transparentize(black, .91),
|
||||||
|
0 2px 14px 3px transparentize(black, .95);
|
||||||
|
} @else {
|
||||||
border: 1px solid gtkmix(white, $popover_bg_color, 8%);
|
border: 1px solid gtkmix(white, $popover_bg_color, 8%);
|
||||||
box-shadow: 0 1px 5px 1px transparentize(black, .91),
|
box-shadow: 0 1px 5px 1px transparentize(black, .91),
|
||||||
0 2px 14px 3px transparentize(black, .95),
|
0 2px 14px 3px transparentize(black, .95),
|
||||||
0 0 0 1px $headerbar_darker_shade_color;
|
0 0 0 1px $headerbar_darker_shade_color;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
> contents {
|
> contents {
|
||||||
padding: $base_padding;
|
padding: $base_padding;
|
||||||
|
@@ -8,6 +8,12 @@
|
|||||||
transition: background-color $backdrop_transition;
|
transition: background-color $backdrop_transition;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@if $rimless == 'true' {
|
||||||
|
headerbar {
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
flap,
|
flap,
|
||||||
leaflet,
|
leaflet,
|
||||||
navigation-view,
|
navigation-view,
|
||||||
@@ -78,6 +84,12 @@
|
|||||||
transition: background-color $backdrop_transition;
|
transition: background-color $backdrop_transition;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@if $rimless == 'true' {
|
||||||
|
headerbar {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
toolbarview.undershoot-top scrolledwindow {
|
toolbarview.undershoot-top scrolledwindow {
|
||||||
@include undershoot(top, $secondary_sidebar_shade_color);
|
@include undershoot(top, $secondary_sidebar_shade_color);
|
||||||
}
|
}
|
||||||
@@ -135,6 +147,12 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@if $rimless == 'true' {
|
||||||
|
.content-pane headerbar {
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.sidebar-pane .sidebar-pane {
|
.sidebar-pane .sidebar-pane {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
@@ -244,10 +244,15 @@ toolbarview {
|
|||||||
tabbar { @extend %tabbar-inline; }
|
tabbar { @extend %tabbar-inline; }
|
||||||
|
|
||||||
.collapse-spacing {
|
.collapse-spacing {
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
|
||||||
|
headerbar {
|
||||||
|
@extend %headerbar-shrunk;
|
||||||
padding-top: $base_padding / 2;
|
padding-top: $base_padding / 2;
|
||||||
padding-bottom: $base_padding / 2;
|
padding-bottom: $base_padding / 2;
|
||||||
|
}
|
||||||
|
|
||||||
headerbar { @extend %headerbar-shrunk; }
|
|
||||||
searchbar { @extend %searchbar-shrunk; }
|
searchbar { @extend %searchbar-shrunk; }
|
||||||
actionbar { @extend %actionbar-shrunk; }
|
actionbar { @extend %actionbar-shrunk; }
|
||||||
menubar { @extend %menubar-shrunk; }
|
menubar { @extend %menubar-shrunk; }
|
||||||
|
@@ -5,13 +5,14 @@ window {
|
|||||||
&.csd {
|
&.csd {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border-radius: $window_radius;
|
border-radius: $window_radius;
|
||||||
outline: 1px solid $window_outline_color;
|
|
||||||
outline-offset: -1px;
|
|
||||||
|
|
||||||
@if $rimless == 'true' {
|
@if $rimless == 'true' {
|
||||||
|
outline: 0 none transparent;
|
||||||
box-shadow: $shadow-z16,
|
box-shadow: $shadow-z16,
|
||||||
0 0 36px transparent;
|
0 0 36px transparent;
|
||||||
} @else {
|
} @else {
|
||||||
|
outline-offset: -1px;
|
||||||
|
outline: 1px solid $window_outline_color;
|
||||||
box-shadow: $shadow-z16,
|
box-shadow: $shadow-z16,
|
||||||
0 0 36px transparent,
|
0 0 36px transparent,
|
||||||
0 0 0 1px $headerbar_darker_shade_color;
|
0 0 0 1px $headerbar_darker_shade_color;
|
||||||
|
Reference in New Issue
Block a user