summaryrefslogtreecommitdiff
path: root/.obsidian/themes/Kanagawa/theme.css
diff options
context:
space:
mode:
Diffstat (limited to '.obsidian/themes/Kanagawa/theme.css')
-rwxr-xr-x.obsidian/themes/Kanagawa/theme.css720
1 files changed, 720 insertions, 0 deletions
diff --git a/.obsidian/themes/Kanagawa/theme.css b/.obsidian/themes/Kanagawa/theme.css
new file mode 100755
index 0000000..1d8a40c
--- /dev/null
+++ b/.obsidian/themes/Kanagawa/theme.css
@@ -0,0 +1,720 @@
+:root
+{
+ /* DARK THEME */
+ /* Kanagawa from https://github.com/rebelot/kanagawa.nvim */
+ /* Bg Shades*/
+ --sumiInk0 : #16161D;
+ --sumiInk1b : #181820;
+ --sumiInk1 : #1F1F28;
+ --sumiInk2 : #2A2A37;
+ --sumiInk3 : #363646;
+ --sumiInk4 : #54546D;
+
+ /* Popup and Floats*/
+ --waveBlue1 : #223249;
+ --waveBlue2 : #2D4F67;
+
+ /* Diff and Git*/
+ --winterGreen : #2B3328;
+ --winterYellow : #49443C;
+ --winterRed : #43242B;
+ --winterBlue : #252535;
+ --autumnGreen : #76946A;
+ --autumnRed : #C34043;
+ --autumnYellow : #DCA561;
+
+ /* Diag*/
+ --samuraiRed : #E82424;
+ --roninYellow : #FF9E3B;
+ --waveAqua1 : #6A9589;
+ --dragonBlue : #658594;
+
+ /* Fg and Comments*/
+ --oldWhite : #C8C093;
+ --fujiWhite : #DCD7BA;
+ --fujiGray : #727169;
+ --springViolet1 : #938AA9;
+
+ --oniViolet : #957FB8;
+ --crystalBlue : #7E9CD8;
+ --springViolet2 : #9CABCA;
+ --springBlue : #7FB4CA;
+ --lightBlue : #A3D4D5; /* unused yet*/
+ --waveAqua2 : #7AA89F; /* improve lightness: desaturated greenish Aqua*/
+
+ --springGreen : #98BB6C;
+ --boatYellow1 : #938056;
+ --boatYellow2 : #C0A36E;
+ --carpYellow : #E6C384;
+
+ --sakuraPink : #D27E99;
+ --waveRed : #E46876;
+ --peachRed : #FF5D62;
+ --surimiOrange : #FFA066;
+ --katanaGray : #717C7C;
+
+ /* Gruvbox from https://github.com/insanum/obsidian_gruvbox */
+ --dark0-hard: #1d2021;
+ --dark0: #282828;
+ --dark0-soft: #32302f;
+ --dark1: #3c3836;
+ --dark2: #504945;
+ --dark3: #665c54;
+ --dark4: #7c6f64;
+
+ --gray: #928374;
+
+ --light0-hard: #f9f5d7;
+ --light0: #fbf1c7;
+ --light0-soft: #f2e5bc;
+ --light1: #ebdbb2;
+ --light2: #d5c4a1;
+ --light3: #bdae93;
+ --light4: #a89984;
+
+ --bright-red: #fb4934;
+ --bright-green: #b8bb26;
+ --bright-yellow: #fabd2f;
+ --bright-blue: #83a598;
+ --bright-purple: #d3869b;
+ --bright-aqua: #8ec07c;
+ --bright-orange: #fe8019;
+
+ --neutral-red: #cc241d;
+ --neutral-green: #98971a;
+ --neutral-yellow: #d79921;
+ --neutral-blue: #458588;
+ --neutral-purple: #b16286;
+ --neutral-aqua: #689d6a;
+ --neutral-orange: #d65d0e;
+
+ --faded-red: #9d0006;
+ --faded-green: #79740e;
+ --faded-yellow: #b57614;
+ --faded-blue: #076678;
+ --faded-purple: #8f3f71;
+ --faded-aqua: #427b58;
+ --faded-orange: #af3a03;
+
+
+ /* LIGHT THEME */
+ /* Called Kanagawa Lotus - Colors */
+ --lotusInk1: #545464;
+ --lotusInk2: #43436c;
+ --lotusGray: #dcd7ba;
+ --lotusGray2: #716e61;
+ --lotusGray3: #8a8980;
+ --lotusWhite0: #d5cea3;
+ --lotusWhite1: #dcd5ac;
+ --lotusWhite2: #e5ddb0;
+ --lotusWhite3: #f2ecbc;
+ --lotusWhite4: #e7dba0;
+ --lotusWhite5: #e4d794;
+ --lotusViolet1: #a09cac;
+ --lotusViolet2: #766b90;
+ --lotusViolet3: #c9cbd1;
+ --lotusViolet4: #624c83;
+ --lotusBlue1: #c7d7e0;
+ --lotusBlue2: #b5cbd2;
+ --lotusBlue3: #9fb5c9;
+ --lotusBlue4: #4d699b;
+ --lotusBlue5: #5d57a3;
+ --lotusGreen: #6f894e;
+ --lotusGreen2: #6e915f;
+ --lotusGreen3: #b7d0ae;
+ --lotusPink: #b35b79;
+ --lotusOrange: #cc6d00;
+ --lotusOrange2: #e98a00;
+ --lotusYellow: #77713f;
+ --lotusYellow2: #836f4a;
+ --lotusYellow3: #de9800;
+ --lotusYellow4: #f9d791;
+ --lotusRed: #c84053;
+ --lotusRed2: #d7474b;
+ --lotusRed3: #e82424;
+ --lotusRed4: #d9a594;
+ --lotusAqua: #597b75;
+ --lotusAqua2: #5e857a;
+ --lotusTeal1: #4e8ca2;
+ --lotusTeal2: #6693bf;
+ --lotusTeal3: #5a7785;
+ --lotusCyan: #d7e3d8;
+
+ --soft-white: #F8F8F8; /*This is very close to white but slightly softer, reducing eye strain.*/
+ --warm-off-white: #F5F5F0; /*This has a slight warm tint that many find comfortable for long reading/writing sessions.*/
+ --cool-off-white: #F0F5F5; /*A very subtle cool tint that some find soothing.*/
+ --paper-like: #F2EFE9; /*This mimics the color of high-quality paper, which many find natural and easy on the eyes.*/
+
+}
+
+.theme-dark
+{
+ --background-primary: var(--sumiInk1);
+ --background-primary-alt: var(--sumiInk1);
+ --background-secondary: var(--sumiInk1b);
+ --background-secondary-alt: var(--sumiInk2);
+ --text-normal: var(--fujiWhite);
+ --text-faint: var(--fujiGray);
+ --text-title-h1: var(--neutral-red);
+ --text-title-h2: var(--neutral-orange);
+ --text-title-h3: var(--neutral-yellow);
+ --text-title-h4: var(--neutral-green);
+ --text-title-h5: var(--neutral-aqua);
+ --text-title-h6: var(--neutral-blue);
+ --text-link: var(--springBlue);
+ --text-a: var(--dragonBlue);
+ --text-a-hover: var(--peachRed);
+ --text-a-url: var(--dragonBlue); /*hover internal link, graph view link and standalone links*. External Links no*/
+ --text-mark: rgba(34, 50, 73, 0.4); /* waveBlue1 */
+ --pre-code: var(--sumiInk0);
+ --text-highlight-bg: var(--waveBlue1);
+ --interactive-accent: var(--dragonBlue); /* vim cursor background AND highilight on right*/
+ --interactive-before: var(--sumiInk4);
+ --background-modifier-border: var(--dragonBlue);
+ --text-accent: var(--autumnGreen);
+ --interactive-accent-rgb: var(--springGreen);
+ --inline-code: var(--springGreen);
+ --code-block: var(--fujiGray);
+ --vim-cursor-backgroung: var(--fujiWhite);
+ --vim-cursor-color: var(--sumiInk1);
+ --text-selection: rgba(34, 50, 73, 0.5); /* waveBlue1 */
+ --text-tag: var(--springViolet1);
+ --task-checkbox: var(--sumiInk4);
+ --table-header: hsl(0, 0%, 14%);
+ --table-row-even: hsl(0, 0%, 17%);
+ --table-row-odd: hsl(0, 0%, 20%);
+ --table-hover: var(--sumiInk2);
+ --bold-color: var(--light1);
+}
+
+.theme-light {
+ /* original lotus */
+ /* --background-primary: var(--lotusWhite3); */
+ /* --background-primary-alt: var(--lotusWhite4); */
+ /* --background-secondary: var(--lotusWhite1); */
+ /* --background-secondary-alt: var(--lotusWhite2); */
+
+ /* new preferred light colors */
+ --background-primary: var(--paper-like);
+ --background-primary-alt: var(--lotusWhite4);
+ --background-secondary: var(--soft-white);
+ --background-secondary-alt: var(--lotusWhite3);
+
+ --text-normal: var(--lotusInk1);
+ --text-faint: var(--lotusGray3);
+ --text-title-h1: var(--lotusRed);
+ --text-title-h2: var(--lotusOrange);
+ --text-title-h3: var(--lotusYellow);
+ --text-title-h4: var(--lotusGreen);
+ --text-title-h5: var(--lotusAqua);
+ --text-title-h6: var(--lotusBlue4);
+ --text-link: var(--lotusBlue5);
+ --text-a: var(--lotusTeal1);
+ --text-a-hover: var(--lotusRed);
+ --text-a-url: var(--lotusTeal2); /*hover internal link, graph view link and standalone links*. External Links no*/
+ --text-mark: rgba(183, 208, 174, 0.4); /* lotusGreen3 */
+ --pre-code: var(--lotusGray);
+ --text-highlight-bg: var(--lotusBlue2);
+ --interactive-accent: var(--lotusBlue3); /* vim cursor background AND highilight on right*/
+ --interactive-before: var(--lotusGray2);
+ --background-modifier-border: var(--lotusBlue3);
+ --text-accent: var(--lotusGreen);
+ --interactive-accent-rgb: var(--lotusGreen);
+ --inline-code: var(--lotusGreen);
+ --code-block: var(--lotusGray3);
+ --vim-cursor-backgroung: var(--lotusGray);
+ --vim-cursor-color: var(--lotusInk1);
+ --text-selection: rgba(183, 208, 174, 0.5); /* lotusGreen3 */
+ --text-tag: var(--lotusAqua);
+ --task-checkbox: var(--lotusGray2);
+ --table-header: hsl(42, 33%, 91%);
+ --table-row-even: hsl(42, 35%, 94%);
+ --table-row-odd: hsl(42, 37%, 97%);
+ --table-hover: var(--lotusWhite1);
+ --bold-color: var(--lotusInk1);
+}
+
+body {
+ --font-text-theme: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+ --font-monospace-theme: 'Hack Nerd Font', 'Source Code Pro', ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+}
+
+body.theme-dark {
+ background-color: var(--background-primary);
+ color: var(--text-normal);
+}
+
+body.theme-light {
+ background-color: var(--background-primary);
+ color: var(--text-normal);
+}
+
+.theme-dark code[class*="language-"],
+.theme-dark pre[class*="language-"],
+.theme-light code[class*="language-"],
+.theme-light pre[class*="language-"]
+{
+ text-shadow: none !important;
+ background-color: var(--pre-code) !important;
+}
+
+.graph-view.color-circle,
+.graph-view.color-fill-highlight,
+.graph-view.color-line-highlight
+{
+ color: var(--interactive-accent-rgb) !important;
+}
+.graph-view.color-text
+{
+ color: var(--text-a-url) !important;
+}
+/*
+.graph-view.color-fill
+{
+ color: var(--background-secondary);
+}
+.graph-view.color-line
+{
+ color: var(--background-modifier-border);
+}
+*/
+
+html,
+body
+{
+ /* font-size: 16px !important; */
+}
+
+strong
+{
+ font-weight: 600 !important;
+}
+
+a,
+.cm-hmd-internal-link
+{
+ color: var(--text-a) !important;
+ text-decoration: none !important;
+}
+
+a:hover,
+.cm-hmd-internal-link:hover,
+.cm-url
+{
+ color: var(--text-a-url) !important;
+ text-decoration: none !important;
+}
+
+a.tag, a.tag:hover {
+ color: var(--text-tag) !important;
+ background-color: var(--background-secondary-alt);
+ padding: 2px 4px;
+ border-radius: 4px;
+}
+
+a.tag:hover {
+ text-decoration: underline !important;
+}
+
+mark
+{
+ background-color: var(--text-mark);
+}
+
+
+.titlebar {
+ background-color: var(--background-secondary-alt);
+}
+
+.titlebar-inner {
+ color: var(--text-normal);
+}
+
+.view-actions a
+{
+ color: var(--text-normal) !important;
+}
+
+.view-actions a:hover
+{
+ color: var(--text-a) !important;
+}
+
+.HyperMD-codeblock-bg
+{
+ background-color: var(--pre-code) !important;
+}
+
+.HyperMD-codeblock
+{
+ line-height: 1.4em !important;
+ color: var(--code-block) !important;
+}
+
+.HyperMD-codeblock-begin
+{
+ border-top-left-radius: 4px !important;
+ border-top-right-radius: 4px !important;
+}
+
+.HyperMD-codeblock-end
+{
+ border-bottom-left-radius: 4px !important;
+ border-bottom-right-radius: 4px !important;
+}
+
+table {
+ border: 1px solid var(--background-secondary) !important;
+ border-collapse: collapse;
+}
+
+th {
+ font-weight: 600 !important;
+ border: 0px !important;
+ text-align: left;
+ background-color: var(--table-header);
+ color: var(--neutral-green);
+}
+
+td {
+ border-left: 0px !important;
+ border-right: 0px !important;
+ border-bottom: 1px solid var(--background-secondary) !important;
+}
+
+tr:nth-child(even){ background-color: var(--table-row-even) }
+tr:nth-child(odd){ background-color: var(--table-row-odd) }
+tr:hover { background-color: var(--table-hover); }
+
+thead
+{
+ border-bottom: 2px solid var(--background-modifier-border) !important;
+}
+
+.HyperMD-table-row
+{
+ line-height: normal !important;
+ padding-left: 4px !important;
+ padding-right: 4px !important;
+ /* background-color: var(--pre-code) !important; */
+}
+
+.HyperMD-table-row-0
+{
+ /* padding-top: 4px !important; */
+}
+
+.CodeMirror-foldgutter-folded,
+.is-collapsed .nav-folder-collapse-indicator
+{
+ color: var(--text-a) !important;
+}
+
+.nav-file-tag
+{
+ color: var(--text-a) !important;
+}
+
+.is-active .nav-file-title
+{
+ color: var(--text-a) !important;
+ background-color: var(--background-primary-alt) !important;
+}
+
+.nav-file-title
+{
+ border-bottom-left-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+ border-top-left-radius: 0 !important;
+ border-top-right-radius: 0 !important;
+}
+
+.HyperMD-list-line
+{
+ padding-top: 0 !important;
+}
+
+.cm-hashtag-begin
+{
+ color: var(--text-tag) !important;
+ background-color: var(--background-secondary-alt);
+ padding: 2px 0 2px 4px;
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ text-decoration: none !important;
+}
+
+.cm-hashtag-end
+{
+ color: var(--text-tag) !important;
+ background-color: var(--background-secondary-alt);
+ padding: 2px 4px 2px 0;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+ text-decoration: none !important;
+}
+
+.cm-hashtag-begin:hover, .cm-hashtag-end:hover
+{
+ text-decoration: underline !important;
+}
+
+.markdown-preview-section pre code,
+.markdown-preview-section code
+{
+ font-size: 0.9em !important;
+ background-color: var(--pre-code) !important;
+}
+
+.markdown-preview-section pre code
+{
+ padding: 4px !important;
+ line-height: 1.4em !important;
+ display: block !important;
+ color: var(--code-block) !important;
+}
+
+.markdown-preview-section code
+{
+ color: var(--inline-code) !important;
+}
+
+.cm-s-obsidian,
+.cm-inline-code
+{
+ -webkit-font-smoothing: auto !important;
+}
+
+.cm-inline-code
+{
+ color: var(--inline-code) !important;
+ background-color: var(--pre-code) !important;
+ padding: 1px !important;
+}
+
+.workspace-leaf-header-title
+{
+ font-weight: 600 !important;
+}
+
+.side-dock-title
+{
+ padding-top: 15px !important;
+ font-size: 20px !important;
+}
+
+.side-dock-ribbon-tab:hover,
+.side-dock-ribbon-action:hover,
+.side-dock-ribbon-action.is-active:hover,
+.nav-action-button:hover,
+.side-dock-collapse-btn:hover
+{
+ color: var(--text-a);
+}
+
+.side-dock
+{
+ border-right: 0 !important;
+}
+
+/* vertical resize-handle */
+.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
+.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
+.workspace-split.mod-right-split > .workspace-leaf-resize-handle
+{
+ width: 1px !important;
+ background-color: var(--background-secondary-alt);
+}
+
+/* horizontal resize-handle */
+.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle
+{
+ height: 1px !important;
+ background-color: var(--background-secondary-alt);
+}
+
+/* Remove vertical split padding */
+.workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content,
+.workspace-split.mod-vertical > .workspace-split,
+.workspace-split.mod-vertical > .workspace-leaf,
+.workspace-tabs
+{
+ padding-right: 0px;
+}
+
+.markdown-embed-title
+{
+ font-weight: 600 !important;
+}
+
+.markdown-embed
+{
+ padding-left: 10px !important;
+ padding-right: 10px !important;
+ margin-left: 10px !important;
+ margin-right: 10px !important;
+}
+
+.cm-header-1.cm-link,
+h1 a
+{
+ color: var(--text-title-h1) !important;
+}
+
+.cm-header-2.cm-link,
+h2 a
+{
+ color: var(--text-title-h2) !important;
+}
+
+.cm-header-3.cm-link,
+h3 a
+{
+ color: var(--text-title-h3) !important;
+}
+.cm-header-4.cm-link,
+h4 a
+{
+ color: var(--text-title-h4) !important;
+}
+.cm-header-5.cm-link,
+h5 a
+{
+ color: var(--text-title-h5) !important;
+}
+.cm-header-6.cm-link,
+h6 a
+{
+ color: var(--text-title-h6) !important;
+}
+
+.cm-header {
+ font-weight: 500 !important;
+}
+
+.HyperMD-header-1,
+.markdown-preview-section h1
+{
+ font-weight: 500 !important;
+ font-size: 2.2em !important;
+ color: var(--text-title-h1) !important;
+}
+
+.HyperMD-header-2,
+.markdown-preview-section h2
+{
+ font-weight: 500 !important;
+ font-size: 2.0em !important;
+ color: var(--text-title-h2) !important;
+ /* text-transform: uppercase; */
+
+}
+
+.HyperMD-header-3,
+.markdown-preview-section h3
+{
+ font-weight: 500 !important;
+ font-size: 1.8em !important;
+ color: var(--text-title-h3) !important;
+}
+
+.HyperMD-header-4,
+.markdown-preview-section h4
+{
+ font-weight: 500 !important;
+ font-size: 1.6em !important;
+ color: var(--text-title-h4) !important;
+}
+
+.HyperMD-header-5,
+.markdown-preview-section h5
+{
+ font-weight: 500 !important;
+ font-size: 1.4em !important;
+ color: var(--text-title-h5) !important;
+}
+
+.HyperMD-header-6,
+.markdown-preview-section h6
+{
+ font-weight: 500 !important;
+ font-size: 1.2em !important;
+ color: var(--text-title-h6) !important;
+}
+
+.suggestion-item.is-selected
+{
+ background-color: var(--background-secondary);
+}
+
+.empty-state-action:hover
+{
+ color: var(--interactive-accent);
+}
+
+.empty-state-action:hover
+{
+ color: var(--interactive-accent);
+}
+
+.checkbox-container
+{
+ background-color: var(--interactive-before);
+}
+
+.checkbox-container:after
+{
+ background-color: var(--background-secondary-alt);
+}
+
+.mod-cta
+{
+ color: var(--background-secondary-alt) !important;
+ font-weight: 600 !important;
+}
+
+.mod-cta a
+{
+ color: var(--background-secondary-alt) !important;
+ font-weight: 600 !important;
+}
+
+.mod-cta:hover
+{
+ background-color: var(--interactive-before) !important;
+ font-weight: 600 !important;
+}
+
+.CodeMirror-cursor
+{
+ background-color: var(--vim-cursor-background) !important;
+ color: var(--vim-cursor-color) !important;
+ opacity: 60% !important;
+}
+
+input.task-list-item-checkbox {
+ border: 1px solid var(--task-checkbox);
+ appearance: none;
+ -webkit-appearance: none;
+}
+
+input.task-list-item-checkbox:checked
+{
+ background-color: var(--task-checkbox);
+ box-shadow: inset 0 0 0 2px var(--background-primary);
+}
+
+::selection
+{
+ background-color: var(--text-selection) !important;
+}
+
+.mermaid .note
+{
+ fill: var(--dark3) !important;
+}
+.cm-line .cm-strong
+{
+ color: var(--bold-color) !important;
+}
+
generated by cgit v1.2.3 (git 2.39.1) at 2026-03-14 20:51:21 +0000