Upload theme.css

theme.css

@@ -0,0 +1,2 @@
+:root {--api-background: linear-gradient(to bottom, rgba(255, 216, 180, 0.2), transparent); --api-pill-background: var(--color-blue-100); --api-pill-border: var(--color-blue-200); --api-pill-text: var(--color-blue-600); --block-background: var(--color-background-tertiary); --block-border-color: var(--color-border-primary); --block-border-radius: 0px; --block-border-width: 1px; --block-label-background: var(--color-background-primary); --block-label-border-color: var(--color-border-primary); --block-label-border-radius: 0px; --block-label-border-style: solid; --block-label-border-width: 1px; --block-label-icon-color: var(--color-text-label); --block-label-shadow: var(--shadow-drop); --button-cancel-background-base: linear-gradient(to bottom right, rgb(254 202 202 / 0.7), rgb(252 165 165 / 0.8)); --button-cancel-background-focus: linear-gradient(to bottom right, rgb(254 202 202 / 0.7), rgb(254 202 202 / 0.9)); --button-cancel-background-hover: linear-gradient(to bottom right, rgb(254 202 202 / 0.7), rgb(254 202 202 / 0.9)); --button-cancel-border-color-base: var(--color-red-200); --button-cancel-border-color-focus: var(--color-red-200); --button-cancel-border-color-hover: var(--color-red-200); --button-cancel-text-color-base: var(--color-red-600); --button-cancel-text-color-focus: var(--color-red-600); --button-cancel-text-color-hover: var(--color-red-600); --button-large-radius: 0px; --button-large-text-size: var(--scale-0); --button-large-text-weight: 600; --button-plain-background-base: white; --button-plain-background-focus: white; --button-plain-background-hover: white; --button-plain-border-color-base: var(--color-border-primary); --button-plain-border-color-focus: var(--color-border-primary); --button-plain-border-color-hover: var(--color-border-primary); --button-plain-text-color-base: var(--color-text-body); --button-plain-text-color-focus: var(--color-text-body); --button-plain-text-color-hover: var(--color-text-body); --button-primary-background-base: var(--color-blue-100); --button-primary-background-focus: var(--color-blue-100); --button-primary-background-hover: var(--color-blue-200); --button-primary-border-color-base: var(--color-blue-200); --button-primary-border-color-focus: var(--color-blue-200); --button-primary-border-color-hover: var(--color-blue-200); --button-primary-text-color-base: var(--color-blue-600); --button-primary-text-color-focus: var(--color-blue-600); --button-primary-text-color-hover: var(--color-blue-600); --button-secondary-background-base: linear-gradient(to bottom right, rgb(243 244 246 / .7), rgb(229 231 235 / .8)); --button-secondary-background-focus: linear-gradient(to bottom right, rgb(243 244 246 / .7), rgb(243 244 246 / .9)); --button-secondary-background-hover: linear-gradient(to bottom right, rgb(243 244 246 / .7), rgb(243 244 246 / .9)); --button-secondary-border-color-base: var(--color-grey-200); --button-secondary-border-color-focus: var(--color-grey-200); --button-secondary-border-color-hover: var(--color-grey-200); --button-secondary-text-color-base: var(--border-grey-700); --button-secondary-text-color-focus: var(--border-grey-700); --button-secondary-text-color-hover: var(--border-grey-700); --button-small-radius: 0px; --button-small-text-size: var(--scale-00); --button-small-text-weight: 400; --chatbot-border-radius: 0px; --chatbot-border-width: 0; --chatbot-bot-background-base: var(--color-grey-400); --chatbot-bot-background-latest: var(--color-grey-400); --chatbot-bot-border-color-base: transparent; --chatbot-bot-border-color-latest: transparent; --chatbot-bot-text-color-base: white; --chatbot-bot-text-color-latest: white; --chatbot-user-background-base: var(--color-blue-400); --chatbot-user-background-latest: var(--color-blue-400); --chatbot-user-border-color-base: transparent; --chatbot-user-border-color-latest: transparent; --chatbot-user-text-color-base: white; --chatbot-user-text-color-latest: white; --checkbox-background-base: var(--color-background-primary); --checkbox-background-focus: var(--color-background-primary); --checkbox-background-hover: var(--color-background-primary); --checkbox-background-selected: var(--color-blue-600); --checkbox-border-color-base: var(--color-grey-300); --checkbox-border-color-focus: var(--color-blue-500); --checkbox-border-color-hover: var(--color-grey-300); --checkbox-border-color-selected: var(--color-border-secondary); --checkbox-border-radius: 0px; --checkbox-label-background-base: linear-gradient(to top, var(--color-grey-50), white); --checkbox-label-background-focus: linear-gradient(to top, var(--color-grey-100), white); --checkbox-label-background-hover: linear-gradient(to top, var(--color-grey-100), white); --checkbox-label-border-color-base: var(--color-border-primary); --checkbox-label-border-color-focus: var(--color-focus-secondary); --checkbox-label-border-color-hover: var(--color-border-primary); --checkbox-label-border-radius: 0px; --checkbox-label-shadow: var(--shadow-drop); --checkbox-shadow: var(--shadow-drop); --color-accent-base: var(--color-blue-500); --color-accent-light: var(--color-blue-300); --color-background-primary: white; --color-background-secondary: var(--color-grey-50); --color-background-tertiary: white; --color-border-highlight: var(--color-accent-base); --color-border-primary: var(--color-grey-200); --color-border-secondary: var(--color-grey-600); --color-focus-primary: var(--color-blue-300); --color-focus-ring: rgb(191 219 254 / 0.5); --color-focus-secondary: var(--color-blue-500); --color-functional-error-background: linear-gradient(to right,var(--color-red-100),var(--color-background-secondary)); --color-functional-error-base: var(--color-red); --color-functional-error-subdued: var(--color-red-300); --color-functional-info-base: var(--color-yellow); --color-functional-info-subdued: var(--color-yellow-300); --color-functional-success-base: var(--color-green); --color-functional-success-subdued: var(--color-green-300); --color-text-body: var(--color-grey-800); --color-text-code-background: var(--color-grey-200); --color-text-code-border: color.border-primary; --color-text-label: var(--color-grey); --color-text-link-active: var(--color-blue-600); --color-text-link-base: var(--color-blue-600); --color-text-link-hover: var(--color-blue-700); --color-text-link-visited: var(--color-blue-500); --color-text-placeholder: var(--color-grey-400); --color-text-subdued: var(--color-grey-400); --dataset-dataframe-border-base: var(--color-grey-300); --dataset-dataframe-border-hover: var(--color-grey-300); --dataset-gallery-background-base: white; --dataset-gallery-background-hover: var(--color-grey-50); --dataset-table-background-base: transparent; --dataset-table-background-hover: var(--color-blue-50); --dataset-table-border-base: var(--color-border-primary); --dataset-table-border-hover: var(--color-blue-100); --form-seperator-color: var(--color-border-primary); --form-seperator-style: solid; --form-seperator-width: var(--border-width-default); --gallery-label-background-base: var(--color-grey-50); --gallery-label-background-hover: var(--color-grey-50); --gallery-label-border-color-base: var(--color-border-primary); --gallery-label-border-color-hover: var(--color-border-primary); --gallery-label-border-radius: 0px; --gallery-thumb-background-base: var(--color-grey-100); --gallery-thumb-background-hover: white; --gallery-thumb-border-color-base: var(--color-border-primary); --gallery-thumb-border-color-focus: var(--color-focus-secondary); --gallery-thumb-border-color-hover: var(--color-accent-light); --gallery-thumb-border-color-selected: var(--color-accent-base); --gallery-thumb-border-radius: 0px; --gallery-thumb-border-style-base: solid; --gallery-thumb-border-style-focus: solid; --gallery-thumb-border-style-hover: solid; --gallery-thumb-border-style-selected: solid; --gallery-thumb-scale-base: 0.9; --gallery-thumb-scale-focus: 0.9; --gallery-thumb-scale-hover: 0.9; --gallery-thumb-scale-selected: 1; --highlighted-text-inner-border-radius: 0px; --highlighted-text-outer-border-radius: 0px; --icon-button-background-base: var(--color-background-primary); --icon-button-background-hover: var(--color-background-primary); --icon-button-border-color-base: var(--color-background-primary); --icon-button-border-color-hover: var(--color-border-primary); --icon-button-border-radius: 0px; --icon-button-icon-color-base: var(--color-text-label); --icon-button-icon-color-hover: var(--color-text-label); --icon-button-shadow: var(--shadow-drop); --input-background-base: var(--color-background-tertiary); --input-background-focus: var(--color-focus-tertiary); --input-background-hover: var(--color-background-tertiary); --input-border-color-base: var(--color-border-primary); --input-border-color-focus: var(--color-focus-primary); --input-border-color-hover: var(--color-border-primary); --input-border-radius: 0px; --input-shadow: var(--shadow-inset); --input-text-color: var(--color-text-body); --input-text-style: normal; --label-gradient-from: var(--color-blue-400); --label-gradient-to: var(--color-blue-200); --shadow-drop: rgba(0,0,0,0.05) 0px 1px 2px 0px; --shadow-drop-lg: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --shadow-inset: rgba(0,0,0,0.05) 0px 2px 4px 0px inset; --table-background-edit: var(--color-blue-50); --table-even-background: white; --table-odd-background: var(--color-grey-50); --uploadable-border-color-hover: var(--color-border-primary); --uploadable-border-color-loaded: var(--color-functional-success); --uploadable-border-style-default: dashed; --uploadable-border-style-hover: solid; --uploadable-border-style-loaded: solid; --uploadable-text-color: var(--color-text-subdued); }
+.dark {--api-background: linear-gradient(to bottom, rgba(255, 216, 180, 0.05), transparent); --api-pill-background: var(--color-blue-400); --api-pill-border: var(--color-blue-600); --api-pill-text: var(--color-blue-900); --block-background: var(--color-background-tertiary); --block-border-color: var(--color-border-primary); --block-label-background: var(--color-background-secondary); --block-label-border-color: var(--color-border-primary); --block-label-icon-color: var(--color-text-label); --block-label-shadow: var(--shadow-drop); --button-cancel-background-base: linear-gradient(to bottom right, var(--color-red-700), var(--color-red-700)); --button-cancel-background-focus: linear-gradient(to bottom right, var(--color-red-700), var(--color-red-500)); --button-cancel-background-hover: linear-gradient(to bottom right, var(--color-red-700), var(--color-red-500)); --button-cancel-border-color-base: var(--color-red-600); --button-cancel-border-color-focus: var(--color-red-600); --button-cancel-border-color-hover: var(--color-red-600); --button-cancel-text-color-base: white; --button-cancel-text-color-focus: white; --button-cancel-text-color-hover: white; --button-plain-background-base: var(--color-grey-700); --button-plain-background-focus: var(--color-grey-700); --button-plain-background-hover: var(--color-grey-700); --button-plain-border-color-base: var(--color-grey-600); --button-plain-border-color-focus: var(--color-grey-500); --button-plain-border-color-hover: var(--color-grey-500); --button-plain-text-color-base: var(--color-text-body); --button-plain-text-color-focus: var(--color-text-body); --button-plain-text-color-hover: var(--color-text-body); --button-primary-background-base: linear-gradient(to bottom right, var(--color-blue-700), var(--color-blue-700)); --button-primary-background-focus: linear-gradient(to bottom right, var(--color-blue-700), var(--color-blue-500)); --button-primary-background-hover: linear-gradient(to bottom right, var(--color-blue-700), var(--color-blue-500)); --button-primary-border-color-base: var(--color-blue-600); --button-primary-border-color-focus: var(--color-blue-600); --button-primary-border-color-hover: var(--color-blue-600); --button-primary-text-color-base: white; --button-primary-text-color-focus: white; --button-primary-text-color-hover: white; --button-secondary-background-base: linear-gradient(to bottom right, var(--color-grey-600), var(--color-grey-700)); --button-secondary-background-focus: linear-gradient(to bottom right, var(--color-grey-600), var(--color-grey-600)); --button-secondary-background-hover: linear-gradient(to bottom right, var(--color-grey-600), var(--color-grey-600)); --button-secondary-border-color-base: var(--color-grey-600); --button-secondary-border-color-focus: var(--color-grey-600); --button-secondary-border-color-hover: var(--color-grey-600); --button-secondary-text-color-base: white; --button-secondary-text-color-focus: white; --button-secondary-text-color-hover: white; --chatbot-border-border-color-base: transparent; --chatbot-border-border-color-latest: transparent; --chatbot-bot-background-base: ; --chatbot-bot-background-latest: ; --chatbot-bot-text-color-base: white; --chatbot-bot-text-color-latest: white; --chatbot-user-background-base: ; --chatbot-user-background-latest: ; --chatbot-user-text-color-base: white; --chatbot-user-text-color-latest: white; --checkbox-background-base: var(--color-background-primary); --checkbox-background-focus: var(--color-background-primary); --checkbox-background-hover: var(--color-background-primary); --checkbox-background-selected: var(--color-blue-600); --checkbox-border-color-base: var(--color-border-primary); --checkbox-border-color-focus: var(--color-blue-500); --checkbox-border-color-hover: var(--color-focus-primary); --checkbox-label-background-base: linear-gradient(to top, var(--color-grey-900), var(--color-grey-800)); --checkbox-label-background-focus: linear-gradient(to top, var(--color-grey-900), var(--color-grey-800)); --checkbox-label-background-hover: linear-gradient(to top, var(--color-grey-900), var(--color-grey-800)); --checkbox-label-border-color-base: var(--color-border-primary); --checkbox-label-border-color-focus: var(--color-border-secondary); --checkbox-label-border-color-hover: var(--color-border-primary); --color-accent-base: var(--color-blue-500); --color-accent: var(--color-blue-700); --color-accent-dark: var(--color-blue-700); --color-accent-light: var(--color-blue-300); --color-background-primary: var(--color-grey-950); --color-background-secondary: var(--color-grey-900); --color-background-tertiary: var(--color-grey-800); --color-border-highlight: var(--color-accent-base); --color-border-primary: var(--color-grey-700); --color-border-secondary: var(--color-grey-600); --color-focus-primary: var(--color-grey-700); --color-focus-ring: rgb(55 65 81); --color-focus-secondary: var(--color-grey-600); --color-functional-error-background: var(--color-background-primary); --color-functional-error-base: var(--color-red-400); --color-functional-error-subdued: var(--color-red-300); --color-functional-info-base: var(--color-yellow); --color-functional-info-subdued: var(--color-yellow-300); --color-functional-success-base: var(--color-green); --color-functional-success-subdued: var(--color-green-300); --color-text-body: var(--color-grey-100); --color-text-code-background: var(--color-grey-800); --color-text-code-border: color.border-primary; --color-text-label: var(--color-grey-200); --color-text-link-active: var(--color-blue-500); --color-text-link-base: var(--color-blue-500); --color-text-link-hover: var(--color-blue-400); --color-text-link-visited: var(--color-blue-600); --color-text-placeholder: var(--color-grey); --color-text-subdued: var(--color-grey-400); --dataset-dataframe-border-base: var(--color-border-primary); --dataset-dataframe-border-hover: var(--color-border-secondary); --dataset-gallery-background-base: var(--color-background-primary); --dataset-gallery-background-hover: var(--color-grey-800); --dataset-table-background-base: transparent; --dataset-table-background-hover: var(--color-grey-700); --dataset-table-border-base: var(--color-grey-800); --dataset-table-border-hover: var(--color-grey-800); --form-seperator-color: var(--color-border-primary); --gallery-label-background-base: var(--color-grey-50); --gallery-label-background-hover: var(--color-grey-50); --gallery-label-border-color-base: var(--color-border-primary); --gallery-label-border-color-hover: var(--color-border-primary); --gallery-thumb-background-base: var(--color-grey-900); --gallery-thumb-background-hover: var(--color-grey-900); --gallery-thumb-border-color-base: var(--color-border-primary); --gallery-thumb-border-color-focus: var(--color-blue-500); --gallery-thumb-border-color-hover: var(--color-accent-base); --gallery-thumb-border-color-selected: var(--color-accent-base); --icon-button-background-base: var(--color-background-primary); --icon-button-background-hover: var(--color-background-primary); --icon-button-border-color-base: var(--color-background-primary); --icon-button-border-color-hover: var(--color-border-secondary); --icon-button-icon-color-base: var(--color-text-label); --icon-button-icon-color-hover: var(--color-text-label); --input-background-base: var(--color-background-tertiary); --input-background-focus: var(--color-background-tertiary); --input-background-hover: var(--color-background-tertiary); --input-border-color-base: var(--color-border-primary); --input-border-color-focus: var(--color-border-primary); --input-border-color-hover: var(--color-border-primary); --input-shadow: var(--shadow-inset); --input-text-color: var(--color-text-body); --label-gradient-from: var(--color-blue-400); --label-gradient-to: var(--color-blue-600); --table-background-edit: transparent; --table-even-background: var(--color-grey-950); --table-odd-background: var(--color-grey-900); --uploadable-border-color-hover: var(--color-border-primary); --uploadable-border-color-loaded: var(--color-functional-success); --uploadable-text-color: var(--color-text-subdued); }