- {t('customCSS.label')}
-
- {t('customCSS.description')}
-
-
- setNonDebouncedCustomCSS(code)}
- highlight={(code) => highlight(code, languages.extend('css', {}), 'css')}
- padding={10}
- style={{
- fontFamily: '"Fira code", "Fira Mono", monospace',
- fontSize: 12,
- minHeight: codeEditorHeight,
- }}
- />
- {codeIsDirty && (
-
-
-
- {t('customCSS.applying')}
-
-
- )}
-
-
- );
-};
-
-const useStyles = createStyles(({ colors, colorScheme, radius }) => ({
- codeEditorFooter: {
- borderBottomLeftRadius: radius.sm,
- borderBottomRightRadius: radius.sm,
- backgroundColor: colorScheme === 'dark' ? colors.dark[7] : undefined,
- },
- codeEditorRoot: {
- borderColor: colorScheme === 'dark' ? colors.dark[4] : colors.gray[4],
- borderWidth: 1,
- borderStyle: 'solid',
- borderRadius: radius.sm,
- },
- codeEditor: {
- backgroundColor: colorScheme === 'dark' ? colors.dark[6] : 'white',
- fontSize: 12,
-
- '& ::placeholder': {
- color: colorScheme === 'dark' ? colors.dark[3] : colors.gray[5],
- },
- },
-}));
diff --git a/src/components/Settings/Customization/Theme/OpacitySelector.tsx b/src/components/Settings/Customization/Theme/OpacitySelector.tsx
deleted file mode 100644
index ef25ef364..000000000
--- a/src/components/Settings/Customization/Theme/OpacitySelector.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Slider, Stack, Text } from '@mantine/core';
-import { useTranslation } from 'next-i18next';
-import { useState } from 'react';
-
-import { useConfigContext } from '../../../../config/provider';
-import { useConfigStore } from '../../../../config/store';
-
-export function DashboardTilesOpacitySelector() {
- const { config, name: configName } = useConfigContext();
- const [opacity, setOpacity] = useState(config?.settings.customization.appOpacity || 100);
- const { t } = useTranslation('settings/customization/opacity-selector');
-
- const updateConfig = useConfigStore((x) => x.updateConfig);
-
- if (!configName) return null;
-
- const handleChange = (opacity: number) => {
- setOpacity(opacity);
- updateConfig(configName, (prev) => ({
- ...prev,
- settings: {
- ...prev.settings,
- customization: {
- ...prev.settings.customization,
- appOpacity: opacity,
- },
- },
- }));
- };
-
- return (
-