forked from GitHub/quartz
Add quartz-themes and install Tokyo Night
This commit is contained in:
parent
883c16d75b
commit
7173eba66c
160
action.sh
Normal file
160
action.sh
Normal file
@ -0,0 +1,160 @@
|
|||||||
|
#!/bin/bash
|
||||||
|
|
||||||
|
# To fetch and use this script in a GitHub action:
|
||||||
|
#
|
||||||
|
# curl -s -S https://raw.githubusercontent.com/saberzero1/quartz-themes/master/action.sh | bash -s -- <THEME_NAME>
|
||||||
|
|
||||||
|
RED='\033[0;31m'
|
||||||
|
YELLOW='\033[1;33m'
|
||||||
|
GREEN='\033[0;32m'
|
||||||
|
BLUE='\033[1;34m'
|
||||||
|
NC='\033[0m'
|
||||||
|
|
||||||
|
echo_err() { echo -e "${RED}$1${NC}"; }
|
||||||
|
echo_warn() { echo -e "${YELLOW}$1${NC}"; }
|
||||||
|
echo_ok() { echo -e "${GREEN}$1${NC}"; }
|
||||||
|
echo_info() { echo -e "${BLUE}$1${NC}"; }
|
||||||
|
|
||||||
|
THEME_DIR="themes"
|
||||||
|
QUARTZ_STYLES_DIR="quartz/styles"
|
||||||
|
|
||||||
|
if test -f ${QUARTZ_STYLES_DIR}/custom.scss; then
|
||||||
|
echo_ok "Quartz root succesfully detected..."
|
||||||
|
THEME_DIR="${QUARTZ_STYLES_DIR}/${THEME_DIR}"
|
||||||
|
else
|
||||||
|
echo_warn "Quartz root not detected, checking if we are in the styles directory..."
|
||||||
|
if test -f custom.scss; then
|
||||||
|
echo_ok "Styles directory detected..."
|
||||||
|
else
|
||||||
|
echo_err "Cannot detect Quartz repository. Are you in the correct working directory?" 1>&2
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo -e "Input theme: ${BLUE}$*${NC}"
|
||||||
|
|
||||||
|
echo "Parsing input theme..."
|
||||||
|
|
||||||
|
# Concat parameters
|
||||||
|
result=""
|
||||||
|
|
||||||
|
for param in "$@"; do
|
||||||
|
if [ -n "$result" ]; then
|
||||||
|
result="$result-"
|
||||||
|
fi
|
||||||
|
|
||||||
|
result="$result$param"
|
||||||
|
done
|
||||||
|
|
||||||
|
if "$result" = ""; then
|
||||||
|
echo_warn "No theme provided, defaulting to Tokyo Night..."
|
||||||
|
result="tokyo-night"
|
||||||
|
fi
|
||||||
|
|
||||||
|
# Convert to lowercase
|
||||||
|
THEME=$(echo "$result" | tr '[:upper:]' '[:lower:]')
|
||||||
|
|
||||||
|
echo -e "Theme ${BLUE}$*${NC} parsed to $(echo_info ${THEME})"
|
||||||
|
|
||||||
|
echo "Validating theme..."
|
||||||
|
|
||||||
|
GITHUB_URL_BASE="https://raw.githubusercontent.com/saberzero1/quartz-themes/master/__CONVERTER/"
|
||||||
|
GITHUB_OUTPUT_DIR="__OUTPUT/"
|
||||||
|
GITHUB_OVERRIDE_DIR="__OVERRIDES/"
|
||||||
|
GITHUB_THEME_DIR="${THEME}/"
|
||||||
|
CSS_INDEX_URL="${GITHUB_URL_BASE}${GITHUB_OUTPUT_DIR}${GITHUB_THEME_DIR}_index.scss"
|
||||||
|
CSS_FONT_URL="${GITHUB_URL_BASE}${GITHUB_OUTPUT_DIR}${GITHUB_THEME_DIR}_fonts.scss"
|
||||||
|
CSS_DARK_URL="${GITHUB_URL_BASE}${GITHUB_OUTPUT_DIR}${GITHUB_THEME_DIR}_dark.scss"
|
||||||
|
CSS_LIGHT_URL="${GITHUB_URL_BASE}${GITHUB_OUTPUT_DIR}${GITHUB_THEME_DIR}_light.scss"
|
||||||
|
CSS_OVERRIDE_URL="${GITHUB_URL_BASE}${GITHUB_OVERRIDE_DIR}${GITHUB_THEME_DIR}_index.scss"
|
||||||
|
README_URL="${GITHUB_URL_BASE}${GITHUB_OVERRIDE_DIR}${GITHUB_THEME_DIR}README.md"
|
||||||
|
|
||||||
|
PULSE=$(curl -o /dev/null --silent -lw '%{http_code}' "${CSS_INDEX_URL}")
|
||||||
|
|
||||||
|
if [ "${PULSE}" = "200" ]; then
|
||||||
|
echo_ok "Theme '${THEME}' found. Preparing to fetch files..."
|
||||||
|
else
|
||||||
|
if [ "${PULSE}" = "404" ]; then
|
||||||
|
echo_err "Theme '${THEME}' not found. Please check the compatibility list." 1>&2
|
||||||
|
exit 1
|
||||||
|
else
|
||||||
|
echo_err "Something weird happened. If this issue persists, please open an Issue on GitHub." !>&2
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "Cleaning theme directory..."
|
||||||
|
|
||||||
|
rm -rf ${THEME_DIR}
|
||||||
|
|
||||||
|
echo "Creating theme directory..."
|
||||||
|
|
||||||
|
mkdir -p ${THEME_DIR}/overrides
|
||||||
|
|
||||||
|
echo "Fetching theme files..."
|
||||||
|
|
||||||
|
curl -s -S -o ${THEME_DIR}/_index.scss "${CSS_INDEX_URL}"
|
||||||
|
curl -s -S -o ${THEME_DIR}/_fonts.scss "${CSS_FONT_URL}"
|
||||||
|
curl -s -S -o ${THEME_DIR}/_dark.scss "${CSS_DARK_URL}"
|
||||||
|
curl -s -S -o ${THEME_DIR}/_light.scss "${CSS_LIGHT_URL}"
|
||||||
|
curl -s -S -o ${THEME_DIR}/overrides/_index.scss "${CSS_OVERRIDE_URL}"
|
||||||
|
|
||||||
|
echo "Fetching README file..."
|
||||||
|
|
||||||
|
curl -s -S -o ${THEME_DIR}/README.md "${README_URL}"
|
||||||
|
|
||||||
|
echo "Checking theme files..."
|
||||||
|
|
||||||
|
if test -f ${THEME_DIR}/_index.scss; then
|
||||||
|
echo_ok "_index.scss exists"
|
||||||
|
else
|
||||||
|
echo_err "_index.scss missing" 1>&2
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
if test -f ${THEME_DIR}/_fonts.scss; then
|
||||||
|
echo_ok "_fonts.scss exists"
|
||||||
|
else
|
||||||
|
echo_err "_fonts.scss missing" 1>&2
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
if test -f ${THEME_DIR}/_dark.scss; then
|
||||||
|
echo_ok "_dark.scss exists"
|
||||||
|
else
|
||||||
|
echo_err "_dark.scss missing" 1>&2
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
if test -f ${THEME_DIR}/_light.scss; then
|
||||||
|
echo_ok "_light.scss exists"
|
||||||
|
else
|
||||||
|
echo_err "_light.scss missing" 1>&2
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
if test -f ${THEME_DIR}/overrides/_index.scss; then
|
||||||
|
echo_ok "overrides/_index.scss exists"
|
||||||
|
else
|
||||||
|
echo_err "overrides/_index.scss missing" 1>&2
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
if test -f ${THEME_DIR}/README.md; then
|
||||||
|
echo_ok "README file exists"
|
||||||
|
else
|
||||||
|
echo_warn "README file missing"
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "Verifying setup..."
|
||||||
|
|
||||||
|
if grep -q '^@use "./themes";' ${THEME_DIR}/../custom.scss; then
|
||||||
|
# Import already present in custom.scss
|
||||||
|
echo_warn "Theme import line already present in custom.scss. Skipping..."
|
||||||
|
else
|
||||||
|
# Add `@use "./themes";` import to custom.scss
|
||||||
|
sed -ir 's#@use "./base.scss";#@use "./base.scss";\n@use "./themes";#' ${THEME_DIR}/../custom.scss
|
||||||
|
echo_info "Added import line to custom.scss..."
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo_ok "Finished fetching and applying theme '${THEME}'."
|
||||||
@ -1,3 +1,4 @@
|
|||||||
@use "./base.scss";
|
@use "./base.scss";
|
||||||
|
@use "./themes";
|
||||||
|
|
||||||
// put your custom CSS here!
|
// put your custom CSS here!
|
||||||
|
|||||||
3
quartz/styles/custom.scssr
Normal file
3
quartz/styles/custom.scssr
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
@use "./base.scss";
|
||||||
|
|
||||||
|
// put your custom CSS here!
|
||||||
1
quartz/styles/themes/README.md
Normal file
1
quartz/styles/themes/README.md
Normal file
@ -0,0 +1 @@
|
|||||||
|
404: Not Found
|
||||||
170
quartz/styles/themes/_dark.scss
Normal file
170
quartz/styles/themes/_dark.scss
Normal file
@ -0,0 +1,170 @@
|
|||||||
|
:root[saved-theme="dark"] {
|
||||||
|
--accent-h: 202;
|
||||||
|
--accent-s: 100%;
|
||||||
|
--accent-l: 75%;
|
||||||
|
--bg_dark2_x: 18, 18, 24;
|
||||||
|
--bg_dark2: rgb(var(--bg_dark2_x));
|
||||||
|
--bg_dark_x: 22, 22, 30;
|
||||||
|
--bg_dark: rgb(var(--bg_dark_x));
|
||||||
|
--bg_x: 26, 27, 38;
|
||||||
|
--bg: rgb(var(--bg_x));
|
||||||
|
--bg_highlight_x: 41, 46, 66;
|
||||||
|
--bg_highlight: rgb(var(--bg_highlight_x));
|
||||||
|
--bg_highlight_dark_x: 36, 40, 59;
|
||||||
|
--bg_highlight_dark: rgb(var(--bg_highlight_dark_x));
|
||||||
|
--terminal_black_x: 65, 72, 104;
|
||||||
|
--terminal_black: rgb(var(--terminal_black_x));
|
||||||
|
--fg_x: 192, 202, 245;
|
||||||
|
--fg: rgb(var(--fg_x));
|
||||||
|
--fg_dark_x: 169, 177, 214;
|
||||||
|
--fg_dark: rgb(var(--fg_dark_x));
|
||||||
|
--comment_x: 86, 95, 137;
|
||||||
|
--comment: rgb(var(--comment_x));
|
||||||
|
--blue0_x: 61, 89, 161;
|
||||||
|
--blue0: rgb(var(--blue0_x));
|
||||||
|
--blue_x: 122, 162, 247;
|
||||||
|
--blue: rgb(var(--blue_x));
|
||||||
|
--cyan_hsl: 202 100% 75%;
|
||||||
|
--cyan_x: 125, 207, 255;
|
||||||
|
--cyan: rgb(var(--cyan_x));
|
||||||
|
--magent_hsl: 261 85% 79%;
|
||||||
|
--magenta_x: 187, 154, 247;
|
||||||
|
--magenta: rgb(var(--magenta_x));
|
||||||
|
--orange_x: 255, 158, 100;
|
||||||
|
--orange: rgb(var(--orange_x));
|
||||||
|
--yellow_x: 224, 175, 104;
|
||||||
|
--yellow: rgb(var(--yellow_x));
|
||||||
|
--green_x: 158, 206, 106;
|
||||||
|
--green: rgb(var(--green_x));
|
||||||
|
--teal_x: 26, 188, 156;
|
||||||
|
--teal: rgb(var(--teal_x));
|
||||||
|
--red_x: 255, 117, 127;
|
||||||
|
--red: rgb(var(--red_x));
|
||||||
|
--red1_x: 219, 75, 75;
|
||||||
|
--red1: rgb(var(--red1_x));
|
||||||
|
--unknown: #ffffff;
|
||||||
|
--color_red_rgb: var(--red_x);
|
||||||
|
--color-red: var(--red);
|
||||||
|
--color_purple_rgb: var(--magenta_x);
|
||||||
|
--color-purple: var(--magenta);
|
||||||
|
--color_green_rgb: var(--green_x);
|
||||||
|
--color-green: var(--green);
|
||||||
|
--color_cyan_rgb: var(--cyan_x);
|
||||||
|
--color-cyan: var(--cyan);
|
||||||
|
--color_blue_rgb: var(--blue_x);
|
||||||
|
--color-blue: var(--blue);
|
||||||
|
--color_yellow_rgb: var(--yellow_x);
|
||||||
|
--color-yellow: var(--yellow);
|
||||||
|
--color_orange_rgb: var(--orange_x);
|
||||||
|
--color-orange: var(--orange);
|
||||||
|
--color_pink_rgb: var(--magenta_x);
|
||||||
|
--color-pink: var(--magenta);
|
||||||
|
--background-primary: var(--bg);
|
||||||
|
--background-primary-alt: var(--bg);
|
||||||
|
--background-secondary: var(--bg_dark);
|
||||||
|
--background-secondary-alt: var(--bg_dark);
|
||||||
|
--background-modifier-border: var(--bg_highlight);
|
||||||
|
--background-modifier-border-focus: var(--bg_highlight);
|
||||||
|
--background-modifier-border-hover: var(--bg_highlight);
|
||||||
|
--background-modifier-form-field: var(--bg_dark);
|
||||||
|
--background-modifier-form-field-highlighted: var(--bg_dark);
|
||||||
|
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
|
||||||
|
--background-modifier-success: var(--green);
|
||||||
|
--background-modifier-error: var(--red1);
|
||||||
|
--background-modifier-error-hover: var(--red);
|
||||||
|
--background-modifier-cover: rgba(var(--bg_dark_x), 0.8);
|
||||||
|
--background-modifier-hover: var(--bg_highlight);
|
||||||
|
--background-modifier-message: rgba(var(--bg_highlight_x), 0.9);
|
||||||
|
--background-modifier-active-hover: var(--bg_highlight);
|
||||||
|
--text-normal: var(--fg);
|
||||||
|
--text-faint: var(--comment);
|
||||||
|
--text-muted: var(--fg_dark);
|
||||||
|
--text-error: var(--red);
|
||||||
|
--text-accent: var(--magenta);
|
||||||
|
--text-accent-hover: var(--cyan);
|
||||||
|
--text-error: var(--red1);
|
||||||
|
--text-error-hover: var(--red);
|
||||||
|
--text-selection: var(--unknown);
|
||||||
|
--text-on-accent: var(--bg);
|
||||||
|
--text-highlight-bg: rgba(var(--orange_x), 0.4);
|
||||||
|
--text-selection: rgba(var(--blue0_x), 0.6);
|
||||||
|
--bold-color: var(--cyan);
|
||||||
|
--italic-color: var(--cyan);
|
||||||
|
--interactive-normal: var(--bg_dark);
|
||||||
|
--interactive-hover: var(--bg);
|
||||||
|
--interactive-success: var(--green);
|
||||||
|
--interactive-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
|
||||||
|
--interactive-accent-hover: var(--blue);
|
||||||
|
--scrollbar-bg: var(--bg_dark2);
|
||||||
|
--scrollbar-thumb-bg: var(--comment);
|
||||||
|
--scrollbar-active-thumb-bg: var(--bg_dark);
|
||||||
|
--scrollbar-width: 0px;
|
||||||
|
--h1-color: var(--red);
|
||||||
|
--h2-color: var(--yellow);
|
||||||
|
--h3-color: var(--green);
|
||||||
|
--h4-color: var(--cyan);
|
||||||
|
--h5-color: var(--blue);
|
||||||
|
--h6-color: var(--magenta);
|
||||||
|
--border-width: 2px;
|
||||||
|
--tag-color: var(--magenta);
|
||||||
|
--tag-background: rgba(var(--magenta_x), 0.15);
|
||||||
|
--tag-color-hover: var(--cyan);
|
||||||
|
--tag-background-hover: rgba(var(--cyan_x), 0.15);
|
||||||
|
--link-color: var(--magenta);
|
||||||
|
--link-color-hover: var(--cyan);
|
||||||
|
--link-external-color: var(--magenta);
|
||||||
|
--link-external-color-hover: var(--cyan);
|
||||||
|
--checkbox-radius: var(--radius-l);
|
||||||
|
--checkbox-color: var(--green);
|
||||||
|
--checkbox-color-hover: var(--green);
|
||||||
|
--checkbox-marker-color: var(--bg);
|
||||||
|
--checkbox-border-color: var(--comment);
|
||||||
|
--checkbox-border-color-hover: var(--comment);
|
||||||
|
--table-header-background: var(--bg_dark2);
|
||||||
|
--table-header-background-hover: var(--bg_dark2);
|
||||||
|
--flashing-background: rgba(var(--blue0_x), 0.3);
|
||||||
|
--code-normal: var(--fg);
|
||||||
|
--code-background: var(--bg_highlight_dark);
|
||||||
|
--mermaid-note: var(--blue0);
|
||||||
|
--mermaid-actor: var(--fg_dark);
|
||||||
|
--mermaid-loopline: var(--blue);
|
||||||
|
--blockquote-background-color: var(--bg_dark);
|
||||||
|
--callout-default: var(--blue_x);
|
||||||
|
--callout-info: var(--blue_x);
|
||||||
|
--callout-summary: var(--cyan_x);
|
||||||
|
--callout-tip: var(--cyan_x);
|
||||||
|
--callout-todo: var(--cyan_x);
|
||||||
|
--callout-bug: var(--red_x);
|
||||||
|
--callout-error: var(--red1_x);
|
||||||
|
--callout-fail: var(--red1_x);
|
||||||
|
--callout-example: var(--magenta_x);
|
||||||
|
--callout-important: var(--green_x);
|
||||||
|
--callout-success: var(--teal_x);
|
||||||
|
--callout-question: var(--yellow_x);
|
||||||
|
--callout-warning: var(--orange_x);
|
||||||
|
--callout-quote: var(--fg_dark_x);
|
||||||
|
--icon-color-hover: var(--blue);
|
||||||
|
--icon-color-focused: var(--magenta);
|
||||||
|
--icon-color-active: var(--magenta);
|
||||||
|
--nav-item-color-hover: var(--fg);
|
||||||
|
--nav-item-background-hover: var(--bg_highlight);
|
||||||
|
--nav-item-color-active: var(--red);
|
||||||
|
--nav-item-background-active: var(--bg_highlight);
|
||||||
|
--nav-file-tag: rgba(var(--yellow_x), 0.9);
|
||||||
|
--nav-indentation-guide-color: var(--bg_highlight);
|
||||||
|
--indentation-guide-color: var(--comment);
|
||||||
|
--indentation-guide-color-active: var(--comment);
|
||||||
|
--graph-line: var(--comment);
|
||||||
|
--graph-node: var(--fg);
|
||||||
|
--graph-node-tag: var(--orange);
|
||||||
|
--graph-node-attachment: var(--blue);
|
||||||
|
--tab-text-color-focused-active: rgba(var(--red_x), 0.8);
|
||||||
|
--tab-text-color-focused-active-current: var(--red);
|
||||||
|
--modal-border-color: var(--bg_highlight);
|
||||||
|
--prompt-border-color: var(--bg_highlight);
|
||||||
|
--slider-track-background: var(--bg_highlight);
|
||||||
|
--embed-background: var(--bg_dark);
|
||||||
|
--embed-padding: 1.5rem 1.5rem 0.5rem;
|
||||||
|
--canvas-color: var(--bg_highlight_x);
|
||||||
|
--toggle-thumb-color: var(--bg);
|
||||||
|
}
|
||||||
0
quartz/styles/themes/_fonts.scss
Normal file
0
quartz/styles/themes/_fonts.scss
Normal file
1468
quartz/styles/themes/_index.scss
Normal file
1468
quartz/styles/themes/_index.scss
Normal file
File diff suppressed because it is too large
Load Diff
169
quartz/styles/themes/_light.scss
Normal file
169
quartz/styles/themes/_light.scss
Normal file
@ -0,0 +1,169 @@
|
|||||||
|
:root[saved-theme="light"] {
|
||||||
|
--accent-h: 202;
|
||||||
|
--accent-s: 86%;
|
||||||
|
--accent-l: 43%;
|
||||||
|
--bg_dark2_x: 188, 189, 194;
|
||||||
|
--bg_dark2: rgb(var(--bg_dark2_x));
|
||||||
|
--bg_dark_x: 203, 204, 209;
|
||||||
|
--bg_dark: rgb(var(--bg_dark_x));
|
||||||
|
--bg_x: 213, 214, 219;
|
||||||
|
--bg: rgb(var(--bg_x));
|
||||||
|
--bg_highlight_x: 220, 222, 226;
|
||||||
|
--bg_highlight: rgb(var(--bg_highlight_x));
|
||||||
|
--bg_highlight_dark_x: 195, 197, 201;
|
||||||
|
--bg_highlight_dark: rgb(var(--bg_highlight_dark_x));
|
||||||
|
--terminal_black_x: 15, 15, 20;
|
||||||
|
--terminal_black: rgb(var(--terminal_black_x));
|
||||||
|
--fg_x: 52, 59, 88;
|
||||||
|
--fg: rgb(var(--fg_x));
|
||||||
|
--fg_dark_x: 39, 46, 75;
|
||||||
|
--fg_dark: rgb(var(--fg_dark_x));
|
||||||
|
--comment_x: 150, 153, 163;
|
||||||
|
--comment: rgb(var(--comment_x));
|
||||||
|
--blue0_x: 39, 71, 125;
|
||||||
|
--blue0: rgb(var(--blue0_x));
|
||||||
|
--blue_x: 52, 84, 138;
|
||||||
|
--blue: rgb(var(--blue_x));
|
||||||
|
--cyan_x: 15, 75, 110;
|
||||||
|
--cyan: rgb(var(--cyan_x));
|
||||||
|
--magent_hsl: 261 24% 38%;
|
||||||
|
--magenta_x: 90, 74, 120;
|
||||||
|
--magenta: rgb(var(--magenta_x));
|
||||||
|
--orange_x: 150, 80, 39;
|
||||||
|
--orange: rgb(var(--orange_x));
|
||||||
|
--yellow_x: 143, 94, 21;
|
||||||
|
--yellow: rgb(var(--yellow_x));
|
||||||
|
--green_x: 51, 99, 92;
|
||||||
|
--green: rgb(var(--green_x));
|
||||||
|
--teal_x: 22, 103, 117;
|
||||||
|
--teal: rgb(var(--teal_x));
|
||||||
|
--red_x: 140, 67, 81;
|
||||||
|
--red: rgb(var(--red_x));
|
||||||
|
--red1_x: 115, 42, 56;
|
||||||
|
--red1: rgb(var(--red1_x));
|
||||||
|
--unknown: #000000;
|
||||||
|
--color_red_rgb: var(--red_x);
|
||||||
|
--color-red: var(--red);
|
||||||
|
--color_purple_rgb: var(--magenta_x);
|
||||||
|
--color-purple: var(--magenta);
|
||||||
|
--color_green_rgb: var(--green_x);
|
||||||
|
--color-green: var(--green);
|
||||||
|
--color_cyan_rgb: var(--cyan_x);
|
||||||
|
--color-cyan: var(--cyan);
|
||||||
|
--color_blue_rgb: var(--blue_x);
|
||||||
|
--color-blue: var(--blue);
|
||||||
|
--color_yellow_rgb: var(--yellow_x);
|
||||||
|
--color-yellow: var(--yellow);
|
||||||
|
--color_orange_rgb: var(--orange_x);
|
||||||
|
--color-orange: var(--orange);
|
||||||
|
--color_pink_rgb: var(--magenta_x);
|
||||||
|
--color-pink: var(--magenta);
|
||||||
|
--background-primary: var(--bg);
|
||||||
|
--background-primary-alt: var(--bg);
|
||||||
|
--background-secondary: var(--bg_dark);
|
||||||
|
--background-secondary-alt: var(--bg_dark);
|
||||||
|
--background-modifier-border: var(--bg_highlight);
|
||||||
|
--background-modifier-border-focus: var(--bg_highlight);
|
||||||
|
--background-modifier-border-hover: var(--bg_highlight);
|
||||||
|
--background-modifier-form-field: var(--bg_dark);
|
||||||
|
--background-modifier-form-field-highlighted: var(--bg_dark);
|
||||||
|
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
|
||||||
|
--background-modifier-success: var(--green);
|
||||||
|
--background-modifier-error: var(--red1);
|
||||||
|
--background-modifier-error-hover: var(--red);
|
||||||
|
--background-modifier-cover: rgba(var(--bg_dark_x), 0.8);
|
||||||
|
--background-modifier-hover: var(--bg_highlight);
|
||||||
|
--background-modifier-message: rgba(var(--bg_highlight_x), 0.9);
|
||||||
|
--background-modifier-active-hover: var(--bg_highlight);
|
||||||
|
--text-normal: var(--fg);
|
||||||
|
--text-faint: var(--comment);
|
||||||
|
--text-muted: var(--fg_dark);
|
||||||
|
--text-error: var(--red);
|
||||||
|
--text-accent: var(--magenta);
|
||||||
|
--text-accent-hover: var(--cyan);
|
||||||
|
--text-error: var(--red1);
|
||||||
|
--text-error-hover: var(--red);
|
||||||
|
--text-selection: var(--unknown);
|
||||||
|
--text-on-accent: var(--bg);
|
||||||
|
--text-highlight-bg: rgba(var(--orange_x), 0.4);
|
||||||
|
--text-selection: rgba(var(--blue0_x), 0.6);
|
||||||
|
--bold-color: var(--cyan);
|
||||||
|
--italic-color: var(--cyan);
|
||||||
|
--interactive-normal: var(--bg_dark);
|
||||||
|
--interactive-hover: var(--bg);
|
||||||
|
--interactive-success: var(--green);
|
||||||
|
--interactive-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
|
||||||
|
--interactive-accent-hover: var(--blue);
|
||||||
|
--scrollbar-bg: var(--bg_dark2);
|
||||||
|
--scrollbar-thumb-bg: var(--comment);
|
||||||
|
--scrollbar-active-thumb-bg: var(--bg_dark);
|
||||||
|
--scrollbar-width: 0px;
|
||||||
|
--h1-color: var(--red);
|
||||||
|
--h2-color: var(--yellow);
|
||||||
|
--h3-color: var(--green);
|
||||||
|
--h4-color: var(--cyan);
|
||||||
|
--h5-color: var(--blue);
|
||||||
|
--h6-color: var(--magenta);
|
||||||
|
--border-width: 2px;
|
||||||
|
--tag-color: var(--magenta);
|
||||||
|
--tag-background: rgba(var(--magenta_x), 0.15);
|
||||||
|
--tag-color-hover: var(--cyan);
|
||||||
|
--tag-background-hover: rgba(var(--cyan_x), 0.15);
|
||||||
|
--link-color: var(--magenta);
|
||||||
|
--link-color-hover: var(--cyan);
|
||||||
|
--link-external-color: var(--magenta);
|
||||||
|
--link-external-color-hover: var(--cyan);
|
||||||
|
--checkbox-radius: var(--radius-l);
|
||||||
|
--checkbox-color: var(--green);
|
||||||
|
--checkbox-color-hover: var(--green);
|
||||||
|
--checkbox-marker-color: var(--bg);
|
||||||
|
--checkbox-border-color: var(--comment);
|
||||||
|
--checkbox-border-color-hover: var(--comment);
|
||||||
|
--table-header-background: var(--bg_dark2);
|
||||||
|
--table-header-background-hover: var(--bg_dark2);
|
||||||
|
--flashing-background: rgba(var(--blue0_x), 0.3);
|
||||||
|
--code-normal: var(--fg);
|
||||||
|
--code-background: var(--bg_highlight_dark);
|
||||||
|
--mermaid-note: var(--blue0);
|
||||||
|
--mermaid-actor: var(--fg_dark);
|
||||||
|
--mermaid-loopline: var(--blue);
|
||||||
|
--blockquote-background-color: var(--bg_dark);
|
||||||
|
--callout-default: var(--blue_x);
|
||||||
|
--callout-info: var(--blue_x);
|
||||||
|
--callout-summary: var(--cyan_x);
|
||||||
|
--callout-tip: var(--cyan_x);
|
||||||
|
--callout-todo: var(--cyan_x);
|
||||||
|
--callout-bug: var(--red_x);
|
||||||
|
--callout-error: var(--red1_x);
|
||||||
|
--callout-fail: var(--red1_x);
|
||||||
|
--callout-example: var(--magenta_x);
|
||||||
|
--callout-important: var(--green_x);
|
||||||
|
--callout-success: var(--teal_x);
|
||||||
|
--callout-question: var(--yellow_x);
|
||||||
|
--callout-warning: var(--orange_x);
|
||||||
|
--callout-quote: var(--fg_dark_x);
|
||||||
|
--icon-color-hover: var(--blue);
|
||||||
|
--icon-color-focused: var(--magenta);
|
||||||
|
--icon-color-active: var(--magenta);
|
||||||
|
--nav-item-color-hover: var(--fg);
|
||||||
|
--nav-item-background-hover: var(--bg_highlight);
|
||||||
|
--nav-item-color-active: var(--red);
|
||||||
|
--nav-item-background-active: var(--bg_highlight);
|
||||||
|
--nav-file-tag: rgba(var(--yellow_x), 0.9);
|
||||||
|
--nav-indentation-guide-color: var(--bg_highlight);
|
||||||
|
--indentation-guide-color: var(--comment);
|
||||||
|
--indentation-guide-color-active: var(--comment);
|
||||||
|
--graph-line: var(--comment);
|
||||||
|
--graph-node: var(--fg);
|
||||||
|
--graph-node-tag: var(--orange);
|
||||||
|
--graph-node-attachment: var(--blue);
|
||||||
|
--tab-text-color-focused-active: rgba(var(--red_x), 0.8);
|
||||||
|
--tab-text-color-focused-active-current: var(--red);
|
||||||
|
--modal-border-color: var(--bg_highlight);
|
||||||
|
--prompt-border-color: var(--bg_highlight);
|
||||||
|
--slider-track-background: var(--bg_highlight);
|
||||||
|
--embed-background: var(--bg_dark);
|
||||||
|
--embed-padding: 1.5rem 1.5rem 0.5rem;
|
||||||
|
--canvas-color: var(--bg_highlight_x);
|
||||||
|
--toggle-thumb-color: var(--bg);
|
||||||
|
}
|
||||||
0
quartz/styles/themes/overrides/_index.scss
Normal file
0
quartz/styles/themes/overrides/_index.scss
Normal file
Loading…
Reference in New Issue
Block a user