You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
163 lines
23 KiB
CSS
163 lines
23 KiB
CSS
7 months ago
|
/* --------------------------------------------------------------------------
|
||
|
|
|
||
|
|
Simply Colorful by @LorenzoPegorari
|
||
|
|
|
||
|
|
User interface replacement for Obsidian.
|
||
|
|
|
||
|
|
-----------------------------------------------------------------------------
|
||
|
|
|
||
|
|
MIT License
|
||
|
|
|
||
|
|
Copyright (c) 2024 Lorenzo Pegorari
|
||
|
|
|
||
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
|
|
of this software and associated documentation files (the "Software"), to deal
|
||
|
|
in the Software without restriction, including without limitation the rights
|
||
|
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||
|
|
copies of the Software, and to permit persons to whom the Software is
|
||
|
|
furnished to do so, subject to the following conditions:
|
||
|
|
|
||
|
|
The above copyright notice and this permission notice shall be included in all
|
||
|
|
copies or substantial portions of the Software.
|
||
|
|
|
||
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
|
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||
|
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
|
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||
|
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||
|
|
SOFTWARE.
|
||
|
|
|
||
|
|
*/
|
||
|
|
body{--font-editor-theme: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Ubuntu, sans-serif;--font-editor: var(--font-editor-override), var(--font-text-override), var(--font-editor-theme)}body{--icon-color-hover: hsl(var(--color-accent-hsl));--icon-color-active: hsl(var(--color-accent-hsl));--icon-color-focused: hsl(var(--color-accent-hsl));--icon-opacity: 0.8;--bold-color: var(--color-cyan);--italic-color: var(--color-green);--p-spacing-empty: 0.1rem}body{--divider-color-hover: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.5);--scrollbar-active-thumb-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.5)}body{--nav-item-color-hover: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.775);--nav-item-color-active: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.95);--nav-item-color-selected: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.95);--nav-item-weight: 500;--nav-item-weight-hover: 500;--slider-thumb-border-width: 2px;--slider-thumb-border-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.75);--slider-track-background: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.5);--slider-track-height: 3px;--tab-text-color: var(--text-faint);--tab-text-color-active: var(--text-muted);--tab-text-color-focused: var(--text-muted);--tab-text-color-focused-active: var(--text-muted);--tab-text-color-focused-highlighted: var(--text-accent);--tab-text-color-focused-active-current: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--tab-font-weight: 700;--tab-stacked-font-weight: 700}body{--embed-block-shadow-hover: none;--blockquote-background-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.05);--blockquote-border-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.5);--blockquote-color: var(--text-muted);--callout-border-width: 2px;--callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6);--callout-radius: var(--radius-m);--code-radius: var(--radius-m);--embed-max-height: 750px;--embed-border-start: 2px solid hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.5);--file-header-font-weight: 700;--h1-size: 1.802em;--h2-size: 1.602em;--h3-size: 1.424em;--h4-size: 1.266em;--h5-size: 1.125em;--h6-size: 1em;--h1-weight: 700;--h2-weight: 700;--h3-weight: 700;--h4-weight: 700;--h5-weight: 700;--h6-weight: 700;--inline-title-color: var(--text-normal);--inline-title-size: 1.92em;--inline-title-weight: 700;--link-unresolved-opacity: 0.7;--link-unresolved-filter: grayscale(25%);--list-indent: 2em;--list-marker-color-collapsed: var(--text-faint);--metadata-background: var(--color-base-10);--metadata-border-radius: var(--radius-m);--metadata-property-radius: var(--radius-s);--metadata-property-radius-hover: var(--radius-s);--metadata-property-radius-focus: var(--radius-s);--table-background: var(--background-secondary);--table-border-color: var(--background-modifier-border);--dataview-table-tbody-size: calc(var(--font-text-size) * 0.82);--dataview-table-thead-size: calc(var(--font-text-size) * 0.88);--tag-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.925);--tag-color-hover: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.95);--tag-padding-x: 0.7em;--tag-padding-y: 0.3em;--tag-radius: 1em}.theme-light{--color-red-rgb: 224, 48, 53;--color-orange-rgb: 224, 131, 48;--color-yellow-rgb: 206, 201, 42;--color-green-rgb: 47, 206, 42;--color-cyan-rgb: 42, 206, 201;--color-blue-rgb: 36, 113, 212;--color-purple-rgb: 131, 48, 224;--color-pink-rgb: 224, 48, 141;--color-red: #e03035;--color-orange: #d57929;--color-yellow: #b6b11c;--color-green: #0fa50a;--color-cyan: #18ada8;--color-blue: #2471d4;--color-purple: #8330e0;--color-pink: #e0308d;--color-base-00: #f7f7f7;--color-base-05: #f0f0f0;--color-base-10: #e7e7e7;--color-base-20: #e0e0e0;--color-base-25: #dadada;--color-base-30: #d4d4d4;--color-base-35: #c7c7c7;--color-base-40: #bdbdbd;--color-base-50: #aaaaaa;--color-base-60: #707070;--color-base-70: #4f4f4f;--color-base-100: #222222;--text-accent: #7e55dd;--text-accent-hover:
|
||
|
|
/* @settings
|
||
|
|
|
||
|
|
name: Simply Colorful theme settings
|
||
|
|
id: simply-colorful-theme
|
||
|
|
settings:
|
||
|
|
-
|
||
|
|
id: bold-color
|
||
|
|
title: Bold color
|
||
|
|
description: Defines the color of bold text
|
||
|
|
type: variable-themed-color
|
||
|
|
opacity: false
|
||
|
|
format: rgb
|
||
|
|
default-light: '#'
|
||
|
|
default-dark: '#'
|
||
|
|
-
|
||
|
|
id: italic-color
|
||
|
|
title: Italic color
|
||
|
|
description: Defines the color of italic text
|
||
|
|
type: variable-themed-color
|
||
|
|
opacity: false
|
||
|
|
format: rgb
|
||
|
|
default-light: '#'
|
||
|
|
default-dark: '#'
|
||
|
|
-
|
||
|
|
id: text-accent
|
||
|
|
title: Internal link color
|
||
|
|
description: Defines the color of internal links
|
||
|
|
type: variable-themed-color
|
||
|
|
opacity: false
|
||
|
|
format: rgb
|
||
|
|
default-light: '#'
|
||
|
|
default-dark: '#'
|
||
|
|
-
|
||
|
|
id: text-accent-hover
|
||
|
|
title: Internal link hover color
|
||
|
|
description: Defines the color of internal links while hovered
|
||
|
|
type: variable-themed-color
|
||
|
|
opacity: false
|
||
|
|
format: rgb
|
||
|
|
default-light: '#'
|
||
|
|
default-dark: '#'
|
||
|
|
-
|
||
|
|
id: link-external-color
|
||
|
|
title: External link color
|
||
|
|
description: Defines the color of external links
|
||
|
|
type: variable-themed-color
|
||
|
|
opacity: false
|
||
|
|
format: rgb
|
||
|
|
default-light: '#'
|
||
|
|
default-dark: '#'
|
||
|
|
-
|
||
|
|
id: link-external-color-hover
|
||
|
|
title: External link hover color
|
||
|
|
description: Defines the color of external links while hovered
|
||
|
|
type: variable-themed-color
|
||
|
|
opacity: false
|
||
|
|
format: rgb
|
||
|
|
default-light: '#'
|
||
|
|
default-dark: '#'
|
||
|
|
-
|
||
|
|
id: text-highlight-bg
|
||
|
|
title: Highlight color
|
||
|
|
description: Defines the color of highlighted text
|
||
|
|
type: variable-themed-color
|
||
|
|
opacity: false
|
||
|
|
format: rgb
|
||
|
|
default-light: '#'
|
||
|
|
default-dark: '#'
|
||
|
|
-
|
||
|
|
id: sc-headings
|
||
|
|
title: Interface colors
|
||
|
|
description: Defines the colors of all the headings
|
||
|
|
type: heading
|
||
|
|
level: 2
|
||
|
|
collapsed: true
|
||
|
|
-
|
||
|
|
id: h1-color
|
||
|
|
title: Heading 1 color
|
||
|
|
description: Defines the color of heading 1
|
||
|
|
type: variable-themed-color
|
||
|
|
opacity: false
|
||
|
|
format: rgb
|
||
|
|
default-light: '#'
|
||
|
|
default-dark: '#'
|
||
|
|
-
|
||
|
|
id: h2-color
|
||
|
|
title: Heading 2 color
|
||
|
|
description: Defines the color of heading 2
|
||
|
|
type: variable-themed-color
|
||
|
|
opacity: false
|
||
|
|
format: rgb
|
||
|
|
default-light: '#'
|
||
|
|
default-dark: '#'
|
||
|
|
-
|
||
|
|
id: h3-color
|
||
|
|
title: Heading 3 color
|
||
|
|
description: Defines the color of heading 3
|
||
|
|
type: variable-themed-color
|
||
|
|
opacity: false
|
||
|
|
format: rgb
|
||
|
|
default-light: '#'
|
||
|
|
default-dark: '#'
|
||
|
|
-
|
||
|
|
id: h4-color
|
||
|
|
title: Heading 4 color
|
||
|
|
description: Defines the color of heading 4
|
||
|
|
type: variable-themed-color
|
||
|
|
opacity: false
|
||
|
|
format: rgb
|
||
|
|
default-light: '#'
|
||
|
|
default-dark: '#'
|
||
|
|
-
|
||
|
|
id: h5-color
|
||
|
|
title: Heading 5 color
|
||
|
|
description: Defines the color of heading 5
|
||
|
|
type: variable-themed-color
|
||
|
|
opacity: false
|
||
|
|
format: rgb
|
||
|
|
default-light: '#'
|
||
|
|
default-dark: '#'
|
||
|
|
-
|
||
|
|
id: h6-color
|
||
|
|
title: Heading 6 color
|
||
|
|
description: Defines the color of heading 6
|
||
|
|
type: variable-themed-color
|
||
|
|
opacity: false
|
||
|
|
format: rgb
|
||
|
|
default-light: '#'
|
||
|
|
default-dark: '#'
|
||
|
|
*/
|