8 Commits

Author SHA1 Message Date
vinceliuice
39b5831ded Fixed issues 2025-09-12 18:37:08 +08:00
vinceliuice
2f810a5797 Update _message-dialog.scss 2025-09-12 18:20:53 +08:00
vinceliuice
20dcc6d958 Update _control-center.scss 2025-08-06 10:43:06 +08:00
vinceliuice
923c07fe00 update 2025-08-06 10:01:29 +08:00
vinceliuice
bac95e19ba Merge branch 'main' of https://github.com/vinceliuice/Colloid-gtk-theme 2025-08-03 10:55:47 +08:00
vinceliuice
117df083f0 update 2025-08-03 10:55:45 +08:00
Vince
94894f4bc2 Merge pull request #229 from deverebor/chore/create-issue-template
chore: create issue template to improve issues structures
2025-07-31 10:00:13 +08:00
Lucas Souza
e9c55da91c chore: create issue template to improve issues structures 2025-04-28 10:20:42 -03:00
13 changed files with 178 additions and 42 deletions

View File

@@ -0,0 +1,28 @@
**Describe the bug** A clear and concise description of what the bug is.
**Theme Version** Example: v1.9.0 or latest commit
**Operating System** Example: Ubuntu 22.04, Fedora 39
**Desktop Environment** Example: GNOME 45, KDE Plasma 6.0, XFCE 4.18
**Theme Variant** Example: Colloid-Dark, Colloid-Light, etc.
**Steps to reproduce** Steps to reproduce the behavior:
1. Go to '...'
2. Click on '...'
3. Scroll down to '...'
4. See error
**Expected behavior** A clear and concise description of what you expected to
happen.
**Screenshots** If applicable, add screenshots to help explain your problem.
**Logs** If applicable, add terminal output or system logs.
**Checklist**
- [ ] I checked if the issue already exists.
- [ ] I provided enough information.

View File

@@ -8,7 +8,7 @@
transition-duration: 250ms; transition-duration: 250ms;
box-shadow: none; box-shadow: none;
border: none; border: none;
@include fontsize($font_size - 1); // @include fontsize($font_size - 1);
@if $float == 'true' { @if $float == 'true' {
background-color: transparent; background-color: transparent;

View File

@@ -17,18 +17,16 @@
min-width: if($compact == 'true', 10em, 12em); min-width: if($compact == 'true', 10em, 12em);
color: $text-secondary !important; color: $text-secondary !important;
padding: 0; padding: 0;
font-weight: normal;
border-radius: $base_radius + $base_padding * 3; border-radius: $base_radius + $base_padding * 3;
box-shadow: 0 3px 5px -2px rgba(black, if($variant == 'light', 0.1, 0.18)); box-shadow: 0 3px 5px -2px rgba(black, if($variant == 'light', 0.1, 0.18));
margin: $base_padding 6px 8px; margin: $base_padding 6px 8px;
@include fontsize($font_size - 1); // @include fontsize($font_size - 1);
.popup-menu-content { .popup-menu-content {
padding: $base_padding; padding: $base_padding;
background-color: $popover; background-color: $popover;
border-radius: $menu_radius; border-radius: $menu_radius;
margin: 0; margin: 0;
font-weight: normal;
@if $rimless == 'false' { @if $rimless == 'false' {
border: 1px solid $window-border; border: 1px solid $window-border;
@@ -43,11 +41,9 @@
border-radius: $base_radius; border-radius: $base_radius;
margin: 0; margin: 0;
transition-duration: 100ms; transition-duration: 100ms;
font-weight: normal;
background-color: transparent; background-color: transparent;
&:checked { &:checked {
font-weight: normal;
border: none; border: none;
box-shadow: none; box-shadow: none;
color: $text !important; color: $text !important;

View File

@@ -30,6 +30,7 @@
@import 'widgets/scale'; @import 'widgets/scale';
@import 'widgets/scrolling'; @import 'widgets/scrolling';
@import 'widgets/shortcuts-window'; @import 'widgets/shortcuts-window';
@import 'widgets/shortcuts-dialog';
@import 'widgets/sidebars'; @import 'widgets/sidebars';
@import 'widgets/spinner'; @import 'widgets/spinner';
@import 'widgets/spin-button'; @import 'widgets/spin-button';

View File

@@ -29,6 +29,7 @@ preferencesgroup > box {
background-color: $dialog_bg_color; background-color: $dialog_bg_color;
} }
button.accent, // GDM Settings
button.accent-button { button.accent-button {
min-height: 24px; min-height: 24px;
min-width: 24px; min-width: 24px;

View File

@@ -28,8 +28,6 @@
padding: 0; padding: 0;
> header > button { > header > button {
border-top: 1px solid $border_color;
&:last-child { &:last-child {
padding-right: 24px; padding-right: 24px;
} }
@@ -80,7 +78,7 @@
} }
#NautilusPathBar { #NautilusPathBar {
background-color: gtkalpha(currentColor, 0.05); background-color: $button_color;
border-radius: $button_radius; border-radius: $button_radius;
padding: 0; padding: 0;

View File

@@ -13,10 +13,12 @@ columnview {
line-height: 100%; line-height: 100%;
border-left: 1px solid $border_color; border-left: 1px solid $border_color;
border-bottom: 1px solid $border_color; border-bottom: 1px solid $border_color;
border-top: none;
border-right: none;
background-clip: padding-box; background-clip: padding-box;
&:first-child { &:first-child {
border-left-width: 0; border-left: none;
} }
> box { > box {

View File

@@ -10,6 +10,10 @@ label {
} }
} }
.dimmed {
opacity: $dim_label_opacity;
}
.dim-label { .dim-label {
opacity: $dim_label_opacity; opacity: $dim_label_opacity;
} }
@@ -36,42 +40,40 @@ label {
.title-1 { .title-1 {
font-weight: 800; font-weight: 800;
font-size: 20pt; font-size: 181%;
} }
.title-2 { .title-2 {
font-weight: 800; font-weight: 800;
font-size: 15pt; font-size: 136%;
} }
.title-3 { .title-3 {
font-weight: 700; font-weight: 700;
font-size: 15pt; font-size: 136%;
} }
.title-4 { .title-4 {
font-weight: 700; font-weight: 700;
font-size: 13pt; font-size: 118%;
} }
.heading { .heading {
font-weight: 700; font-weight: 700;
font-size: 11pt;
} }
.body { .body {
font-weight: 400; font-weight: 400;
font-size: 11pt;
} }
.caption-heading { .caption-heading {
font-weight: 700; font-weight: 700;
font-size: 9pt; font-size: 82%;
} }
.caption { .caption {
font-weight: 400; font-weight: 400;
font-size: 9pt; font-size: 82%;
} }
.monospace { .monospace {

View File

@@ -207,24 +207,49 @@ row.entry {
opacity: $disabled_opacity; opacity: $disabled_opacity;
} }
.dim-label, .subtitle { .dimmed, .dim-label, .subtitle {
opacity: 1; opacity: 1;
} }
} }
.edit-icon, .indicator { > box.header {
min-width: 22px; border-spacing: 0;
min-height: 22px; margin-left: $base_padding;
padding: $base_padding; margin-right: $base_padding;
> .editable-area {
padding: 0 $base_padding;
> .edit-icon, > .indicator {
min-width: 24px;
min-height: 24px;
padding: $base_padding - 1px;
} }
.edit-icon:disabled { > .edit-icon, > .indicator, > .apply-button {
&:dir(ltr) { margin-left: $base_padding; }
&:dir(rtl) { margin-right: $base_padding; }
}
> .edit-icon:disabled {
opacity: $strong_disabled_opacity; opacity: $strong_disabled_opacity;
} }
.indicator { > .indicator {
opacity: $dimmer_opacity; opacity: $dimmer_opacity;
} }
}
> .prefixes {
&:dir(ltr) { margin-left: $base_padding; }
&:dir(rtl) { margin-right: $base_padding; }
}
> .suffixes {
&:dir(ltr) { margin-right: $base_padding; }
&:dir(rtl) { margin-left: $base_padding; }
}
}
&.monospace { &.monospace {
font-family: inherit; font-family: inherit;
@@ -451,6 +476,10 @@ row.button {
margin-right: $base_padding * 2; margin-right: $base_padding * 2;
border-spacing: $base_padding; border-spacing: $base_padding;
min-height: $large_size + 2px; min-height: $large_size + 2px;
> .icon:disabled {
filter: Opacity($disabled_opacity);
}
} }
.title { .title {

View File

@@ -78,6 +78,8 @@ window.dialog-window.alert {
} }
window.messagedialog { window.messagedialog {
border-radius: $window_radius + $base_padding;
.message-area { .message-area {
padding-top: $medium_size - 4px; padding-top: $medium_size - 4px;
padding-bottom: $base_padding * 2; padding-bottom: $base_padding * 2;
@@ -98,7 +100,7 @@ window.messagedialog {
} }
.response-area { .response-area {
padding: $base_padding; padding: $base_padding * 2;
border-spacing: $base_padding; border-spacing: $base_padding;
> button { > button {

View File

@@ -26,8 +26,13 @@ separator {
&.spacer { &.spacer {
background: none; background: none;
&.horizontal { min-width: 12px; } &.horizontal {
&.vertical { min-height: 12px; } min-width: 12px;
}
&.vertical {
min-height: 12px;
}
} }
} }
@@ -45,7 +50,9 @@ separator {
transparent 2px); transparent 2px);
background-clip: padding-box; background-clip: padding-box;
border { border: none; } border {
border: none;
}
} }
/********** /**********
@@ -60,8 +67,13 @@ toast {
border-spacing: $base_padding; border-spacing: $base_padding;
padding: $base_padding; padding: $base_padding;
&:dir(ltr) { padding-left: $base_padding * 2; } &:dir(ltr) {
&:dir(rtl) { padding-right: $base_padding * 2; } padding-left: $base_padding * 2;
}
&:dir(rtl) {
padding-right: $base_padding * 2;
}
> widget { > widget {
margin: 0 $base_padding; margin: 0 $base_padding;
@@ -212,3 +224,26 @@ navigation-view,
overlay-split-view { overlay-split-view {
@include transition-shadows($shade_color); @include transition-shadows($shade_color);
} }
/* PathBar */
.pathbar {
background-color: $button_color;
border-radius: $button_radius;
padding: 0;
button {
margin: 0;
@extend %button_basic_flat;
}
headerbar & {
button {
margin: 0;
@if $colorscheme !='default' or $blackness =='true' or $colortype =='fixed' {
@extend %header_button_reset;
}
}
}
}

View File

@@ -0,0 +1,42 @@
dialog.shortcuts {
preferencespage > scrolledwindow > viewport > clamp > box {
border-spacing: 18px;
preferencesgroup + preferencesgroup box.header {
margin-top: 6px;
}
}
.shortcut-row {
padding: 9px 12px;
min-height: 36px;
.title-box {
border-spacing: 3px;
> .subtitle {
@extend .caption;
@extend .dimmed;
}
}
}
}
shortcut-label {
&, > box {
border-spacing: 6px;
}
.keycap {
background: gtkalpha(currentColor, 0.1);
box-shadow: inset 0 -2px $border_color;
border-radius: 6px;
padding: 6px;
min-width: 20px;
}
> .dimmed {
padding: 6px 0;
}
}

View File

@@ -284,7 +284,7 @@ toolbarview {
> revealer > box { > revealer > box {
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; box-shadow: none;
&:backdrop { &:backdrop {
background-color: $headerbar_bg_color; background-color: $headerbar_bg_color;
@@ -294,8 +294,8 @@ toolbarview {
} }
} }
&.undershoot-top scrolledwindow { @include undershoot(top); } &.undershoot-top scrolledwindow { @include undershoot(top, $style: frame); }
&.undershoot-bottom scrolledwindow { @include undershoot(bottom); } &.undershoot-bottom scrolledwindow { @include undershoot(bottom, $style: frame); }
window.devel & > .top-bar { window.devel & > .top-bar {
background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")),