summaryrefslogtreecommitdiff
path: root/static/themes
diff options
context:
space:
mode:
authorlolcat <will@lolcat.ca>2023-11-28 23:51:25 -0500
committerlolcat <will@lolcat.ca>2023-11-28 23:51:25 -0500
commit59183489fa699c9986830577c3f1b29489e6152f (patch)
treeed00b07a6486dd31485e0d03f1ed7bee0e3307bb /static/themes
parente4c23493a99b399f0c03e8218ec12cd76b7abdda (diff)
christmas
Diffstat (limited to 'static/themes')
-rw-r--r--static/themes/Dark Christmas.css91
-rw-r--r--static/themes/White Christmas.css93
2 files changed, 184 insertions, 0 deletions
diff --git a/static/themes/Dark Christmas.css b/static/themes/Dark Christmas.css
new file mode 100644
index 0000000..34bf961
--- /dev/null
+++ b/static/themes/Dark Christmas.css
@@ -0,0 +1,91 @@
+body{
+ background-image:url("/static/misc/christmas-dark-bg.png");
+}
+
+.home::before{
+ content:"";
+ position:fixed;
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ background-image:url("/static/misc/snow.png");
+ pointer-events:none;
+ z-index:-1;
+ animation:snowfall 12s linear infinite;
+ opacity:.6;
+}
+
+.home{
+ background:#1d2021;
+}
+
+@keyframes snowfall{
+ from{
+ background-position:0% 0px;
+ }
+
+ to{
+ background-position:0% 600px;
+ }
+}
+
+:root{
+ /* background */
+ --1d2021: #1d2021;
+ --282828: #282828;
+ --3c3836: #3c3836;
+ --504945: #504945;
+
+ /* font */
+ --928374: #928374;
+ --a89984: #bdae93;
+ --bdae93: #d5c4a1;
+ --8ec07c: #8ec07c;
+ --ebdbb2: #ebdbb2;
+
+ /* code highlighter */
+ --comment: #9e8e73;
+ --default: #d4be98;
+ --keyword: #d8a657;
+ --string: #7daea7;
+
+ /* color codes for instance list */
+ --green: #b8bb26;
+ --yellow: #d8a657;
+ --red: #fb4934;
+}
+
+.web .wiki-head table, .about table, .web .info-table, .instances table{
+ background:#1d202170;
+ color:#bdae93;
+}
+
+.web .wiki-head tr:nth-child(odd), .about table tr:nth-child(odd), .web .info-table tr:nth-child(even), .nextpage, .spoiler-button, .instances tbody tr:nth-child(even){
+ background:#28282870;
+ color:#bdae93;
+}
+
+.instances tbody tr:hover{
+ background:#3c383690;
+}
+
+.wiki-head .description{
+ overflow:initial !important;
+}
+
+.wiki-head .photo{
+ position:relative;
+}
+
+.wiki-head .photo::after{
+ content:"";
+ position:absolute;
+ width:100px;
+ height:100px;
+ background-image:url("/static/misc/christmas-hat.png");
+ background-size:contain;
+ top:-61px;
+ left:-31px;
+ transform:rotate(310deg);
+}
diff --git a/static/themes/White Christmas.css b/static/themes/White Christmas.css
new file mode 100644
index 0000000..ab12b24
--- /dev/null
+++ b/static/themes/White Christmas.css
@@ -0,0 +1,93 @@
+body{
+ background-image:url("/static/misc/christmas-white-bg.png");
+}
+
+.home::before{
+ content:"";
+ position:fixed;
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ background:#b9b5b380;
+ background-image:url("/static/misc/snow.png");
+ pointer-events:none;
+ z-index:-1;
+ animation:snowfall 12s linear infinite;
+}
+
+.web .answer::after{
+ display:none;
+}
+
+@keyframes snowfall{
+ from{
+ background-position:0% 0px;
+ }
+
+ to{
+ background-position:0% 600px;
+ }
+}
+
+:root{
+ /* background */
+ --1d2021: #bdae93;
+ --282828: #e7e7e7;
+ --3c3836: #e7e7e7;
+ --504945: #504945;
+
+ /* font */
+ --928374: #1d2021;
+ --a89984: #282828;
+ --bdae93: #3c3836;
+ --8ec07c: #52520e;
+ --ebdbb2: #1d2021;
+
+ /* code highlighter */
+ --comment: #6a4400;
+ --default: #d4be98;
+ --keyword: #4a4706;
+ --string: #076678;
+
+ /* color codes for instance list */
+ --green: #636311;
+ --yellow: #8a6214;
+ --red: #711410;
+}
+
+.autocomplete .entry:hover{
+ background:#928374;
+}
+
+.web .wiki-head table, .about table, .web .info-table, .instances table{
+ background:#a8998470;
+}
+
+.web .wiki-head tr:nth-child(odd), .about table tr:nth-child(odd), .web .info-table tr:nth-child(even), .nextpage, .spoiler-button, .instances tbody tr:nth-child(even){
+ background:#bdae9370;
+}
+
+.instances tbody tr:hover{
+ background:#92837480;
+}
+
+.wiki-head .description{
+ overflow:initial !important;
+}
+
+.wiki-head .photo{
+ position:relative;
+}
+
+.wiki-head .photo::after{
+ content:"";
+ position:absolute;
+ width:100px;
+ height:100px;
+ background-image:url("/static/misc/christmas-hat.png");
+ background-size:contain;
+ top:-61px;
+ left:-31px;
+ transform:rotate(310deg);
+}