Move color CSS

This commit is contained in:
MatthiasSaihttam 2020-12-02 15:33:19 -05:00
parent 6ace6bf7da
commit 375a4ec717
1 changed files with 11 additions and 71 deletions

View File

@ -3,75 +3,6 @@
--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%;
background: var(--accent-color);
}
@media (prefers-color-scheme: dark) {
@ -81,11 +12,20 @@ html {
--text-color: #C5CBD3;
/*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 */
/* Pink Official Green Forest Lime Dark theme-green Yellow Muted yellow */
/* #D787FF #5FAF87, #286546 #75a98a #78916e, #968540 #9a9168 */
}
}
html {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
background: var(--accent-color);
}
body {
margin: 0 1.5%;