Skip to content
Snippets Groups Projects
Commit 66c41f07 authored by Radeczki Gergő István's avatar Radeczki Gergő István :fire:
Browse files

Merge branch 'light-theme-color' into 'master' 

fixed light and dark theme colors

See merge request schdesign/roadmap!43
parents 21a8f5b4 56932f4b
No related branches found
No related tags found
1 merge request!43fixed light and dark theme colors
Pipeline #8206 passed
Stage: build
Stage: deploy
Show whitespace changes
Inline Side-by-side
docs/img/schdesign_s_logo_gray.svg 0 → 100644
+ 9
− 0
View file @ 66c41f07
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 140 141" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g id="Réteg_2" transform="matrix(1,0,0,1,0,-78.0307)">
<g id="Layer_1">
<path id="path3825" d="M138.73,134.63L28.73,134.63C34.539,116.815 51.262,104.683 70,104.69C81.492,104.672 92.53,109.238 100.65,117.37L119.48,98.51C94.515,73.569 54.397,71.208 26.68,93.05C24.511,94.75 22.448,96.58 20.5,98.53C16.665,102.361 13.286,106.623 10.43,111.23C4.013,121.586 0.417,133.444 -0,145.62L0,150.52C0.125,154.213 0.54,157.891 1.24,161.52L111.24,161.52C105.442,179.343 88.721,191.486 69.979,191.486C58.491,191.486 47.461,186.924 39.33,178.81L26.65,191.51L20.5,197.67C33.623,210.794 51.441,218.175 70,218.175C88.559,218.175 106.377,210.794 119.5,197.67C132.488,184.714 139.858,167.145 140,148.8L140,147.35C139.96,143.08 139.535,138.823 138.73,134.63ZM70,148.13L69.84,148.23L69.96,148.11L70.03,148.18L70,148.13Z" style="fill:rgb(61,61,61);fill-rule:nonzero;"/>
</g>
</g>
</svg>
docs/img/schdesign_s_logo.svg → docs/img/schdesign_s_logo_red.svg
+ 0
− 0
View file @ 66c41f07
File moved
docs/img/schdesign_s_logo_white.svg 0 → 100644
+ 9
− 0
View file @ 66c41f07
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 140 141" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g id="Réteg_2" transform="matrix(1,0,0,1,0,-78.0307)">
<g id="Layer_1">
<path id="path3825" d="M138.73,134.63L28.73,134.63C34.539,116.815 51.262,104.683 70,104.69C81.492,104.672 92.53,109.238 100.65,117.37L119.48,98.51C94.515,73.569 54.397,71.208 26.68,93.05C24.511,94.75 22.448,96.58 20.5,98.53C16.665,102.361 13.286,106.623 10.43,111.23C4.013,121.586 0.417,133.444 -0,145.62L0,150.52C0.125,154.213 0.54,157.891 1.24,161.52L111.24,161.52C105.442,179.343 88.721,191.486 69.979,191.486C58.491,191.486 47.461,186.924 39.33,178.81L26.65,191.51L20.5,197.67C33.623,210.794 51.441,218.175 70,218.175C88.559,218.175 106.377,210.794 119.5,197.67C132.488,184.714 139.858,167.145 140,148.8L140,147.35C139.96,143.08 139.535,138.823 138.73,134.63ZM70,148.13L69.84,148.23L69.96,148.11L70.03,148.18L70,148.13Z" style="fill:white;fill-rule:nonzero;"/>
</g>
</g>
</svg>
docs/stylesheets/extra.css
+ 43
− 23
View file @ 66c41f07
/* Setting main color theme to schdesign style <3 */ /* Setting main color theme to schdesign style <3 */
:root { :root {
--md-accent-fg-color: #f8485e;
--md-accent-fg-color--light: #f8485e;
--md-accent-fg-color--dark: #f8485e;
} }
[data-md-color-scheme="default"] { /* Only applied when light theme (default) is selected */ [data-md-color-scheme="default"] { /* Only applied when light theme (default) is selected */
--md-primary-fg-color:#3d3d3d;
--md-primary-bg-color: #ffffff; --schdesign-hue: 353;
--md-typeset-a-color: #474af8;
--md-primary-fg-color: hsla(var(--schdesign-hue), 93%, 63%, 1);
--md-primary-fg-color--light: hsla(var(--schdesign-hue), 93%, 90%, 1);
--md-primary-fg-color--dark: hsla(var(--schdesign-hue), 93%, 20%, 1);
--md-primary-bg-color: hsla(0, 0%, 100%, 1);
--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);
--md-accent-fg-color: hsla(var(--schdesign-hue), 90%, 63%, 1);
--md-accent-fg-color-invert: #7b88cc;
--md-accent-fg-color--transparent: hsla(var(--schdesign-hue), 90%, 63%, 0.1);
--md-accent-bg-color: hsla(0, 0%, 100%, 1);
--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7);
} }
[data-md-color-scheme="slate"] { /* Only applied when dark theme (slate) is selected */ [data-md-color-scheme="slate"] { /* Only applied when dark theme (slate) is selected */
--md-primary-fg-color:#3d3d3d; --schdesign-hue: 0;
--md-primary-bg-color: #F2F2F2;
--md-typeset-a-color: #7b88cc; --md-primary-fg-color: hsla(var(--schdesign-hue), 0%, 24%, 1);
--md-primary-fg-color--light: hsla(var(--schdesign-hue), 0%, 48%, 1);
--md-primary-fg-color--dark: hsla(var(--schdesign-hue), 0%, 12%, 1);
--md-primary-bg-color: hsla(0, 0%, 100%, 1);
--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);
--md-accent-fg-color: #7b88cc;
--md-accent-fg-color-invert: hsla(353, 93%, 63%, 1);
--md-accent-fg-color--transparent: hsla(353, 90%, 63%, 0.1);
--md-accent-bg-color: hsla(0, 0%, 100%, 1);
--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7);
--md-typeset-a-color: var(--md-accent-fg-color); /* make links readable in main */
} }
/* Setting footer's background color to match the theme */ /* Setting footer's background color to match the theme */
:root > * { :root > * {
--md-footer-bg-color: #3d3d3d; --md-footer-fg-color: hsla(0, 0%, 100%, 1);
--md-footer-bg-color--dark: #3d3d3d; --md-footer-fg-color--light: hsla(0, 0%, 100%, 0.7);
--md-footer-fg-color--lighter: hsla(0, 0%, 100%, 0.3);
--md-footer-bg-color: hsla(0, 0%, 24%, 0.87);
--md-footer-bg-color--dark: hsla(0, 0%, 24%, 0.32);
} }
/* Use the inver color on links in left and right navigation side */
/* Setting header and footer elements' color on hover to accent color */ .md-nav__link:hover {
.md-tabs__link:hover, color: var(--md-accent-fg-color-invert);
html .md-footer-meta.md-typeset a:hover,
.md-source:hover,
.md-search__input:hover + label
{
color: var(--md-accent-fg-color);
} }
/* Dotted underline for links so they are visible. */ /* make links in main dotted */
.md-content a[href] { .md-content a[href] {
text-decoration: underline dotted var(--md-typeset-a-color); text-decoration: underline dotted var(--md-accent-fg-color);
} }
/* make links in main dotted and invert color on hover */
.md-content a[href]:hover { .md-content a[href]:hover {
text-decoration: underline dotted var(--md-accent-fg-color); color: var(--md-accent-fg-color-invert);
text-decoration: underline dotted var(--md-accent-fg-color-invert);
} }
\ No newline at end of file
mkdocs.yml
+ 1
− 2
View file @ 66c41f07
...@@ -36,8 +36,7 @@ theme: ...@@ -36,8 +36,7 @@ theme:
font: font:
text: Roboto text: Roboto
code: Roboto Mono code: Roboto Mono
icon: logo: img/schdesign_s_logo_white.svg
logo: img/schdesign_s_logo.svg
favicon: img/favicon.png favicon: img/favicon.png
extra_javascript: extra_javascript:
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Hosted with :heart: by KSZK