forked from nutomic/lemmy
parent
9f1934dd86
commit
bffd65720d
4 changed files with 29 additions and 0 deletions
26
ui/assets/css/themes/_variables.vaporwave-light.scss
vendored
Normal file
26
ui/assets/css/themes/_variables.vaporwave-light.scss
vendored
Normal file
|
@ -0,0 +1,26 @@
|
|||
|
||||
$blue: #01cdfe;
|
||||
$indigo: #b967ff;
|
||||
$purple: #b967ff;
|
||||
$pink: rgb(255, 64, 186);
|
||||
$red: rgb(255, 95, 110);
|
||||
$orange: rgb(255, 167, 93);
|
||||
$yellow: #fffb96;
|
||||
$green: #05ffa1;
|
||||
$teal: #01cdfe;
|
||||
$cyan: #01cdfe;
|
||||
$enable-shadows: true;
|
||||
$enable-gradients: true;
|
||||
$enable-responsive-font-sizes: true;
|
||||
$body-bg: $gray-100;
|
||||
$body-color: $gray-700;
|
||||
$border-radius: 1rem;
|
||||
$border-radius-lg: 1rem;
|
||||
$font-family-monospace: Arial, "Noto Sans", sans-serif;
|
||||
$yiq-text-light: $gray-300;
|
||||
$secondary: $blue;
|
||||
$text-muted: $gray-500;
|
||||
$primary: $pink;
|
||||
$navbar-light-hover-color: rgba($primary, .7);
|
||||
$light: darken($gray-100,1.5);
|
||||
$font-family-sans-serif: "Lucida Console", Monaco, monospace;
|
1
ui/assets/css/themes/vaporwave.min.css
vendored
Normal file
1
ui/assets/css/themes/vaporwave.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
ui/src/index.html
vendored
1
ui/src/index.html
vendored
|
@ -21,6 +21,7 @@
|
|||
<link rel="stylesheet" type="text/css" href="/static/assets/css/themes/darkly.min.css" id="darkly" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/assets/css/themes/journal.min.css" id="journal" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/assets/css/themes/sketchy.min.css" id="sketchy" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/assets/css/themes/vaporwave.min.css" id="vaporwave" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/assets/css/main.css" />
|
||||
|
||||
<!-- Scripts -->
|
||||
|
|
1
ui/src/utils.ts
vendored
1
ui/src/utils.ts
vendored
|
@ -281,6 +281,7 @@ export const themes = [
|
|||
'darkly',
|
||||
'journal',
|
||||
'sketchy',
|
||||
'vaporwave',
|
||||
];
|
||||
|
||||
export function setTheme(theme: string = 'darkly') {
|
||||
|
|
Loading…
Reference in a new issue