Merge branch 'master' of https://github.com/MatthiasSaihttam/WhisperMaPhone
This commit is contained in:
commit
5089f5f463
|
@ -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 */
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue