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;
box-shadow: none;
border: none;
@include fontsize($font_size - 1);
// @include fontsize($font_size - 1);
@if $float == 'true' {
background-color: transparent;

View File

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

View File

@@ -30,6 +30,7 @@
@import 'widgets/scale';
@import 'widgets/scrolling';
@import 'widgets/shortcuts-window';
@import 'widgets/shortcuts-dialog';
@import 'widgets/sidebars';
@import 'widgets/spinner';
@import 'widgets/spin-button';
@@ -41,4 +42,4 @@
@import 'widgets/tooltip';
@import 'widgets/views';
@import 'widgets/view-switcher';
@import 'widgets/window';
@import 'widgets/window';

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -26,8 +26,13 @@ separator {
&.spacer {
background: none;
&.horizontal { min-width: 12px; }
&.vertical { min-height: 12px; }
&.horizontal {
min-width: 12px;
}
&.vertical {
min-height: 12px;
}
}
}
@@ -42,10 +47,12 @@ separator {
border-radius: 0 0 $card_radius $card_radius;
background-color: $osd_bg_color;
background-image: linear-gradient(to bottom, transparentize(black, 0.8),
transparent 2px);
transparent 2px);
background-clip: padding-box;
border { border: none; }
border {
border: none;
}
}
/**********
@@ -60,8 +67,13 @@ toast {
border-spacing: $base_padding;
padding: $base_padding;
&:dir(ltr) { padding-left: $base_padding * 2; }
&:dir(rtl) { padding-right: $base_padding * 2; }
&:dir(ltr) {
padding-left: $base_padding * 2;
}
&:dir(rtl) {
padding-right: $base_padding * 2;
}
> widget {
margin: 0 $base_padding;
@@ -212,3 +224,26 @@ navigation-view,
overlay-split-view {
@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

@@ -273,7 +273,7 @@ toolbarview {
&:backdrop {
background-color: $headerbar_bg_color;
transition: background-color $backdrop_transition;
> windowhandle {
filter: opacity(.5);
transition: filter $backdrop_transition;
@@ -284,7 +284,7 @@ toolbarview {
> revealer > box {
background-color: $headerbar_backdrop_color;
color: $headerbar_fg_color;
box-shadow: inset 0 1px $headerbar_border_color;
box-shadow: none;
&:backdrop {
background-color: $headerbar_bg_color;
@@ -294,8 +294,8 @@ toolbarview {
}
}
&.undershoot-top scrolledwindow { @include undershoot(top); }
&.undershoot-bottom scrolledwindow { @include undershoot(bottom); }
&.undershoot-top scrolledwindow { @include undershoot(top, $style: frame); }
&.undershoot-bottom scrolledwindow { @include undershoot(bottom, $style: frame); }
window.devel & > .top-bar {
background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")),