aron/awebsite
aron/awebsite
1
0
Fork 0
Code Issues Pull requests Wiki Activity Actions

Added and internalized Pico theme for customization

Browse source
This commit is contained in:
Aron Petau 2025-04-29 20:02:54 +02:00
parent 8e7f72ce8b
commit 8c90bb2dfc
71 changed files with 4587 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

53
themes/pico/sass/css/_vars.scss Normal file
View file

@ -0,0 +1,53 @@
* {
--font-family: 'Mulish', Halvetica, Arial;
}
:root {
--co-warning: rgba(255, 145, 0, 0.8);
--co-alert: rgb(255, 0, 21);
--co-info: rgb(0, 123, 255);
--main-color-light: #011627;
--bg-color-light: #F4F9E9;
--hover-color-light: #FF3366;
--hover-bg-light: #e7ebde;
--code-bg-color-light: #e2e6d9;
--code-fg-color-light: #383a42;
--code-kw-color-light: #054865;
--code-string-color-light:#448743;
--code-comment-color-light:#a9a9a9;
--main-color-dark: #EEEEEE;
--bg-color-dark: #222831;
--hover-color-dark: #369ce4;
--hover-bg-dark: #393E46;
--code-bg-color-dark: #303947;
--code-fg-color-dark: #dcdfe4;
--code-kw-color-dark: #9a8240;
--code-string-color-dark:#6e8e57;
--code-comment-color-dark:#686767;
}
[color-theme="light"] {
--main-color: var(--main-color-light);
--bg-color: var(--bg-color-light);
--hover-color: var(--hover-color-light);
--hover-bg: var(--hover-bg-light);
--code-bg-color: var(--code-bg-color-light);
--code-fg-color: var(--code-fg-color-light);
--code-kw-color: var(--code-kw-color-light);
--code-string-color: var(--code-string-color-light);
--code-comment-color: var(--code-comment-color-light);
}
[color-theme="dark"] {
--main-color: var(--main-color-dark);
--bg-color: var(--bg-color-dark);
--hover-color: var(--hover-color-dark);
--hover-bg: var(--hover-bg-dark);
--code-bg-color: var(--code-bg-color-dark);
--code-fg-color: var(--code-fg-color-dark);
--code-kw-color: var(--code-kw-color-dark);
--code-string-color: var(--code-string-color-dark);
--code-comment-color: var(--code-comment-color-dark);
}