lew
deee85b676
Update .gitconfig Update .tmux.conf Update .config/DankMaterialShell/firefox.css Update .config/DankMaterialShell/plugin_settings.json Update .config/DankMaterialShell/plugins/.repos/0026f1eba8dedaec/DankActions/DankActionsSettings.qml Update .config/DankMaterialShell/plugins/.repos/0026f1eba8dedaec/DankActions/DankActionsWidget.qml Update .config/DankMaterialShell/plugins/.repos/0026f1eba8dedaec/DankActions/plugin.json Update .config/DankMaterialShell/plugins/.repos/0026f1eba8dedaec/.git/index Update .config/DankMaterialShell/plugins/.repos/0026f1eba8dedaec/.git/refs/heads/master Update .config/DankMaterialShell/plugins/.repos/0026f1eba8dedaec/.git/refs/remotes/origin/master Update .config/DankMaterialShell/plugins/emojiLauncher/.git/refs/remotes/origin/main Update .config/DankMaterialShell/settings.json Update .config/alacritty/dank-theme.toml Update .config/ghostty/config Update .config/ghostty/themes/dankcolors Update .config/niri/dms/colors.kdl Update .config/nvim/lua/plugins/dankcolors.lua Update .config/pda/config.toml Update .local/bin/tmux-sessionizer
132 lines
5.6 KiB
CSS
132 lines
5.6 KiB
CSS
@media -moz-pref("userChrome.theme-material") {
|
|
:root {
|
|
--md-sys-color-primary: #2f628c;
|
|
--md-sys-color-surface-tint: #2f628c;
|
|
--md-sys-color-on-primary: #ffffff;
|
|
--md-sys-color-primary-container: #cee5ff;
|
|
--md-sys-color-on-primary-container: #001d33;
|
|
--md-sys-color-secondary: #51606f;
|
|
--md-sys-color-on-secondary: #ffffff;
|
|
--md-sys-color-secondary-container: #d5e4f7;
|
|
--md-sys-color-on-secondary-container: #0e1d2a;
|
|
--md-sys-color-tertiary: #68587a;
|
|
--md-sys-color-on-tertiary: #ffffff;
|
|
--md-sys-color-tertiary-container: #eedbff;
|
|
--md-sys-color-on-tertiary-container: #231533;
|
|
--md-sys-color-error: #ba1a1a;
|
|
--md-sys-color-on-error: #ffffff;
|
|
--md-sys-color-error-container: #ffdad6;
|
|
--md-sys-color-on-error-container: #410002;
|
|
--md-sys-color-background: #f7f9ff;
|
|
--md-sys-color-on-background: #181c20;
|
|
--md-sys-color-surface: #f7f9ff;
|
|
--md-sys-color-on-surface: #181c20;
|
|
--md-sys-color-surface-variant: #dee3eb;
|
|
--md-sys-color-on-surface-variant: #42474e;
|
|
--md-sys-color-outline: #72777f;
|
|
--md-sys-color-outline-variant: #c2c7cf;
|
|
--md-sys-color-shadow: #000000;
|
|
--md-sys-color-scrim: #000000;
|
|
--md-sys-color-inverse-surface: #2d3135;
|
|
--md-sys-color-inverse-on-surface: #eff1f6;
|
|
--md-sys-color-inverse-primary: #9bcbfb;
|
|
--md-sys-color-primary-fixed: #cee5ff;
|
|
--md-sys-color-on-primary-fixed: #001d33;
|
|
--md-sys-color-primary-fixed-dim: #9bcbfb;
|
|
--md-sys-color-on-primary-fixed-variant: #0e4a73;
|
|
--md-sys-color-secondary-fixed: #d5e4f7;
|
|
--md-sys-color-on-secondary-fixed: #0e1d2a;
|
|
--md-sys-color-secondary-fixed-dim: #b9c8da;
|
|
--md-sys-color-on-secondary-fixed-variant: #3a4857;
|
|
--md-sys-color-tertiary-fixed: #eedbff;
|
|
--md-sys-color-on-tertiary-fixed: #231533;
|
|
--md-sys-color-tertiary-fixed-dim: #d3bfe6;
|
|
--md-sys-color-on-tertiary-fixed-variant: #504061;
|
|
--md-sys-color-surface-dim: #d8dae0;
|
|
--md-sys-color-surface-bright: #f7f9ff;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #f1f3f9;
|
|
--md-sys-color-surface-container: #f7f9ff;
|
|
--md-sys-color-surface-container-high: #f7f9ff;
|
|
--md-sys-color-surface-container-highest: #f7f9ff;
|
|
|
|
--m3-radius: 12px;
|
|
--m3-radius-sm: 10px;
|
|
--m3-elev-0: none;
|
|
--m3-elev-1: 0 1px 2px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.06);
|
|
--m3-elev-2: 0 2px 6px rgba(0,0,0,.10), 0 1px 3px rgba(0,0,0,.06);
|
|
|
|
--tab-height: 34px;
|
|
--urlbar-height: 38px;
|
|
|
|
--state-hover: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);
|
|
--state-press: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);
|
|
|
|
--focus-ring: 0 0 0 2px color-mix(in srgb, var(--md-sys-color-primary) 70%, transparent);
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--md-sys-color-primary: #9bcbfb;
|
|
--md-sys-color-surface-tint: #9bcbfb;
|
|
--md-sys-color-on-primary: #003353;
|
|
--md-sys-color-primary-container: #0e4a73;
|
|
--md-sys-color-on-primary-container: #cee5ff;
|
|
--md-sys-color-secondary: #b9c8da;
|
|
--md-sys-color-on-secondary: #233240;
|
|
--md-sys-color-secondary-container: #3a4857;
|
|
--md-sys-color-on-secondary-container: #d5e4f7;
|
|
--md-sys-color-tertiary: #d3bfe6;
|
|
--md-sys-color-on-tertiary: #382a49;
|
|
--md-sys-color-tertiary-container: #504061;
|
|
--md-sys-color-on-tertiary-container: #eedbff;
|
|
--md-sys-color-error: #ffb4ab;
|
|
--md-sys-color-on-error: #690005;
|
|
--md-sys-color-error-container: #93000a;
|
|
--md-sys-color-on-error-container: #ffdad6;
|
|
--md-sys-color-background: #101418;
|
|
--md-sys-color-on-background: #e0e2e8;
|
|
--md-sys-color-surface: #101418;
|
|
--md-sys-color-on-surface: #e0e2e8;
|
|
--md-sys-color-surface-variant: #42474e;
|
|
--md-sys-color-on-surface-variant: #c2c7cf;
|
|
--md-sys-color-outline: #8c9198;
|
|
--md-sys-color-outline-variant: #42474e;
|
|
--md-sys-color-shadow: #000000;
|
|
--md-sys-color-scrim: #000000;
|
|
--md-sys-color-inverse-surface: #e0e2e8;
|
|
--md-sys-color-inverse-on-surface: #2d3135;
|
|
--md-sys-color-inverse-primary: #2f628c;
|
|
--md-sys-color-primary-fixed: #cee5ff;
|
|
--md-sys-color-on-primary-fixed: #001d33;
|
|
--md-sys-color-primary-fixed-dim: #9bcbfb;
|
|
--md-sys-color-on-primary-fixed-variant: #0e4a73;
|
|
--md-sys-color-secondary-fixed: #d5e4f7;
|
|
--md-sys-color-on-secondary-fixed: #0e1d2a;
|
|
--md-sys-color-secondary-fixed-dim: #b9c8da;
|
|
--md-sys-color-on-secondary-fixed-variant: #3a4857;
|
|
--md-sys-color-tertiary-fixed: #eedbff;
|
|
--md-sys-color-on-tertiary-fixed: #231533;
|
|
--md-sys-color-tertiary-fixed-dim: #d3bfe6;
|
|
--md-sys-color-on-tertiary-fixed-variant: #504061;
|
|
--md-sys-color-surface-dim: #101418;
|
|
--md-sys-color-surface-bright: #36393e;
|
|
--md-sys-color-surface-container-lowest: #0b0f12;
|
|
--md-sys-color-surface-container-low: #181c20;
|
|
--md-sys-color-surface-container: #1c2024;
|
|
--md-sys-color-surface-container-high: #272a2f;
|
|
--md-sys-color-surface-container-highest: #323539;
|
|
|
|
--m3-elev-1: 0 1px 2px rgba(0,0,0,.50), 0 1px 3px rgba(0,0,0,.35);
|
|
--m3-elev-2: 0 4px 10px rgba(0,0,0,.55), 0 1px 3px rgba(0,0,0,.35);
|
|
|
|
--state-hover: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent);
|
|
--state-press: color-mix(in srgb, var(--md-sys-color-on-surface) 10%, transparent);
|
|
}
|
|
}
|
|
|
|
/* idk if this even works, but the suggestion in the material updated readme bricks symbols no matter how many fallbacks I add */
|
|
:root {
|
|
font-family: system-ui, "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
|
|
}
|