themes: Allow yaml paths
This commit is contained in:
parent
8e9ee08e09
commit
9109a98e9b
16 changed files with 95 additions and 489 deletions
|
|
@ -1,103 +0,0 @@
|
|||
{
|
||||
xdg.configFile."gtk-3.0/gtk.css" = {
|
||||
text =
|
||||
''
|
||||
/*
|
||||
Generated with Gradience
|
||||
|
||||
Issues caused by theming should be reported to Gradience repository, and not to upstream
|
||||
|
||||
https://github.com/GradienceTeam/Gradience
|
||||
*/
|
||||
|
||||
@define-color accent_color #a9b1d6;
|
||||
@define-color accent_bg_color #a9b1d6;
|
||||
@define-color accent_fg_color rgba(0, 0, 0, 0.87);
|
||||
@define-color destructive_color #F28B82;
|
||||
@define-color destructive_bg_color #F28B82;
|
||||
@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
|
||||
@define-color success_color #81C995;
|
||||
@define-color success_bg_color #81C995;
|
||||
@define-color success_fg_color rgba(0, 0, 0, 0.87);
|
||||
@define-color warning_color #FDD633;
|
||||
@define-color warning_bg_color #FDD633;
|
||||
@define-color warning_fg_color rgba(0, 0, 0, 0.87);
|
||||
@define-color error_color #F28B82;
|
||||
@define-color error_bg_color #F28B82;
|
||||
@define-color error_fg_color rgba(0, 0, 0, 0.87);
|
||||
@define-color window_bg_color #1a1b26;
|
||||
@define-color window_fg_color #c0caf5;
|
||||
@define-color view_bg_color #1a1b26;
|
||||
@define-color view_fg_color #c0caf5;
|
||||
@define-color headerbar_bg_color #1a1b26;
|
||||
@define-color headerbar_fg_color #c0caf5;
|
||||
@define-color headerbar_border_color rgba(192, 202, 245, 0.12);
|
||||
@define-color headerbar_backdrop_color @window_bg_color;
|
||||
@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
|
||||
@define-color card_bg_color #1a1b26;
|
||||
@define-color card_fg_color #c0caf5;
|
||||
@define-color card_shade_color rgba(0, 0, 0, 0.36);
|
||||
@define-color dialog_bg_color #1a1b26;
|
||||
@define-color dialog_fg_color #c0caf5;
|
||||
@define-color popover_bg_color #1a1b26;
|
||||
@define-color popover_fg_color #c0caf5;
|
||||
@define-color shade_color rgba(0, 0, 0, 0.36);
|
||||
@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
|
||||
@define-color secondary_sidebar_backdrop_color #1a1b26;
|
||||
@define-color secondary_sidebar_shade_color rgba(0,0,0,0.5);
|
||||
@define-color sidebar_backdrop_color #1a1b26;
|
||||
@define-color sidebar_shade_color rgba(0,0,0,0.5);
|
||||
@define-color sidebar_bg_color #1a1b26;
|
||||
@define-color sidebar_fg_color #c0caf5;
|
||||
@define-color secondary_sidebar_bg_color #1a1b26;
|
||||
@define-color secondary_sidebar_fg_color #c0caf5;
|
||||
@define-color thumbnail_bg_color #1a1b26;
|
||||
@define-color thumbnail_fg_color #c0caf5;
|
||||
@define-color blue_1 #99c1f1;
|
||||
@define-color blue_2 #62a0ea;
|
||||
@define-color blue_3 #3584e4;
|
||||
@define-color blue_4 #1c71d8;
|
||||
@define-color blue_5 #1a5fb4;
|
||||
@define-color green_1 #8ff0a4;
|
||||
@define-color green_2 #57e389;
|
||||
@define-color green_3 #33d17a;
|
||||
@define-color green_4 #2ec27e;
|
||||
@define-color green_5 #26a269;
|
||||
@define-color yellow_1 #f9f06b;
|
||||
@define-color yellow_2 #f8e45c;
|
||||
@define-color yellow_3 #f6d32d;
|
||||
@define-color yellow_4 #f5c211;
|
||||
@define-color yellow_5 #e5a50a;
|
||||
@define-color orange_1 #ffbe6f;
|
||||
@define-color orange_2 #ffa348;
|
||||
@define-color orange_3 #ff7800;
|
||||
@define-color orange_4 #e66100;
|
||||
@define-color orange_5 #c64600;
|
||||
@define-color red_1 #f66151;
|
||||
@define-color red_2 #ed333b;
|
||||
@define-color red_3 #e01b24;
|
||||
@define-color red_4 #c01c28;
|
||||
@define-color red_5 #a51d2d;
|
||||
@define-color purple_1 #dc8add;
|
||||
@define-color purple_2 #c061cb;
|
||||
@define-color purple_3 #9141ac;
|
||||
@define-color purple_4 #813d9c;
|
||||
@define-color purple_5 #613583;
|
||||
@define-color brown_1 #cdab8f;
|
||||
@define-color brown_2 #b5835a;
|
||||
@define-color brown_3 #986a44;
|
||||
@define-color brown_4 #865e3c;
|
||||
@define-color brown_5 #63452c;
|
||||
@define-color light_1 #ffffff;
|
||||
@define-color light_2 #f6f5f4;
|
||||
@define-color light_3 #deddda;
|
||||
@define-color light_4 #c0bfbc;
|
||||
@define-color light_5 #9a9996;
|
||||
@define-color dark_1 #77767b;
|
||||
@define-color dark_2 #5e5c64;
|
||||
@define-color dark_3 #3d3846;
|
||||
@define-color dark_4 #241f31;
|
||||
@define-color dark_5 #000000;
|
||||
'';
|
||||
};
|
||||
}
|
||||
|
|
@ -1,109 +0,0 @@
|
|||
{
|
||||
# TODO: reenable this again
|
||||
# right now its broken because flatpak...
|
||||
xdg.configFile."gtk-4.0/gtk.css" = {
|
||||
text =
|
||||
''
|
||||
/*
|
||||
Generated with Gradience
|
||||
|
||||
Issues caused by theming should be reported to Gradience repository, and not to upstream
|
||||
|
||||
https://github.com/GradienceTeam/Gradience
|
||||
*/
|
||||
|
||||
@define-color accent_color #a9b1d6;
|
||||
@define-color accent_bg_color #a9b1d6;
|
||||
@define-color accent_fg_color rgba(0, 0, 0, 0.87);
|
||||
@define-color destructive_color #F28B82;
|
||||
@define-color destructive_bg_color #F28B82;
|
||||
@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
|
||||
@define-color success_color #81C995;
|
||||
@define-color success_bg_color #81C995;
|
||||
@define-color success_fg_color rgba(0, 0, 0, 0.87);
|
||||
@define-color warning_color #FDD633;
|
||||
@define-color warning_bg_color #FDD633;
|
||||
@define-color warning_fg_color rgba(0, 0, 0, 0.87);
|
||||
@define-color error_color #F28B82;
|
||||
@define-color error_bg_color #F28B82;
|
||||
@define-color error_fg_color rgba(0, 0, 0, 0.87);
|
||||
@define-color window_bg_color #1a1b26;
|
||||
@define-color window_fg_color #c0caf5;
|
||||
@define-color view_bg_color #1a1b26;
|
||||
@define-color view_fg_color #c0caf5;
|
||||
@define-color headerbar_bg_color #1a1b26;
|
||||
@define-color headerbar_fg_color #c0caf5;
|
||||
@define-color headerbar_border_color rgba(192, 202, 245, 0.12);
|
||||
@define-color headerbar_backdrop_color @window_bg_color;
|
||||
@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
|
||||
@define-color card_bg_color #1a1b26;
|
||||
@define-color card_fg_color #c0caf5;
|
||||
@define-color card_shade_color rgba(0, 0, 0, 0.36);
|
||||
@define-color dialog_bg_color #1a1b26;
|
||||
@define-color dialog_fg_color #c0caf5;
|
||||
@define-color popover_bg_color #1a1b26;
|
||||
@define-color popover_fg_color #c0caf5;
|
||||
@define-color shade_color rgba(0, 0, 0, 0.36);
|
||||
@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
|
||||
@define-color sidebar_bg_color #1a1b26;
|
||||
@define-color sidebar_fg_color #c0caf5;
|
||||
@define-color secondary_sidebar_bg_color #1a1b26;
|
||||
@define-color secondary_sidebar_fg_color #c0caf5;
|
||||
@define-color sidebar_shade_color rgba(0, 0, 0, 0.36);
|
||||
@define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.36);
|
||||
@define-color thumbnail_bg_color #1a1b26;
|
||||
@define-color thumbnail_fg_color #c0caf5;
|
||||
@define-color sidebar_backdrop_color @sidebar_bg_color;
|
||||
@define-color secondary_sidebar_backdrop_color @sidebar_bg_color;
|
||||
@define-color blue_1 #99c1f1;
|
||||
@define-color blue_2 #62a0ea;
|
||||
@define-color blue_3 #3584e4;
|
||||
@define-color blue_4 #1c71d8;
|
||||
@define-color blue_5 #1a5fb4;
|
||||
@define-color green_1 #8ff0a4;
|
||||
@define-color green_2 #57e389;
|
||||
@define-color green_3 #33d17a;
|
||||
@define-color green_4 #2ec27e;
|
||||
@define-color green_5 #26a269;
|
||||
@define-color yellow_1 #f9f06b;
|
||||
@define-color yellow_2 #f8e45c;
|
||||
@define-color yellow_3 #f6d32d;
|
||||
@define-color yellow_4 #f5c211;
|
||||
@define-color yellow_5 #e5a50a;
|
||||
@define-color orange_1 #ffbe6f;
|
||||
@define-color orange_2 #ffa348;
|
||||
@define-color orange_3 #ff7800;
|
||||
@define-color orange_4 #e66100;
|
||||
@define-color orange_5 #c64600;
|
||||
@define-color red_1 #f66151;
|
||||
@define-color red_2 #ed333b;
|
||||
@define-color red_3 #e01b24;
|
||||
@define-color red_4 #c01c28;
|
||||
@define-color red_5 #a51d2d;
|
||||
@define-color purple_1 #dc8add;
|
||||
@define-color purple_2 #c061cb;
|
||||
@define-color purple_3 #9141ac;
|
||||
@define-color purple_4 #813d9c;
|
||||
@define-color purple_5 #613583;
|
||||
@define-color brown_1 #cdab8f;
|
||||
@define-color brown_2 #b5835a;
|
||||
@define-color brown_3 #986a44;
|
||||
@define-color brown_4 #865e3c;
|
||||
@define-color brown_5 #63452c;
|
||||
@define-color light_1 #ffffff;
|
||||
@define-color light_2 #f6f5f4;
|
||||
@define-color light_3 #deddda;
|
||||
@define-color light_4 #c0bfbc;
|
||||
@define-color light_5 #9a9996;
|
||||
@define-color dark_1 #77767b;
|
||||
@define-color dark_2 #5e5c64;
|
||||
@define-color dark_3 #3d3846;
|
||||
@define-color dark_4 #241f31;
|
||||
@define-color dark_5 #000000;
|
||||
|
||||
.navigation-sidebar {
|
||||
background-color: #1a1b26;
|
||||
}
|
||||
'';
|
||||
};
|
||||
}
|
||||
|
|
@ -1,154 +0,0 @@
|
|||
{
|
||||
xdg.configFile."kvantum/colors/tokyonight.colors" = {
|
||||
text =
|
||||
''
|
||||
[ColorEffects:Disabled]
|
||||
Color=56,56,56
|
||||
ColorAmount=0.15000000000000002
|
||||
ColorEffect=2
|
||||
ContrastAmount=0.8
|
||||
ContrastEffect=1
|
||||
IntensityAmount=-1
|
||||
IntensityEffect=2
|
||||
|
||||
[ColorEffects:Inactive]
|
||||
ChangeSelectionColor=true
|
||||
Color=112,111,110
|
||||
ColorAmount=0.025
|
||||
ColorEffect=2
|
||||
ContrastAmount=0.1
|
||||
ContrastEffect=2
|
||||
Enable=false
|
||||
IntensityAmount=0
|
||||
IntensityEffect=0
|
||||
|
||||
[Colors:Button]
|
||||
BackgroundAlternate=157,221,203
|
||||
BackgroundNormal=44,45,55
|
||||
DecorationFocus=164,185,239
|
||||
DecorationHover=164,185,239
|
||||
ForegroundActive=164,185,239
|
||||
ForegroundInactive=120,124,153
|
||||
ForegroundLink=164,185,239
|
||||
ForegroundNegative=226,140,140
|
||||
ForegroundNeutral=247,193,150
|
||||
ForegroundNormal=215,218,224
|
||||
ForegroundPositive=179,225,163
|
||||
ForegroundVisited=173,142,230
|
||||
|
||||
[Colors:Complementary]
|
||||
BackgroundAlternate=157,221,203
|
||||
BackgroundNormal=30,30,41
|
||||
DecorationFocus=164,185,239
|
||||
DecorationHover=164,185,239
|
||||
ForegroundActive=164,185,239
|
||||
ForegroundInactive=110,108,124
|
||||
ForegroundLink=164,185,239
|
||||
ForegroundNegative=226,140,140
|
||||
ForegroundNeutral=247,193,150
|
||||
ForegroundNormal=215,218,224
|
||||
ForegroundPositive=179,225,163
|
||||
ForegroundVisited=198,170,232
|
||||
|
||||
[Colors:Header]
|
||||
BackgroundAlternate=30,30,41
|
||||
BackgroundNormal=30,30,41
|
||||
DecorationFocus=164,185,239
|
||||
DecorationHover=164,185,239
|
||||
ForegroundActive=164,185,239
|
||||
ForegroundInactive=110,108,124
|
||||
ForegroundLink=164,185,239
|
||||
ForegroundNegative=226,140,140
|
||||
ForegroundNeutral=247,193,150
|
||||
ForegroundNormal=215,218,224
|
||||
ForegroundPositive=179,225,163
|
||||
ForegroundVisited=198,170,232
|
||||
|
||||
[Colors:Header][Inactive]
|
||||
BackgroundAlternate=49,54,59
|
||||
BackgroundNormal=22,22,29
|
||||
DecorationFocus=61,174,233
|
||||
DecorationHover=61,174,233
|
||||
ForegroundActive=61,174,233
|
||||
ForegroundInactive=161,169,177
|
||||
ForegroundLink=29,153,243
|
||||
ForegroundNegative=218,68,83
|
||||
ForegroundNeutral=246,116,0
|
||||
ForegroundNormal=252,252,252
|
||||
ForegroundPositive=39,174,96
|
||||
ForegroundVisited=155,89,182
|
||||
|
||||
[Colors:Selection]
|
||||
BackgroundAlternate=157,221,203
|
||||
BackgroundNormal=164,187,239
|
||||
DecorationFocus=30,30,41
|
||||
DecorationHover=30,30,41
|
||||
ForegroundActive=21,18,28
|
||||
ForegroundInactive=120,124,153
|
||||
ForegroundLink=21,18,28
|
||||
ForegroundNegative=225,139,139
|
||||
ForegroundNeutral=247,193,150
|
||||
ForegroundNormal=20,21,30
|
||||
ForegroundPositive=179,225,163
|
||||
ForegroundVisited=173,142,230
|
||||
|
||||
[Colors:Tooltip]
|
||||
BackgroundAlternate=22,22,29
|
||||
BackgroundNormal=26,27,38
|
||||
DecorationFocus=164,185,239
|
||||
DecorationHover=164,185,239
|
||||
ForegroundActive=164,185,239
|
||||
ForegroundInactive=120,124,153
|
||||
ForegroundLink=164,185,239
|
||||
ForegroundNegative=226,140,140
|
||||
ForegroundNeutral=247,193,150
|
||||
ForegroundNormal=215,218,224
|
||||
ForegroundPositive=179,225,163
|
||||
ForegroundVisited=173,142,230
|
||||
|
||||
[Colors:View]
|
||||
BackgroundAlternate=22,22,29
|
||||
BackgroundNormal=26,27,38
|
||||
DecorationFocus=164,185,239
|
||||
DecorationHover=164,185,239
|
||||
ForegroundActive=164,185,239
|
||||
ForegroundInactive=120,124,153
|
||||
ForegroundLink=164,185,239
|
||||
ForegroundNegative=226,140,140
|
||||
ForegroundNeutral=247,193,150
|
||||
ForegroundNormal=215,218,224
|
||||
ForegroundPositive=179,225,163
|
||||
ForegroundVisited=173,142,230
|
||||
|
||||
[Colors:Window]
|
||||
BackgroundAlternate=22,22,29
|
||||
BackgroundNormal=26,27,38
|
||||
DecorationFocus=164,185,239
|
||||
DecorationHover=164,185,239
|
||||
ForegroundActive=164,185,239
|
||||
ForegroundInactive=120,124,153
|
||||
ForegroundLink=164,185,239
|
||||
ForegroundNegative=226,140,140
|
||||
ForegroundNeutral=247,193,150
|
||||
ForegroundNormal=215,218,224
|
||||
ForegroundPositive=179,225,163
|
||||
ForegroundVisited=173,142,230
|
||||
|
||||
[General]
|
||||
ColorScheme=BreezeDark
|
||||
Name=Tokyo Night
|
||||
shadeSortColumn=true
|
||||
|
||||
[KDE]
|
||||
contrast=4
|
||||
|
||||
[WM]
|
||||
activeBackground=26,27,38
|
||||
activeBlend=215,218,224
|
||||
activeForeground=215,218,224
|
||||
inactiveBackground=26,27,38
|
||||
inactiveBlend=110,108,124
|
||||
inactiveForeground=110,108,124
|
||||
'';
|
||||
};
|
||||
}
|
||||
|
|
@ -1,7 +1,10 @@
|
|||
{ config, ... }:
|
||||
{ config, inputs, pkgs, ... }:
|
||||
let
|
||||
username = config.conf.username;
|
||||
scheme = config.conf.colorscheme;
|
||||
# at time of using this here, stylix might not be evaluated yet
|
||||
# hence ensure it is by using base16 mkSchemeAttrs
|
||||
base16 = pkgs.callPackage inputs.base16.lib { };
|
||||
scheme = (base16.mkSchemeAttrs config.stylix.base16Scheme);
|
||||
# active_colors=#ffc0caf5, #${scheme.base00}, #ff373949, #ff2b2c3b, #ff1a1b26, #ff2b2c3b, #ffc0caf5, #ffc0caf5, #ffc0caf5, #ff1a1b26, #ff1a1b26, #19000000, #ff2b2c3b, #ffc0caf5, #ff3584e4, #ff1b6acb, #ff1a1b26, #ff242530, #ff1a1b26, #ffc0caf5, #ffc0caf5
|
||||
# disabled_colors=#ff6d728d, #${scheme.base00}, #ff373949, #ff2b2c3b, #ff1a1b26, #ff2b2c3b, #ff6d728d, #ff6d728d, #ff6d728d, #ff1a1b26, #ff1a1b26, #19000000, #ff2b2c3b, #ff6d728d, #ff3584e4, #ff1b6acb, #ff1a1b26, #ff242530, #ff1a1b26, #ff6d728d, #ff6d728d
|
||||
# inactive_colors=#ff6d728d, #${scheme.base00}, #ff373949, #ff2b2c3b, #ff1a1b26, #ff2b2c3b, #ff6d728d, #ff6d728d, #ff6d728d, #ff1a1b26, #ff1a1b26, #19000000, #ff2b2c3b, #ff6d728d, #ff3584e4, #ff1b6acb, #ff1a1b26, #ff242530, #ff1a1b26, #ff6d728d, #ff6d728d
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
{ pkgs, config, ... }: {
|
||||
{ pkgs, config, ... }:
|
||||
{
|
||||
stylix = {
|
||||
enable = true;
|
||||
image = /home/${config.conf.username}/Pictures/backgrounds/shinobu_2k.jpg;
|
||||
|
|
@ -33,6 +34,7 @@
|
|||
size = 24;
|
||||
};
|
||||
|
||||
base16Scheme = config.conf.colorscheme;
|
||||
base16Scheme =
|
||||
(if builtins.isAttrs config.conf.colorscheme then config.conf.colorscheme else "${pkgs.base16-schemes}/share/themes/${config.conf.colorscheme}.yaml");
|
||||
};
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue