Update some styles

This commit is contained in:
Oliver-Akins 2024-01-07 00:55:25 -07:00
parent c273111004
commit 1712230779
5 changed files with 75 additions and 14 deletions

View file

@ -1,4 +1,27 @@
@use "sass:color";
$title-font: 'Pixelify Sans', sans-serif;
$body-font: sans-serif;
$input-font: $body-font;
$background: #f2f2f2;
$background: #f2f2f2;
$colour-primary: #00aa00;
$colour-primary-l80: color.scale($colour-primary, $lightness: 80%);
$colour-primary-l60: color.scale($colour-primary, $lightness: 60%);
$colour-primary-l40: color.scale($colour-primary, $lightness: 40%);
$colour-primary-l20: color.scale($colour-primary, $lightness: 20%);
$colour-primary-d20: color.scale($colour-primary, $lightness: -20%);
$colour-primary-d40: color.scale($colour-primary, $lightness: -40%);
$colour-primary-d60: color.scale($colour-primary, $lightness: -60%);
$colour-primary-d80: color.scale($colour-primary, $lightness: -80%);
$text-on-primary: black;
$text-on-primary-l80: black;
$text-on-primary-l60: black;
$text-on-primary-l40: black;
$text-on-primary-l20: black;
$text-on-primary-d20: white;
$text-on-primary-d40: white;
$text-on-primary-d60: white;
$text-on-primary-d80: white;

View file

@ -48,19 +48,33 @@
cursor: default;
}
}
.debug-data {
opacity: 60%;
font-family: $body-font;
}
}
// Styling that doesn't belong to any particular part of my sheet
.dotdungeon {
.dotdungeon.dotdungeon.dotdungeon.dotdungeon {
container-type: size;
> .window-content {
padding: 0;
background: $background;
.debug-data {
opacity: 60%;
font-family: $body-font;
}
button {
border-radius: 4px;
&.primary {
background: $colour-primary;
color: $text-on-primary;
padding: 5px 7px;
&:hover {
background: $colour-primary-d20;
color: $text-on-primary-d20;
}
}
}
}
}