commit f2b13255fbeb6c356a1a901cb8314ce7ac050f28
Author: sandyx <sandyx.code@proton.me>
Date:   Fri Aug 30 17:06:45 2024 -0500

    add

diff --git a/themes/black/black.css b/themes/black/black.css
new file mode 100644
index 0000000..5a68484
--- /dev/null
+++ b/themes/black/black.css
@@ -0,0 +1,131 @@
+.window {
+    font-family: "Fira Sans Book", "Droid Sans", "Tahoma", "Arial", sans-serif;
+    color: #fff;
+    background: #211A1E;
+}
+.header {
+    color: #fff;
+    font-family: "Fira Sans Book", "Droid Sans", "Tahoma", "Arial", sans-serif;
+    background: #211A1E;
+}
+
+.title {
+    padding-right: 130px;
+    font-weight: 900px;
+}
+
+.title, .attempt-count {
+    font-size: 24px;
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+.attempt-count {
+    font-size: 24px;
+    color: #FFF;
+    padding-right: 4px;
+}
+.splits, .split-last {
+    font-size: 18pt;
+    text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
+}
+.split, .split-last {
+    color: #fff;
+    font-family: "Fira Sans Book", "Arial", sans-serif;
+    font-weight: 700;
+    background: transparent;
+    /*border-bottom: 1px solid rgba(255,255,255,0.08);*/
+}
+.split-last {
+    border: 0;
+}
+.split {
+    color: #fff;
+}
+.current-split {
+    color: #fff;
+    background: #fde74c;
+    border: 0;
+    transition: .1s;
+}
+.split .split-time .done {
+    color: #fff;
+}
+
+.current-split {
+    color: #211a1e;
+}
+
+.current-split .split-time {
+    color: #211a1e;
+    background: transparent;
+}
+.split, .current-split, .split-title, .split-time, .split-delta {
+    padding-top: 8px;
+    padding-bottom: 8px;
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+.time {
+    font-family: "Fira Code Retina", "Droid Sans", "Tahoma", "Arial", sans-serif;
+	font-weight: 700;
+    color: #fff;
+}
+
+.delta {
+    font-family: "Fira Code Retina";
+	font-weight: 700;
+    background: transparent;
+}
+.best-split, .footer .previous-segment .best-split {
+    animation: blink-split 4s;
+    animation-iteration-count: infinite;
+    background-color: transparent;
+}
+@keyframes blink-split {
+    0% {
+        color: #FFC107;
+    }
+    50% {
+        color: #FFC107;
+    }
+    75% {
+        color: #FFECB3;
+    }
+    100% {
+        color: #FFC107;
+    }
+}
+
+.timer {
+    text-shadow: 0px 2px 3px rgba(0,0,0,0.65);
+    color: #5bc0eb;
+    transition: .5s;
+    font-weight: 700;
+    padding-top: 20px;
+}
+.timer-millis {
+    font-family: "Fira Code Retina";
+    font-size: 36pt;
+    padding-bottom: 5px;
+    padding-right: 4px;
+	
+}
+.timer-seconds {
+    font-family: "Fira Code Retina";
+    font-size: 72pt;
+}
+
+.losing {
+    color: #C3423F;
+    transition: .5s;
+}
+.behind {
+    color: #C3423F;
+    transition: .5s;
+}
+.footer {
+    color: #FFF;
+    background: transparent;
+    font-size: 24px;
+}
diff --git a/themes/digi/digi.css b/themes/digi/digi.css
new file mode 100644
index 0000000..b755241
--- /dev/null
+++ b/themes/digi/digi.css
@@ -0,0 +1,29 @@
+.timer.losing {
+    background-color: #6A6;
+}
+
+.timer.behind {
+    background-color: #A66;
+}
+
+.timer.behind.losing {
+    background-color: #C00;
+}
+
+.timer.delay {
+    background-color: #999;
+}
+
+.timer.best-split {
+    background-color: #99F;
+}
+
+.timer {
+    font-family: "7 Segmental Digital Display";
+    text-shadow: none;
+    background-color: #0C0;
+}
+
+.timer-seconds, .timer-millis {
+    background-color: #000;
+}
\ No newline at end of file
diff --git a/themes/material/material.css b/themes/material/material.css
new file mode 100644
index 0000000..a90b3ca
--- /dev/null
+++ b/themes/material/material.css
@@ -0,0 +1,126 @@
+.window {
+    font-family: "Fira Sans Book", "Droid Sans", "Tahoma", "Arial", sans-serif;
+    color: #fff;
+    background: #212121;
+}
+.header {
+    color: #fff;
+    font-family: "Fira Sans Book", "Droid Sans", "Tahoma", "Arial", sans-serif;
+    background: #212121;
+}
+
+.title {
+    padding-right: 130px;
+    font-weight: 900px;
+}
+
+.title, .attempt-count {
+    font-size: 24px;
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+.attempt-count {
+    font-size: 24px;
+    color: #FFF;
+    padding-right: 4px;
+}
+.splits, .split-last {
+    font-size: 18pt;
+    text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
+}
+.split, .split-last {
+    color: #fff;
+    font-family: "Fira Sans Book", "Arial", sans-serif;
+    font-weight: 700;
+    background: transparent;
+    /*border-bottom: 1px solid rgba(255,255,255,0.08);*/
+}
+.split-last {
+    border: 0;
+}
+.split {
+    color: #fff;
+}
+.current-split {
+    color: #fff;
+    background: #37474f;
+    border: 0;
+    transition: .1s;
+}
+.split .split-time .done {
+    color: #fff;
+}
+.current-split .split-time {
+    color: #fff;
+    background: transparent;
+}
+.split, .current-split, .split-title, .split-time, .split-delta {
+    padding-top: 8px;
+    padding-bottom: 8px;
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+.time {
+    font-family: "Fira Code Retina", "Droid Sans", "Tahoma", "Arial", sans-serif;
+	font-weight: 700;
+    color: #fff;
+}
+
+.delta {
+    font-family: "Fira Code Retina";
+	font-weight: 700;
+    background: transparent;
+}
+.best-split, .footer .previous-segment .best-split {
+    animation: blink-split 4s;
+    animation-iteration-count: infinite;
+    background-color: transparent;
+}
+@keyframes blink-split {
+    0% {
+        color: #FFC107;
+    }
+    50% {
+        color: #FFC107;
+    }
+    75% {
+        color: #FFECB3;
+    }
+    100% {
+        color: #FFC107;
+    }
+}
+
+.timer {
+    text-shadow: 0px 2px 3px rgba(0,0,0,0.65);
+    color: #4CAF50;
+    transition: .5s;
+    font-weight: 700;
+    padding-top: 20px;
+}
+.timer-millis {
+    font-family: "Fira Code Retina";
+    font-size: 36pt;
+    padding-bottom: 5px;
+    padding-right: 4px;
+	
+}
+.timer-seconds {
+    font-family: "Fira Code Retina";
+    font-size: 72pt;
+}
+
+.losing {
+    color: #4CAF50;
+    transition: .5s;
+}
+.behind {
+    color: #F44336;
+    transition: .5s;
+}
+.footer {
+    color: #FFF;
+    background: transparent;
+    font-size: 24px;
+}