Feat/migrate to daisy (#10)

* feat: init daisyui!

* feat: change theme and colors

* change dark theme and add colors
This commit is contained in:
Julien Calixte
2024-12-21 20:05:37 +01:00
committed by GitHub
parent c8e066e6f6
commit 9571752f26
23 changed files with 801 additions and 194 deletions

View File

@@ -1,23 +1,20 @@
@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?display=swap&family=Courier+Prime");
$primary: #2c3a47;
$link: #445fb9;
$light-link: lighten($link, 45%);
$family-primary: "Courier Prime", monospace;
$background: #ffffff;
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
--primary-color: #{$primary};
--font-family: #{$family-primary};
--primary-color: #2c3a47;
--font-family: "Courier Prime", monospace;
--font-color: #4a4a4a;
--light-link: #{$light-link};
--background-color: #{$background};
--link: #445fb9;
--light-link: lighten(#445fb9, 45%);
--background-color: #ffffff;
--note-width: 620px;
}
@import "../../node_modules/bulma/bulma.sass";
html {
overflow-y: auto;
overflow-x: auto;
@@ -27,7 +24,6 @@ body {
height: 100vh;
scroll-behavior: smooth;
overflow-y: auto;
font-size: 1.2em;
}
@media screen and (min-width: 769px) {
@@ -54,37 +50,34 @@ body {
}
a {
&:hover {
color: darken($link, 20);
}
&.external-link {
text-decoration: underline;
&::after {
margin-left: 0.2rem;
vertical-align: text-top;
margin-left: 0.4rem;
content: url("/assets/external-link.svg");
}
}
}
.notif-success {
background-color: $link;
background-color: var(--link);
}
.repo-note {
font-family: var(--font-family);
color: var(--font-color);
background-color: var(--background-color);
transition-property: color, background-color;
transition: cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
transition: cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
}
.table-wrapper {
overflow-x: auto;
}
.btn {
font-size: 1rem;
}
@media print {
html,
@@ -104,10 +97,6 @@ pre {
}
}
code {
font-family: var(--font-family);
}
.markdown-alert {
padding: 1rem;
background-color: #ecf0f1;