From 049a0ffdeca9937ed6e33eefca3d63e3f21231a8 Mon Sep 17 00:00:00 2001
From: perennial <mail@perennialte.ch>
Date: Thu, 3 Oct 2024 02:23:43 +1000
Subject: [PATCH] rm inline styles + draft charcoal

---
 assets/css/bootstrap-style.css               | 13 +++++++++++++
 assets/css/bootstrap-style.scss              | 14 ++++++++++++++
 assets/views/fragments/thumbnail-dt.jet.html |  2 +-
 3 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/assets/css/bootstrap-style.css b/assets/css/bootstrap-style.css
index d91574e..9eb2c0e 100644
--- a/assets/css/bootstrap-style.css
+++ b/assets/css/bootstrap-style.css
@@ -11869,5 +11869,18 @@ textarea.form-control-lg {
     display: none !important;
   }
 }
+/* [data-bs-theme="charcoal"] {
+  --bs-body-color: #f5f5f5;
+  --bs-body-color-rgb: rgb(245, 245, 245);
+  --bs-body-bg: #1f1f1f;
+  --bs-body-bg-rgb: rgb(31, 31, 31);
+  --bs-secondary-color: #d6d6d6;
+  --bs-secondary-color-rgb: rgb(214, 214, 214);
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  /// --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: rgba(255,255,255,0.12);
+  --bs-link-color: rgb(102, 159, 194);
+} */
 
 /*# sourceMappingURL=bootstrap-style.css.map */
diff --git a/assets/css/bootstrap-style.scss b/assets/css/bootstrap-style.scss
index 70962b4..250560e 100644
--- a/assets/css/bootstrap-style.scss
+++ b/assets/css/bootstrap-style.scss
@@ -12,3 +12,17 @@ $aspect-ratios: (
 );
 
 @import "./bootstrap/bootstrap";
+
+/* [data-bs-theme="charcoal"] {
+  --bs-body-color: #f5f5f5;
+  --bs-body-color-rgb: rgb(245, 245, 245);
+  --bs-body-bg: #1f1f1f;
+  --bs-body-bg-rgb: rgb(31, 31, 31);
+  --bs-secondary-color: #d6d6d6;
+  --bs-secondary-color-rgb: rgb(214, 214, 214);
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  /// --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: rgba(255,255,255,0.12);
+  --bs-link-color: rgb(102, 159, 194);
+} */
diff --git a/assets/views/fragments/thumbnail-dt.jet.html b/assets/views/fragments/thumbnail-dt.jet.html
index 87ba647..4f93fb3 100644
--- a/assets/views/fragments/thumbnail-dt.jet.html
+++ b/assets/views/fragments/thumbnail-dt.jet.html
@@ -43,7 +43,7 @@
     <!-- Creates a centered, circular overlay (60x60px) with semi-transparent black background.
          The play icon is centered within this overlay and appears on top of the thumbnail. -->
     {{- if .IllustType == 2 }}
-    <div class="position-absolute top-50 start-50 translate-middle d-flex justify-content-center align-items-center bg-dark bg-opacity-50 rounded-circle" style="width: 60px; height: 60px; z-index: 1;">
+    <div class="position-absolute top-50 start-50 translate-middle d-flex justify-content-center align-items-center bg-dark bg-opacity-50 rounded-circle w-25 h-25">
       <i class="bi bi-play-fill text-white fs-1"></i>
     </div>
     {{- end }}