Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-11-11 00:25:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #874 from boidushya/dev

Browse Source 
fix(settings/appearance): Improved 'Active' pill
This commit is contained in:
mrjvs 2024-02-03 22:30:22 +01:00 committed by GitHub
commit 2b0f1206a6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/parts/settings/ThemePart.tsx
View File

@ -104,7 +104,7 @@ function ThemePreview(props: {
<span className="font-medium text-white">{props.name}</span>
<span
className={classNames(
"inline-block px-3 text-sm transition-opacity duration-150 rounded-full bg-[#27182F] text-white",
"inline-block px-3 py-1 leading-tight text-sm transition-opacity duration-150 rounded-full bg-pill-activeBackground text-white/85",
props.active ? "opacity-100" : "opacity-0 pointer-events-none",
)}
>

2
themes/default.ts
View File

@ -97,6 +97,8 @@ export const defaultTheme = {
background: tokens.shade.c300,
backgroundHover: tokens.shade.c200,
highlight: tokens.blue.c200,
activeBackground: tokens.shade.c300,
},
// meta data for the theme itself

4
themes/list/blue.ts
View File

@ -63,7 +63,9 @@ export default createTheme({
pill: {
background: tokens.shade.c300,
backgroundHover: tokens.shade.c200,
highlight: tokens.blue.c200
highlight: tokens.blue.c200,
activeBackground: tokens.shade.c300,
},
global: {

4
themes/list/gray.ts
View File

@ -63,7 +63,9 @@ export default createTheme({
pill: {
background: tokens.shade.c300,
backgroundHover: tokens.shade.c200,
highlight: tokens.blue.c200
highlight: tokens.blue.c200,
activeBackground: tokens.shade.c300,
},
global: {

4
themes/list/red.ts
View File

@ -63,7 +63,9 @@ export default createTheme({
pill: {
background: tokens.shade.c300,
backgroundHover: tokens.shade.c200,
highlight: tokens.blue.c200
highlight: tokens.blue.c200,
activeBackground: tokens.shade.c300,
},
global: {

4
themes/list/teal.ts
View File

@ -63,7 +63,9 @@ export default createTheme({
pill: {
background: tokens.shade.c300,
backgroundHover: tokens.shade.c200,
highlight: tokens.blue.c200
highlight: tokens.blue.c200,
activeBackground: tokens.shade.c300,
},
global: {