mirror of
https://github.com/LemmyNet/lemmy.git
synced 2024-09-10 00:18:49 -06:00
Making a better light theme, litely. #822
This commit is contained in:
parent
11f771469f
commit
416344b361
30
ui/assets/css/themes/_variables.litely.scss
vendored
Normal file
30
ui/assets/css/themes/_variables.litely.scss
vendored
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
|
||||||
|
$white: #ffffff;
|
||||||
|
$orange: #faa077;
|
||||||
|
$cyan: #02bdc2;
|
||||||
|
$green: #d4e9d7;
|
||||||
|
$secondary: $green;
|
||||||
|
$body-color: $gray-700;
|
||||||
|
$link-color: theme-color("danger");;
|
||||||
|
$primary: $orange;
|
||||||
|
$red: #d8486a;
|
||||||
|
$border-radius: 1.5rem;
|
||||||
|
$border-radius-lg: 1.5rem;
|
||||||
|
$border-radius-sm: 1rem;
|
||||||
|
$font-family-sans-serif: Guardian-EgypTT,serif,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
|
$headings-color: $gray-700;
|
||||||
|
$input-btn-focus-color: rgba($component-active-bg, .75);
|
||||||
|
$form-feedback-valid-color: theme-color("info");
|
||||||
|
$navbar-light-color: $gray-600;
|
||||||
|
$black: #222222;
|
||||||
|
$navbar-dark-toggler-border-color: rgba($black, .1);
|
||||||
|
$navbar-light-active-color: $gray-900;
|
||||||
|
$card-color: $gray-700;
|
||||||
|
$card-cap-color: $gray-700;
|
||||||
|
$info: darken($green, 25%);;
|
||||||
|
$body-bg: #f2f0f0;
|
||||||
|
$success: darken($green, 25%);;
|
||||||
|
$danger: darken($primary, 25%);
|
||||||
|
$navbar-light-hover-color: $gray-900;
|
||||||
|
$card-bg: $gray-100;
|
||||||
|
$border-color: $gray-700;
|
1
ui/assets/css/themes/litely.min.css
vendored
Normal file
1
ui/assets/css/themes/litely.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2
ui/src/index.html
vendored
2
ui/src/index.html
vendored
@ -15,7 +15,7 @@
|
|||||||
<link rel="stylesheet" type="text/css" href="/static/assets/css/toastify.css" />
|
<link rel="stylesheet" type="text/css" href="/static/assets/css/toastify.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="/static/assets/css/selectr.min.css" />
|
<link rel="stylesheet" type="text/css" href="/static/assets/css/selectr.min.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="/static/assets/css/tippy.css" />
|
<link rel="stylesheet" type="text/css" href="/static/assets/css/tippy.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="/static/assets/css/themes/united.min.css" id="default-light" media="(prefers-color-scheme: light)" />
|
<link rel="stylesheet" type="text/css" href="/static/assets/css/themes/litely.min.css" id="default-light" media="(prefers-color-scheme: light)" />
|
||||||
<link rel="stylesheet" type="text/css" href="/static/assets/css/themes/darkly.min.css" id="default-dark" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: dark)" />
|
<link rel="stylesheet" type="text/css" href="/static/assets/css/themes/darkly.min.css" id="default-dark" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: dark)" />
|
||||||
<link rel="stylesheet" type="text/css" href="/static/assets/css/main.css" />
|
<link rel="stylesheet" type="text/css" href="/static/assets/css/main.css" />
|
||||||
|
|
||||||
|
1
ui/src/utils.ts
vendored
1
ui/src/utils.ts
vendored
@ -103,6 +103,7 @@ export const themes = [
|
|||||||
'vaporwave',
|
'vaporwave',
|
||||||
'vaporwave-dark',
|
'vaporwave-dark',
|
||||||
'i386',
|
'i386',
|
||||||
|
'litely',
|
||||||
];
|
];
|
||||||
|
|
||||||
export const emojiPicker = new EmojiButton({
|
export const emojiPicker = new EmojiButton({
|
||||||
|
Loading…
Reference in New Issue
Block a user