smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Style bugfix

Browse Source
This commit is contained in:
Sean Edmunds
2025-07-18 15:54:18 -05:00
parent 70dede6dae
commit 2a53d9f16a
24 changed files with 263 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/HelpModal/HelpSection.tsx
View File

@@ -12,7 +12,9 @@ function HelpSection({ name, items }: { name: string; items: SearchShortcut[] })
className={textClasses.helpTitle} className={textClasses.helpTitle}
classNames={textClasses} classNames={textClasses}
style={{ style={{
textShadow: theme.textShadowsEnabled && '2px 2px var(--mantine-color-border-0)', textShadow: theme.textShadowsEnabled
? '2px 2px var(--mantine-color-border-0)'
: undefined,
}} }}
> >
{name} {name}

8
src/components/SettingsHeader.tsx
View File

@@ -137,9 +137,11 @@ export function SettingsHeader({
zIndex: 100, zIndex: 100,
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
rightSection={ rightSection={
isLoading ? ( isLoading ? (

23
src/components/WeatherModal/CurrentWeather.tsx
View File

@@ -49,8 +49,9 @@ export default function CurrentWeather({ current }: { current: CW }) {
className={textClasses.weatherTitle} className={textClasses.weatherTitle}
classNames={textClasses} classNames={textClasses}
style={{ style={{
textShadow: textShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && '2px 2px var(--mantine-color-border-0)', ? '2px 2px var(--mantine-color-border-0)'
: undefined,
}} }}
> >
Current Weather Current Weather
@@ -155,9 +156,9 @@ export default function CurrentWeather({ current }: { current: CW }) {
classNames={textClasses} classNames={textClasses}
style={{ style={{
textAlign: 'center', textAlign: 'center',
textShadow: textShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)', : undefined,
}} }}
w={'100%'} w={'100%'}
> >
@@ -200,9 +201,9 @@ export default function CurrentWeather({ current }: { current: CW }) {
classNames={textClasses} classNames={textClasses}
style={{ style={{
textAlign: 'center', textAlign: 'center',
textShadow: textShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)', : undefined,
}} }}
w={'100%'} w={'100%'}
> >
@@ -247,9 +248,9 @@ export default function CurrentWeather({ current }: { current: CW }) {
classNames={textClasses} classNames={textClasses}
style={{ style={{
textAlign: 'center', textAlign: 'center',
textShadow: textShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)', : undefined,
}} }}
w={'100%'} w={'100%'}
> >

4
src/components/WeatherModal/ExtendedForecastCard.tsx
View File

@@ -29,7 +29,9 @@ export default function ExtendedForecastCard({
className={textClasses.weatherTitle} className={textClasses.weatherTitle}
classNames={textClasses} classNames={textClasses}
style={{ style={{
textShadow: theme.textShadowsEnabled && '2px 2px var(--mantine-color-border-0)', textShadow: theme.textShadowsEnabled
? '2px 2px var(--mantine-color-border-0)'
: undefined,
}} }}
> >
Extended Forecast Extended Forecast

6
src/pages/homepage/components/Applications/Applications.tsx
View File

@@ -46,9 +46,9 @@ function Applications({ contentType }: { contentType: string[] }) {
className={textClasses.sectionTitle} className={textClasses.sectionTitle}
classNames={textClasses} classNames={textClasses}
style={{ style={{
boxShadow: boxShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)', : undefined,
}} }}
> >
Applications Applications

6
src/pages/homepage/components/Bookmarks/Bookmarks.tsx
View File

@@ -65,9 +65,9 @@ function Bookmarks({ contentType }: { contentType: string[] }) {
mb={'-.5rem'} mb={'-.5rem'}
mt={'1.25rem'} mt={'1.25rem'}
style={{ style={{
boxShadow: boxShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)', : undefined,
}} }}
> >
Bookmarks Bookmarks

30
src/pages/homepage/components/Header/Header.tsx
View File

@@ -81,9 +81,9 @@ function Header({
classNames={textClasses} classNames={textClasses}
fz={isMobile ? 24 : undefined} fz={isMobile ? 24 : undefined}
style={{ style={{
textShadow: textShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '3px 3px 1px color-mix(in srgb, var(--mantine-color-primary-0), transparent 50%)'
'3px 3px 1px color-mix(in srgb, var(--mantine-color-primary-0), transparent 50%)', : undefined,
}} }}
> >
{greet {greet
@@ -104,9 +104,9 @@ function Header({
classNames={textClasses} classNames={textClasses}
style={{ style={{
width: 'max-content', width: 'max-content',
textShadow: textShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)', : undefined,
}} }}
> >
{date} {date}
@@ -134,9 +134,9 @@ function Header({
classNames={textClasses} classNames={textClasses}
mr={'.25rem'} mr={'.25rem'}
style={{ style={{
textShadow: textShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)', : undefined,
}} }}
> >
{current.temperature}°F {current.temperature}°F
@@ -147,9 +147,9 @@ function Header({
fz={'.875rem'} fz={'.875rem'}
mb={'.375rem'} mb={'.375rem'}
style={{ style={{
textShadow: textShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)', : undefined,
}} }}
> >
{current.highTemp}°F/{current.lowTemp}°F {current.highTemp}°F/{current.lowTemp}°F
@@ -159,9 +159,9 @@ function Header({
className={textClasses.dateTime} className={textClasses.dateTime}
classNames={textClasses} classNames={textClasses}
style={{ style={{
textShadow: textShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)', : undefined,
}} }}
> >
{`${ {`${

18
src/pages/homepage/components/Header/LargeHeader.tsx
View File

@@ -72,9 +72,9 @@ function LargeHeader({
classNames={textClasses} classNames={textClasses}
fz={isMobile ? '2rem' : '6rem'} fz={isMobile ? '2rem' : '6rem'}
style={{ style={{
textShadow: textShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '3px 3px 1px color-mix(in srgb, var(--mantine-color-primary-0), transparent 50%)'
'3px 3px 1px color-mix(in srgb, var(--mantine-color-primary-0), transparent 50%)', : undefined,
}} }}
> >
{greet {greet
@@ -90,9 +90,9 @@ function LargeHeader({
m={0} m={0}
style={{ style={{
width: 'max-content', width: 'max-content',
textShadow: textShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)', : undefined,
}} }}
> >
{date} {date}
@@ -103,9 +103,9 @@ function LargeHeader({
className={textClasses.dateTime} className={textClasses.dateTime}
classNames={textClasses} classNames={textClasses}
style={{ style={{
textShadow: textShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)', : undefined,
}} }}
> >
{`${ {`${

16
src/pages/homepage/components/SettingsButton/SettingsCard.tsx
View File

@@ -120,9 +120,11 @@ function SettingsCard({
position: 'top', position: 'top',
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
<Select <Select
@@ -147,9 +149,11 @@ function SettingsCard({
}} }}
labelProps={{ top: 8 }} labelProps={{ top: 8 }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>

40
src/pages/settings/components/Applications/Applications.tsx
View File

@@ -174,9 +174,11 @@ const ApplicationSettings = () => {
classNames={textInputClasses} classNames={textInputClasses}
withAsterisk withAsterisk
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
<TextInput <TextInput
@@ -188,9 +190,11 @@ const ApplicationSettings = () => {
w={'45%'} w={'45%'}
classNames={textInputClasses} classNames={textInputClasses}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>
@@ -205,9 +209,11 @@ const ApplicationSettings = () => {
classNames={textInputClasses} classNames={textInputClasses}
withAsterisk withAsterisk
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>
@@ -236,9 +242,11 @@ const ApplicationSettings = () => {
zIndex: 3000, zIndex: 3000,
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
renderOption={(item: ComboboxLikeRenderOptionInput<ComboboxItem>) => { renderOption={(item: ComboboxLikeRenderOptionInput<ComboboxItem>) => {
const Icon = allIcons[item.option.value]; const Icon = allIcons[item.option.value];
@@ -267,9 +275,11 @@ const ApplicationSettings = () => {
defaultValue={defaultApplication.filterName} defaultValue={defaultApplication.filterName}
withAsterisk withAsterisk
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>

40
src/pages/settings/components/Applications/DebouncedApplication.tsx
View File

@@ -103,9 +103,11 @@ function DebouncedApplication({
}} }}
disabled disabled
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
<TextInput <TextInput
@@ -120,9 +122,11 @@ function DebouncedApplication({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>
@@ -144,9 +148,11 @@ function DebouncedApplication({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>
@@ -178,9 +184,11 @@ function DebouncedApplication({
zIndex: 3000, zIndex: 3000,
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
onChange={(value: string | null) => { onChange={(value: string | null) => {
setUpdate({ setUpdate({
@@ -214,9 +222,11 @@ function DebouncedApplication({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>

16
src/pages/settings/components/Bookmarks/Bookmarks.tsx
View File

@@ -148,9 +148,11 @@ const BookmarkSettings = () => {
classNames={textInputClasses} classNames={textInputClasses}
withAsterisk withAsterisk
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
<TextInput <TextInput
@@ -162,9 +164,11 @@ const BookmarkSettings = () => {
classNames={textInputClasses} classNames={textInputClasses}
withAsterisk withAsterisk
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>

24
src/pages/settings/components/Bookmarks/DebouncedBookmarkItem.tsx
View File

@@ -88,9 +88,11 @@ function DebouncedBookmarkItem({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
<TextInput <TextInput
@@ -105,9 +107,11 @@ function DebouncedBookmarkItem({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>
@@ -125,9 +129,11 @@ function DebouncedBookmarkItem({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>

46
src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx
View File

@@ -159,9 +159,11 @@ function DebouncedGroupSettingsItem({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
<TextInput <TextInput
@@ -177,9 +179,11 @@ function DebouncedGroupSettingsItem({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
<Tooltip <Tooltip
@@ -344,9 +348,13 @@ function DebouncedGroupSettingsItem({
classNames={textInputClasses} classNames={textInputClasses}
withAsterisk withAsterisk
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: {
boxShadow: '2px 2px var(--mantine-color-border-0)',
},
}
: undefined
} }
/> />
<TextInput <TextInput
@@ -359,9 +367,13 @@ function DebouncedGroupSettingsItem({
disabled disabled
defaultValue={group.categoryName} defaultValue={group.categoryName}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: {
boxShadow: '2px 2px var(--mantine-color-border-0)',
},
}
: undefined
} }
/> />
</Group> </Group>
@@ -377,9 +389,13 @@ function DebouncedGroupSettingsItem({
classNames={textInputClasses} classNames={textInputClasses}
withAsterisk withAsterisk
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: {
boxShadow: '2px 2px var(--mantine-color-border-0)',
},
}
: undefined
} }
/> />
</Group> </Group>

10
src/pages/settings/components/Messages/DebouncedMessage.tsx
View File

@@ -70,10 +70,12 @@ function DebouncedMessage({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
root: { paddingTop: '1.25rem' }, ? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, root: { paddingTop: '1.25rem' },
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Card> </Card>

8
src/pages/settings/components/Messages/Messages.tsx
View File

@@ -90,9 +90,11 @@ const MessageSettings = () => {
}} }}
error={newMessageError} error={newMessageError}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
<Group mt={'1rem'}> <Group mt={'1rem'}>

32
src/pages/settings/components/Personalization/Personalization.tsx
View File

@@ -92,9 +92,11 @@ const PersonalizationSettings = () => {
setUpdate(updatedPersonal); setUpdate(updatedPersonal);
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Card> </Card>
@@ -114,9 +116,11 @@ const PersonalizationSettings = () => {
setUpdate(updatedPersonal); setUpdate(updatedPersonal);
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Card> </Card>
@@ -136,9 +140,11 @@ const PersonalizationSettings = () => {
setUpdate(updatedPersonal); setUpdate(updatedPersonal);
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Card> </Card>
@@ -158,9 +164,11 @@ const PersonalizationSettings = () => {
setUpdate(updatedPersonal); setUpdate(updatedPersonal);
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Card> </Card>

24
src/pages/settings/components/Search/DebouncedSearchProvider.tsx
View File

@@ -100,9 +100,11 @@ function DebouncedSearchProvider({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
<TextInput <TextInput
@@ -117,9 +119,11 @@ function DebouncedSearchProvider({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>
@@ -136,9 +140,11 @@ function DebouncedSearchProvider({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Stack> </Stack>

24
src/pages/settings/components/Search/SearchProviders.tsx
View File

@@ -97,9 +97,11 @@ const SearchProviderSettings = () => {
classNames={textInputClasses} classNames={textInputClasses}
withAsterisk withAsterisk
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
<TextInput <TextInput
@@ -111,9 +113,11 @@ const SearchProviderSettings = () => {
classNames={textInputClasses} classNames={textInputClasses}
withAsterisk withAsterisk
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>
@@ -127,9 +131,11 @@ const SearchProviderSettings = () => {
classNames={textInputClasses} classNames={textInputClasses}
withAsterisk withAsterisk
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Stack> </Stack>

8
src/pages/settings/components/Theming/Backgrounds/BackgroundModal.tsx
View File

@@ -111,9 +111,11 @@ export function BackgroundModal({
paddingTop: 0, paddingTop: 0,
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
rightSection={ rightSection={
isLoading ? ( isLoading ? (

8
src/pages/settings/components/Theming/Backgrounds/EditBackground.tsx
View File

@@ -49,9 +49,11 @@ export function EditBackground({
label='New Name' label='New Name'
onChange={(e) => setRename(e.target.value)} onChange={(e) => setRename(e.target.value)}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
<Card <Card

6
src/pages/settings/components/Theming/Themes/ThemeModal.tsx
View File

@@ -298,9 +298,9 @@ export function ThemeModal({
className={textClasses.sectionTitle} className={textClasses.sectionTitle}
classNames={textClasses} classNames={textClasses}
style={{ style={{
textShadow: textShadow: theme.textShadowsEnabled
theme.textShadowsEnabled && ? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)', : undefined,
}} }}
> >
Change {colorId} Change {colorId}

16
src/pages/settings/components/WoL/DebouncedWolClient.tsx
View File

@@ -97,9 +97,11 @@ function DebouncedWolClient({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
<TextInput <TextInput
@@ -114,9 +116,11 @@ function DebouncedWolClient({
}); });
}} }}
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>

16
src/pages/settings/components/WoL/WolClients.tsx
View File

@@ -84,9 +84,11 @@ const WolClientSettings = () => {
classNames={textInputClasses} classNames={textInputClasses}
withAsterisk withAsterisk
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
<TextInput <TextInput
@@ -98,9 +100,11 @@ const WolClientSettings = () => {
classNames={textInputClasses} classNames={textInputClasses}
withAsterisk withAsterisk
styles={ styles={
theme.textShadowsEnabled && { theme.textShadowsEnabled
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' }, ? {
} label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
} }
/> />
</Group> </Group>