React-Group/interstellar_ai
1
1
Fork 2
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request 'main' (#47) from React-Group/interstellar_ai:main into main

Browse source 
Reviewed-on: https://interstellardevelopment.org/code/code/YasinOnm08/interstellar_ai/pulls/47
This commit is contained in:
YasinOnm08 2024-10-07 09:08:02 +02:00
commit c0c402039e
2 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/components/settings/Settings.tsx
View file

@ -516,6 +516,19 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
setValue={setBasicTextColor} setValue={setBasicTextColor}
cssVariable="" cssVariable=""
/> />
<FontSizeSetting
fontSize={fontSize}
setFontSize={setFontSize}
/>
<DropdownSetting
label="Font Family"
value={fontFamily}
setValue={(newFont) => {
setFontFamily(newFont);
document.documentElement.style.setProperty('--font-family', newFont);
}}
options={fontOptions}
/>
</> </>
)} )}

4
app/components/settings/theme.ts
View file

@ -247,8 +247,8 @@ export const applyBasicCustomTheme = (
document.documentElement.style.setProperty('--popup-background-color', accentColor); document.documentElement.style.setProperty('--popup-background-color', accentColor);
document.documentElement.style.setProperty('--pop-up-text', lightenColor(textColor, 80)); document.documentElement.style.setProperty('--pop-up-text', lightenColor(textColor, 80));
document.documentElement.style.setProperty('--input-border-color', primaryColor); document.documentElement.style.setProperty('--input-border-color', primaryColor);
document.documentElement.style.setProperty('--font-family', "'Poppins', 'sans-serif'"); document.documentElement.style.setProperty('--font-family', localStorage.getItem("fontFamily") || "'Poppins', 'sans-serif'");
document.documentElement.style.setProperty('--font-size', '16px'); document.documentElement.style.setProperty('--font-size', localStorage.getItem("fontSize") || '16px');
}; };
// Helper function to darken a color (returns a darker version of the provided color) // Helper function to darken a color (returns a darker version of the provided color)