MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Convert Gable component colors to CSS variables

Browse Source 
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-03-07 21:57:51 +00:00
parent 892c1b4d7f
commit eab5926006
3 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/media/css/colors/dark/colors_standard.css
View File

@@ -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;

6
src/media/css/colors/light/colors_standard.css
View File

@@ -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;

32
src/media/css/template.css
View File

@@ -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;
}