nycki/nycki.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

iconic magenta stripes

Browse source
This commit is contained in:
Nycki 2024-09-13 16:24:21 -07:00
parent d5905fff2c
commit ca9e1593a9
2 changed files with 8 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
public/css/index.css
View file

@ -6,36 +6,17 @@
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--xkcd-light-grey: #d8dcd6;
--xkcd-steel-blue: #5a7d9a;
--xkcd-magenta: #c20078;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #082840;
--text-color-link-active: #5f2b48;
--text-color-link-visited: #17050F;
--background-color: black;
--text-color: var(--xkcd-light-grey);
--text-color-link: var(--xkcd-steel-blue);
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
@ -81,13 +62,6 @@ li {
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main {
padding: 1rem;
@ -97,7 +71,7 @@ main :first-child {
}
header {
border-bottom: 1px dashed var(--color-gray-20);
border-bottom: 1.5ch double var(--xkcd-magenta);
}
header:after {
content: "";
@ -107,7 +81,7 @@ header:after {
.links-nextprev {
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-top: 1.5ch double var(--xkcd-magenta);
padding: 1em 0;
}
@ -201,7 +175,6 @@ header {
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;

18
public/css/message-box.css
View file

@ -1,18 +0,0 @@
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}