OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improved slate color scheme

Browse Source
This commit is contained in:
squidfunk 2023-09-21 17:23:36 +02:00
parent 970670bb4a
commit 859b8bcaee
No known key found for this signature in database
GPG Key ID: 5ED40BC4F9C436DF
18 changed files with 57 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
material/overrides/assets/stylesheets/custom.911930df.min.css → material/overrides/assets/stylesheets/custom.8b8181c9.min.css vendored
View File

File diff suppressed because one or more lines are too long

0
material/overrides/assets/stylesheets/custom.911930df.min.css.map → material/overrides/assets/stylesheets/custom.8b8181c9.min.css.map
View File

2
material/overrides/main.html
View File

@ -3,7 +3,7 @@
-#}
{% extends "base.html" %}
{% block extrahead %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/custom.911930df.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/custom.8b8181c9.min.css' | url }}">
{% endblock %}
{% block announce %}
For updates follow <strong>@squidfunk</strong> on

1
material/templates/assets/stylesheets/main.91abd1ad.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/templates/assets/stylesheets/main.91abd1ad.min.css.map
View File

File diff suppressed because one or more lines are too long

1
material/templates/assets/stylesheets/main.9f615399.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
material/templates/assets/stylesheets/main.9f615399.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

1
material/templates/assets/stylesheets/palette.649f08f9.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
material/templates/assets/stylesheets/palette.649f08f9.min.css.map Normal file
View File

@ -0,0 +1 @@
{"version":3,"sources":["src/templates/assets/stylesheets/palette/_scheme.scss","../../../../src/templates/assets/stylesheets/palette.scss","src/templates/assets/stylesheets/palette/_accent.scss","src/templates/assets/stylesheets/palette/_primary.scss","src/templates/assets/stylesheets/utilities/_break.scss"],"names":[],"mappings":"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","file":"palette.css"}

1
material/templates/assets/stylesheets/palette.d9da2f1d.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/templates/assets/stylesheets/palette.d9da2f1d.min.css.map
View File

@ -1 +0,0 @@
{"version":3,"sources":["src/templates/assets/stylesheets/palette/_scheme.scss","../../../../src/templates/assets/stylesheets/palette.scss","src/templates/assets/stylesheets/palette/_accent.scss","src/templates/assets/stylesheets/palette/_primary.scss","src/templates/assets/stylesheets/utilities/_break.scss"],"names":[],"mappings":"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","file":"palette.css"}

4
material/templates/base.html
View File

@ -44,10 +44,10 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.91abd1ad.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.9f615399.min.css' | url }}">
{% if config.theme.palette %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.d9da2f1d.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.649f08f9.min.css' | url }}">
{% endif %}
{% include "partials/icons.html" %}
{% endblock %}

2
mkdocs.yml
View File

@ -70,7 +70,7 @@ theme:
icon: material/brightness-7
name: Switch to dark mode
- scheme: slate
primary: indigo
primary: black
accent: indigo
toggle:
icon: material/brightness-4

4
src/overrides/assets/stylesheets/custom/layout/_hero.scss
View File

@ -39,11 +39,11 @@
// Adjust background for slate theme
[data-md-color-scheme="slate"] & {
background:
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(232, 15%, 21%, 1)' /></svg>") no-repeat bottom,
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(230, 15%, 14%, 1)' /></svg>") no-repeat bottom,
linear-gradient(
to bottom,
var(--md-primary-fg-color),
hsla(280, 67%, 55%, 1) 99%,
hsla(230, 15%, 25%, 1) 99%,
var(--md-default-bg-color) 99%
);
}

4
src/templates/assets/stylesheets/main/_colors.scss
View File

@ -65,6 +65,10 @@
// Default theme, i.e. light mode
%root {
// Color hue in the range [0,360] - change this variable to alter the tone
// of the theme, e.g. to make it more redish or greenish
--md-hue: 230;
// Default color shades
--md-default-fg-color: hsla(0, 0%, 0%, 0.87);
--md-default-fg-color--light: hsla(0, 0%, 0%, 0.54);

5
src/templates/assets/stylesheets/main/_typeset.scss
View File

@ -182,6 +182,11 @@ kbd {
transition: background-color 125ms;
}
// Strong text
strong {
color: currentcolor;
}
// Show outline for keyboard devices
&.focus-visible {
outline-color: var(--md-accent-fg-color);

52
src/templates/assets/stylesheets/palette/_primary.scss
View File

@ -92,11 +92,11 @@
// Define primary colors for white
[data-md-color-primary="white"] {
--md-primary-fg-color: hsla(0, 0%, 100%, 1);
--md-primary-fg-color--light: hsla(0, 0%, 100%, 0.7);
--md-primary-fg-color--dark: hsla(0, 0%, 0%, 0.07);
--md-primary-bg-color: hsla(0, 0%, 0%, 0.87);
--md-primary-bg-color--light: hsla(0, 0%, 0%, 0.54);
--md-primary-fg-color: hsla(var(--md-hue), 0%, 100%, 1);
--md-primary-fg-color--light: hsla(var(--md-hue), 0%, 100%, 0.7);
--md-primary-fg-color--dark: hsla(var(--md-hue), 0%, 0%, 0.07);
--md-primary-bg-color: hsla(var(--md-hue), 0%, 0%, 0.87);
--md-primary-bg-color--light: hsla(var(--md-hue), 0%, 0%, 0.54);
// Typeset `a` color shades
--md-typeset-a-color: hsl(#{hex2hsl($clr-indigo-500)});
@ -107,7 +107,7 @@
// Primary button
&--primary {
color: hsla(0, 0%, 100%, 1);
color: hsla(var(--md-hue), 0%, 100%, 1);
background-color: var(--md-typeset-a-color);
border-color: var(--md-typeset-a-color);
}
@ -118,17 +118,17 @@
// Search form
.md-search__form {
background-color: hsla(0, 0%, 0%, 0.07);
background-color: hsla(var(--md-hue), 0%, 0%, 0.07);
// Search form on hover
&:hover {
background-color: hsla(0, 0%, 0%, 0.32);
background-color: hsla(var(--md-hue), 0%, 0%, 0.32);
}
}
// Search icon
.md-search__input + .md-search__icon {
color: hsla(0, 0%, 0%, 0.87);
color: hsla(var(--md-hue), 0%, 0%, 0.87);
}
}
@ -148,11 +148,11 @@
// Define primary colors for black
[data-md-color-primary="black"] {
--md-primary-fg-color: hsla(0, 0%, 0%, 1);
--md-primary-fg-color--light: hsla(0, 0%, 0%, 0.54);
--md-primary-fg-color--dark: hsla(0, 0%, 0%, 1);
--md-primary-bg-color: hsla(0, 0%, 100%, 1);
--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);
--md-primary-fg-color: hsla(var(--md-hue), 15%, 9%, 1);
--md-primary-fg-color--light: hsla(var(--md-hue), 15%, 9%, 0.54);
--md-primary-fg-color--dark: hsla(var(--md-hue), 15%, 9%, 1);
--md-primary-bg-color: hsla(var(--md-hue), 15%, 100%, 1);
--md-primary-bg-color--light: hsla(var(--md-hue), 15%, 100%, 0.7);
// Typeset `a` color shades
--md-typeset-a-color: hsl(#{hex2hsl($clr-indigo-500)});
@ -163,7 +163,7 @@
// Primary button
&--primary {
color: hsla(0, 0%, 100%, 1);
color: hsla(var(--md-hue), 0%, 100%, 1);
background-color: var(--md-typeset-a-color);
border-color: var(--md-typeset-a-color);
}
@ -171,7 +171,7 @@
// Header
.md-header {
background-color: hsla(0, 0%, 0%, 1);
background-color: hsla(var(--md-hue), 15%, 9%, 1);
}
// [tablet portrait -]: Layered navigation
@ -179,21 +179,7 @@
// Repository information container
.md-nav__source {
background-color: hsla(0, 0%, 0%, 0.87);
}
}
// [tablet landscape +]: Header-embedded search
@include break-from-device(tablet landscape) {
// Search form
.md-search__form {
background-color: hsla(0, 0%, 100%, 0.12);
// Search form on hover
&:hover {
background-color: hsla(0, 0%, 100%, 0.3);
}
background-color: hsla(var(--md-hue), 15%, 11%, 0.87);
}
}
@ -202,7 +188,7 @@
// Site title in main navigation
html & .md-nav--primary .md-nav__title[for="__drawer"] {
background-color: hsla(0, 0%, 0%, 1);
background-color: hsla(var(--md-hue), 15%, 9%, 1);
}
}
@ -211,7 +197,7 @@
// Navigation tabs
.md-tabs {
background-color: hsla(0, 0%, 0%, 1);
background-color: hsla(var(--md-hue), 15%, 9%, 1);
}
}
}

41
src/templates/assets/stylesheets/palette/_scheme.scss
View File

@ -33,27 +33,22 @@
// Indicate that the site is rendered with a dark color scheme
color-scheme: dark;
// Slate's hue in the range [0,360] - change this variable to alter the tone
// of the theme, e.g. to make it more redish or greenish. This is a slate-
// specific variable, but the same approach may be adapted to custom themes.
--md-hue: 214;
// Default color shades
--md-default-fg-color: hsla(var(--md-hue), 75%, 95%, 0.84);
--md-default-fg-color--light: hsla(var(--md-hue), 75%, 90%, 0.62);
--md-default-fg-color--lighter: hsla(var(--md-hue), 75%, 90%, 0.32);
--md-default-fg-color--lightest: hsla(var(--md-hue), 75%, 90%, 0.12);
--md-default-bg-color: hsla(var(--md-hue), 22%, 18%, 1);
--md-default-bg-color--light: hsla(var(--md-hue), 22%, 18%, 0.54);
--md-default-bg-color--lighter: hsla(var(--md-hue), 22%, 18%, 0.26);
--md-default-bg-color--lightest: hsla(var(--md-hue), 22%, 18%, 0.07);
--md-default-fg-color: hsla(var(--md-hue), 15%, 90%, 0.75);
--md-default-fg-color--light: hsla(var(--md-hue), 15%, 90%, 0.56);
--md-default-fg-color--lighter: hsla(var(--md-hue), 15%, 90%, 0.32);
--md-default-fg-color--lightest: hsla(var(--md-hue), 15%, 90%, 0.12);
--md-default-bg-color: hsla(var(--md-hue), 15%, 14%, 1);
--md-default-bg-color--light: hsla(var(--md-hue), 15%, 14%, 0.54);
--md-default-bg-color--lighter: hsla(var(--md-hue), 15%, 14%, 0.26);
--md-default-bg-color--lightest: hsla(var(--md-hue), 15%, 14%, 0.07);
// Code color shades
--md-code-fg-color: hsla(var(--md-hue), 18%, 86%, 1);
--md-code-bg-color: hsla(var(--md-hue), 22%, 15%, 1);
--md-code-bg-color: hsla(var(--md-hue), 15%, 17%, 1);
// Code highlighting color shades
--md-code-hl-color: hsla(#{hex2hsl($clr-blue-a200)}, 0.15);
--md-code-hl-color--light: hsla(#{hex2hsl($clr-blue-a200)}, 0.15);
--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);
@ -74,8 +69,8 @@
--md-typeset-a-color: var(--md-primary-fg-color);
// Typeset `kbd` color shades
--md-typeset-kbd-color: hsla(var(--md-hue), 15%, 94%, 0.12);
--md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 94%, 0.2);
--md-typeset-kbd-color: hsla(var(--md-hue), 15%, 95%, 0.12);
--md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 95%, 0.2);
--md-typeset-kbd-border-color: hsla(var(--md-hue), 15%, 14%, 1);
// Typeset `mark` color shades
@ -85,25 +80,25 @@
--md-typeset-strong-color: hsla(0, 100%, 100%, 1);
// Typeset `table` color shades
--md-typeset-table-color: hsla(var(--md-hue), 75%, 95%, 0.12);
--md-typeset-table-color--light: hsla(var(--md-hue), 75%, 95%, 0.035);
--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%, 12%, 0.87);
--md-footer-bg-color--dark: hsla(var(--md-hue), 15%, 10%, 1);
--md-footer-bg-color: hsla(var(--md-hue), 15%, 10%, 0.87);
--md-footer-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.2),
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.3),
0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.1),
0 0 #{px2rem(1px)} hsla(0, 0%, 0%, 0.25);
// Shadow depth 3