Chillcraft/Colloid-gtk-theme
3
0
Fork 0
mirror of https://github.com/vinceliuice/Colloid-gtk-theme.git synced 2025-11-09 23:30:17 -08:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Vince
2022-10-05 00:28:04 +08:00
parent 0c6b55499c
commit a2827d3acf
2 changed files with 94 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/sass/gtk/_common-4.0.scss
View File

@@ -649,6 +649,15 @@ button {
&.osd { &.osd {
padding: ($large-size - 24px) / 2 ($large-size - 16px) / 2; padding: ($large-size - 24px) / 2 ($large-size - 16px) / 2;
box-shadow: none; box-shadow: none;
@include button(normal);
&:focus { @include button(flat-focus); }
&:hover { @include button(flat-hover); }
&:active { @include button(flat-active); }
&:disabled { @include button(flat-disabled); }
&.image-button { padding: ($large-size - 24px) / 2; } &.image-button { padding: ($large-size - 24px) / 2; }
@@ -3358,15 +3367,15 @@ scrolledwindow {
} }
// Overflow indication, works similarly to the overshoot, the size if fixed tho. // Overflow indication, works similarly to the overshoot, the size if fixed tho.
@at-root undershoot { // @at-root undershoot {
&.top { @include undershoot(top); } // &.top { @include undershoot(top); }
//
&.bottom { @include undershoot(bottom); } // &.bottom { @include undershoot(bottom); }
//
&.left { @include undershoot(left); } // &.left { @include undershoot(left); }
//
&.right { @include undershoot(right); } // &.right { @include undershoot(right); }
} // }
@at-root junction { // the small square between two scrollbars @at-root junction { // the small square between two scrollbars
border-style: solid none none solid; border-style: solid none none solid;

133
src/sass/gtk/apps/_gnome-4.0.scss
View File

@@ -76,45 +76,16 @@
} }
} }
/************** //
* Extensions * // Gnome Control Center
**************/ //
window.dialog {
window.background.csd { > box > stack > box > box {
> stack, // GameMode setting > notebook.frame {
> stack > scrolledwindow > viewport > box, // User Themes (Workspace) setting border-width: 0 0 0 1px;
> box > stack > scrolledwindow > viewport > box { border-radius: 0;
> list {
// @extend %circular_list;
row.activatable { @extend %circular_row; }
} }
} }
stack stack stack frame, // ArcMenu setting
> stack > stack > box > frame, // Night Theme Switcher setting
> stack > stack > box > box > frame, // Night Theme Switcher setting bottom lists
> stack > box > stack > box > frame, // ArcMenu setting
> stack > box > stack > scrolledwindow > viewport frame, // ArcMenu setting
> stack > box > stack > box > scrolledwindow > viewport > frame, // ArcMenu setting
> stack > grid > scrolledwindow > viewport > box > frame { // GSConnect setting
> border { border: none; }
> list {
// @extend %circular_list;
row.activatable { @extend %circular_row; }
}
}
> stack > box > box > list,
> stack > box > stack > scrolledwindow > viewport > list { // ArcMenu setting sidebar
border-bottom-left-radius: $window-radius;
}
> stack > box > .sidebar > scrolledwindow > viewport > list {
padding: 0 0;
}
} }
// //
@@ -130,8 +101,14 @@ window.background.csd {
.small .card { .small .card {
border-radius: 0; border-radius: 0;
box-shadow: none; box-shadow: none;
border: none;
border-bottom: 1px solid $border; &.forecast-card {
border-width: 1px 0;
}
&.display-container {
border-width: 0 0 1px 0;
}
} }
leaflet { leaflet {
@@ -186,7 +163,7 @@ app-context-bar {
} }
} }
.carousel.card { carousel.card {
border: none; border: none;
} }
@@ -226,76 +203,88 @@ screenshot-carousel box.frame.view {
.category-tile.category-create { .category-tile.category-create {
background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
color: white; color: white;
}
.category-tile.category-create:hover { &:hover {
background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%); background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%);
} }
.category-tile.category-create:active {
&:active {
background: linear-gradient(180deg, shade(#ce8cd7, .95) 0%, shade(#2861c6, .95) 100%); background: linear-gradient(180deg, shade(#ce8cd7, .95) 0%, shade(#2861c6, .95) 100%);
}
} }
.category-tile.category-develop { .category-tile.category-develop {
background: #5e5c64; background: #5e5c64;
color: white; color: white;
}
.category-tile.category-develop:hover { &:hover {
background: shade(#5e5c64, 1.2); background: shade(#5e5c64, 1.2);
} }
.category-tile.category-develop:active {
&:active {
background-color: shade(#5e5c64, .95); background-color: shade(#5e5c64, .95);
}
} }
.category-tile.category-learn { .category-tile.category-learn {
background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
color: white; color: white;
}
.category-tile.category-learn:hover { &:hover {
background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%); background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%);
} }
.category-tile.category-learn:active {
&:active {
background: linear-gradient(180deg, shade(#2ec27e, .95) 30%, shade(#27a66c, .95) 100%); background: linear-gradient(180deg, shade(#2ec27e, .95) 30%, shade(#27a66c, .95) 100%);
}
} }
.category-tile.category-play { .category-tile.category-play {
background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
color: #393484; color: #393484;
}
.category-tile.category-play:hover { &:hover {
background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%); background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%);
} }
.category-tile.category-play:active {
&:active {
background: linear-gradient(75deg, shade(#f9e2a7, .97) 0%, shade(#eb5ec3, .95) 50%, shade(#6d53e0, 1.07) 100%); background: linear-gradient(75deg, shade(#f9e2a7, .97) 0%, shade(#eb5ec3, .95) 50%, shade(#6d53e0, 1.07) 100%);
}
} }
.category-tile.category-socialize { .category-tile.category-socialize {
background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
color: $text-secondary; color: $text-secondary;
}
.category-tile.category-socialize:hover { &:hover {
background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%); background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%);
} }
.category-tile.category-socialize:active {
&:active {
background: linear-gradient(90deg, shade(#ef4e9b, .95) 0%, shade(#f77466, .95) 100%); background: linear-gradient(90deg, shade(#ef4e9b, .95) 0%, shade(#f77466, .95) 100%);
}
} }
.category-tile.category-work { .category-tile.category-work {
padding: 1px; /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */ padding: 1px; /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
color: #1c71d8; color: #1c71d8;
background-color:#fdf8d7; background-color:#fdf8d7;
background-image: linear-gradient(#deddda 1px, transparent 1px), background-image: linear-gradient($border 1px, transparent 1px),
linear-gradient(90deg, #deddda 1px, transparent 1px); linear-gradient(90deg, $border 1px, transparent 1px);
background-size: 10px 10px, 10px 10px; background-size: 10px 10px, 10px 10px;
background-position: -1px -4px, center -1px; background-position: -1px -4px, center -1px;
}
.category-tile.category-work:hover { &:hover {
background-color: shade(#fdf8d7, 1.03); background-color: lighten(#fdf8d7, 5%);
background-image: linear-gradient(shade(#deddda, 1.04) 1px, transparent 1px), background-image: linear-gradient($border 1px, transparent 1px),
linear-gradient(90deg, shade(#deddda, 1.04) 1px, transparent 1px); linear-gradient(90deg, $border 1px, transparent 1px);
} }
.category-tile.category-work:active {
background-color: shade(#fdf8d7, .93); &:active {
background-image: linear-gradient(shade(#deddda, .97) 1px, transparent 1px), background-color: darken(#fdf8d7, 5%);
linear-gradient(90deg, shade(#deddda, .97) 1px, transparent 1px); background-image: linear-gradient($border 1px, transparent 1px),
linear-gradient(90deg, $border 1px, transparent 1px);
}
} }
// Leaflets // Leaflets