michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

better theme colors
Some checks failed
test / cargo test (push) Failing after 1m3s
Details

Browse Source
This commit is contained in:
Michal Vanko 2024-09-19 12:06:35 +02:00
parent 0937de96dd
commit 6650366e60
3 changed files with 48 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
axum_server/src/main.rs
View File

@ -54,6 +54,8 @@ async fn main() {
// TODO Socials // TODO Socials
// - fotos // - fotos
// TODO Colors // TODO Colors
// Text slate, and gray should be somehow customised
// STRONG bold-medium
// TODO print css and other 404 css linked in base.html // TODO print css and other 404 css linked in base.html
// TODO go live pipeline // TODO go live pipeline
// TODO after release // TODO after release

54
axum_server/styles/output.css
View File

@ -23,7 +23,7 @@
--tw-ring-inset: ; --tw-ring-inset: ;
--tw-ring-offset-width: 0px; --tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff; --tw-ring-offset-color: #fff;
--tw-ring-color: rgb(66 166 240 / 0.5); --tw-ring-color: rgb(23 137 224 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000;
@ -77,7 +77,7 @@
--tw-ring-inset: ; --tw-ring-inset: ;
--tw-ring-offset-width: 0px; --tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff; --tw-ring-offset-color: #fff;
--tw-ring-color: rgb(66 166 240 / 0.5); --tw-ring-color: rgb(23 137 224 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000;
@ -914,22 +914,22 @@ video {
.border-blue-500 { .border-blue-500 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(66 166 240 / var(--tw-border-opacity)); border-color: rgb(23 137 224 / var(--tw-border-opacity));
} }
.border-blue-950 { .border-blue-950 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(15 38 55 / var(--tw-border-opacity)); border-color: rgb(11 39 70 / var(--tw-border-opacity));
} }
.bg-blue-100 { .bg-blue-100 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(217 237 252 / var(--tw-bg-opacity)); background-color: rgb(225 239 253 / var(--tw-bg-opacity));
} }
.bg-blue-50 { .bg-blue-50 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(236 246 254 / var(--tw-bg-opacity)); background-color: rgb(241 247 254 / var(--tw-bg-opacity));
} }
.bg-pink-200 { .bg-pink-200 {
@ -943,7 +943,7 @@ video {
} }
.fill-blue-950 { .fill-blue-950 {
fill: #0F2637; fill: #0b2746;
} }
.object-contain { .object-contain {
@ -1073,22 +1073,22 @@ video {
.text-blue-500 { .text-blue-500 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(66 166 240 / var(--tw-text-opacity)); color: rgb(23 137 224 / var(--tw-text-opacity));
} }
.text-blue-700 { .text-blue-700 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(40 100 144 / var(--tw-text-opacity)); color: rgb(10 86 154 / var(--tw-text-opacity));
} }
.text-blue-900 { .text-blue-900 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(23 58 84 / var(--tw-text-opacity)); color: rgb(16 62 106 / var(--tw-text-opacity));
} }
.text-blue-950 { .text-blue-950 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(15 38 55 / var(--tw-text-opacity)); color: rgb(11 39 70 / var(--tw-text-opacity));
} }
.text-gray-600 { .text-gray-600 {
@ -1101,9 +1101,9 @@ video {
color: rgb(31 41 55 / var(--tw-text-opacity)); color: rgb(31 41 55 / var(--tw-text-opacity));
} }
.text-pink-800 { .text-pink-950 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(146 22 110 / var(--tw-text-opacity)); color: rgb(80 2 56 / var(--tw-text-opacity));
} }
.text-slate-800 { .text-slate-800 {
@ -1111,16 +1111,6 @@ video {
color: rgb(30 41 59 / var(--tw-text-opacity)); color: rgb(30 41 59 / var(--tw-text-opacity));
} }
.text-pink-900 {
--tw-text-opacity: 1;
color: rgb(119 24 89 / var(--tw-text-opacity));
}
.text-pink-950 {
--tw-text-opacity: 1;
color: rgb(80 2 56 / var(--tw-text-opacity));
}
.no-underline { .no-underline {
text-decoration-line: none; text-decoration-line: none;
} }
@ -1143,7 +1133,7 @@ a {
text-underline-offset: 2px; text-underline-offset: 2px;
&:hover { &:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(66 166 240 / var(--tw-text-opacity)); color: rgb(23 137 224 / var(--tw-text-opacity));
} }
&:hover { &:hover {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
@ -1181,7 +1171,7 @@ a {
} }
h1 { h1 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(23 58 84 / var(--tw-text-opacity)); color: rgb(16 62 106 / var(--tw-text-opacity));
} }
@media (min-width: 768px) { @media (min-width: 768px) {
h1 { h1 {
@ -1221,7 +1211,7 @@ a {
} }
h2 { h2 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(23 58 84 / var(--tw-text-opacity)); color: rgb(16 62 106 / var(--tw-text-opacity));
} }
@media (min-width: 768px) { @media (min-width: 768px) {
h2 { h2 {
@ -1281,7 +1271,7 @@ a {
} }
h3 { h3 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(23 58 84 / var(--tw-text-opacity)); color: rgb(16 62 106 / var(--tw-text-opacity));
} }
@media (min-width: 768px) { @media (min-width: 768px) {
h3 { h3 {
@ -1341,7 +1331,7 @@ a {
} }
h4 { h4 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(23 58 84 / var(--tw-text-opacity)); color: rgb(16 62 106 / var(--tw-text-opacity));
} }
@media (min-width: 768px) { @media (min-width: 768px) {
h4 { h4 {
@ -1478,7 +1468,7 @@ a {
} }
figcaption { figcaption {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(31 78 113 / var(--tw-text-opacity)); color: rgb(12 73 128 / var(--tw-text-opacity));
} }
@media (min-width: 768px) { @media (min-width: 768px) {
figcaption { figcaption {
@ -1548,7 +1538,7 @@ a {
} }
thead { thead {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(217 237 252 / var(--tw-bg-opacity)); background-color: rgb(225 239 253 / var(--tw-bg-opacity));
} }
tbody { tbody {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
@ -1645,11 +1635,11 @@ a {
} }
:not(pre) code { :not(pre) code {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(142 202 246 / var(--tw-border-opacity)); border-color: rgb(130 195 247 / var(--tw-border-opacity));
} }
:not(pre) code { :not(pre) code {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(217 237 252 / var(--tw-bg-opacity)); background-color: rgb(225 239 253 / var(--tw-bg-opacity));
} }
:not(pre) code { :not(pre) code {
padding-left: 0.25rem; padding-left: 0.25rem;

35
axum_server/tailwind.config.js
View File

@ -39,18 +39,31 @@ module.exports = {
], ],
}, },
colors: { colors: {
// blue: {
// 50: "#ecf6fe",
// 100: "#d9edfc",
// 200: "#b3dbf9",
// 300: "#8ecaf6",
// 400: "#68b8f3",
// 500: "#42a6f0",
// 600: "#3585c0",
// 700: "#286490",
// 800: "#1F4E71",
// 900: "#173A54",
// 950: "#0F2637",
// },
blue: { blue: {
50: "#ecf6fe", 50: "#f1f7fe",
100: "#d9edfc", 100: "#e1effd",
200: "#b3dbf9", 200: "#bddefa",
300: "#8ecaf6", 300: "#82c3f7",
400: "#68b8f3", 400: "#42a6f0",
500: "#42a6f0", 500: "#1789e0",
600: "#3585c0", 600: "#0a6cbf",
700: "#286490", 700: "#0a569a",
800: "#1F4E71", 800: "#0c4980",
900: "#173A54", 900: "#103e6a",
950: "#0F2637", 950: "#0b2746",
}, },
// pink: { // pink: {
// 50: "#FFFBFE", // 50: "#FFFBFE",