mirror of
https://github.com/vinceliuice/Colloid-gtk-theme.git
synced 2025-09-16 05:18:38 -07:00
Compare commits
8 Commits
2025-07-31
...
main
Author | SHA1 | Date | |
---|---|---|---|
|
39b5831ded | ||
|
2f810a5797 | ||
|
20dcc6d958 | ||
|
923c07fe00 | ||
|
bac95e19ba | ||
|
117df083f0 | ||
|
94894f4bc2 | ||
|
e9c55da91c |
28
.github/ISSUE_TEMPLATE/issue_template.md
vendored
Normal file
28
.github/ISSUE_TEMPLATE/issue_template.md
vendored
Normal 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.
|
@@ -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;
|
||||||
|
@@ -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;
|
||||||
|
@@ -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';
|
||||||
|
@@ -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;
|
||||||
|
@@ -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;
|
||||||
|
|
||||||
|
@@ -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 {
|
||||||
|
@@ -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 {
|
||||||
|
@@ -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 {
|
||||||
|
@@ -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 {
|
||||||
|
@@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
42
src/sass/libadwaita/widgets/_shortcuts-dialog.scss
Normal file
42
src/sass/libadwaita/widgets/_shortcuts-dialog.scss
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
@@ -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")),
|
||||||
|
Reference in New Issue
Block a user