Fix font not being defined

This commit is contained in:
Gabe Kangas 2022-08-30 10:58:01 -07:00
parent e605dea03a
commit ef30ddc892
No known key found for this signature in database
GPG key ID: 9A56337728BC81EA
3 changed files with 29 additions and 50 deletions

View file

@ -13,6 +13,13 @@ theme:
unknown-2:
value: 'red'
comment: 'This should never be used and it means something is wrong.'
text-body-font-family:
value: 'var(--font-owncast-body)'
comment: 'The font family used for the body text.'
text-display-font-family:
value: 'var(--font-owncast-display)'
comment: 'The font family used for the display/header text.'
color:
users:
comment: 'Colors used to display chat users.'

View file

@ -1,6 +1,6 @@
// Do not edit directly
// Generated on Tue, 30 Aug 2022 06:12:22 GMT
// Generated on Tue, 30 Aug 2022 17:56:21 GMT
//
// How to edit these values:
// Edit the corresponding token file under the style-definitions directory
@ -16,6 +16,8 @@
@theme-rounded-corners: 0.5rem; // How much corners are rounded in places in the UI.
@theme-unknown-1: green; // This should never be used and it means something is wrong.
@theme-unknown-2: red; // This should never be used and it means something is wrong.
@theme-text-body-font-family: var(--font-owncast-body); // The font family used for the body text.
@theme-text-display-font-family: var(--font-owncast-display); // The font family used for the display/header text.
@theme-color-users-0: var(--color-owncast-user-0);
@theme-color-users-1: var(--color-owncast-user-1);
@theme-color-users-2: var(--color-owncast-user-2);

View file

@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Tue, 30 Aug 2022 06:12:22 GMT
* Generated on Tue, 30 Aug 2022 17:56:21 GMT
*
* How to edit these values:
* Edit the corresponding token file under the style-definitions directory
@ -18,6 +18,8 @@
--theme-rounded-corners: 0.5rem; /* How much corners are rounded in places in the UI. */
--theme-unknown-1: green; /* This should never be used and it means something is wrong. */
--theme-unknown-2: red; /* This should never be used and it means something is wrong. */
--theme-text-body-font-family: var(--font-owncast-body); /* The font family used for the body text. */
--theme-text-display-font-family: var(--font-owncast-display); /* The font family used for the display/header text. */
--theme-color-users-0: var(--color-owncast-user-0);
--theme-color-users-1: var(--color-owncast-user-1);
--theme-color-users-2: var(--color-owncast-user-2);
@ -51,59 +53,31 @@
--theme-color-warning: var(--theme-color-palette-warning); /* Warning */
--theme-color-components-text-on-light: var(--theme-color-palette-0); /* Dark primary */
--theme-color-components-text-on-dark: var(--theme-color-palette-3); /* Light primary */
--theme-color-components-primary-button-background: var(
--theme-color-action
); /* Text link/secondary light text */
--theme-color-components-primary-button-background-disabled: var(
--theme-color-action-disabled
); /* Disabled background */
--theme-color-components-primary-button-background: var(--theme-color-action); /* Text link/secondary light text */
--theme-color-components-primary-button-background-disabled: var(--theme-color-action-disabled); /* Disabled background */
--theme-color-components-primary-button-text: var(--theme-color-palette-4); /* Light secondary */
--theme-color-components-primary-button-text-disabled: var(
--theme-color-palette-10
); /* Neutral gray light */
--theme-color-components-primary-button-border: var(
--theme-color-palette-4
); /* Light secondary */
--theme-color-components-primary-button-border-disabled: var(
--theme-color-action-disabled
); /* Disabled background */
--theme-color-components-secondary-button-background: var(
--theme-color-palette-4
); /* Light secondary */
--theme-color-components-primary-button-text-disabled: var(--theme-color-palette-10); /* Neutral gray light */
--theme-color-components-primary-button-border: var(--theme-color-palette-4); /* Light secondary */
--theme-color-components-primary-button-border-disabled: var(--theme-color-action-disabled); /* Disabled background */
--theme-color-components-secondary-button-background: var(--theme-color-palette-4); /* Light secondary */
--theme-color-components-secondary-button-background-disabled: transparent;
--theme-color-components-secondary-button-text: var(
--theme-color-action-disabled
); /* Disabled background */
--theme-color-components-secondary-button-text-disabled: var(
--theme-color-action-disabled
); /* Disabled background */
--theme-color-components-secondary-button-border: var(
--theme-color-action
); /* Text link/secondary light text */
--theme-color-components-secondary-button-border-disabled: var(
--theme-color-action-disabled
); /* Disabled background */
--theme-color-components-secondary-button-text: var(--theme-color-action-disabled); /* Disabled background */
--theme-color-components-secondary-button-text-disabled: var(--theme-color-action-disabled); /* Disabled background */
--theme-color-components-secondary-button-border: var(--theme-color-action); /* Text link/secondary light text */
--theme-color-components-secondary-button-border-disabled: var(--theme-color-action-disabled); /* Disabled background */
--theme-color-components-chat-background: var(--theme-color-palette-1); /* Dark secondary */
--theme-color-components-chat-text: var(--theme-color-palette-3); /* Light primary */
--theme-color-components-modal-header-background: var(
--theme-color-palette-1
); /* Dark secondary */
--theme-color-components-modal-header-background: var(--theme-color-palette-1); /* Dark secondary */
--theme-color-components-modal-header-text: var(--theme-color-palette-3); /* Light primary */
--theme-color-components-modal-content-background: var(
--theme-color-palette-3
); /* Light primary */
--theme-color-components-modal-content-background: var(--theme-color-palette-3); /* Light primary */
--theme-color-components-modal-content-text: var(--theme-color-palette-0); /* Dark primary */
--theme-color-components-menu-background: var(--theme-color-palette-3); /* Light primary */
--theme-color-components-menu-item-text: var(--theme-color-palette-0); /* Dark primary */
--theme-color-components-menu-item-bg: transparent;
--theme-color-components-menu-item-hover-bg: rgba(0, 0, 0, 0.05);
--theme-color-components-menu-item-focus-bg: rgba(0, 0, 0, 0.1);
--theme-color-components-form-field-background: var(
--theme-color-palette-4
); /* Light secondary */
--theme-color-components-form-field-placeholder: var(
--theme-color-action-disabled
); /* Disabled background */
--theme-color-components-form-field-background: var(--theme-color-palette-4); /* Light secondary */
--theme-color-components-form-field-placeholder: var(--theme-color-action-disabled); /* Disabled background */
--theme-color-components-form-field-text: var(--theme-color-palette-0); /* Dark primary */
--theme-color-components-form-field-border: var(--theme-color-palette-0); /* Dark primary */
--theme-color-components-video-background: var(--theme-color-palette-2); /* Dark alternate */
@ -134,10 +108,6 @@
--color-owncast-palette-13: #42bea6; /* Fun color 3 */
--color-owncast-palette-error: #ff4b39; /* Error */
--color-owncast-palette-warning: #ffc655; /* Warning */
--font-owncast-body: 'Open Sans', system-ui, -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';
--font-owncast-display: 'Poppins', system-ui, -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';
--font-owncast-body: 'Open Sans', system-ui, -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';
--font-owncast-display: 'Poppins', system-ui, -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';
}