ryan/LifeTrinket
1
0
Fork 0
forked from external-repos/LifeTrinket
Code Pull Requests Activity

better spotlights

Browse Source
This commit is contained in:
Vikeo
2024-05-25 12:13:27 +02:00
parent 286239f6c9
commit 273b69b7a1
2 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/index.css
View File

@@ -120,11 +120,11 @@ code {
} }
.spotlight1 { .spotlight1 {
background: theme('colors.primary.dark'); background: theme('colors.background.default');
position: fixed; position: fixed;
height: 100px; height: 10vmax;
width: 300px; width: 30vmax;
border-radius: 100%; border-radius: 100%;
transform: translate(50%, 50%); transform: translate(50%, 50%);
animation-duration: 30s, 60s; animation-duration: 30s, 60s;
@@ -138,15 +138,15 @@ code {
opacity: 0.8; opacity: 0.8;
mix-blend-mode: screen; mix-blend-mode: screen;
filter: blur(125px); filter: blur(10vmax);
} }
.spotlight2 { .spotlight2 {
background: theme('colors.primary.dark'); background: theme('colors.background.default');
position: fixed; position: fixed;
height: 300px; height: 30vmax;
width: 100px; width: 10vmax;
border-radius: 100%; border-radius: 100%;
transform: translate(50%, 50%); transform: translate(50%, 50%);
animation-duration: 60s, 120s; animation-duration: 60s, 120s;
@@ -158,7 +158,7 @@ code {
opacity: 0.8; opacity: 0.8;
mix-blend-mode: screen; mix-blend-mode: screen;
filter: blur(125px); filter: blur(10vmax);
} }
input[type='range'] { input[type='range'] {

3
tailwind.config.ts
View File

@@ -12,7 +12,8 @@ export const baseColors = {
dark: '#4a6151', dark: '#4a6151',
}, },
background: { background: {
default: '#35374B', default: '#2E3041', // Orig: #35374B
spotlight: '#777BA7',
backdrop: 'rgba(0, 0, 0, 0.3)', backdrop: 'rgba(0, 0, 0, 0.3)',
settings: 'rgba(0, 0, 0, 0.8)', settings: 'rgba(0, 0, 0, 0.8)',
}, },