feat: update font weight to bold for greeting, quote, and clock components; add TypeScript LSP plugin settings

This commit is contained in:
alexsparkes
2026-02-06 15:26:34 +00:00
parent 1c2a43ae7f
commit 5532d02603
7 changed files with 20 additions and 15 deletions

View File

@@ -3,7 +3,7 @@
font-size: 1.6em;
cursor: initial;
user-select: none;
font-weight: 600;
font-weight: 700;
&:not(.preview) {
animation: fadeIn 1s;

View File

@@ -275,13 +275,13 @@ const GreetingOptions = ({ currentSubSection, onSubSectionChange, sectionName })
name="greetingFontWeight"
category="greeting"
items={[
{ value: '600', text: t(fontWeight + '.semi_bold') },
{ value: '700', text: t(fontWeight + '.bold') },
{ value: '100', text: t(fontWeight + '.thin') },
{ value: '200', text: t(fontWeight + '.extra_light') },
{ value: '300', text: t(fontWeight + '.light') },
{ value: '400', text: t(fontWeight + '.normal') },
{ value: '500', text: t(fontWeight + '.medium') },
{ value: '700', text: t(fontWeight + '.bold') },
{ value: '600', text: t(fontWeight + '.semi_bold') },
{ value: '800', text: t(fontWeight + '.extra_bold') },
]}
/>
@@ -350,8 +350,8 @@ const GreetingOptions = ({ currentSubSection, onSubSectionChange, sectionName })
type="settings"
onClick={() => {
localStorage.removeItem('greetingFont');
localStorage.removeItem('greetingFontWeight');
localStorage.removeItem('greetingFontStyle');
localStorage.setItem('greetingFontWeight', '700');
localStorage.setItem('greetingColor', '#ffffff');
EventBus.emit('refresh', 'greeting');
toast(t('toasts.reset'));
@@ -419,8 +419,8 @@ const GreetingOptions = ({ currentSubSection, onSubSectionChange, sectionName })
onClick={(e) => {
e.stopPropagation();
localStorage.removeItem('greetingFont');
localStorage.removeItem('greetingFontWeight');
localStorage.removeItem('greetingFontStyle');
localStorage.setItem('greetingFontWeight', '700');
localStorage.setItem('greetingColor', '#ffffff');
EventBus.emit('refresh', 'greeting');
toast(t('toasts.reset'));

View File

@@ -234,13 +234,13 @@ const QuoteOptions = ({ currentSubSection, onSubSectionChange, sectionName }) =>
name="quoteFontWeight"
category="quote"
items={[
{ value: '600', text: t(fontWeight + '.semi_bold') },
{ value: '700', text: t(fontWeight + '.bold') },
{ value: '100', text: t(fontWeight + '.thin') },
{ value: '200', text: t(fontWeight + '.extra_light') },
{ value: '300', text: t(fontWeight + '.light') },
{ value: '400', text: t(fontWeight + '.normal') },
{ value: '500', text: t(fontWeight + '.medium') },
{ value: '700', text: t(fontWeight + '.bold') },
{ value: '600', text: t(fontWeight + '.semi_bold') },
{ value: '800', text: t(fontWeight + '.extra_bold') },
]}
/>
@@ -490,8 +490,8 @@ const QuoteOptions = ({ currentSubSection, onSubSectionChange, sectionName }) =>
type="settings"
onClick={() => {
localStorage.removeItem('quoteFont');
localStorage.removeItem('quoteFontWeight');
localStorage.removeItem('quoteFontStyle');
localStorage.setItem('quoteFontWeight', '700');
localStorage.setItem('quoteColor', '#ffffff');
EventBus.emit('refresh', 'quote');
toast(t('toasts.reset'));
@@ -550,8 +550,8 @@ const QuoteOptions = ({ currentSubSection, onSubSectionChange, sectionName }) =>
onClick={(e) => {
e.stopPropagation();
localStorage.removeItem('quoteFont');
localStorage.removeItem('quoteFontWeight');
localStorage.removeItem('quoteFontStyle');
localStorage.setItem('quoteFontWeight', '700');
localStorage.setItem('quoteColor', '#ffffff');
EventBus.emit('refresh', 'quote');
toast(t('toasts.reset'));

View File

@@ -11,7 +11,7 @@
--shadow-shift: 0.125rem;
color: #fff;
font-weight: 600;
font-weight: 700;
max-width: 45vw;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;

View File

@@ -5,7 +5,7 @@
margin: 0;
cursor: initial;
user-select: none;
font-weight: 600;
font-weight: 700;
animation: fadeIn 1s;
--shadow-shift: 0.4rem;

View File

@@ -234,13 +234,13 @@ const TimeOptions = ({ currentSubSection, onSubSectionChange, sectionName }) =>
name="clockFontWeight"
category="clock"
items={[
{ value: '600', text: t(fontWeight + '.semi_bold') },
{ value: '700', text: t(fontWeight + '.bold') },
{ value: '100', text: t(fontWeight + '.thin') },
{ value: '200', text: t(fontWeight + '.extra_light') },
{ value: '300', text: t(fontWeight + '.light') },
{ value: '400', text: t(fontWeight + '.normal') },
{ value: '500', text: t(fontWeight + '.medium') },
{ value: '700', text: t(fontWeight + '.bold') },
{ value: '600', text: t(fontWeight + '.semi_bold') },
{ value: '800', text: t(fontWeight + '.extra_bold') },
]}
/>
@@ -299,8 +299,8 @@ const TimeOptions = ({ currentSubSection, onSubSectionChange, sectionName }) =>
type="settings"
onClick={() => {
localStorage.removeItem('clockFont');
localStorage.removeItem('clockFontWeight');
localStorage.removeItem('clockFontStyle');
localStorage.setItem('clockFontWeight', '700');
localStorage.setItem('clockColor', '#ffffff');
localStorage.setItem('hourColour', '#ffffff');
localStorage.setItem('minuteColour', '#ffffff');
@@ -349,8 +349,8 @@ const TimeOptions = ({ currentSubSection, onSubSectionChange, sectionName }) =>
onClick={(e) => {
e.stopPropagation();
localStorage.removeItem('clockFont');
localStorage.removeItem('clockFontWeight');
localStorage.removeItem('clockFontStyle');
localStorage.setItem('clockFontWeight', '700');
localStorage.setItem('clockColor', '#ffffff');
localStorage.setItem('hourColour', '#ffffff');
localStorage.setItem('minuteColour', '#ffffff');