mirror/Jellify
1
0
Fork 0
mirror of https://github.com/anultravioletaurora/Jellify.git synced 2025-12-16 18:55:44 -06:00
Code Issues Packages Projects Releases Wiki Activity

theme fixes (#676)

Browse Source 
removes transparency on the linear gradients in the library

fixes text in the library selector for real this time

fixes teal color for light and dark modes
This commit is contained in:
Violet Caulfield
2025-11-14 07:01:42 -06:00
committed by GitHub
parent 085d47009a
commit 83cffb7dc9
4 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Global/components/library-selector.tsx
View File

@@ -102,7 +102,7 @@ export default function LibrarySelector({
>
<Text
fontWeight={isSelected ? 'bold' : '600'}
color={isSelected ? '$background' : 'unset'}
color={isSelected ? '$background' : '$neutral'}
>
{library.Name ?? 'Unnamed Library'}
</Text>

2
src/components/Global/helpers/flashlist-sticky-header.tsx
View File

@@ -17,7 +17,7 @@ export default function FlashListStickyHeader({ text }: { text: string }): React
y: 0,
}}
locations={[0.1, 0.9]}
colors={[theme.primary.val, 'transparent']}
colors={[theme.primary.val, theme.background.val]}
style={{
position: 'absolute',
top: 0,

5
src/components/theme.ts
View File

@@ -1,5 +1,5 @@
import { DarkTheme, DefaultTheme } from '@react-navigation/native'
import { getTokens } from 'tamagui'
import { getToken, getTokens } from 'tamagui'
interface Fonts {
regular: FontStyle
@@ -60,6 +60,9 @@ export const JellifyLightTheme = {
colors: {
...DefaultTheme.colors,
primary: getTokens().color.$primaryLight.val,
border: getTokens().color.$neutral.val,
background: getTokens().color.$white.val,
card: getTokens().color.$white.val,
},
fonts: JellifyFonts,
}

13
tamagui.config.ts
View File

@@ -7,7 +7,8 @@ const tokens = createTokens({
color: {
danger: '#ff9966',
purpleDark: '#0C0622',
success: 'rgba(82, 216, 186, 1)',
tealLight: 'rgba(16, 175, 141, 1)',
tealDark: 'rgba(87, 233, 201, 1)',
purple: '#100538',
purpleGray: '#66617B',
@@ -63,7 +64,7 @@ const jellifyConfig = createTamagui({
background25: tokens.color.darkBackground25,
borderColor: tokens.color.neutral,
color: tokens.color.white,
success: tokens.color.success,
success: tokens.color.tealDark,
secondary: tokens.color.secondary,
primary: tokens.color.primaryDark,
danger: tokens.color.danger,
@@ -79,7 +80,7 @@ const jellifyConfig = createTamagui({
background25: tokens.color.black25,
borderColor: tokens.color.neutral,
color: tokens.color.white,
success: tokens.color.success,
success: tokens.color.tealDark,
secondary: tokens.color.secondary,
primary: tokens.color.primaryDark,
danger: tokens.color.danger,
@@ -94,7 +95,7 @@ const jellifyConfig = createTamagui({
background25: tokens.color.amethyst25,
background50: tokens.color.amethyst50,
background75: tokens.color.amethyst75,
success: tokens.color.success,
success: tokens.color.tealDark,
secondary: tokens.color.secondary,
primary: tokens.color.primaryDark,
danger: tokens.color.danger,
@@ -109,7 +110,7 @@ const jellifyConfig = createTamagui({
background25: tokens.color.lightBackground25,
borderColor: tokens.color.neutral,
color: tokens.color.purpleDark,
success: tokens.color.success,
success: tokens.color.tealLight,
secondary: tokens.color.secondary,
primary: tokens.color.primaryLight,
danger: tokens.color.danger,
@@ -124,7 +125,7 @@ const jellifyConfig = createTamagui({
background25: tokens.color.amethyst25,
background50: tokens.color.amethyst50,
background75: tokens.color.amethyst75,
success: tokens.color.success,
success: tokens.color.tealLight,
secondary: tokens.color.secondary,
primary: tokens.color.primaryLight,
danger: tokens.color.danger,