magnus/Notes2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Colorization of icons

Browse source
This commit is contained in:
Magnus Åhall 2026-06-02 21:05:28 +02:00
parent cc69f7194e
commit 3c6648f227
7 changed files with 90 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

12
static/css/notes2.css
View file

@ -4,12 +4,22 @@
--content-width: 900px;
--thumbnail-width: 300px;
--thumbnail-height: 100px;
/*
--colorize: invert(10%) sepia(61%) saturate(5017%) hue-rotate(323deg) brightness(90%) contrast(109%);
*/
--colorize: invert(59%) sepia(71%) saturate(3270%) hue-rotate(327deg) brightness(100%) contrast(99%);
}
html {
background-color: #fff;
}
.colorize {
filter: var(--colorize);
}
#notes2 {
min-height: 100vh;
@ -21,7 +31,7 @@ html {
"tree hum content content ding"
"tree hum blank blank ding"
;
grid-template-columns: min-content minmax(16px, 1fr) minmax(min-content, calc(900px - 120px)) 120px minmax(16px, 1fr);
grid-template-columns: min-content minmax(16px, 1fr) minmax(min-content, calc(900px - 156px)) 156px minmax(16px, 1fr);
grid-template-rows:
min-content min-content 48px 1fr;