yagich/pyrom
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add Atkinson Hyperlegible Mono font for textarea, normalize css a bit

Browse Source
This commit is contained in:
Lera Elvoé
2025-12-04 04:44:32 +03:00
parent 3baccb87b1
commit 062cab44bc
7 changed files with 129 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
data/static/css/style.css
View File

@@ -26,10 +26,26 @@
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/static/fonts/AtkinsonHyperlegibleMono-VariableFont_wght.ttf");
font-weight: 125 950;
font-style: normal;
}
@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/static/fonts/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf");
font-weight: 125 950;
font-style: italic;
}
*, ::before, ::after {
box-sizing: border-box;
}
.reaction-button.active, .tab-button, .currentpage, .pagebutton, input[type=file]::file-selector-button, button.warn, input[type=submit].warn, .linkbutton.warn, button.critical, input[type=submit].critical, .linkbutton.critical, button, input[type=submit], .linkbutton {
cursor: default;
font-size: 0.9em;
font-family: "Cadman";
font-size: 1rem;
font-family: "Cadman", sans-serif;
text-decoration: none;
border: 1px solid black;
border-radius: 4px;
@@ -38,7 +54,7 @@
}
body {
font-family: "Cadman";
font-family: "Cadman", sans-serif;
margin: 20px 100px;
background-color: rgb(173.5214173228, 183.6737007874, 161.0262992126);
color: black;
@@ -188,6 +204,10 @@ a:visited {
padding: 10px 0;
}
code {
font-family: "Atkinson Hyperlegible Mono", monospace;
}
pre code {
display: block;
background-color: rgb(38.5714173228, 40.9237007874, 35.6762992126);
@@ -550,7 +570,7 @@ pre code { /* Literal.Number.Integer.Long */ }
display: flex;
justify-content: space-between;
align-items: baseline;
font-family: "Cadman";
font-family: "Cadman", sans-serif;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
background-color: #c1ceb1;
@@ -835,15 +855,20 @@ input[type=text], input[type=password], textarea, select {
border-radius: 4px;
padding: 7px 10px;
width: 100%;
box-sizing: border-box;
resize: vertical;
color: black;
background-color: rgb(217.8, 225.6, 208.2);
font-size: 100%;
font-family: inherit;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
background-color: rgb(230.2, 235.4, 223.8);
}
textarea {
font-family: "Atkinson Hyperlegible Mono", monospace;
}
.infobox {
border: 2px solid black;
background-color: #81a3e6;
@@ -1094,7 +1119,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
.babycode-editor {
height: 150px;
font-size: 1rem;
}
.babycode-editor-container {
@@ -1187,7 +1211,6 @@ ul.horizontal li, ol.horizontal li {
.accordion {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
box-sizing: border-box;
border: 1px solid black;
margin: 10px 5px;
overflow: hidden;

37
data/static/css/theme-otomotone.css
View File

@@ -26,10 +26,26 @@
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/static/fonts/AtkinsonHyperlegibleMono-VariableFont_wght.ttf");
font-weight: 125 950;
font-style: normal;
}
@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/static/fonts/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf");
font-weight: 125 950;
font-style: italic;
}
*, ::before, ::after {
box-sizing: border-box;
}
.reaction-button.active, .tab-button, .currentpage, .pagebutton, input[type=file]::file-selector-button, button.warn, input[type=submit].warn, .linkbutton.warn, button.critical, input[type=submit].critical, .linkbutton.critical, button, input[type=submit], .linkbutton {
cursor: default;
font-size: 0.9em;
font-family: "Cadman";
font-size: 1rem;
font-family: "Cadman", sans-serif;
text-decoration: none;
border: 1px solid black;
border-radius: 8px;
@@ -38,7 +54,7 @@
}
body {
font-family: "Cadman";
font-family: "Cadman", sans-serif;
margin: 20px 100px;
background-color: #220d16;
color: #e6e6e6;
@@ -188,6 +204,10 @@ a:visited {
padding: 10px 0;
}
code {
font-family: "Atkinson Hyperlegible Mono", monospace;
}
pre code {
display: block;
background-color: #302731;
@@ -550,7 +570,7 @@ pre code { /* Literal.Number.Integer.Long */ }
display: flex;
justify-content: space-between;
align-items: baseline;
font-family: "Cadman";
font-family: "Cadman", sans-serif;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
background-color: #9b649b;
@@ -835,15 +855,20 @@ input[type=text], input[type=password], textarea, select {
border-radius: 8px;
padding: 7px 10px;
width: 100%;
box-sizing: border-box;
resize: vertical;
color: #e6e6e6;
background-color: #371e37;
font-size: 100%;
font-family: inherit;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
background-color: #514151;
}
textarea {
font-family: "Atkinson Hyperlegible Mono", monospace;
}
.infobox {
border: 2px solid black;
background-color: #775891;
@@ -1094,7 +1119,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
.babycode-editor {
height: 150px;
font-size: 1rem;
}
.babycode-editor-container {
@@ -1187,7 +1211,6 @@ ul.horizontal li, ol.horizontal li {
.accordion {
border-top-right-radius: 8px;
border-top-left-radius: 8px;
box-sizing: border-box;
border: 1px solid black;
margin: 10px 5px;
overflow: hidden;

37
data/static/css/theme-peachy.css
View File

@@ -26,10 +26,26 @@
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/static/fonts/AtkinsonHyperlegibleMono-VariableFont_wght.ttf");
font-weight: 125 950;
font-style: normal;
}
@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/static/fonts/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf");
font-weight: 125 950;
font-style: italic;
}
*, ::before, ::after {
box-sizing: border-box;
}
.reaction-button.active, .tab-button, .currentpage, .pagebutton, input[type=file]::file-selector-button, button.warn, input[type=submit].warn, .linkbutton.warn, button.critical, input[type=submit].critical, .linkbutton.critical, button, input[type=submit], .linkbutton {
cursor: default;
font-size: 0.9em;
font-family: "Cadman";
font-size: 1rem;
font-family: "Cadman", sans-serif;
text-decoration: none;
border: 1px solid black;
border-radius: 16px;
@@ -38,7 +54,7 @@
}
body {
font-family: "Cadman";
font-family: "Cadman", sans-serif;
margin: 12px 50px;
background-color: #c85d45;
color: black;
@@ -188,6 +204,10 @@ a:visited {
padding: 6px 0;
}
code {
font-family: "Atkinson Hyperlegible Mono", monospace;
}
pre code {
display: block;
background-color: rgb(41.7051685393, 28.2759550562, 24.6948314607);
@@ -550,7 +570,7 @@ pre code { /* Literal.Number.Integer.Long */ }
display: flex;
justify-content: space-between;
align-items: baseline;
font-family: "Cadman";
font-family: "Cadman", sans-serif;
border-top-right-radius: 16px;
border-top-left-radius: 16px;
background-color: #f27a5a;
@@ -835,15 +855,20 @@ input[type=text], input[type=password], textarea, select {
border-radius: 16px;
padding: 8px;
width: 100%;
box-sizing: border-box;
resize: vertical;
color: black;
background-color: rgb(247.2, 175.2, 156);
font-size: 100%;
font-family: inherit;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
background-color: rgb(249.8, 201.8, 189);
}
textarea {
font-family: "Atkinson Hyperlegible Mono", monospace;
}
.infobox {
border: 2px solid black;
background-color: #81a3e6;
@@ -1094,7 +1119,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
.babycode-editor {
height: 150px;
font-size: 1rem;
}
.babycode-editor-container {
@@ -1187,7 +1211,6 @@ ul.horizontal li, ol.horizontal li {
.accordion {
border-top-right-radius: 16px;
border-top-left-radius: 16px;
box-sizing: border-box;
border: 1px solid black;
margin: 6px 3px;
overflow: hidden;

BIN
data/static/fonts/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf Normal file
View File

Binary file not shown.

BIN
data/static/fonts/AtkinsonHyperlegibleMono-VariableFont_wght.ttf Normal file
View File

Binary file not shown.