rachel/rachel.cafe
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

style change

Browse Source
This commit is contained in:
Rachel Lambda Samuelsson 2022-12-09 20:02:28 +01:00
parent 12ff557e77
commit 344262db2a
3 changed files with 40 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/css/fonts/cmunrm.ttf Normal file
View File

Binary file not shown.

BIN
assets/css/fonts/cmuntt.ttf Normal file
View File

Binary file not shown.

101
assets/css/main.scss
View File

@ -1,53 +1,37 @@
--- ---
--- ---
// solarized theme .centercol {
$base03: #002b36; counter-reset: heading;
$base02: #073642;
$base01: #586e75;
$base00: #657b83;
$base0: #839496;
$base1: #93a1a1;
$base2: #eee8d5;
$base3: #fdf6e3;
$yellow: #b58900;
$orange: #cb4b16;
$red: #dc322f;
$magenta: #d33682;
$violet: #6c71c4;
$blue: #268bd2;
$cyan: #2aa198;
$green: #859900;
:root {
--background: #{$base3};
--background-alt: #{$base2};
--comment: #{$base1};
--text: #{$base00};
--text-emph: #{$base01};
@import "light_theme"
} }
@media (prefers-color-scheme: dark) { h1:before {
:root { content: counter(heading)" ";
--background: #{$base03}; counter-increment: heading;
--background-alt: #{$base02};
--comment: #{$base01};
--text: #{$base0};
--text-emph: #{$base1};
}
@import "dark_theme"
} }
$background: var(--background); h1 {
$background-alt: var(--background-alt); counter-reset: subheading;
$comment: var(--comment); }
$text: var(--text);
$text-emph: var(--text-emph); h2:before {
content: counter(heading)"." counter(subheading)" ";
counter-increment: subheading;
}
@font-face {
font-family: CMUSerif;
src: url(/assets/css/fonts/cmunrm.ttf);
font-weight: heavy;
}
@font-face {
font-family: CMUMono;
src: url(/assets/css/fonts/cmuntt.ttf);
}
body { body {
background-color: $background; font-family: CMUSerif;
font-family: serif;
} }
img { img {
@ -56,7 +40,6 @@ img {
figcaption { figcaption {
text-align: center; text-align: center;
color: $text;
} }
.tcenter { .tcenter {
@ -65,14 +48,13 @@ figcaption {
pre code { pre code {
display: block; display: block;
} padding: 10px;
border-top: 2px dotted gray;
p, li, th, td { border-bottom: 2px dotted gray;
color: $text;
} }
table, th, td { table, th, td {
border: 1px solid $text; border: 1px solid black;
} }
th, td { th, td {
@ -92,19 +74,23 @@ a {
} }
a:link { a:link {
color: $blue; color: blue;
} }
a:visited { a:visited {
color: $violet; color: violet;
} }
a:hover { a:hover {
color: $cyan; color: cyan;
} }
.sitetitle a, bold, em, h1, h2, h3, h4, h5, h6 { .sitetitle a, {
color: $text-emph; color: black
}
h1,h2,h3,h4,h5,h6 {
text-align: center;
} }
.right { .right {
@ -131,11 +117,11 @@ nav ul li {
} }
nav ul li a { nav ul li a {
color: $comment; color: gray;
} }
hr { hr {
color: $comment; color: gray;
border: 0; border: 0;
border-bottom: 1px dashed; border-bottom: 1px dashed;
} }
@ -146,10 +132,3 @@ hr {
display: block; display: block;
margin: auto; margin: auto;
} }
code, .Agda {
font-family: monospace, monospace;
background-color: $background-alt;
padding: 4px;
overflow-x: auto;
}