From aff8b300e169f1335deda429f3252816e5466455 Mon Sep 17 00:00:00 2001 From: MatthiasSaihttam Date: Tue, 3 Nov 2020 15:37:46 -0500 Subject: [PATCH 1/2] Fix months being off by a month --- main/templates/whispermaphone/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/main/templates/whispermaphone/index.html b/main/templates/whispermaphone/index.html index acdd191..76063b5 100644 --- a/main/templates/whispermaphone/index.html +++ b/main/templates/whispermaphone/index.html @@ -94,7 +94,7 @@ if (minutes.length < 2) { minutes = "0" + minutes; } - timestampEl.textContent = `${time.getFullYear()}-${time.getMonth()}-${time.getDate()}, ${hours}:${minutes}${ampm}` + timestampEl.textContent = `${time.getFullYear()}-${time.getMonth()+1}-${time.getDate()}, ${hours}:${minutes}${ampm}` } From f8b5f6445ad6f815b88f4d667de0cb2d21af6e91 Mon Sep 17 00:00:00 2001 From: MatthiasSaihttam Date: Wed, 4 Nov 2020 01:43:22 -0500 Subject: [PATCH 2/2] Change dark-theme accent color\nAnd mess with a bunch of comments --- main/static/main/main.css | 132 +++++++++++++++++++++----------------- 1 file changed, 73 insertions(+), 59 deletions(-) diff --git a/main/static/main/main.css b/main/static/main/main.css index 5e30fb7..7d0346c 100644 --- a/main/static/main/main.css +++ b/main/static/main/main.css @@ -1,74 +1,88 @@ +:root { + /*Green and light pink (default light)*/ + --background-color: #3E4B39; + --text-color: #F0EFEE; + --accent-color: #F9E2D6; + + /*Dark blue, soft yellow, gray-blue*/ + /* --background-color: #1C1D20; */ + /* --text-color: #cac5b1; */ + /* --accent-color: #6a7784; */ + + /*Discord*/ + /* --background-color: #2F3136; */ + /* --text-color: #B9BBBE; */ + /* --accent-color: #6E84D2; */ + + /*Rigby dark, bad*/ + /* --background-color: #2E2A2A; */ + /* --text-color: #f4f2d6; */ + /* --accent-color: #BA3333; */ + + /*Rigby but worse*/ + /* --background-color: #f4f2d6; */ + /* --text-color: #2E2A2A; */ + /* --accent-color: #BA3333; */ + + /*Melodramatic 10/10*/ + /* --background-color: #180519; */ + /* --text-color: #FFFFFF; */ + /* --accent-color: #739DCD; */ + + /*Blue on blue but it still doesn't look good*/ + /* --background-color: #0B1419; */ + /* --text-color: #A2ACAE; */ + /* --accent-color: #3f698d; */ + + /*Gray and lavender*/ + /* --background-color: #505453; */ + /* --text-color: #EBEDE0; */ + /* --accent-color: #DACBEF; */ + + /*Black and white*/ + /* --background-color: #FEFEFE; */ + /* --text-color: #222222; */ + /* --accent-color: #CCCCCC; */ + + /*Really flipping blue*/ + /* --background-color: #00111B; */ + /* --text-color: #8BAD94; */ + /* --accent-color: #003A46; */ + + /*OG, yellow and a strong blue*/ + /* --background-color: #2E2A39; */ + /* --text-color: #E3D096; */ + /* --accent-color: #53929B; */ + + /*Darkened green and yellow*/ + /* --background-color: #151410; */ + /* --text-color: #B3B1A6; */ + /* --accent-color: #4C6444; */ + + /*Muted yellow dark (posted)*/ + /* --background-color: #23252E; */ + /* --text-color: #b3b9c1; */ + /* --accent-color: #9a9168; */ +} + html { padding: 0; margin: 0; width: 100%; height: 100%; - /*iTerm/Atom One Dark*/ - /*--background-color: #23252E;*/ - /*--text-color: #C5CBD3;*/ - /*--accent-color: #D787FF; !*Pink, pretty bright*!*/ - /*--accent-color: #5FAF87; !*Green, pretty bright*!*/ - - /*Discord*/ - /*--background-color: #2F3136;*/ - /*--text-color: #B9BBBE;*/ - /*--accent-color: #6E84D2;*/ - - /*Rigby dark, bad*/ - /*--background-color: #2E2A2A;*/ - /*--text-color: #f4f2d6;*/ - /*--accent-color: #BA3333;*/ - - /*Rigby but worse*/ - /*--background-color: #f4f2d6;*/ - /*--text-color: #2E2A2A;*/ - /*--accent-color: #BA3333;*/ - - /*Melodramatic 10/10*/ - /*--background-color: #180519;*/ - /*--text-color: #FFFFFF;*/ - /*--accent-color: #739DCD;*/ - - /*Blue on blue but it still doesn't look good*/ - /*--background-color: #0B1419;*/ - /*--text-color: #A2ACAE;*/ - /*--accent-color: #3f698d;*/ - - /*Gray and lavender*/ - /*--background-color: #505453;*/ - /*--text-color: #EBEDE0;*/ - /*--accent-color: #DACBEF;*/ - - /*Black and white*/ - /*--background-color: #FEFEFE;*/ - /*--text-color: #222222;*/ - /*--accent-color: #CCCCCC;*/ - - /*Green and light pink (default light)*/ - --background-color: #3E4B39; - --text-color: #F0EFEE; - --accent-color: #F9E2D6; - - /*Really flipping blue*/ - /*--background-color: #00111B;*/ - /*--text-color: #8BAD94;*/ - /*--accent-color: #003A46;*/ - - /*OG, yellow and a strong blue*/ - /*--background-color: #2E2A39;*/ - /*--text-color: #E3D096;*/ - /*--accent-color: #53929B;*/ - background: var(--accent-color); } @media (prefers-color-scheme: dark) { - html { - /*Background and text from Atom One Dark*/ + :root { + /*Background and text colors from Atom One Dark*/ --background-color: #23252E; --text-color: #C5CBD3; - --accent-color: #968540; /*Tame yellow*/ + /*A lot of accent colors work with this one*/ + --accent-color: #78916e; + /* Pink Offical Green Forest Lime Dark theme-green Yellow Muted yellow */ + /* #D787FF #5FAF87, #286546 #75a98a #78916e, #968540 #9a9168 */ } }