boursecu/boursecu_admin
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added dark mode

Browse Source
This commit is contained in:
mohmdsdg
2026-06-14 21:04:26 +03:30
parent 6d0601f464
commit c0633e5d5a
52 changed files with 1386 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/menuPages/configuration/SettingCard.vue
+7 -7
View File
@@ -67,10 +67,10 @@ const help = computed(() => helpText(props.row))
<style lang="less" scoped>
.setting-card {
border: 1px solid #e8e8e8;
border: 1px solid var(--admin-border);
border-radius: 10px;
padding: 14px 16px;
background: #fff;
background: var(--admin-bg-elevated);
min-height: 108px;
transition: border-color 0.2s, box-shadow 0.2s;
height: 100%;
@@ -83,7 +83,7 @@ const help = computed(() => helpText(props.row))
}
&--readonly {
background: #fafafa;
background: var(--admin-bg-muted);
}
&--saving {
@@ -109,14 +109,14 @@ const help = computed(() => helpText(props.row))
&__title {
font-weight: 600;
font-size: 14px;
color: rgba(0, 0, 0, 0.88);
color: var(--admin-text);
line-height: 1.45;
}
&__key {
margin-top: 6px;
font-size: 12px;
color: rgba(0, 0, 0, 0.45);
color: var(--admin-text-secondary);
direction: ltr;
text-align: right;
word-break: break-all;
@@ -125,7 +125,7 @@ const help = computed(() => helpText(props.row))
&__help {
margin-top: 4px;
font-size: 11px;
color: rgba(0, 0, 0, 0.45);
color: var(--admin-text-secondary);
line-height: 1.35;
}
@@ -143,7 +143,7 @@ const help = computed(() => helpText(props.row))
&__status {
margin-top: 8px;
font-size: 11px;
color: rgba(0, 0, 0, 0.45);
color: var(--admin-text-secondary);
display: flex;
align-items: center;
gap: 6px;
src/pages/menuPages/configuration/index.vue
+13 -13
View File
@@ -589,8 +589,8 @@ async function ok() {
align-items: flex-end;
margin-bottom: 20px;
padding: 14px 16px;
background: #fafafa;
border: 1px solid #f0f0f0;
background: var(--admin-bg-elevated);
border: 1px solid var(--admin-border);
border-radius: 8px;
&__search {
@@ -621,7 +621,7 @@ async function ok() {
&__label {
font-size: 12px;
font-weight: 500;
color: rgba(0, 0, 0, 0.55);
color: var(--admin-text-secondary);
line-height: 1;
}
@@ -633,10 +633,10 @@ async function ok() {
.settings-section-title {
font-size: 13px;
font-weight: 600;
color: rgba(0, 0, 0, 0.55);
color: var(--admin-text-secondary);
margin-bottom: 12px;
padding-bottom: 6px;
border-bottom: 1px solid #f0f0f0;
border-bottom: 1px solid var(--admin-border);
&--spaced {
margin-top: 28px;
@@ -659,11 +659,11 @@ async function ok() {
.settings-collapse :deep(.ant-collapse-item) {
margin-bottom: 12px;
background: #fff;
border: 1px solid #f0f0f0;
background: var(--admin-bg-elevated);
border: 1px solid var(--admin-border);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
box-shadow: 0 1px 3px var(--admin-shadow);
transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
@@ -674,10 +674,10 @@ async function ok() {
.settings-collapse :deep(.ant-collapse-header) {
padding: 14px 18px !important;
background: linear-gradient(90deg, #fafafa 0%, #fff 100%);
background: var(--admin-bg-muted);
font-weight: 600;
font-size: 14px;
color: #333;
color: var(--admin-text);
}
.settings-collapse-header {
@@ -695,15 +695,15 @@ async function ok() {
.settings-collapse-title {
flex: 1;
font-weight: 600;
color: #2c2c2c;
color: var(--admin-text);
}
.settings-empty-group {
padding: 12px 16px;
font-size: 12px;
color: #999;
color: var(--admin-text-secondary);
text-align: center;
background: #fafafa;
background: var(--admin-bg-muted);
border-radius: 6px;
margin-top: 8px;
}