Prettified Code!

2022-08-30 17:59:04 +00:00 · 2022-08-30 17:59:04 +00:00 · 70ef1e0e98
commit 70ef1e0e98
parent ef30ddc892
1 changed files with 54 additions and 18 deletions
--- a/web/styles/variables.css
+++ b/web/styles/variables.css
@ -18,8 +18,12 @@
  --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-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);
@ -53,31 +57,59 @@
  --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 */
@ -108,6 +140,10 @@
  --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';
 }