kglt/fyne-on
1
0
Fork 0
Code Pull requests Activity Actions

feat: theme colors (#1195)

Browse source
This commit is contained in:
Anthony Fu 2023-01-16 11:26:19 +01:00 • committed by GitHub
parent 2e79f3aa37
commit 8753a94aae
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 298 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

13
styles/default-theme.css Normal file
View file

@ -0,0 +1,13 @@
:root {
--theme-color-name: #cc7d24;
--c-primary: rgb(var(--rgb-primary));
--c-primary-active: #b16605;
--c-primary-light: #cc7d2480;
--c-primary-fade: #c7781f1a;
--rgb-primary: 204, 125, 36;
--c-dark-primary: rgb(var(--rgb-dark-primary));
--c-dark-primary-active: #b66b0d;
--c-dark-primary-light: #d1822980;
--c-dark-primary-fade: #cc7d241a;
--rgb-dark-primary: 204, 125, 36;
}

23
styles/tiptap.css
View file

@ -1,12 +1,13 @@
.ProseMirror p.is-editor-empty:first-child::before {
content: attr(data-placeholder);
float: left;
pointer-events: none;
height: 0;
opacity: 0.4;
}
span[data-type='mention'],
span[data-type='hashtag'] {
--at-apply: text-primary;
.ProseMirror {
p.is-editor-empty:first-child::before {
content: attr(data-placeholder);
float: left;
pointer-events: none;
height: 0;
opacity: 0.4;
}
span[data-type='mention'],
span[data-type='hashtag'] {
--at-apply: text-primary;
}
}

22
styles/vars.css
View file

@ -1,17 +1,15 @@
:root {
--c-primary: #d98018;
--c-primary-active: #9a5420;
--c-primary-light: #d980181A;
--c-border: #eee;
--c-border-dark: #dccfcf;
--c-bg-base: #fafafa;
--c-bg-base-rgb: 250, 250, 250;
--rgb-bg-base: 250, 250, 250;
--c-bg-base: rgb(var(--rgb-bg-base));
--c-bg-active: #f2f2f2;
--c-bg-card: #00000006;
--c-bg-code: #00000006;
--c-bg-selection: #8885;
--c-bg-fade: #EA9E4411;
--c-bg-dm: #f1e8e6;
--c-text-base: #232323;
@ -29,19 +27,19 @@
}
.dark {
--c-primary: #EA9E44;
--c-primary-active: #C16929;
--c-primary-light: #EA9E441A;
--c-primary: var(--c-dark-primary);
--c-primary-active: var(--c-dark-primary-active);
--c-primary-light: var(--c-dark-primary-light);
--c-primary-fade: var(--c-dark-primary-fade);
--c-border: #222;
--c-border-dark: #545251;
--c-bg-base: #111;
--c-bg-base-rgb: 17, 17, 17;
--rgb-bg-base: 17, 17, 17;
--c-bg-active: #191919;
--c-bg-card: #ffffff06;
--c-bg-code: #ffffff06;
--c-bg-fade: #EA9E4411;
--c-bg-dm: #0a2f35;
--c-text-base: #f3f3f3;