This commit is contained in:
Jade (Rose) Rowland 2025-02-24 22:22:03 -05:00
parent f66478b9da
commit 5a5bbfc8da
4 changed files with 12 additions and 16 deletions

View File

@ -4,7 +4,7 @@ import blackscreen, { settings as blackscreenSettings } from './themes/blackscre
import whitescreen, { settings as whitescreenSettings } from './themes/whitescreen.mjs'; import whitescreen, { settings as whitescreenSettings } from './themes/whitescreen.mjs';
import teletext, { settings as teletextSettings } from './themes/teletext.mjs'; import teletext, { settings as teletextSettings } from './themes/teletext.mjs';
import algoboy, { settings as algoboySettings } from './themes/algoboy.mjs'; import algoboy, { settings as algoboySettings } from './themes/algoboy.mjs';
import CutiePi, {settings as CutiePiSettings} from './themes/CutiePi.mjs' import CutiePi, { settings as CutiePiSettings } from './themes/CutiePi.mjs';
import terminal, { settings as terminalSettings } from './themes/terminal.mjs'; import terminal, { settings as terminalSettings } from './themes/terminal.mjs';
import abcdef, { settings as abcdefSettings } from './themes/abcdef.mjs'; import abcdef, { settings as abcdefSettings } from './themes/abcdef.mjs';
import androidstudio, { settings as androidstudioSettings } from './themes/androidstudio.mjs'; import androidstudio, { settings as androidstudioSettings } from './themes/androidstudio.mjs';

View File

@ -6,14 +6,14 @@
*/ */
import { tags as t } from '@lezer/highlight'; import { tags as t } from '@lezer/highlight';
import { createTheme } from './theme-helper.mjs'; import { createTheme } from './theme-helper.mjs';
const deepPurple = '#5c019a' const deepPurple = '#5c019a';
const yellowPink = '#fbeffc' const yellowPink = '#fbeffc';
const grey = '#272C35' const grey = '#272C35';
const pinkAccent ="#fee1ff" const pinkAccent = '#fee1ff';
const lightGrey = '#465063' const lightGrey = '#465063';
const bratGreen = "#9acd3f" const bratGreen = '#9acd3f';
const lighterGrey = "#97a1b7" const lighterGrey = '#97a1b7';
const pink = '#f6a6fd' const pink = '#f6a6fd';
export const settings = { export const settings = {
background: 'white', background: 'white',

View File

@ -79,7 +79,6 @@ const fontFamilyOptions = {
PressStart: 'PressStart2P', PressStart: 'PressStart2P',
'we-come-in-peace': 'we-come-in-peace', 'we-come-in-peace': 'we-come-in-peace',
galactico: 'galactico', galactico: 'galactico',
}; };
const RELOAD_MSG = 'Changing this setting requires the window to reload itself. OK?'; const RELOAD_MSG = 'Changing this setting requires the window to reload itself. OK?';
@ -106,12 +105,11 @@ export function SettingsTab({ started }) {
audioDeviceName, audioDeviceName,
audioEngineTarget, audioEngineTarget,
togglePanelTrigger, togglePanelTrigger,
} = useSettings(); } = useSettings();
const shouldAlwaysSync = isUdels(); const shouldAlwaysSync = isUdels();
const canChangeAudioDevice = AudioContext.prototype.setSinkId != null; const canChangeAudioDevice = AudioContext.prototype.setSinkId != null;
return ( return (
<div className="text-foreground p-4 space-y-4 w-full" style={{fontFamily}}> <div className="text-foreground p-4 space-y-4 w-full" style={{ fontFamily }}>
{canChangeAudioDevice && ( {canChangeAudioDevice && (
<FormItem label="Audio Output Device"> <FormItem label="Audio Output Device">
<AudioDeviceSelector <AudioDeviceSelector

View File

@ -1,14 +1,12 @@
import cx from '@src/cx.mjs';
import { useSettings } from '@src/settings.mjs'; import { useSettings } from '@src/settings.mjs';
const { BASE_URL } = import.meta.env; const { BASE_URL } = import.meta.env;
const baseNoTrailing = BASE_URL.endsWith('/') ? BASE_URL.slice(0, -1) : BASE_URL; const baseNoTrailing = BASE_URL.endsWith('/') ? BASE_URL.slice(0, -1) : BASE_URL;
export function WelcomeTab({ context }) { export function WelcomeTab({ context }) {
const { fontFamily } = useSettings();
const {fontFamily} = useSettings()
return ( return (
<div className="prose dark:prose-invert min-w-full pt-2 font-sans pb-8 px-4 " style={{fontFamily}}> <div className="prose dark:prose-invert min-w-full pt-2 font-sans pb-8 px-4 " style={{ fontFamily }}>
<h3> welcome</h3> <h3> welcome</h3>
<p> <p>
You have found <span className="underline">strudel</span>, a new live coding platform to write dynamic music You have found <span className="underline">strudel</span>, a new live coding platform to write dynamic music