get something on the screen

1 files changed, 45 insertions, 0 deletions

diff --git a/src/css/colors.css b/src/css/colors.css
new file mode 100644
index 0000000..067ddcd
--- /dev/null
+++ b/src/css/colors.css
@@ -0,0 +1,45 @@
+:root {
+  --bg: #fbf1c7;
+  --text: #3c3836;
+  --red: #9d0006;
+  --green: #6d790e;
+  --yellow: #b57614;
+  --blue: #075678;
+  --aqua: #57ab7e;
+  --purple: #b16286;
+  --orange: #af3a03;
+}
+
+[data-theme="dark"] {
+  --bg: #282828;
+  --text: #f9f5d7;
+  --red: #fb4934;
+  --green: #b8bb26;
+  --yellow: #fabd2f;
+  --blue: #83a598;
+  --aqua: #8ec07c;
+  --purple: #d3869b;
+  --orange: #d65d0e;
+}
+
+.red {
+  color: var(--red);
+}
+.green {
+  color: var(--green);
+}
+.yellow {
+  color: var(--yellow);
+}
+.blue {
+  color: var(--blue);
+}
+.aqua {
+  color: var(--aqua);
+}
+.purple {
+  color: var(--purple);
+}
+.orange {
+  color: var(--orange);
+}