wbrawner/interval-timer
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages 1 Wiki Activity Actions

Fix colors in light mode

Browse source
This commit is contained in:
William Brawner 2023-10-17 21:30:46 -06:00
parent b344a9c6b2
commit a1b36f66d3
3 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/script/components/header.ts
View file

@ -51,10 +51,6 @@ export class AppHeader extends LitElement {
}
@media(prefers-color-scheme: light) {
header {
color: black;
}
nav fluent-anchor::part(control) {
color: initial;
}

4
src/script/components/icons/icon-navigation.ts
View file

@ -8,13 +8,13 @@ export class NavigationIcon extends LitElement {
return css`
svg {
display: block;
color: var(--foreground-color);
color: white;
}
`;
}
render() {
return html`
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2 4.5c0-.28.22-.5.5-.5h15a.5.5 0 010 1h-15a.5.5 0 01-.5-.5zm0 5c0-.28.22-.5.5-.5h15a.5.5 0 010 1h-15a.5.5 0 01-.5-.5zm.5 4.5a.5.5 0 000 1h15a.5.5 0 000-1h-15z"/></svg>
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M2 4.5c0-.28.22-.5.5-.5h15a.5.5 0 010 1h-15a.5.5 0 01-.5-.5zm0 5c0-.28.22-.5.5-.5h15a.5.5 0 010 1h-15a.5.5 0 01-.5-.5zm.5 4.5a.5.5 0 000 1h15a.5.5 0 000-1h-15z"/></svg>
`;
}
}

10
src/script/pages/app-home.ts
View file

@ -24,6 +24,14 @@ export class AppHome extends LitElement {
flex-grow: 1;
}
.timer-wrapper {
padding: 10px;
box-sizing: border-box;
height: 100%;
border-radius: 1em;
background-color: var(--timer-background-default);
}
p {
margin: 0;
text-align: center;
@ -76,6 +84,7 @@ export class AppHome extends LitElement {
`;
} else {
body = html`
<div class="timer-wrapper">
<p>
Create a timer to begin<br />
<fluent-button
@ -84,6 +93,7 @@ export class AppHome extends LitElement {
New Timer
</fluent-button>
</p>
</div>
`;
}