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

better theme colors
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
Download Patch File Download Diff File Expand all files Collapse all files
axum_server/src/main.rs
+2
View File
@@ -54,6 +54,8 @@ async fn main() {
// TODO Socials
// - fotos
// 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 go live pipeline
// TODO after release
axum_server/styles/output.css
+22 -32
View File
@@ -23,7 +23,7 @@
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--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-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
@@ -77,7 +77,7 @@
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--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-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
@@ -914,22 +914,22 @@ video {
.border-blue-500 {
--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 {
--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 {
--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 {
--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 {
@@ -943,7 +943,7 @@ video {
}
.fill-blue-950 {
fill: #0F2637;
fill: #0b2746;
}
.object-contain {
@@ -1073,22 +1073,22 @@ video {
.text-blue-500 {
--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 {
--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 {
--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 {
--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 {
@@ -1101,9 +1101,9 @@ video {
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-pink-800 {
.text-pink-950 {
--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 {
@@ -1111,16 +1111,6 @@ video {
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 {
text-decoration-line: none;
}
@@ -1143,7 +1133,7 @@ a {
text-underline-offset: 2px;
&:hover {
--tw-text-opacity: 1;
color: rgb(66 166 240 / var(--tw-text-opacity));
color: rgb(23 137 224 / var(--tw-text-opacity));
}
&:hover {
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 {
--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) {
h1 {
@@ -1221,7 +1211,7 @@ a {
}
h2 {
--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) {
h2 {
@@ -1281,7 +1271,7 @@ a {
}
h3 {
--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) {
h3 {
@@ -1341,7 +1331,7 @@ a {
}
h4 {
--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) {
h4 {
@@ -1478,7 +1468,7 @@ a {
}
figcaption {
--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) {
figcaption {
@@ -1548,7 +1538,7 @@ a {
}
thead {
--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 {
--tw-bg-opacity: 1;
@@ -1645,11 +1635,11 @@ a {
}
:not(pre) code {
--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 {
--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 {
padding-left: 0.25rem;
axum_server/tailwind.config.js
+24 -11
View File
@@ -39,18 +39,31 @@ module.exports = {
],
},
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: {
50: "#ecf6fe",
100: "#d9edfc",
200: "#b3dbf9",
300: "#8ecaf6",
400: "#68b8f3",
500: "#42a6f0",
600: "#3585c0",
700: "#286490",
800: "#1F4E71",
900: "#173A54",
950: "#0F2637",
50: "#f1f7fe",
100: "#e1effd",
200: "#bddefa",
300: "#82c3f7",
400: "#42a6f0",
500: "#1789e0",
600: "#0a6cbf",
700: "#0a569a",
800: "#0c4980",
900: "#103e6a",
950: "#0b2746",
},
// pink: {
// 50: "#FFFBFE",