Add colours and Sentry feedback form

This commit is contained in:
Jade Ellis
2024-09-10 04:11:45 +01:00
parent 3ff04eba7e
commit d6da36314d
10 changed files with 294 additions and 147 deletions
+34 -1
View File
@@ -33,6 +33,11 @@
--code-background-color: #0d1117;
--code-color: #fff;
--color-primary: hsl(230, 50%, 90%);
--color-secondary: hsl(230, 50%, 10%);
--color-tertiary: hsl(290, 80%, 20%);
--color-accent: hsl(227, 80%, 20%);
--color-red: #e93147;
--color-orange: #ec7500;
--color-yellow: #e0ac00;
@@ -60,6 +65,11 @@
--font-color: rgba(255, 255, 255, .87);
--font-color-contrast: rgba(0, 0, 0, .87);
--font-color-secondary: rgba(255, 255, 255, .6);
--color-primary: hsl(230, 50%, 10%);
--color-secondary: hsl(230, 50%, 90%);
--color-tertiary: hsl(290, 80%, 80%);
--color-accent: hsl(195, 80%, 80%);
--color-red: #fb464c;
--color-orange: #e9973f;
@@ -109,7 +119,8 @@ html {
body {
padding: 0;
margin: 0
margin: 0;
min-height: 100vh;
}
iframe,
@@ -125,6 +136,13 @@ svg {
display: block;
}
a {
color: var(--color-accent);
}
a:visited {
color: var(--color-tertiary);
}
.container {
--container-max-width: var(--page-width);
--padding-x: var(--spacing);
@@ -176,3 +194,18 @@ svg {
}
button {
display: inline-block;
color: var(--color-primary);
background: var(--color-accent);
border-radius: 4px;
margin: 8px 8px 8px 0px;
padding: 12px 24px;
border: solid 2px var(--color-accent);
}
.secondary {
border: solid 2px var(--color-accent);
color: var(--color-accent);
background: transparent;
}