121 lines
2.8 KiB
CSS
121 lines
2.8 KiB
CSS
|
:root {
|
||
|
|
/* Font Stack */
|
||
|
|
--p-font: 'Outfit', sans-serif;
|
||
|
|
--s-font: Arial, sans-serif;
|
||
|
|
|
||
|
|
/* Background Colors */
|
||
|
|
--b-color: #010805; /* bg primary */ /* #010805 #04160e #061b11 #063f25 */
|
||
|
|
--bs-color: #05130d; /* bg secondary */
|
||
|
|
|
||
|
|
/* Primary Colors */
|
||
|
|
--s-color: #14c670; /* secondary */
|
||
|
|
--t-color: #0e8b4e; /* trinary */ /* #5bd79b */
|
||
|
|
--q-color: #042A18; /* quaternary #042A18 #14c6702d */
|
||
|
|
|
||
|
|
--w-color: #ffffff; /* white */
|
||
|
|
--bl-color: #000000; /* black */
|
||
|
|
--r-color: #da5959; /* red */
|
||
|
|
|
||
|
|
--l-color: #e8fff4; /* link */
|
||
|
|
--la-color: #14c670; /* link alt */
|
||
|
|
|
||
|
|
--i-color: #12b36512; /* input #1b2821 */
|
||
|
|
--ib-color: #12b36542; /* input border */
|
||
|
|
--if-color: #12b365; /* input focus */
|
||
|
|
|
||
|
|
--hr-color: #23ff951e; /* hr */
|
||
|
|
--br-color: #12b365; /* border */
|
||
|
|
--brh-color: #042816; /* border hover */
|
||
|
|
--tb-color: #12b36542; /* table */
|
||
|
|
--marker: #e8fff45d;
|
||
|
|
|
||
|
|
--tooltip: #0C5A34; /* tooltip */
|
||
|
|
|
||
|
|
/* Buttons */
|
||
|
|
--btn-bg: #14c670; /* btn background */
|
||
|
|
--btn-hover: #11a85f; /* btn hover */
|
||
|
|
|
||
|
|
--cbtn-bg: #12b36512; /* card btn hover */
|
||
|
|
--cbtn-hover: #12b3651f; /* card btn hover */
|
||
|
|
|
||
|
|
--pbtn-bg: #084f2d; /* plan sbtn hover */
|
||
|
|
--pbtn-hover: #074326; /* plan sbtn hover */
|
||
|
|
|
||
|
|
--width: 72rem;
|
||
|
|
--width-md: 58rem;
|
||
|
|
--width-sm: 36rem;
|
||
|
|
|
||
|
|
--radius: .375rem;
|
||
|
|
--radius-one: 1rem;
|
||
|
|
--radius-full: 99rem;
|
||
|
|
|
||
|
|
/* Font Colors */
|
||
|
|
--f-color: #e8fff4; /* primary */
|
||
|
|
--fs-color: #e8fff4de; /* secondary */
|
||
|
|
--ft-color: #e8fff4b2; /* trinary */
|
||
|
|
--fq-color: #e8fff48a; /* quaternary */
|
||
|
|
|
||
|
|
--h-color: #43d18c88; /* text highlight */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
:root {
|
||
|
|
/* Font Stack
|
||
|
|
--p-font: 'Outfit', sans-serif;
|
||
|
|
--s-font: Arial, sans-serif;
|
||
|
|
|
||
|
|
/* Primary Colors
|
||
|
|
--b-color: #212121; /* background
|
||
|
|
--s-color: #14c670; /* secondary *
|
||
|
|
--t-color: #5bd79b; /* trinary
|
||
|
|
--q-color: #e8f9f1; /* quaternary
|
||
|
|
|
||
|
|
--w-color: #ffffff; /* white
|
||
|
|
--hr-color: #23ff95; /* hr
|
||
|
|
|
||
|
|
--l-color: #e8fff4; /* link
|
||
|
|
--la-color: #14c670; /* link alt
|
||
|
|
|
||
|
|
--i-color: #14c670; /* input
|
||
|
|
--if-color: #14c16d; /* input focus
|
||
|
|
--br-color: #0e8b4e; /* border
|
||
|
|
--brf-color: #084f2d; /* border focus
|
||
|
|
|
||
|
|
/* Button Colors
|
||
|
|
--btn-bg: #12b365; /* btn background
|
||
|
|
--btn-hover: #11a85f; /* btn hover
|
||
|
|
|
||
|
|
--cbtn-bg: #14c6706c; /* card btn hover
|
||
|
|
--cbtn-hover: #14c6708a; /* card btn hover
|
||
|
|
|
||
|
|
--sbtn-bg: #e8fff44a; /* card sbtn hover
|
||
|
|
--sbtn-hover: #e8fff46a; /* card sbtn hover
|
||
|
|
|
||
|
|
/* Font Colors
|
||
|
|
--f-color: #e8fff4; /* primary
|
||
|
|
--fs-color: #4e4e4e; /* secondary
|
||
|
|
--ft-color: #d9f6e8; /* trinary
|
||
|
|
|
||
|
|
--h-color: #43d18c88; /* text highlight
|
||
|
|
|
||
|
|
/* Dev Environment
|
||
|
|
--s-color: #020420;
|
||
|
|
--t-color: #333333;
|
||
|
|
--q-color: #020420;
|
||
|
|
--fs-color: #cacaca;
|
||
|
|
|
||
|
|
--btn-bg: #1E293B;
|
||
|
|
--btn-hover: #1A223A;
|
||
|
|
|
||
|
|
|
||
|
|
/* Dev Environment
|
||
|
|
--s-color: #061b11; /* #04160e #061b11 #063f25 #020420
|
||
|
|
--t-color: #333333;
|
||
|
|
--q-color: #020420;
|
||
|
|
|
||
|
|
--fs-color: #cacaca;
|
||
|
|
|
||
|
|
--btn-bg: #14c670; /* #1E293B
|
||
|
|
|
||
|
|
}
|
||
|
|
*/
|