[data-md-color-scheme="glacier_light"]{ color-scheme: light; --md-primary-fg-color: #f1f4f8; /* header bg bottom */ --md-primary-fg-color--light: hsla(243, 68%, 48%, 1.0); --md-primary-fg-color--dark: hsla(243, 68%, 48%, 1.0); --md-default-bg-color: #f1f4f8; /* Main BG color */ --md-primary-bg-color: hsla(243, 68%, 0%, 1.0); /* header text */ /* --md-primary-bg-color--light: hsla(243, 68%, 48%, 1.0); */ --md-footer-fg-color: hsla(243, 68%, 0%, 1.0); /* footer text main */ --md-footer-fg-color--light: #044bfd; /* footer text sub-main */ --md-footer-fg-color--lighter: #ff0101; /* footer text sub-sub-main */ --md-footer-bg-color: #eeeeee; /* footer bg main */ --md-footer-bg-color--dark: #e4e4e4; /* bottom part of footer bg */ --md-accent-fg-color: #4667a4; --md-accent-bg-color: #4667a4; --md-default-fg-color--light: #4667a4; /* Header Title color */ --md-default-fg-color--lighter: #ff00b3; /* Header Title color */ --md-default-fg-color--lightest: #002c66; /* Copy Code Button color */ /* --md-code-fg-color: hsla(var(--md-hue), 18%, 14%, 1); */ --md-code-fg-color: hsla(223, 23%, 18%, 1); /* Inline Code text color */ --md-code-bg-color: hsla(214, 33%, 92%, 1); /* Code BG color */ /* --md-default-fg-color--light: rgb(255, 255, 255); Code BG accents color AND HEADER TITLES */ /* --md-code-bg-color: hsla(255, 15%, 93%, 1); */ --md-code-hl-keyword-color: hsla(223, 23%, 6%, 1); /* Code Params Key color */ /* --md-code-hl-keyword-color: hsla(214.12, 100%, 20%); */ /* --md-default-bg-color: #f8f1f1; /* Code highlighting syntax color shades */ --md-code-hl-number-color: hsla(6, 74%, 63%, 1); --md-code-hl-special-color: hsla(340, 83%, 66%, 1); --md-code-hl-function-color: hsla(291, 57%, 65%, 1); --md-code-hl-constant-color: hsla(250, 62%, 70%, 1); --md-code-hl-keyword-color: hsla(214, 100%, 20%, 1); --md-code-hl-string-color: hsla(26, 93%, 38%, 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: var(--md-default-fg-color--light); --md-code-hl-generic-color: var(--md-default-fg-color--light); --md-code-hl-variable-color: hsla(214, 100%, 70%, 1); --md-code-hl-color: #ffffff; --md-admonition-fg-color: var(--md-default-fg-color); --md-admonition-bg-color: var(--md-default-bg-color); .description_text { color: rgba(0, 0, 0, 0.6); } /* --md-primary-fg-color--dark: #cadeed; */ /* --md-primary-fg-color--light: #dbecf4; */ /* --primary-color: hue(243, 68%, 48%); --secondary-color: #f1f4f8; --tertiary-color: #0f1035; --quaternary-color: #f0f0f0; */ } [data-md-color-scheme="glacier_light"] .md-header { background-color: #f1f4f8; /* header bg top */ } [data-md-color-scheme="glacier_dark"] .md-header { background-color: #16161c; /* header bg top */ } /* [data-md-color-primary="orange"] { --md-primary-bg-color: #fff; } */ .math { text-align: left; display: inline-block; } .value_table { font-style: italic; } .float_table { background-color: #1b496586; border-radius: 0.2rem; padding: .1rem 0.2rem; } .int_table { background-color: rgba(30, 139, 20, 0.35); border-radius: 0.2rem; padding: .1rem 0.2rem; } .integer_table { background-color: #4b97c998; border-radius: 0.2rem; padding: .1rem 0.2rem; } .boolean_table { background-color: #9db4c08a; border-radius: 0.2rem; padding: .1rem 0.2rem; } .string_table { background-color: #d0e8f280; border-radius: 0.2rem; padding: .1rem 0.2rem; } [data-md-color-scheme="glacier_dark"] { /* Indicate that the site is rendered with a dark color scheme */ color-scheme: dark; /* Default color shades */ --md-default-fg-color: #eceef3; --md-default-fg-color--light: #eceef3; --md-default-fg-color--lighter: #2f559d; --md-default-fg-color--lightest: #4667a4; /* --md-default-fg-color--light: #4667a4; --md-default-fg-color--lighter: #243b65; --md-default-fg-color--lightest: #2f559d; */ --md-primary-bg-color: #eceef3; --md-primary-fg-color: #16161c; /* --md-accent-fg-color: #4667a4; */ /* --md-accent-bg-color: #4667a4; */ --md-default-bg-color: #070a0e48; /* --md-default-bg-color--light: #070a0e48; --md-default-bg-color--lighter: #070a0e48; --md-default-bg-color--lightest: #070a0e48; */ /* Code color shades */ --md-code-fg-color: hsla(var(--md-hue), 18%, 86%, 0.82); --md-code-bg-color: hsla(var(--md-hue), 15%, 14%, 1); /* Code highlighting color shades --md-code-hl-color: hsla(#{hex2hsl($clr-blue-a400)}, 1); --md-code-hl-color--light: hsla(#{hex2hsl($clr-blue-a400)}, 0.1); */ /* Code highlighting syntax color shades */ --md-code-hl-number-color: hsla(6, 74%, 63%, 1); --md-code-hl-special-color: hsla(340, 83%, 66%, 1); --md-code-hl-function-color: hsla(291, 57%, 65%, 1); --md-code-hl-constant-color: hsla(250, 62%, 70%, 1); --md-code-hl-keyword-color: hsla(219, 66%, 64%, 1); --md-code-hl-string-color: rgb(226, 128, 36); --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: var(--md-default-fg-color--light); --md-code-hl-generic-color: var(--md-default-fg-color--light); --md-code-hl-variable-color: var(--md-default-fg-color--light); /* Typeset color shades */ --md-typeset-color: var(--md-default-fg-color); /* Typeset `a` color shades */ --md-typeset-a-color: #88adf1; /* Typeset `kbd` color shades */ --md-typeset-kbd-color: hsla(var(--md-hue), 15%, 90%, 0.12); --md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 90%, 0.2); --md-typeset-kbd-border-color: hsla(var(--md-hue), 15%, 14%, 1); /* Typeset `mark` color shades */ /* --md-typeset-mark-color: hsla(#{hex2hsl($clr-blue-a200)}, 0.3); */ /* Typeset `table` color shades */ --md-typeset-table-color: hsla(var(--md-hue), 15%, 95%, 0.12); --md-typeset-table-color--light: hsla(var(--md-hue), 15%, 95%, 0.035); /* Admonition color shades */ --md-admonition-fg-color: var(--md-default-fg-color); --md-admonition-bg-color: var(--md-default-bg-color); /* Footer color shades */ --md-footer-bg-color: hsla(var(--md-hue), 15%, 10%, 0.87); --md-footer-bg-color--dark: hsla(var(--md-hue), 15%, 8%, 1); /* Header color shades */ /* --md-header-bg-color: hsla(var(--md-hue), 15%, 10%, 0.87); --md-header-bg-color--dark: hsla(var(--md-hue), 15%, 8%, 1); */ /* Shadow depth 1 */ --md-shadow-z1: 0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.05), 0 0 #{px2rem(1px)} hsla(0, 0%, 0%, 0.1); /* Shadow depth 2 */ --md-shadow-z2: 0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.25), 0 0 #{px2rem(1px)} hsla(0, 0%, 0%, 0.25); /* Shadow depth 3 */ --md-shadow-z3: 0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.4), 0 0 #{px2rem(1px)} hsla(0, 0%, 0%, 0.35); .description_text { color: rgba(255, 255, 255, 0.66); } } /* https://www.realtimecolors.com/?colors=eceef3-070a0e-4667a4-243b65-2f559d&fonts=Inter-Inter */ /* https://www.realtimecolors.com/?colors=0c0e13-f1f4f8-5b7cb9-9ab0db-6288d0&fonts=Inter-Inter */ /* .md-typeset h1 { color: greenyellow; --md-text-font: "arial"; } */ /* https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/_colors.scss */ .heading1 { font-weight:700; }