Figured our custom colours.
This commit is contained in:
parent
c494efbfde
commit
3b39748666
7 changed files with 88 additions and 2341 deletions
|
|
@ -97,7 +97,7 @@ The other files in there can be modified, but don't need to be.
|
|||
In order of percieved importance, but not in the order that I will get them done.
|
||||
|
||||
- [ ] Make installable
|
||||
- [ ] Create custom colours
|
||||
- [X] Create custom colours
|
||||
- [ ] Figure out how to create a Dark Mode
|
||||
|
||||
### Roadmap notes
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
27
static/css-include/colour-blue.css
Normal file
27
static/css-include/colour-blue.css
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
/*
|
||||
Blue Theme Colours
|
||||
*/
|
||||
|
||||
:root {
|
||||
--body-colour: #000000;
|
||||
--body-background: #fff;
|
||||
--style-colour: #004360;
|
||||
--header-colour: #3d4449;
|
||||
--placeholder-colour: #9fa3a6;
|
||||
--input-colour: #7f888f;
|
||||
|
||||
--white: #fff;
|
||||
--light-blue: #cee4ff;
|
||||
--light-pink: #ef9eff;
|
||||
--base-pink: #e45dff;
|
||||
--base-green: #93e836;
|
||||
--base-yellow: #fffc7a;
|
||||
--midlight-blue: #93d9eb;
|
||||
--base-blue: #33c6ee;
|
||||
--base-dark: #041417;
|
||||
|
||||
--admonition-header-backgroud: #5b7990;
|
||||
--admonition-backgroud: #9fa3a6;
|
||||
|
||||
}
|
||||
|
||||
25
static/css-include/colour-default.css
Normal file
25
static/css-include/colour-default.css
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
/*
|
||||
Deffault Colours
|
||||
*/
|
||||
|
||||
:root {
|
||||
--body-colour: #000000;
|
||||
--body-background: #fff;
|
||||
--style-colour: #f56a6a;
|
||||
--header-colour: #3d4449;
|
||||
--placeholder-colour: #9fa3a6;
|
||||
--input-colour: #7f888f;
|
||||
|
||||
--white: #fff;
|
||||
--light-blue: #cee4ff;
|
||||
--light-pink: #ef9eff;
|
||||
--base-pink: #e45dff;
|
||||
--base-green: #93e836;
|
||||
--base-yellow: #fffc7a;
|
||||
--midlight-blue: #93d9eb;
|
||||
--base-blue: #33c6ee;
|
||||
--base-dark: #041417;
|
||||
|
||||
--admonition-header-backgroud: #5b7990;
|
||||
--admonition-backgroud: #9fa3a6;
|
||||
}
|
||||
|
|
@ -3,30 +3,10 @@
|
|||
@import url(../css-include/pygment.css);
|
||||
@import url(../css-include/pelican.css);
|
||||
|
||||
/* setting up colours */
|
||||
|
||||
/* Colors */
|
||||
:root {
|
||||
--body-colour: #000000;
|
||||
--body-background: #fff;
|
||||
--style-colour: #f56a6a;
|
||||
--header-colour: #3d4449;
|
||||
--placeholder-colour: #9fa3a6;
|
||||
--input-colour: #7f888f;
|
||||
|
||||
--white: #fff;
|
||||
--light-blue: #cee4ff;
|
||||
--light-pink: #ef9eff;
|
||||
--base-pink: #e45dff;
|
||||
--base-green: #93e836;
|
||||
--base-yellow: #fffc7a;
|
||||
--midlight-blue: #93d9eb;
|
||||
--base-blue: #33c6ee;
|
||||
--base-dark: #041417;
|
||||
|
||||
--admonition-header-backgroud: #5b7990;
|
||||
--admonition-backgroud: #9fa3a6;
|
||||
}
|
||||
/*
|
||||
Some site colours
|
||||
*/
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -8,10 +8,13 @@
|
|||
{% endif %}
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
{% if THEME_COLOUR %}
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/{{ THEME_COLOUR }}/{{ CSS_FILE }}" />
|
||||
{% else %}
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/{{ CSS_FILE }}" />
|
||||
{% if THEME_COLOUR == 1 %}
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css-include/colour-blue.css" />
|
||||
{% elif THEME_COLOUR == 0 %}
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css-include/colour-default.css" />
|
||||
{% else %}
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css-include/colour-default.css" />
|
||||
{% endif %}
|
||||
{% if (article and article.photo_gallery) or (articles_page and articles_page.object_list[0].photo_gallery) %}
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/magnific-popup.css">
|
||||
|
|
@ -138,5 +141,16 @@ $('.gallery').magnificPopup({
|
|||
});
|
||||
</script>
|
||||
{% endif %}
|
||||
<img src=
|
||||
"https://media.geeksforgeeks.org/wp-content/uploads/20200122115631/GeeksforGeeks210.png"/>
|
||||
<div>
|
||||
<button onclick="darkMode()">Darkmode</button>
|
||||
</div>
|
||||
<script>
|
||||
function darkMode() {
|
||||
var element = document.body;
|
||||
element.classList.toggle("dark-mode");
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -55,7 +55,9 @@ THEME = '../../theme-jeffmackinnon.com'
|
|||
|
||||
#DIRECT_TEMPLATES = ['posts'] # If you already have a direct templates just add posts.
|
||||
|
||||
#THEME_COLOUR = 'css-blue' # Leave commented
|
||||
THEME_COLOUR = 0 # Pick the colour.
|
||||
# 0 => default
|
||||
# 1 => Blue
|
||||
|
||||
SITELICENSE = '<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.'
|
||||
TRACKING = False
|
||||
|
|
@ -132,7 +134,18 @@ PHOTO_EXIF_COPYRIGHT_AUTHOR = 'Jeff MacKinnon'
|
|||
|
||||
# Sitemap generation settings
|
||||
SITEMAP = {
|
||||
}
|
||||
"format": "xml",
|
||||
"priorities": {
|
||||
"articles": 0.5,
|
||||
"indexes": 0.5,
|
||||
"pages": 0.5
|
||||
},
|
||||
"changefreqs": {
|
||||
"articles": "monthly",
|
||||
"indexes": "daily",
|
||||
"pages": "monthly"
|
||||
}
|
||||
}
|
||||
|
||||
IMAGE_PROCESS = {
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue