From 9ed7939c5c5c2c1658f8c1e386c006dc4768a3b2 Mon Sep 17 00:00:00 2001
From: kek7198 <grayboy99@protonmail.com>
Date: Sun, 19 Dec 2021 23:14:20 -0600
Subject: [PATCH] fix

---
 files/static/src/main.css                     |  4 +--
 .../CHRISTMAS/modals/ModalThemePicker.html    | 30 +++++++++++++++++++
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/files/static/src/main.css b/files/static/src/main.css
index e6a2373502..140d329f76 100644
--- a/files/static/src/main.css
+++ b/files/static/src/main.css
@@ -69,8 +69,8 @@
 
 .theme-bubblegum {
 	--color-primary: 2,132,199;
-	--color-100: 252,231,243;
-	--color-200: 251,207,232;
+	--color-100: 254,236,246;
+	--color-200: 252,223,240;
 	--color-300: 249,168,212;
 	--color-400: 244,114,182;
 	--color-500: 236,72,153;
diff --git a/files/templates/CHRISTMAS/modals/ModalThemePicker.html b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
index f2f7f1601d..39d8ee1770 100644
--- a/files/templates/CHRISTMAS/modals/ModalThemePicker.html
+++ b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
@@ -190,6 +190,36 @@
 							</div>
 						</label>
 					</div>
+					<!-- Bubblegum -->
+					<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
+						<input hidden name="kind" value="theme-bubblegum" type="radio" id="bubblegum-theme" class="peer" onchange="changeTheme(['theme-bubblegum']); post_toast2('/settings/profile?theme='+value, '1')" {% if v.theme == 'theme-bubblegum'%}checked{% endif %}>
+						<label for="bubblegum-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 rounded-lg overflow-hidden">
+							<div class="flex flex-col w-full h-full bg-[#be185d]">
+								<div class="h-3 w-full bg-[#be185d]"></div>
+								<div class="h-4 w-full bg-[#f9a8d4]"></div>
+								<ul class="flex flex-col space-y-1 h-12 w-full bg-[#fcdff0] p-2 mb-0">
+									<li class="flex">
+										<i class="fas fa-arrow-alt-up text-[8px] text-[#0284c7]"></i>
+										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/40"></div>
+										<div class="ml-auto h-2 w-1/4 rounded-full bg-[#0284c7]"></div>
+									</li>
+									<li class="flex">
+										<i class="fas fa-arrow-alt-up text-[8px] text-black/40"></i>
+										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/40"></div>
+										<div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></div>
+									</li>
+									<li class="flex">
+										<i class="fas fa-arrow-alt-up text-[8px] text-black/40"></i>
+										<div class="ml-1 h-2 w-2/4 rounded-full bg-black/40"></div>
+										<div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></div>
+									</li>
+								</ul>
+							</div>
+							<div class="w-full border-t border-gray-200 dark:border-gray-600 p-2 text-center">
+								<span class="font-bold text-base">Bubblegum</span>
+							</div>
+						</label>
+					</div>
 				</div>
 			</div>
 		</div>