init module
This commit is contained in:
commit
56791937ff
77 changed files with 5549 additions and 0 deletions
13
assets/css/color/blue.css
Normal file
13
assets/css/color/blue.css
Normal file
|
@ -0,0 +1,13 @@
|
|||
:root {
|
||||
--accent: #23B0FF;
|
||||
--background: color-mod(var(--accent) blend(#1D1E28 98%));
|
||||
--color: white;
|
||||
--border-color: rgba(255, 255, 255, .1);
|
||||
|
||||
/* variables for js, must be the same as these in @custom-media queries */
|
||||
--phoneWidth: (max-width: 684px);
|
||||
--tabletWidth: (max-width: 900px);
|
||||
}
|
||||
|
||||
@custom-media --phone (max-width: 684px);
|
||||
@custom-media --tablet (max-width: 900px);
|
13
assets/css/color/green.css
Normal file
13
assets/css/color/green.css
Normal file
|
@ -0,0 +1,13 @@
|
|||
:root {
|
||||
--accent: #78E2A0;
|
||||
--background: color-mod(var(--accent) blend(#1D1E28 98%));
|
||||
--color: white;
|
||||
--border-color: rgba(255, 255, 255, .1);
|
||||
|
||||
/* variables for js, must be the same as these in @custom-media queries */
|
||||
--phoneWidth: (max-width: 684px);
|
||||
--tabletWidth: (max-width: 900px);
|
||||
}
|
||||
|
||||
@custom-media --phone (max-width: 684px);
|
||||
@custom-media --tablet (max-width: 900px);
|
13
assets/css/color/orange.css
Normal file
13
assets/css/color/orange.css
Normal file
|
@ -0,0 +1,13 @@
|
|||
:root {
|
||||
--accent: #FFA86A;
|
||||
--background: color-mod(var(--accent) blend(#1D1E28 98%));
|
||||
--color: white;
|
||||
--border-color: rgba(255, 255, 255, .1);
|
||||
|
||||
/* variables for js, must be the same as these in @custom-media queries */
|
||||
--phoneWidth: (max-width: 684px);
|
||||
--tabletWidth: (max-width: 900px);
|
||||
}
|
||||
|
||||
@custom-media --phone (max-width: 684px);
|
||||
@custom-media --tablet (max-width: 900px);
|
13
assets/css/color/pink.css
Normal file
13
assets/css/color/pink.css
Normal file
|
@ -0,0 +1,13 @@
|
|||
:root {
|
||||
--accent: #EE72F1;
|
||||
--background: color-mod(var(--accent) blend(#1D1E28 98%));
|
||||
--color: white;
|
||||
--border-color: rgba(255, 255, 255, .1);
|
||||
|
||||
/* variables for js, must be the same as these in @custom-media queries */
|
||||
--phoneWidth: (max-width: 684px);
|
||||
--tabletWidth: (max-width: 900px);
|
||||
}
|
||||
|
||||
@custom-media --phone (max-width: 684px);
|
||||
@custom-media --tablet (max-width: 900px);
|
13
assets/css/color/red.css
Normal file
13
assets/css/color/red.css
Normal file
|
@ -0,0 +1,13 @@
|
|||
:root {
|
||||
--accent: #FF6266;
|
||||
--background: color-mod(var(--accent) blend(#1D1E28 98%));
|
||||
--color: white;
|
||||
--border-color: rgba(255, 255, 255, .1);
|
||||
|
||||
/* variables for js, must be the same as these in @custom-media queries */
|
||||
--phoneWidth: (max-width: 684px);
|
||||
--tabletWidth: (max-width: 900px);
|
||||
}
|
||||
|
||||
@custom-media --phone (max-width: 684px);
|
||||
@custom-media --tablet (max-width: 900px);
|
Loading…
Add table
Add a link
Reference in a new issue