This commit is contained in:
parent
d7d9c21dcc
commit
bc40572e27
@ -1,3 +1,3 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4z" fill="#672129"/>
|
<path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4z" fill="rgb(200, 106, 0);"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 202 B After Width: | Height: | Size: 212 B |
@ -25,6 +25,22 @@
|
|||||||
fill="var(--normal-font-color)"></path>
|
fill="var(--normal-font-color)"></path>
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
|
<button
|
||||||
|
class="darklight"
|
||||||
|
on:click="{() => {
|
||||||
|
const body = document.querySelector('body')
|
||||||
|
if (body) {
|
||||||
|
body.classList.toggle('darkTheme')
|
||||||
|
}
|
||||||
|
$darkMode = !$darkMode
|
||||||
|
}}"
|
||||||
|
>
|
||||||
|
{#if !$darkMode}
|
||||||
|
<img src="/media/dark.svg" alt="darkmode" />
|
||||||
|
{:else}
|
||||||
|
<img src="/media/light.svg" alt="lightmode" />
|
||||||
|
{/if}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="services">
|
<div class="services">
|
||||||
@ -36,22 +52,6 @@
|
|||||||
>
|
>
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
<button
|
|
||||||
class="darklight"
|
|
||||||
on:click="{() => {
|
|
||||||
const body = document.querySelector('body')
|
|
||||||
if (body) {
|
|
||||||
body.classList.toggle('darkTheme')
|
|
||||||
}
|
|
||||||
$darkMode = !$darkMode
|
|
||||||
}}"
|
|
||||||
>
|
|
||||||
{#if !$darkMode}
|
|
||||||
<img src="/media/dark.svg" alt="darkmode" />
|
|
||||||
{:else}
|
|
||||||
<img src="/media/light.svg" alt="lightmode" />
|
|
||||||
{/if}
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
|
@ -114,7 +114,7 @@
|
|||||||
.container {
|
.container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: flex-start;
|
||||||
--fds-solid-background-quarternary: var(--background-color);
|
--fds-solid-background-quarternary: var(--background-color);
|
||||||
--fds-text-primary: var(--normal-font-color);
|
--fds-text-primary: var(--normal-font-color);
|
||||||
--fds-text-secondary: var(--normal-font-color-80);
|
--fds-text-secondary: var(--normal-font-color-80);
|
||||||
|
Loading…
Reference in New Issue
Block a user