diff --git a/src/media/css/colors/dark/colors_standard.css b/src/media/css/colors/dark/colors_standard.css
index f10ce5b..e0a09ce 100644
--- a/src/media/css/colors/dark/colors_standard.css
+++ b/src/media/css/colors/dark/colors_standard.css
@@ -230,6 +230,12 @@ color-scheme: dark;
 --btn-active-text-gray: #7a8490;
 --indicator-success-bg: var(--success);
 --item-list-color: #2a2f34;
+--notification-badge-bg: var(--danger);
+--content-bg-gray: #2b323b;
+--taba-btn-green: #5a9c2f;
+--taba-btn-blue: #3d75a8;
+--taba-btn-red: #c43620;
+--taba-btn-gray: #6a7080;
 
 /* ===== STANDARD COLORS ===== */
 --blue: #91a4ff;
diff --git a/src/media/css/colors/light/colors_standard.css b/src/media/css/colors/light/colors_standard.css
index 7f9b0d9..668acfc 100644
--- a/src/media/css/colors/light/colors_standard.css
+++ b/src/media/css/colors/light/colors_standard.css
@@ -229,6 +229,12 @@ color-scheme: light;
 --btn-active-text-gray: #A0A0A0;
 --indicator-success-bg: var(--success);
 --item-list-color: #F5F5F5;
+--notification-badge-bg: var(--danger);
+--content-bg-gray: #DDD;
+--taba-btn-green: #7ac143;
+--taba-btn-blue: #5091cd;
+--taba-btn-red: #f44321;
+--taba-btn-gray: #AAA;
 
 /* ===== STANDARD COLORS ===== */
 --blue: #010156;
diff --git a/src/media/css/template.css b/src/media/css/template.css
index e84b01f..39906c4 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -17455,7 +17455,7 @@ code {
 	font-size: 11px;
 	font-weight: bold;
 	text-align: center;
-	background-color: #a51f18;
+	background-color: var(--notification-badge-bg);
 	border-radius: 9px;
 }
 
@@ -17469,7 +17469,7 @@ code {
 	font-size: 11px;
 	font-weight: bold;
 	text-align: center;
-	background-color: #a51f18;
+	background-color: var(--notification-badge-bg);
 	border-radius: 9px;
 }
 
@@ -17524,7 +17524,7 @@ code {
 	display: block;
 	width: 100%;
 	height: calc(100% - 80px);
-	background-color: #DDD;
+	background-color: var(--content-bg-gray);
 }
 
 .content-footer {
@@ -17532,7 +17532,7 @@ code {
 	padding: 0.3125rem;
 	width: 100%;
 	height: 40px;
-	background-color: #DDD;
+	background-color: var(--content-bg-gray);
 	border-radius: 0px 0px 8px 8px;
 }
 
@@ -17543,7 +17543,7 @@ code {
 	float: right;
 	width: 24px;
 	height: 24px;
-	background-color: #DDD;
+	background-color: var(--content-bg-gray);
 	border-radius: 12px;
 }
 
@@ -17557,16 +17557,16 @@ code {
 }
 
 .taba-self {
-	border: 1px solid #FFF;
-	background-color: #7ac143;
+	border: 1px solid var(--white);
+	background-color: var(--taba-btn-green);
 	padding: 0.375rem;
 	padding-top: 0.5625rem;
 	border-radius: 10px;
 }
 
 .taba-others {
-	border: 1px solid #FFF;
-	background-color: #5091cd;
+	border: 1px solid var(--white);
+	background-color: var(--taba-btn-blue);
 	padding: 0.375rem;
 	padding-top: 0.5625rem;
 	border-radius: 10px;
@@ -17575,7 +17575,7 @@ code {
 
 
 .taba-bot {
-	border: 1px solid #FFF;
+	border: 1px solid var(--white);
 	background-color: var(--gab-gray3);
 	padding: 0.375rem;
 	padding-top: 0.5625rem;
@@ -17583,15 +17583,15 @@ code {
 }
 
 .taba-dice {
-	border: 1px solid #FFF;
-	background-color: #f44321;
+	border: 1px solid var(--white);
+	background-color: var(--taba-btn-red);
 	padding: 0.375rem;
 	border-radius: 10px;
 }
 
 .taba-emoji {
-	border: 1px solid #FFF;
-	background-color: #5091cd;
+	border: 1px solid var(--white);
+	background-color: var(--taba-btn-blue);
 	padding: 0.375rem;
 	border-radius: 10px;
 }
@@ -17626,8 +17626,8 @@ code {
 }
 
 .taba-msgsystem {
-	border: 1px solid #FFF;
-	background-color: #AAA;
+	border: 1px solid var(--white);
+	background-color: var(--taba-btn-gray);
 	padding: 0.375rem;
 	border-radius: 10px;
 }