1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-29 07:54:19 +00:00
pds-2021-g2-nest/nest_frontend/index.css

97 lines
1.6 KiB
CSS
Raw Normal View History

2021-04-20 23:03:59 +00:00
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Poppins&display=swap');
2021-04-20 22:28:23 +00:00
* {
box-sizing: border-box;
}
2021-04-20 22:07:39 +00:00
body {
2021-04-20 23:03:59 +00:00
--font-title: "Bree Serif", serif;
--font-regular: "Poppins", sans-serif;
2021-04-21 01:08:37 +00:00
--bg-field-on: #FFFFFF;
--bg-field-off: #C4C4C4;
--fg-field-on: #777777;
--fg-field-off: #626262;
2021-04-20 22:09:13 +00:00
margin: 0;
2021-04-20 22:23:35 +00:00
min-height: 100%;
min-width: 100%;
2021-04-20 22:07:39 +00:00
}
2021-04-22 17:10:19 +00:00
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-title);
}
2021-04-26 16:36:41 +00:00
*[disabled] {
cursor: not-allowed;
}
2021-04-20 22:37:25 +00:00
.ThemeDark {
2021-04-20 22:23:35 +00:00
--bg-primary: #3B7097;
2021-04-21 01:08:37 +00:00
--fg-primary: #FFFFFF;
2021-04-20 22:23:35 +00:00
--bg-light: #34607A;
--bg-dark: #254D61;
2021-04-24 02:23:05 +00:00
--bg-accent: #437EA0;
2021-04-20 22:23:35 +00:00
2021-04-21 01:08:37 +00:00
--bg-button-on: #5D815C;
--bg-button-off: #F6E2BC;
--fg-button-on: #FFFFFF;
--fg-button-off: #536841;
--bg-green: #536841;
--fg-green: #FFFFFF;
2021-04-20 22:23:35 +00:00
2021-04-21 01:08:37 +00:00
--bg-grey: #555555;
--fg-grey: #FFFFFF;
2021-04-20 22:23:35 +00:00
2021-04-21 01:08:37 +00:00
--bg-yellow: #B28000;
--fg-yellow: #FFFFFF;
--bg-red: #863821;
--fg-red: #FFFFFF;
2021-04-22 16:26:45 +00:00
--outline: white;
2021-04-20 22:23:35 +00:00
}
2021-04-20 22:37:25 +00:00
.ThemeLight {
2021-04-20 22:23:35 +00:00
--bg-primary: #CAE4F6;
2021-04-21 01:08:37 +00:00
--fg-primary: #336582;
2021-04-20 22:23:35 +00:00
--bg-light: #B2CEDF;
2021-04-20 23:09:25 +00:00
--bg-dark: #92B5D5;
2021-04-24 02:23:05 +00:00
--bg-accent: #D1DEE8;
2021-04-20 22:23:35 +00:00
--bg-button-on: #536841;
--bg-button-off: #FFFFFF;
2021-04-21 01:08:37 +00:00
--fg-button-on: #FFFFFF;
--fg-button-off: #536841;
--bg-green: #A9D09E;
--fg-green: #536841;
--bg-grey: #cccccc;
--fg-grey: #7a7a7a;
2021-04-20 22:23:35 +00:00
2021-04-21 01:08:37 +00:00
--bg-yellow: #F6E2BC;
--fg-yellow: #B28100;
2021-04-20 22:23:35 +00:00
2021-04-21 01:08:37 +00:00
--bg-red: #FF8866;
--fg-red: #863821;
2021-04-22 16:26:45 +00:00
--outline: black;
2021-04-20 22:07:39 +00:00
}
.Clickable {
cursor: pointer;
}
.Clickable:hover {
filter: brightness(110%);
}
.Clickable:active {
filter: brightness(125%);
}