Skip to content

Commit

Permalink
docs: spaces, #{} wrappings, shifting around of comments, etc. to fix…
Browse files Browse the repository at this point in the history 
… catpuccin-macchiatio.sass file
  • Loading branch information
@Omnikron13
Omnikron13 committed May 18, 2024
1 parent 174b9f7 commit 20b19a9
Showing 1 changed file with 89 additions and 94 deletions.
183 changes: 89 additions & 94 deletions docs/assets/stylesheets/catppuccin-macchiato.sass
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,108 +5,103 @@
*/

[data-md-color-scheme="catppuccin-macchiato"]
/* catppuccin-Macchiato palette
$catppuccin-rosewater:#f4dbd6
$catppuccin-flamingo:#f0c6c6
$catppuccin-pink:#f5bde6
$catppuccin-mauve:#c6a0f6
$catppuccin-red:#ed8796
$catppuccin-maroon:#ee99a0
$catppuccin-peach:#f5a97f
$catppuccin-yellow:#eed49f
$catppuccin-green:#a6da95
$catppuccin-teal:#8bd5ca
$catppuccin-sky:#91d7e3
$catppuccin-sapphire:#7dc4e4
$catppuccin-blue:#8aadf4
$catppuccin-lavender:#b7bdf8
$catppuccin-text:#cad3f5
$catppuccin-subtext-1:#b8c0e0
$catppuccin-subtext-0:#a5adcb
$catppuccin-overlay-2:#939ab7
$catppuccin-overlay-1:#8087a2
$catppuccin-overlay-0:#6e738d
$catppuccin-surface-2:#5b6078
$catppuccin-surface-1:#494d64
$catppuccin-surface-0:#363a4f
$catppuccin-base:#24273a
$catppuccin-mantle:#1e2030
$catppuccin-crust:#181926
// TODO: nmove out to import/mixin/whatever (plus maybe more reworking...) to create switchable Catppuccin themes
// catppuccin-Macchiato palette
$catppuccin-rosewater: #f4dbd6
$catppuccin-flamingo: #f0c6c6
$catppuccin-pink: #f5bde6
$catppuccin-mauve: #c6a0f6
$catppuccin-red: #ed8796
$catppuccin-maroon: #ee99a0
$catppuccin-peach: #f5a97f
$catppuccin-yellow: #eed49f
$catppuccin-green: #a6da95
$catppuccin-teal: #8bd5ca
$catppuccin-sky: #91d7e3
$catppuccin-sapphire: #7dc4e4
$catppuccin-blue: #8aadf4
$catppuccin-lavender: #b7bdf8
$catppuccin-text: #cad3f5
$catppuccin-subtext-1: #b8c0e0
$catppuccin-subtext-0: #a5adcb
$catppuccin-overlay-2: #939ab7
$catppuccin-overlay-1: #8087a2
$catppuccin-overlay-0: #6e738d
$catppuccin-surface-2: #5b6078
$catppuccin-surface-1: #494d64
$catppuccin-surface-0: #363a4f
$catppuccin-base: #24273a
$catppuccin-mantle: #1e2030
$catppuccin-crust: #181926

/* Default color shades
--md-default-fg-color: $catppuccin-text
--md-default-fg-color--light: $catppuccin-teal
--md-default-fg-color--lighter: $catppuccin-peach
--md-default-fg-color--lightest: $catppuccin-maroon
--md-default-bg-color: $catppuccin-base
--md-default-bg-color--light: $catppuccin-surface-0
--md-default-bg-color--lighter: $catppuccin-surface-1
--md-default-bg-color--lightest: $catppuccin-surface-2
// Default color shades
--md-default-fg-color: #{$catppuccin-text}
--md-default-fg-color--light: #{$catppuccin-teal}
--md-default-fg-color--lighter: #{$catppuccin-peach}
--md-default-fg-color--lightest: #{$catppuccin-maroon}
--md-default-bg-color: #{$catppuccin-base}
--md-default-bg-color--light: #{$catppuccin-surface-0}
--md-default-bg-color--lighter: #{$catppuccin-surface-1}
--md-default-bg-color--lightest: #{$catppuccin-surface-2}

/* --md-primary-fg-color: $catppuccin-blue;
--md-primary-fg-color:$catppuccin-surface-2
--md-accent-fg-color:$catppuccin-mauve
// --md-primary-fg-color: #{$catppuccin-blue;}
--md-primary-fg-color: #{$catppuccin-surface-2}
--md-accent-fg-color: #{$catppuccin-mauve}

/*
* Main text/typesetting colours
--md-typeset-color:var(--md-default-fg-color)
// Main text/typesetting colours
--md-typeset-color: var(--md-default-fg-color)

/* Links
--md-typeset-a-color:$catppuccin-blue
// Links
--md-typeset-a-color: #{$catppuccin-blue}

/* Typeset `del` and `ins` color shades
/*
*--md-typeset-del-color: hsla(6, 90%, 60%, 0.15);
*--md-typeset-ins-color: hsla(150, 90%, 44%, 0.15);
/* Typeset `kbd` color shades
/*
*--md-typeset-kbd-color: hsla(0, 0%, 98%, 1);
*--md-typeset-kbd-accent-color: hsla(0, 100%, 100%, 1);
*--md-typeset-kbd-border-color: hsla(0, 0%, 72%, 1);
/* Typeset `mark` color shades
/*
*--md-typeset-mark-color: hsla(#{hex2hsl($clr-yellow-a200)}, 0.5);
/* Typeset `table` color shades
/*
*--md-typeset-table-color: hsla(0, 0%, 0%, 0.12);
*--md-typeset-table-color--light: hsla(0, 0%, 0%, 0.035);
// Admonition color shades
--md-admonition-fg-color: #{$catppuccin-blue}
--md-admonition-bg-color: #{$catppuccin-surface-0}

/* Admonition color shades
--md-admonition-fg-color:$catppuccin-blue
--md-admonition-bg-color:$catppuccin-surface-0
// Warning color shades
--md-warning-fg-color: #{$catppuccin-red}
--md-warning-bg-color: hsla(60, 100%, 80%, 1)

/* Warning color shades
--md-warning-fg-color:$catppuccin-red
--md-warning-bg-color:hsla(60, 100%, 80%, 1)
// Footer color shades
--md-footer-fg-color: #{$catppuccin-subtext-0}
--md-footer-fg-color--light: #{$catppuccin-subtext-1}
--md-footer-fg-color--lighter: #{$catppuccin-text}
--md-footer-bg-color: #{$catppuccin-mantle}
--md-footer-bg-color--dark: #{$catppuccin-crust}

/* Footer color shades
--md-footer-fg-color:$catppuccin-subtext-0
--md-footer-fg-color--light:$catppuccin-subtext-1
--md-footer-fg-color--lighter:$catppuccin-text
--md-footer-bg-color:$catppuccin-mantle
--md-footer-bg-color--dark:$catppuccin-crust
// Syntax highlighting color shades
// Code color shades
--md-code-fg-color: #{$catppuccin-subtext-1}
--md-code-bg-color: #{$catppuccin-surface-0}

/*
* Syntax highlighting color shades
/* Code color shades
--md-code-fg-color:$catppuccin-subtext-1
--md-code-bg-color:$catppuccin-surface-0
// Code highlighting color shades
// --md-code-hl-color: hsla(#{hex2hsl($clr-blue-a200)}, 1);
// --md-code-hl-color--light: hsla(#{hex2hsl($clr-blue-a200)}, 0.1);
// Code highlighting syntax color shades
--md-code-hl-number-color: #{$catppuccin-peach}
--md-code-hl-special-color: hsla(340, 83%, 47%, 1)
--md-code-hl-function-color: #{$catppuccin-mauve}
--md-code-hl-constant-color: hsla(250, 63%, 60%, 1)
--md-code-hl-keyword-color: hsla(219, 54%, 51%, 1)
--md-code-hl-string-color: hsla(150, 63%, 30%, 1)
--md-code-hl-name-color: var(--md-code-fg-color)
--md-code-hl-operator-color: var(--md-default-fg-color--light)
--md-code-hl-punctuation-color: var(--md-default-fg-color--light)
--md-code-hl-comment-color: #{$catppuccin-lavender}
--md-code-hl-generic-color: var(--md-default-fg-color--light)
--md-code-hl-variable-color: var(--md-default-fg-color--light)

// TODO: figure out why this just breaks all following styles...
// Typeset `del` and `ins` color shades
// --md-typeset-del-color: hsla(6, 90%, 60%, 0.15);
// --md-typeset-ins-color: hsla(150, 90%, 44%, 0.15);
// Typeset `kbd` color shades
// --md-typeset-kbd-color: hsla(0, 0%, 98%, 1);
// --md-typeset-kbd-accent-color: hsla(0, 100%, 100%, 1);
// --md-typeset-kbd-border-color: hsla(0, 0%, 72%, 1);
// Typeset `mark` color shades
// --md-typeset-mark-color: hsla(#{hex2hsl($clr-yellow-a200)}, 0.5);
// Typeset `table` color shades
// --md-typeset-table-color: hsla(0, 0%, 0%, 0.12);
// --md-typeset-table-color--light: hsla(0, 0%, 0%, 0.035);
/* Code highlighting color shades
/*
*--md-code-hl-color: hsla(#{hex2hsl($clr-blue-a200)}, 1);
*--md-code-hl-color--light: hsla(#{hex2hsl($clr-blue-a200)}, 0.1);
/* Code highlighting syntax color shades
--md-code-hl-number-color:$catppuccin-peach
--md-code-hl-special-color:hsla(340, 83%, 47%, 1)
--md-code-hl-function-color:$catppuccin-mauve
--md-code-hl-constant-color:hsla(250, 63%, 60%, 1)
--md-code-hl-keyword-color:hsla(219, 54%, 51%, 1)
--md-code-hl-string-color:hsla(150, 63%, 30%, 1)
--md-code-hl-name-color:var(--md-code-fg-color)
--md-code-hl-operator-color:var(--md-default-fg-color--light)
--md-code-hl-punctuation-color:var(--md-default-fg-color--light)
--md-code-hl-comment-color:$catppuccin-lavender
--md-code-hl-generic-color:var(--md-default-fg-color--light)
--md-code-hl-variable-color:var(--md-default-fg-color--light)

0 comments on commit 20b19a9

Please sign in to comment.