From a557facd3f745f390304fd3abe9953a277d1b348 Mon Sep 17 00:00:00 2001 From: some weird guy <120821766+Mistake35@users.noreply.github.com> Date: Sat, 30 Sep 2023 17:39:28 -0700 Subject: [PATCH] CSS crap --- .../templates/closedverse_main/layout.html | 5 ++-- static/blueness.css | 4 +-- static/closedverse.css | 8 +++--- ...rent-checkerboard-pattern-low-contrast.svg | 23 ++++++++++++++++++ .../img/Transparent-checkerboard-pattern.svg | 23 ++++++++++++++++++ static/img/indigo-pattern.png | Bin 1245 -> 0 bytes static/img/miiverse-pattern2.png | Bin 5065 -> 0 bytes 7 files changed, 55 insertions(+), 8 deletions(-) create mode 100644 static/img/Transparent-checkerboard-pattern-low-contrast.svg create mode 100644 static/img/Transparent-checkerboard-pattern.svg delete mode 100644 static/img/indigo-pattern.png delete mode 100644 static/img/miiverse-pattern2.png diff --git a/closedverse_main/templates/closedverse_main/layout.html b/closedverse_main/templates/closedverse_main/layout.html index 78b1041..92bd603 100644 --- a/closedverse_main/templates/closedverse_main/layout.html +++ b/closedverse_main/templates/closedverse_main/layout.html @@ -54,6 +54,7 @@ darkColor = rgb2hex(mainColorR / 4, mainColorG / 4, mainColorB / 4); lightColor = rgb2hex(lightColorR, lightColorG, lightColorB); slightlyDarkColor = rgb2hex(mainColorR / 1.4, mainColorG / 1.4, mainColorB / 1.4); + darkerButNotThatDark = rgb2hex(mainColorR / 6, mainColorG / 6, mainColorB / 6); darkerColor = rgb2hex(mainColorR / 8, mainColorG / 8, mainColorB / 8); // Set CSS variables @@ -61,8 +62,8 @@ document.documentElement.style.setProperty("--theme-dark", darkColor); document.documentElement.style.setProperty("--theme-slightly-dark", slightlyDarkColor); document.documentElement.style.setProperty("--theme-darker", darkerColor); + document.documentElement.style.setProperty("--theme-a-bit-darker", darkerButNotThatDark); document.documentElement.style.setProperty("--theme-light", lightColor); - {% if not request.user.bg_url %}document.documentElement.style.setProperty("--background", "url('img/indigo-pattern.png')");{% endif %} } // hex -> rgb @@ -85,8 +86,8 @@ document.documentElement.style.setProperty("--theme-dark", "initial"); document.documentElement.style.setProperty("--theme-slightly-dark", "initial"); document.documentElement.style.setProperty("--theme-darker", "initial"); + document.documentElement.style.setProperty("--theme-a-bit-darker", "initial"); document.documentElement.style.setProperty("--theme-light", "initial"); - document.documentElement.style.setProperty("--background", ""); } changeThemeColor(); diff --git a/static/blueness.css b/static/blueness.css index 0511d81..0e91b3e 100644 --- a/static/blueness.css +++ b/static/blueness.css @@ -149,7 +149,7 @@ form.search input[type="submit"] { box-shadow: 0px 1px 0px #000; } .notify { - background: #0e0e39 !important; + background: var(--theme-darker, #0e0e39) !important; } .tab2 a, .tab3 a { background-color: var(--theme-dark, #0a0a17); @@ -480,7 +480,7 @@ border-top: 1px solid #222; border: 1px solid rgba(221, 221, 221, 0); } #wrapper, #image-header-content { - background: var(--theme, #eeeeee) var(--background, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAjBJREFUeJzt3cFy2jAURuFfMjTrvP+bltrqgpA0YKczHQj1uecs8UbypwGbzW0vL68jq7VM0yFJW7/83zYyz7+SbGyrWH39473iJvte+/1bASbcIMIe7tMVMOnGtEzTMa0R9vLvfQKepmMYuB/1Xhu5J0lrLdP049lreViVkXtrLb0fn72Oh9f7oSRyr4B7rsZBvm7jNckoCQxPYHgCwxMYnsDwBIYnMDyB4QkMT2B4AsMTGJ7A8ASGJzA8geEJDE9geALDExiewPAEhicwPIHhCQxPYHgCwxMYnsDwBIYnMDyB4QkMT2B4AsMTGJ7A8ASGJzA8geEJDE9geALDExheX5bTs9fwbVXa66U+xsg8/3z2Oh7espwyRr1JLO9f0fPMPd1VcZNPv8HjDZl1IyrjJjcPWaShUucDWxk3WX2KJiAT9nCfNl6T9nyD9rz2+3fYvjTQD1637XUo2NcH2j86kuwXN/nb2gXeNe6l7T0UBybgXlqf1VgauMKsxpLAlWY1lgOuNquxHHAF3HPng1wOuFoCwxMYnsDwBIYnMDyB4QkMT2B4AsMTGJ7A8ASGJzA8geEJDE9geALDExiewPAEhicwPIHhCQxPYHgCwxMYnsDwBIYnMDyB4QkMT2B4AsMTGJ7A8ASGJzA8geEJDE9geALDExiewPAEhlcOuNL8wmU51QOuNquxHPAl8sigP8f5lQWuMquxMHDCmpK2PquxOHDCQN7eg8BJ9o389dp/A4bSnAQqPoWAAAAAAElFTkSuQmCC')) !important; + background: var(--theme-a-bit-darker, #0b0b1a) url('img/Transparent-checkerboard-pattern.svg') !important; } #empathy-content:before { background: url(img/rks.png) no-repeat 0 0 !important; diff --git a/static/closedverse.css b/static/closedverse.css index d71130e..6ffedd2 100644 --- a/static/closedverse.css +++ b/static/closedverse.css @@ -216,7 +216,7 @@ body { min-width: 320px; margin: auto 0; text-align: left; - background: var(--theme, #eee) var(--background, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAIAAAC2BqGFAAADF0lEQVR4nO2dwW7bMBAFuRLz/5+bgyWyhwUE13ELtN43EIE3pyQHZj1YUoRMPcX393fT8Hg8zvOcc4rGryUi9n3/+voSjb+Jxm2tbdsWEbrxa4mIbVPa0A1tnrFoCIuGsGgIi4awaAiLhrBoCIuGsGgIi4awaAiLhrBoCIuGsGgIi4awaAiLhrBoCKHoOecqX4E3fbUS0RGxluUkaxZ9c6/q6DnnGEM0uIgxhq456kVnO+fRmYWaOqvNshVNXS96znkcx0JnlC5S9HEcisorRWcjnOd5nmfhsDBX/bV93UtGyZrGGFnl20XjqvsO58Su8l7qzF+zqfd9z0NiJQ1eIzovI1cv/KwsK87zbTcRnTVHxMtF+8V1RJQU3B+Px4eH+66i2zvFWeW2bYVFl/B89Wu/V54/jzHGGCXNMcbo53l+uA/70zRsraXZfd9rp2EJ1ySLiLcTMS1nG30oes7ZdZuw/Ay99+zl+yhOsp7s1og4jqP9Ycn++ff/QHuvI3u53amRX8jCrjp1qETnitF7v8+i/BeeZ57oX6judaToG64Yb8nth/Ryrerom2zj/gnp0xXCpWOVdk6yqZdcOhQjq1lv6TAvWDSERUNYNIRFQ1g0hEVDWDSERUNYNIRFQ1g0hEVDWDSERUNYNIRFQ1g0hEVDWDSERUNYNIRFQ1g0hEVDWDSERUNYNIRFQ1g0hEVDWDSERUNYNIRFQ1g0hEVDWDSERUNYNIRFQ1g0hEVDSESvFS34jK5yYWSmLudTgTpPVSVamvMpQpqnKlw6dDmf5QB5qsKlQ5fzWQ6Qp6rddYhyPgvB8lT755krfM5nCWSe6pyzXwo+GQXO+SyBzFMdY/SSd7uTOZ8lwHmq+77XpO2SOZ8l8HmqNaLhnE8dujzVyl0HlvMpRZSnKnmZgjrnU4Q0T1XyMgV1zqcCdZ6qMDJTl/MpQrojUt3rWKudE2meqrDp1nKtrnax2b0uFg1h0RAWDWHREBYNYdEQFg1h0RAWDWHREBYNYdEQFg1h0RAWDWHREBYNYdEQFg0hFL3W0xXS5ypaa78A+zg9ngAQ62UAAAAASUVORK5CYII=')); + background: var(--theme-light, #eee) url('img/Transparent-checkerboard-pattern-low-contrast.svg'); background-attachment: fixed; } #sub-body { @@ -5005,7 +5005,7 @@ div#activity-feed-tutorial.no-content p.tleft { text-decoration: underline; } .messages .post.my { - background-color: #e6fbff; + background-color: #eee; } button.msg-update { padding: 4px 4px 4px; @@ -6296,10 +6296,10 @@ h2.label-topic_post .label-topic_post-msgid { border-top: 1px solid #dddddd; } #reply-content .list .my { - background-color: #e6fbff; + background-color: var(--theme-light, #e6fbff); } #reply-content .list > li.my:hover { - background-color: #c7f6ff; + background-color: var(--theme-light, #c7f6ff); } .reply-list .icon-container { width: 50px; diff --git a/static/img/Transparent-checkerboard-pattern-low-contrast.svg b/static/img/Transparent-checkerboard-pattern-low-contrast.svg new file mode 100644 index 0000000..019c4ac --- /dev/null +++ b/static/img/Transparent-checkerboard-pattern-low-contrast.svg @@ -0,0 +1,23 @@ + + + + + + + + + diff --git a/static/img/Transparent-checkerboard-pattern.svg b/static/img/Transparent-checkerboard-pattern.svg new file mode 100644 index 0000000..8bdafc3 --- /dev/null +++ b/static/img/Transparent-checkerboard-pattern.svg @@ -0,0 +1,23 @@ + + + + + + + + + diff --git a/static/img/indigo-pattern.png b/static/img/indigo-pattern.png deleted file mode 100644 index 867b15bcc0518ec39f4658631627ea7ef6da811c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1245 zcmXw3Yfuws6kUPxSW3beQbq+*M#>|CXvaE%&@BXnqBY?WFaySj?Uc;K2O=Ue3uKUO zN?Iv`39Su}&?1RsAZV>xQR)hn5DC$?KB^-ii9ytYE3_^m({B^|W50XOx#ym{-~QOz z41Ss)yb^{W$S?illq^u?)Z^_5&Z|g)8G<~1OixJ?mT8_f=NCUr^!H$x!a4u6+@npt z{&rB7C=ZF*dRsRQF;=Kv>m!5toxiiHixWZ~ze1)jbZJHl5d?X;v_v~RYQWBXRel{) z>x?@%$+TZ7u=Hp<3a$Mq1)EnNxUuZKbvg4^sO7HLIB$zk#M*C(hXV83@rADs5U$=f zO`~hBZX&3{Id?GHp>r?NzQ;CXb0i^h-ku=iYfo5 zP$H5Qfm^9~Ns6=YIBajEV*VRxqhrcl=NAudvx1Wroakxo%`6zfNdh`8ud9V+;g(LX zdY`!*q3FzhBtgErZL}RfaqPe>^nNv>gk`ywi|#{kd;s&-b3&I_lYED1Y!2-r3}`3`s_(!Ok$SUUy0+*-yCf~YxN?tL{Pavm2F5^i}LK^ygm6Q zpkt{>m0BFx@*78pV^C~|iGY+$F5l@B{%IsdXM1lw@QxKuW zg$BFh7=4uhnAVcU35qt-S8WB9Pa3aKR7GDyb@!6ShZJq<{|gk^P*qjc*i2TWsB-Mz zKCJI$thy((N(ENlZlrVb;kV56R^?e#Od1@7vt)wqYb1~mE?zW{Jx)vuhlQ=>iB!L86MQlY8 zwiX|#SRdu32IYvZh@e7?RTRaytOU?ftVKk?mZGx2-U*0!+Hs8f8XzZ z-|v3kJ#*7Sf)|c=baA9mDB~poq9x#IBCpY-z@3kAZ-Pfvk}T4&1Tj*zI*o#e#i@ow zEl$NvgaQETRUy8UtEi*T^lqN-8=3Rm^;VuopYQ%?r)_CcI`kwobz{Q&i>pKSK6&5(mENA~^v#09Q1v13-K@~7UpgOHm6aKM{`*+9c-)zs zv3{eGaUPRBy6?&6j=9zqKhZ6^BS%=%+ps@3;?kaRooVNp1=Bz15_H`z$k#W`nQ&rj z-uwHfY;iI8HZLryp;g4u1oJwt9Ltnko3t_Qd-?Pl)s?{1K%vBSvFxAEHXNyOd<567 zI(<32r-eT5r;`t77u|9d*^Z4AIYOAMIE6J&MBE8rW)}37ZcMK1I#@k>TZ~o13V zHncqdcHn{Wlmd}ANF6Vv)K0VXJCCw0_sLaQ?q4iv1|mbb=d6u#Ajd|?QdIWy&xPn*mkbX3H|Y+rf!Gsbzsp6o-wK z0h!0^giVc&O_mB}c3&Tbeoyyo>xvAn{BDNU%uhA_1yV(GW}{$7v>&7GxfUBJ?(C z5i|xjQ02IiPz`URcj+7zQ`r#{yfFvCrniMQUlVVUl26@kS6q*EpK!qC+ zs!0{A)(cEtkd;>e+GIB!qFNz_7%wPN8bbBc=x{2V#-=e~v581vLGvA{LLH_MED`w+ zQGhouXr;lR70~HMqmgFxplNhUI+M@m(-|x}iv@W*RRF37vohb9a-l>TGHgLgpd?gU zs}&IY4WxlkycX*X-^dYbI3pba=EJ;ipkKvq1p|~+DiCSVc+x$I$O|Ip7hoEczy#JN zpTkjb<#IO6;@}=I8^yRV!jbb~7L$Xa965`vkSj(|Nz{4+qDFC&3XszXz{BORn0yW< zhdtN~1k_scKm|PCV0@I^BoC&kp zTprA0@HpTm_u$Fd961BStyCB)@Ym>62v|-+g(z{lR;{!Skb(<*LnK}hi^h1}6B3IU z6u`g>T12ShO|J)JgbEKeAf%d1E|16H@>w2y27|+34f<^53&(YOkclKGlR+DbhFlf_ z2nGm?ka-FSth68&fu9aX3>uwGqlxu`ND3-xIXo-{<%A&yM1&Y{K+0fw2pC)ei!Wnx z1q@FClLs@{0>%iu1|t-S{|ikP4^=q0LJZ|u9@HLjOmJ*d}EeZjG z4u+sd5^&7wC*T?!LRTVcB@T9vp>%!KPy9hDV4kQ4g0pcL1K9(!#Y=cEAYGQ`oGEL`1&}7tHD>05ge9|d>pn19JEHsgBFUcM=r_>zw%_z z8lw$}(o-m7r;wKoCHre<(CJ{1NW~71M$K??m@JK(wv0lti<5|aWv2S}#v5u2*J&NH zb>Reg(B+`>Gp-+K@AZ~kSG9WBe|4UBEU~&V;B)4IePd9)f~ zZRZY|gWPv>lt($xq;douT;Z&+AhcFskn zW^?KK-gC)w5ph*=X4uKcz5QFl>?T%q=9zc6v%}81r6P;5^3EO0mS<;Q+j+d9{&?0e z%;hfkOT$~wsw@@ZHc!qD95LsZpWb|Mu=|s{^|#=nWr6OyopUAbstXQ<>2r!V*-zr% ziSO$wI=bR& zS50!<<)j$PZ@9F_a;~GtTvn491eoX6UEDF|l-Yc$fC%3ZlfhJ3&W)=&Hu1wJYZJCc z>nAm|Oq&r39S>|cTtIv#YJnfcRND%JYYv{2)_9k16}N0}`{u^O${8tJ^8e94HSbXgqlVVI`?Hes%ZieDkAlV08~I@kPRk)JGn8$!h%%+po&o+tEt_$}twj{O!O=ef ziU_})8tH~N(CStM+0zu8zhtV<^lZt0kksLZW<-^g6zcX~GABhi9y2#h^%NIAF6ij( ztB zz3ge*m1UNDUEe-#rjBi@4^}qTKh^TClw|q@UMkqWPj<&_KC7$Dj}1NyO@3U~udl7+ z^p-#G?^mN4;b8-f&e`qw!+)2w_sssRPTtY{gH~&P>9jyQd+nb1l87IRiR_M`8OGv+ zKes1L7q>)-a@^UIqMVFfTO^itZg^PtJm_%V*=-kysGZqaC)Q3Vxmz%%)V}3JulnQW z^e=mRd$FTy5^AUFrzF(2Hhfy+Hp*1CIcQJLiM@Y6eXwXr!OzWqCbK!T+e`bV3*o?; aJKjGmdeD|&T+u+5t3(_uDq65&{eJ;TK9kY_