69 lines
2.3 KiB
CSS
69 lines
2.3 KiB
CSS
:root {
|
|
--font-family: 'Poppins';
|
|
--background-color-backup: #131419;
|
|
--background-color: rgb(16, 36, 50);
|
|
--input-background-color: rgb(0,20,34);
|
|
--input-border-color: #304562;
|
|
--primary-text-color: rgb(180,200, 214);
|
|
--product-container-background-color: rgb(39,59,73);
|
|
--product-container-box-shadow: 1px 1px 4px rgba(0,0,0,.5);
|
|
--product-title-text-color: rgb(200,220,234);
|
|
--image-overlay-opacity: 0.9;
|
|
--tag-background-color: #415664;
|
|
--tag-text-color: rgb(210,220,230);
|
|
--tag-border: none;
|
|
--tag-border-radius: 0.8em;
|
|
--tag-padding-old: 0.3em 1em;
|
|
--tag-padding: 0.5em 1em;
|
|
--tag-margin: 1em 0.5em 0 0;
|
|
--tag-hover-background-color: #596f7e;
|
|
--tag-hover-text-color: rgb(240,250,254);
|
|
--tag-hover-border: none;
|
|
--product-footer-background-color: rgb(0,20,34);
|
|
--product-footer-text-color: rgb(220,230,234);
|
|
--expected-date-text-color: #ffe073;
|
|
--planned-date-text-color: #73bdff;
|
|
--card-padding-top: .5rem;
|
|
--card-padding-bottom: .5rem;
|
|
--card-padding-left: .5rem;
|
|
--card-padding-right: .5rem;
|
|
--card-background-image: linear-gradient(0deg, #1C2029, #1C1F28);
|
|
--card-border-radius: 30px;
|
|
--card-border-width: 2px;
|
|
--card-border-top-color: #353B4C;
|
|
--card-border-left-color: #212630;
|
|
--card-border-right-color: #212531;
|
|
--card-border-bottom-color: #212530;
|
|
--input-border-color: #304562;
|
|
--input-hover-border-color: #64b5f6;
|
|
--input-background-color: rgb(0,20,34);
|
|
--input-focus-border-color: #64b5f6;
|
|
--input-focus-box-shadow: 0 0 0 1px #93cbf9;
|
|
/* Colors */
|
|
--color-primary: rgb(180,200, 214);
|
|
--color-secondary: rgb(200,220,234);
|
|
--color-black: #272727;
|
|
--color-yellow: #ffe073;
|
|
--color-green: #afe07d;
|
|
--color-teal: #6eecff;
|
|
--color-blue: #73c4ff;
|
|
--color-orange: #ffa773;
|
|
--color-pink: #e06894;
|
|
--color-dark-pink: #832044;
|
|
/* Background Colors */
|
|
--background-color-primary: rgb(57, 79, 94);
|
|
--background-color-secondary: rgb(30, 53, 69);
|
|
|
|
/* Official */
|
|
}
|
|
|
|
/*
|
|
padding: .5rem;
|
|
border-width: 2px;
|
|
border-top-color: #353B4C;
|
|
border-left-color: #212630;
|
|
border-right-color: #212531;
|
|
border-bottom-color: #212530;
|
|
border-radius: 30px;
|
|
background-image: linear-gradient(0deg, #1C2029, #1C1F28);
|
|
*/ |