Skip to content

Commit 16c5ac8

Browse files
committed
fix contrast color
1 parent ffa4ee9 commit 16c5ac8

File tree

1 file changed

+38
-4
lines changed

1 file changed

+38
-4
lines changed

src/views/Home.vue

Lines changed: 38 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1905,14 +1905,27 @@ body {
19051905
color: var(--ctp-green);
19061906
border: 1px solid var(--ctp-green);
19071907
}
1908+
.custom-alert-info :deep(.el-alert__description) {
1909+
color: var(--ctp-text) !important;
1910+
font-size: 0.95rem;
1911+
line-height: 1.6;
1912+
margin-top: 5px;
1913+
}
1914+
1915+
.custom-alert-info :deep(.el-alert__title) {
1916+
color: var(--ctp-blue) !important;
1917+
font-weight: bold;
1918+
font-size: 1rem;
1919+
}
1920+
19081921
.custom-alert-info {
19091922
background-color: color-mix(
19101923
in srgb,
1911-
var(--ctp-blue) 15%,
1924+
var(--ctp-blue) 10%,
19121925
var(--ctp-surface0)
1913-
);
1914-
color: var(--ctp-blue);
1915-
border: 1px solid var(--ctp-blue);
1926+
) !important;
1927+
border: 1px solid var(--ctp-blue) !important;
1928+
padding: 15px;
19161929
}
19171930
.custom-alert-warn {
19181931
background-color: color-mix(
@@ -1945,6 +1958,27 @@ body {
19451958
margin-top: 20px;
19461959
padding: 0 10px;
19471960
}
1961+
.step-actions .el-button:not(.el-button--primary):not(.btn-success) {
1962+
background-color: var(--ctp-surface0) !important;
1963+
border: 1px solid var(--ctp-surface2) !important;
1964+
color: var(--ctp-text) !important;
1965+
transition: all 0.3s ease;
1966+
}
1967+
1968+
.step-actions
1969+
.el-button:not(.el-button--primary):not(.btn-success):hover:not(:disabled) {
1970+
background-color: var(--ctp-surface1) !important;
1971+
border-color: var(--ctp-overlay0) !important;
1972+
color: var(--ctp-text) !important;
1973+
}
1974+
1975+
.step-actions .el-button:disabled {
1976+
background-color: var(--ctp-mantle) !important;
1977+
border-color: var(--ctp-surface0) !important;
1978+
color: var(--ctp-overlay0) !important;
1979+
cursor: not-allowed;
1980+
opacity: 0.6;
1981+
}
19481982
.btn-success {
19491983
background-color: var(--ctp-green) !important;
19501984
border-color: var(--ctp-green) !important;

0 commit comments

Comments
 (0)