mirror of
https://github.com/elwrcl/copnix.git
synced 2026-10-31 06:18:03 +03:00
theme
This commit is contained in:
elwrcl committed
1 parent
3e318279b5
commit
c5caa9e9c5
7 files changed
+311
-29
No files matched your search
@@ -27,5 +27,29 @@
|
||||
|
||||
accent = "cabaaa";
|
||||
};
|
||||
elars.theme.paletteLight = inputs.themes.custom {
|
||||
name = "Kemuri Susu Light";
|
||||
author = "elars";
|
||||
|
||||
base00 = "d4c1a8"; # mSurface
|
||||
base01 = "c5b29a"; # mSurfaceVariant
|
||||
base02 = "a89682"; # mOutline
|
||||
base03 = "736c5f"; # mShadow
|
||||
base04 = "736b5e"; # mSecondary
|
||||
base05 = "262524"; # mOnSurface
|
||||
base06 = "3a3734";
|
||||
base07 = "1e1d1b";
|
||||
|
||||
base08 = "b84242"; # red / mError
|
||||
base09 = "9c7a4a"; # orange
|
||||
base0A = "8a7140"; # yellow
|
||||
base0B = "5e7a5c"; # green
|
||||
base0C = "4f7a70"; # cyan
|
||||
base0D = "4f6875"; # blue
|
||||
base0E = "85606b"; # magenta
|
||||
base0F = "594f46"; # brown
|
||||
|
||||
accent = "262524"; # mPrimary
|
||||
};
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
{ ... }:
|
||||
{
|
||||
flake.homeModules.home-theme-mode-switch =
|
||||
{
|
||||
config,
|
||||
lib,
|
||||
pkgs,
|
||||
...
|
||||
}:
|
||||
let
|
||||
variants = "${config.xdg.configHome}/elars-theme";
|
||||
current = "${config.xdg.stateHome}/elars-theme/current";
|
||||
|
||||
switch = pkgs.writeShellScript "elars-theme-mode" ''
|
||||
mode="''${1:-''${NOCTALIA_THEME_MODE:-dark}}"
|
||||
[ "$mode" = light ] || mode=dark
|
||||
${lib.getExe' pkgs.coreutils "mkdir"} -p "$(${lib.getExe' pkgs.coreutils "dirname"} ${lib.escapeShellArg current})"
|
||||
${lib.getExe' pkgs.coreutils "ln"} -sfn ${lib.escapeShellArg variants}/"$mode" ${lib.escapeShellArg current}
|
||||
'';
|
||||
in
|
||||
{
|
||||
options.elars.theme.currentVariantDir = lib.mkOption {
|
||||
type = lib.types.str;
|
||||
readOnly = true;
|
||||
default = current;
|
||||
description = ''
|
||||
Directory holding the active variant's files; point configs here
|
||||
instead of at a fixed dark/light file.
|
||||
'';
|
||||
};
|
||||
|
||||
config = {
|
||||
programs.noctalia.settings.hooks.theme_mode_changed = "${switch}";
|
||||
|
||||
home.activation.elarsThemeMode = lib.hm.dag.entryAfter [ "writeBoundary" ] ''
|
||||
if [ ! -e ${lib.escapeShellArg current} ]; then
|
||||
run ${switch} ${config.programs.noctalia.settings.theme.mode or "dark"}
|
||||
fi
|
||||
'';
|
||||
};
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
{ ... }:
|
||||
{
|
||||
flake.homeModules.home-theme-obsidian =
|
||||
{ config, ... }:
|
||||
let
|
||||
p = config.elars.theme.palette.withHashtag;
|
||||
accent = p.accent or p.base06;
|
||||
in
|
||||
{
|
||||
programs.obsidian.defaultSettings = {
|
||||
appearance = {
|
||||
theme = "obsidian";
|
||||
accentColor = accent;
|
||||
baseFontSize = 15;
|
||||
monospaceFontFamily = "JetBrainsMono Nerd Font Mono";
|
||||
enabledCssSnippets = [ "kemuri" ];
|
||||
};
|
||||
cssSnippets = [
|
||||
{
|
||||
name = "kemuri";
|
||||
text = ''
|
||||
/* generated from elars.theme.palette */
|
||||
.theme-dark {
|
||||
--background-primary: ${p.base00};
|
||||
--background-primary-alt: ${p.base01};
|
||||
--background-secondary: ${p.base01};
|
||||
--background-secondary-alt: ${p.base02};
|
||||
--background-modifier-border: ${p.base02};
|
||||
--background-modifier-hover: ${p.base02};
|
||||
--text-normal: ${p.base05};
|
||||
--text-muted: ${p.base04};
|
||||
--text-faint: ${p.base03};
|
||||
--text-accent: ${accent};
|
||||
--text-on-accent: ${p.base00};
|
||||
--interactive-accent: ${accent};
|
||||
--text-selection: ${p.base02};
|
||||
--color-red: ${p.base08};
|
||||
--color-orange: ${p.base09};
|
||||
--color-yellow: ${p.base0A};
|
||||
--color-green: ${p.base0B};
|
||||
--color-cyan: ${p.base0C};
|
||||
--color-blue: ${p.base0D};
|
||||
--color-purple: ${p.base0E};
|
||||
}
|
||||
|
||||
body {
|
||||
--radius-s: 0px;
|
||||
--radius-m: 0px;
|
||||
--radius-l: 0px;
|
||||
--radius-xl: 0px;
|
||||
--input-radius: 0px;
|
||||
--button-radius: 0px;
|
||||
--checkbox-radius: 0px;
|
||||
--tab-radius: 0px;
|
||||
--shadow-s: none;
|
||||
--shadow-l: none;
|
||||
}
|
||||
'';
|
||||
}
|
||||
];
|
||||
};
|
||||
};
|
||||
}
|
||||
@@ -8,9 +8,15 @@
|
||||
...
|
||||
}:
|
||||
let
|
||||
p = config.elars.theme.palette;
|
||||
h = p.withHashtag;
|
||||
rgb = hex: lib.concatMapStringsSep "," toString (config.elars.theme.hexToRgb hex);
|
||||
font = "JetBrainsMono Nerd Font,11,-1,5,50,0,0,0,0,0";
|
||||
|
||||
# qt6ct colour scheme + kdeglobals for one palette.
|
||||
variant =
|
||||
p:
|
||||
let
|
||||
h = p.withHashtag;
|
||||
selection = if p.isLight then p.base02 else p.base03;
|
||||
accent = p.accent or p.base06;
|
||||
foregrounds = {
|
||||
Normal = p.base05;
|
||||
@@ -77,7 +83,7 @@
|
||||
base # Base
|
||||
window # Window
|
||||
shadow # Shadow
|
||||
h.base03 # Highlight
|
||||
"#${selection}" # Highlight
|
||||
bright # HighlightedText
|
||||
h.base0C # Link
|
||||
h.base0E # LinkVisited
|
||||
@@ -110,38 +116,16 @@
|
||||
shadow = h.base00;
|
||||
};
|
||||
|
||||
font = "JetBrainsMono Nerd Font,11,-1,5,50,0,0,0,0,0";
|
||||
in
|
||||
{
|
||||
qt = {
|
||||
enable = true;
|
||||
platformTheme.name = "qt6ct";
|
||||
};
|
||||
|
||||
home.packages = [
|
||||
pkgs.qt6Packages.qt6ct
|
||||
];
|
||||
|
||||
xdg.configFile."qt6ct/colors/kemuri.conf".text = ''
|
||||
qt6ctColors = ''
|
||||
[ColorScheme]
|
||||
active_colors=${active}
|
||||
inactive_colors=${active}
|
||||
disabled_colors=${disabled}
|
||||
'';
|
||||
|
||||
xdg.configFile."qt6ct/qt6ct.conf".text = ''
|
||||
[Appearance]
|
||||
style=Fusion
|
||||
custom_palette=true
|
||||
color_scheme_path=${config.xdg.configHome}/qt6ct/colors/kemuri.conf
|
||||
standard_dialogs=default
|
||||
|
||||
[Fonts]
|
||||
fixed="${font}"
|
||||
general="${font}"
|
||||
'';
|
||||
|
||||
xdg.configFile."kdeglobals".text = ''
|
||||
kdeglobals = ''
|
||||
[General]
|
||||
ColorScheme=${p.name}
|
||||
Name=${p.name}
|
||||
@@ -188,8 +172,8 @@
|
||||
alternate = p.base01;
|
||||
}}
|
||||
${colorSet "Selection" {
|
||||
background = p.base03;
|
||||
alternate = p.base03;
|
||||
background = selection;
|
||||
alternate = selection;
|
||||
normal = p.base07;
|
||||
inactive = p.base06;
|
||||
}}
|
||||
@@ -222,4 +206,46 @@
|
||||
IntensityEffect=0
|
||||
'';
|
||||
};
|
||||
|
||||
dir = config.elars.theme.currentVariantDir;
|
||||
in
|
||||
{
|
||||
qt = {
|
||||
enable = true;
|
||||
platformTheme.name = "qt6ct";
|
||||
};
|
||||
|
||||
home.packages = [
|
||||
pkgs.qt6Packages.qt6ct
|
||||
];
|
||||
|
||||
# Both variants are generated; home-theme-mode-switch picks one.
|
||||
xdg.configFile = lib.mkMerge [
|
||||
(lib.concatMapAttrs
|
||||
(mode: palette: {
|
||||
"elars-theme/${mode}/qt6ct-colors.conf".text = (variant palette).qt6ctColors;
|
||||
"elars-theme/${mode}/kdeglobals".text = (variant palette).kdeglobals;
|
||||
})
|
||||
{
|
||||
dark = config.elars.theme.palette;
|
||||
light = config.elars.theme.paletteLight;
|
||||
}
|
||||
)
|
||||
{
|
||||
"kdeglobals".source = config.lib.file.mkOutOfStoreSymlink "${dir}/kdeglobals";
|
||||
"qt6ct/qt6ct.conf".text = ''
|
||||
[Appearance]
|
||||
style=Fusion
|
||||
custom_palette=true
|
||||
color_scheme_path=${dir}/qt6ct-colors.conf
|
||||
standard_dialogs=default
|
||||
|
||||
[Fonts]
|
||||
fixed="${font}"
|
||||
general="${font}"
|
||||
'';
|
||||
}
|
||||
];
|
||||
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
{ ... }:
|
||||
{
|
||||
# Baked into the sidechery build (see home-browser-helium-sidechery).
|
||||
flake.homeModules.home-theme-sidechery =
|
||||
{ config, ... }:
|
||||
let
|
||||
p = config.elars.theme.palette.withHashtag;
|
||||
accent = p.accent or p.base06;
|
||||
in
|
||||
{
|
||||
elars.sidechery.extraCss = ''
|
||||
/* generated from elars.theme.palette */
|
||||
#root.root {
|
||||
--frame-bg: ${p.base00};
|
||||
--toolbar-bg: ${p.base01};
|
||||
--s-accent: ${accent};
|
||||
|
||||
--nav-btn-active-shadow: inset 0 0 0 1px ${accent};
|
||||
--nav-btn-len-margin: 2px;
|
||||
--tabs-border-radius: 0px;
|
||||
}
|
||||
|
||||
[data-color=red] { --color: ${p.base08}; }
|
||||
[data-color=orange] { --color: ${p.base09}; }
|
||||
[data-color=yellow] { --color: ${p.base0A}; }
|
||||
[data-color=green] { --color: ${p.base0B}; }
|
||||
[data-color=cyan],
|
||||
[data-color=turquoise] { --color: ${p.base0C}; }
|
||||
[data-color=blue] { --color: ${p.base0D}; }
|
||||
[data-color=purple] { --color: ${p.base0E}; }
|
||||
[data-color=pink] { --color: color-mix(in oklab, white 25%, ${p.base0E}); }
|
||||
[data-color=gray] { --color: ${p.base04}; }
|
||||
|
||||
.Tab[data-pin=false] .fav {
|
||||
margin: 0 var(--tabs-inner-gap) 0 var(--tabs-inner-gap);
|
||||
}
|
||||
|
||||
.NavigationBar,
|
||||
.NavigationBar .nav-item {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.top-horizontal-box {
|
||||
margin-bottom: 2px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.NavigationBar .nav-item .len {
|
||||
font-size: .5rem;
|
||||
}
|
||||
'';
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
{ ... }:
|
||||
{
|
||||
flake.homeModules.home-theme-stylus =
|
||||
{ config, ... }:
|
||||
let
|
||||
p = config.elars.theme.palette.withHashtag;
|
||||
accent = p.accent or p.base06;
|
||||
in
|
||||
{
|
||||
xdg.configFile."stylus/kemuri.user.css".text = ''
|
||||
/* ==UserStyle==
|
||||
@name Kemuri (square)
|
||||
@namespace copland
|
||||
@version 1.0.0
|
||||
@description Square corners, no shadows, kemuri palette. Generated from elars.theme.palette.
|
||||
@author elars
|
||||
==/UserStyle== */
|
||||
|
||||
@-moz-document regexp(".*") {
|
||||
* {
|
||||
border-radius: 0px !important;
|
||||
box-shadow: none !important;
|
||||
|
||||
--dt-black: ${p.base00};
|
||||
--dt-gray-0: ${p.base00};
|
||||
--dt-gray-1: ${p.base01};
|
||||
--dt-gray-2: ${p.base02};
|
||||
--dt-gray-3: ${p.base03};
|
||||
--dt-gray-4: ${p.base0F};
|
||||
--dt-gray-5: ${p.base04};
|
||||
--dt-gray-6: ${p.base04};
|
||||
--dt-gray-7: ${p.base06};
|
||||
--dt-gray-8: ${p.base06};
|
||||
--dt-gray-9: ${p.base05};
|
||||
--dt-gray-10: ${p.base05};
|
||||
--dt-white: ${p.base07};
|
||||
--dt-red-6: ${p.base08};
|
||||
--dt-red-7: ${p.base08};
|
||||
--dt-orange-6: ${p.base09};
|
||||
--dt-orange-7: ${p.base09};
|
||||
--dt-yellow: ${p.base0A};
|
||||
--dt-green-6: ${p.base0B};
|
||||
--dt-green-7: ${p.base0B};
|
||||
--dt-cyan-6: ${p.base0C};
|
||||
--dt-cyan-7: ${p.base0C};
|
||||
--dt-blue-6: ${p.base0D};
|
||||
--dt-blue-7: ${p.base0D};
|
||||
--dt-blue-8: ${p.base0D};
|
||||
--dt-magenta-7: ${p.base0E};
|
||||
--dt-magenta-8: ${p.base0E};
|
||||
}
|
||||
|
||||
html {
|
||||
accent-color: ${accent};
|
||||
caret-color: ${accent};
|
||||
scrollbar-color: ${p.base03} transparent;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: ${accent};
|
||||
color: ${p.base00};
|
||||
}
|
||||
}
|
||||
'';
|
||||
};
|
||||
}
|
||||
@@ -39,6 +39,14 @@
|
||||
'';
|
||||
};
|
||||
|
||||
options.elars.theme.paletteLight = lib.mkOption {
|
||||
type = lib.types.raw;
|
||||
description = ''
|
||||
Light variant of `elars.theme.palette`, used by consumers that
|
||||
follow the noctalia light/dark mode (see home-theme-mode-switch).
|
||||
'';
|
||||
};
|
||||
|
||||
options.elars.theme.hexToRgb = lib.mkOption {
|
||||
type = lib.types.raw;
|
||||
default =
|
||||
|
||||
Reference in new issue
Block a user