Move color CSS
This commit is contained in:
parent
6ace6bf7da
commit
375a4ec717
|
@ -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%;
|
||||
|
||||
|
|
Loading…
Reference in New Issue