This commit is contained in:
Matthias 2020-11-04 17:54:48 +00:00
commit 5089f5f463
2 changed files with 74 additions and 60 deletions

View File

@ -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 */
}
}

View File

@ -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}`
}
</script>
</body>