Simplify component.php to minimal layout with conditional analytics #82
@@ -230,6 +230,12 @@ color-scheme: dark;
|
|||||||
--btn-active-text-gray: #7a8490;
|
--btn-active-text-gray: #7a8490;
|
||||||
--indicator-success-bg: var(--success);
|
--indicator-success-bg: var(--success);
|
||||||
--item-list-color: #2a2f34;
|
--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 ===== */
|
/* ===== STANDARD COLORS ===== */
|
||||||
--blue: #91a4ff;
|
--blue: #91a4ff;
|
||||||
|
|||||||
@@ -229,6 +229,12 @@ color-scheme: light;
|
|||||||
--btn-active-text-gray: #A0A0A0;
|
--btn-active-text-gray: #A0A0A0;
|
||||||
--indicator-success-bg: var(--success);
|
--indicator-success-bg: var(--success);
|
||||||
--item-list-color: #F5F5F5;
|
--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 ===== */
|
/* ===== STANDARD COLORS ===== */
|
||||||
--blue: #010156;
|
--blue: #010156;
|
||||||
|
|||||||
@@ -17455,7 +17455,7 @@ code {
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #a51f18;
|
background-color: var(--notification-badge-bg);
|
||||||
border-radius: 9px;
|
border-radius: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -17469,7 +17469,7 @@ code {
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #a51f18;
|
background-color: var(--notification-badge-bg);
|
||||||
border-radius: 9px;
|
border-radius: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -17524,7 +17524,7 @@ code {
|
|||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 80px);
|
height: calc(100% - 80px);
|
||||||
background-color: #DDD;
|
background-color: var(--content-bg-gray);
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-footer {
|
.content-footer {
|
||||||
@@ -17532,7 +17532,7 @@ code {
|
|||||||
padding: 0.3125rem;
|
padding: 0.3125rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
background-color: #DDD;
|
background-color: var(--content-bg-gray);
|
||||||
border-radius: 0px 0px 8px 8px;
|
border-radius: 0px 0px 8px 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -17543,7 +17543,7 @@ code {
|
|||||||
float: right;
|
float: right;
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
background-color: #DDD;
|
background-color: var(--content-bg-gray);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -17557,16 +17557,16 @@ code {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.taba-self {
|
.taba-self {
|
||||||
border: 1px solid #FFF;
|
border: 1px solid var(--white);
|
||||||
background-color: #7ac143;
|
background-color: var(--taba-btn-green);
|
||||||
padding: 0.375rem;
|
padding: 0.375rem;
|
||||||
padding-top: 0.5625rem;
|
padding-top: 0.5625rem;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.taba-others {
|
.taba-others {
|
||||||
border: 1px solid #FFF;
|
border: 1px solid var(--white);
|
||||||
background-color: #5091cd;
|
background-color: var(--taba-btn-blue);
|
||||||
padding: 0.375rem;
|
padding: 0.375rem;
|
||||||
padding-top: 0.5625rem;
|
padding-top: 0.5625rem;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
@@ -17575,7 +17575,7 @@ code {
|
|||||||
|
|
||||||
|
|
||||||
.taba-bot {
|
.taba-bot {
|
||||||
border: 1px solid #FFF;
|
border: 1px solid var(--white);
|
||||||
background-color: var(--gab-gray3);
|
background-color: var(--gab-gray3);
|
||||||
padding: 0.375rem;
|
padding: 0.375rem;
|
||||||
padding-top: 0.5625rem;
|
padding-top: 0.5625rem;
|
||||||
@@ -17583,15 +17583,15 @@ code {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.taba-dice {
|
.taba-dice {
|
||||||
border: 1px solid #FFF;
|
border: 1px solid var(--white);
|
||||||
background-color: #f44321;
|
background-color: var(--taba-btn-red);
|
||||||
padding: 0.375rem;
|
padding: 0.375rem;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.taba-emoji {
|
.taba-emoji {
|
||||||
border: 1px solid #FFF;
|
border: 1px solid var(--white);
|
||||||
background-color: #5091cd;
|
background-color: var(--taba-btn-blue);
|
||||||
padding: 0.375rem;
|
padding: 0.375rem;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
@@ -17626,8 +17626,8 @@ code {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.taba-msgsystem {
|
.taba-msgsystem {
|
||||||
border: 1px solid #FFF;
|
border: 1px solid var(--white);
|
||||||
background-color: #AAA;
|
background-color: var(--taba-btn-gray);
|
||||||
padding: 0.375rem;
|
padding: 0.375rem;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user