Apply new colours from Di
This commit is contained in:
parent
5e9fd7fac7
commit
6359ba87b5
4 changed files with 39 additions and 13 deletions
|
@ -68,8 +68,9 @@ Credits
|
||||||
-------
|
-------
|
||||||
|
|
||||||
* [RSS feed icon](http://www.feedicons.com/) by The Mozilla Foundation.
|
* [RSS feed icon](http://www.feedicons.com/) by The Mozilla Foundation.
|
||||||
* Website theme based on [Juice](https://github.com/huhu/juice) by HuHu.
|
* Website theme based on [Juice](https://github.com/huhu/juice) by HuHu with colours by [Di].
|
||||||
* [Fira Sans](https://github.com/hellogreg/firava) variable font by Mozilla and Greg Gibson.
|
* [Fira Sans](https://github.com/hellogreg/firava) variable font by Mozilla and Greg Gibson.
|
||||||
|
|
||||||
[selectors]: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors
|
[selectors]: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors
|
||||||
[ssheven]: https://github.com/cy384/ssheven
|
[ssheven]: https://github.com/cy384/ssheven
|
||||||
|
[Di]: https://didoesdigital.com/
|
||||||
|
|
|
@ -26,11 +26,11 @@ a.link-button {
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-weight: 550;
|
font-weight: 550;
|
||||||
color: white;
|
color: var(--button-text-color);
|
||||||
background: cornflowerblue;
|
background: var(--button-color);
|
||||||
}
|
}
|
||||||
a.link-button:hover {
|
a.link-button:hover {
|
||||||
background: hsl(218.5, 79.2%, 50%);
|
background: var(--button-hover-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
a.install-button {
|
a.install-button {
|
||||||
|
@ -64,6 +64,24 @@ p {
|
||||||
margin: 0.5em 0;
|
margin: 0.5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: var(--footer-background-color);
|
||||||
|
color: var(--footer-text-color);
|
||||||
|
}
|
||||||
|
footer a,
|
||||||
|
footer a:hover {
|
||||||
|
color: var(--footer-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.content.text {
|
||||||
|
color: var(--content-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.content.text h2,
|
||||||
|
.content.text .heading-text {
|
||||||
|
color: var(--content-heading-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
font-family: var(--header-font-family), sans-serif;
|
font-family: var(--header-font-family), sans-serif;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
|
|
|
@ -1,18 +1,18 @@
|
||||||
<style>
|
<style>
|
||||||
:root {
|
:root {
|
||||||
/* Primary theme color */
|
/* Primary theme color */
|
||||||
--primary-color: #DDFFFC;
|
--primary-color: #50BDB6;
|
||||||
/* Primary theme text color */
|
/* Primary theme text color */
|
||||||
--primary-text-color: #4f4442;
|
--primary-text-color: #0C4A4C;
|
||||||
--primary-text-color-over: #000;
|
--primary-text-color-over: #282B2B;
|
||||||
/* Primary theme link color */
|
/* Primary theme link color */
|
||||||
--primary-link-color: #d46e13;;
|
--primary-link-color: #1F827B;
|
||||||
/* Secondary color: the background body color */
|
/* Secondary color: the background body color */
|
||||||
--secondary-color: #fcfaf6;
|
--secondary-color: #fff;
|
||||||
--secondary-text-color: #303030;
|
--secondary-text-color: #1F827B;
|
||||||
/* Highlight text color of table of content */
|
/* Highlight text color of table of content */
|
||||||
--toc-highlight-text-color: #d46e13;
|
--toc-highlight-text-color: #282B2B;
|
||||||
--toc-background-color: white;
|
--toc-background-color: #fff;
|
||||||
--code-color: initial;
|
--code-color: initial;
|
||||||
--code-background-color: initial;
|
--code-background-color: initial;
|
||||||
--shadow-color: #ddd;
|
--shadow-color: #ddd;
|
||||||
|
@ -20,5 +20,12 @@
|
||||||
--header-font-family: Firava, "Fira Sans", sans-serif;
|
--header-font-family: Firava, "Fira Sans", sans-serif;
|
||||||
/* Font used for text */
|
/* Font used for text */
|
||||||
--text-font-family: Firava, "Fira Sans", sans-serif;
|
--text-font-family: Firava, "Fira Sans", sans-serif;
|
||||||
|
--button-color: #000;
|
||||||
|
--button-hover-color: #282B2B;
|
||||||
|
--button-text-color: #fff;
|
||||||
|
--content-text-color: #282B2B;
|
||||||
|
--content-heading-text-color: #282B2B;
|
||||||
|
--footer-background-color: #FACD69;
|
||||||
|
--footer-text-color: #282B2B;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -26,7 +26,7 @@
|
||||||
{% endblock hero %}
|
{% endblock hero %}
|
||||||
|
|
||||||
{% block head %}
|
{% block head %}
|
||||||
<link rel="stylesheet" href="{{ get_url(path="home.css") }}">
|
<link rel="stylesheet" href="{{ get_url(path="home.css") }}?v=2">
|
||||||
<link rel="stylesheet" href="{{ get_url(path="syntax.css") }}">
|
<link rel="stylesheet" href="{{ get_url(path="syntax.css") }}">
|
||||||
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="index.xml", trailing_slash=false) }}">
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="index.xml", trailing_slash=false) }}">
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
Loading…
Reference in a new issue