granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: theme colors and svelte config tweaks

Browse source
This commit is contained in:
Justin Edmund 2025-11-30 02:32:11 -08:00
parent 5e77bb3093
commit ef980b9084
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/themes/_colors.scss
View file

@ -696,43 +696,43 @@ $light--shadow--dark--hover: color.adjust($light-text-00, $alpha: -0.3);
} }
// Element-specific focus ring mixins // Element-specific focus ring mixins
@mixin focus-ring-fire($width: 3px) { @mixin focus-ring-fire($width: 1px) {
outline: none; outline: none;
border: $width solid var(--fire-accent); border: $width solid var(--fire-accent);
box-shadow: 0 0 4px 6px rgba(250, 109, 109, 0.2); box-shadow: 0 0 4px 6px rgba(250, 109, 109, 0.2);
} }
@mixin focus-ring-water($width: 3px) { @mixin focus-ring-water($width: 1px) {
outline: none; outline: none;
border: $width solid var(--water-accent); border: $width solid var(--water-accent);
box-shadow: 0 0 4px 6px rgba(108, 201, 255, 0.2); box-shadow: 0 0 4px 6px rgba(108, 201, 255, 0.2);
} }
@mixin focus-ring-earth($width: 3px) { @mixin focus-ring-earth($width: 1px) {
outline: none; outline: none;
border: $width solid var(--earth-accent); border: $width solid var(--earth-accent);
box-shadow: 0 0 4px 6px rgba(253, 159, 91, 0.2); box-shadow: 0 0 4px 6px rgba(253, 159, 91, 0.2);
} }
@mixin focus-ring-wind($width: 3px) { @mixin focus-ring-wind($width: 1px) {
outline: none; outline: none;
border: $width solid var(--wind-accent); border: $width solid var(--wind-accent);
box-shadow: 0 0 4px 6px rgba(62, 228, 137, 0.2); box-shadow: 0 0 4px 6px rgba(62, 228, 137, 0.2);
} }
@mixin focus-ring-light($width: 3px) { @mixin focus-ring-light($width: 1px) {
outline: none; outline: none;
border: $width solid var(--light-accent); border: $width solid var(--light-accent);
box-shadow: 0 0 4px 6px rgba(232, 214, 51, 0.2); box-shadow: 0 0 4px 6px rgba(232, 214, 51, 0.2);
} }
@mixin focus-ring-dark($width: 3px) { @mixin focus-ring-dark($width: 1px) {
outline: none; outline: none;
border: $width solid var(--dark-accent); border: $width solid var(--dark-accent);
box-shadow: 0 0 4px 6px rgba(222, 123, 255, 0.2); box-shadow: 0 0 4px 6px rgba(222, 123, 255, 0.2);
} }
@mixin focus-ring-neutral($width: 3px) { @mixin focus-ring-neutral($width: 1px) {
outline: none; outline: none;
border: $width solid var(--null-accent); border: $width solid var(--null-accent);
box-shadow: 0 0 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px 6px rgba(0, 0, 0, 0.1);

6
svelte.config.js
View file

@ -10,9 +10,9 @@ const config = {
adapter: adapter(), adapter: adapter(),
alias: { alias: {
$types: 'src/lib/types', $types: 'src/lib/types',
'$lib/paraglide/messages': 'src/paraglide/messages.js', '$lib/paraglide/messages': 'src/lib/paraglide/messages.js',
'$lib/paraglide/runtime': 'src/paraglide/runtime.js', '$lib/paraglide/runtime': 'src/lib/paraglide/runtime.js',
'$lib/paraglide/server': 'src/paraglide/server.js' '$lib/paraglide/server': 'src/lib/paraglide/server.js'
} }
} }
} }