LogalDeveloper/owncast
0
Fork 0
Code Activity

Add scrollbar color var

Browse Source
This commit is contained in:
Gabe Kangas
2022-11-13 13:17:26 -08:00
parent 2667614ce0
commit aaabc57a15
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/pages/admin/config/appearance/index.tsx
View File

@@ -93,6 +93,8 @@ export default function Appearance() {
{ name: 'theme-color-components-text-on-light', description: 'Text: Dark' }, { name: 'theme-color-components-text-on-light', description: 'Text: Dark' },
{ name: 'theme-color-background-header', description: 'Header/Footer' }, { name: 'theme-color-background-header', description: 'Header/Footer' },
{ name: 'theme-color-components-content-background', description: 'Page Content' }, { name: 'theme-color-components-content-background', description: 'Page Content' },
{ name: 'theme-color-components-scrollbar-background', description: 'Scrollbar Background' },
{ name: 'theme-color-components-scrollbar-thumb', description: 'Scrollbar Thumb' },
]; ];
const [colors, setColors] = useState<Record<string, AppearanceVariable>>(); const [colors, setColors] = useState<Record<string, AppearanceVariable>>();
@@ -176,15 +178,12 @@ export default function Appearance() {
return ( return (
<Space direction="vertical"> <Space direction="vertical">
<Title>Customize Appearance</Title> <Title>Customize Appearance</Title>
<Paragraph> <Paragraph>The following colors are used across the user interface.</Paragraph>
The following colors are used across the user interface. You can change them.
</Paragraph>
<div> <div>
<Collapse defaultActiveKey={['1']}> <Collapse defaultActiveKey={['1']}>
<Panel header={<Title level={3}>Section Colors</Title>} key="1"> <Panel header={<Title level={3}>Section Colors</Title>} key="1">
<p> <p>
Certain specific sections of the interface changed by selecting new colors for them Certain sections of the interface can be customized by selecting new colors for them.
here.
</p> </p>
<Row gutter={[16, 16]}> <Row gutter={[16, 16]}>
{componentColorVariables.map(colorVar => { {componentColorVariables.map(colorVar => {