use css vars

This commit is contained in:
Nitwel
2020-10-19 17:25:12 +02:00
parent f03bdbe132
commit 4d5d09d5e1

View File

@@ -1,7 +1,7 @@
/* stylelint-disable font-family-no-missing-generic-family-keyword */
.tox {
font-family: 'Inter', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
font-family: var(--family-sans-serif);
}
.tox .tox-tbtn {
@@ -169,7 +169,7 @@ body.dark .tox .tox-toolbar__overflow {
color: var(--foreground-normal);
font-weight: 500;
font-size: 14px;
font-family: 'Inter', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
font-family: var(--family-sans-serif);
background-color: var(--background-page);
border: 2px solid var(--border-normal);
border-radius: var(--border-radius);
@@ -177,7 +177,7 @@ body.dark .tox .tox-toolbar__overflow {
}
.tox .tox-textarea {
font-family: monospace;
font-family: var(--family-monospace);
}
.tox .tox-textfield:focus,
@@ -192,7 +192,7 @@ body.dark .tox .tox-toolbar__overflow {
box-sizing: border-box;
padding: 4px !important;
color: var(--foreground-normal);
font-family: 'Inter', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
font-family: var(--family-sans-serif);
background-color: var(--background-subdued);
border: 2px solid var(--border-normal);
border-radius: var(--border-radius);
@@ -232,7 +232,7 @@ body.dark .tox .tox-toolbar__overflow {
color: var(--white);
font-weight: 500;
font-size: 16px;
font-family: 'Inter', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
font-family: var(--family-sans-serif);
line-height: 19px;
background-color: var(--primary);
border: 2px solid var(--primary);