💄 更新樣式為2.0主題色

This commit is contained in:
yyyyyyounger
2023-08-03 11:58:40 +08:00
parent 85046cf1ce
commit 4bb561c965
2 changed files with 55 additions and 55 deletions
+1 -1
View File
@@ -8,7 +8,7 @@
<meta content="Free HTML Templates" name="keywords"> <meta content="Free HTML Templates" name="keywords">
<meta content="Free HTML Templates" name="description"> <meta content="Free HTML Templates" name="description">
<link id="icon" href="https://raw.githubusercontent.com/UM-ARK/UM-All-Frontend/master/src/static/UMARK_Assets/AppIcons/playstore.png" rel="icon"> <link id="icon" href="./static_fs/image/logo.png" rel="icon">
<link rel="preconnect" href="https://fonts.gstatic_fs.com/"> <link rel="preconnect" href="https://fonts.gstatic_fs.com/">
<link href="static_fs/css/css2.css" rel="stylesheet"> <link href="static_fs/css/css2.css" rel="stylesheet">
+54 -54
View File
@@ -16,8 +16,8 @@
--white: #fff; --white: #fff;
--gray: #6c757d; --gray: #6c757d;
--gray-dark: #343a40; --gray-dark: #343a40;
--primary: #51824c; --primary: #4796d6;
--secondary: #d2edc0; --secondary: #a6d7ff;
--success: #28a745; --success: #28a745;
--info: #17a2b8; --info: #17a2b8;
--warning: #ffc107; --warning: #ffc107;
@@ -163,7 +163,7 @@ sup {
} }
a { a {
color: #51824c; color: #4796d6;
text-decoration: none; text-decoration: none;
background-color: transparent background-color: transparent
} }
@@ -385,7 +385,7 @@ h6,
margin-bottom: .5rem; margin-bottom: .5rem;
font-weight: 500; font-weight: 500;
line-height: 1.2; line-height: 1.2;
color: #51824c color: #4796d6
} }
h1, h1,
@@ -2707,8 +2707,8 @@ fieldset:disabled a.btn {
.btn-primary { .btn-primary {
color: #fff; color: #fff;
background-color: #51824c; background-color: #4796d6;
border-color: #51824c border-color: #4796d6
} }
.btn-primary:hover { .btn-primary:hover {
@@ -2728,8 +2728,8 @@ fieldset:disabled a.btn {
.btn-primary.disabled, .btn-primary.disabled,
.btn-primary:disabled { .btn-primary:disabled {
color: #fff; color: #fff;
background-color: #51824c; background-color: #4796d6;
border-color: #51824c border-color: #4796d6
} }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active,
@@ -2748,8 +2748,8 @@ fieldset:disabled a.btn {
.btn-secondary { .btn-secondary {
color: #212529; color: #212529;
background-color: #d2edc0; background-color: #a6d7ff;
border-color: #d2edc0 border-color: #a6d7ff
} }
.btn-secondary:hover { .btn-secondary:hover {
@@ -2769,8 +2769,8 @@ fieldset:disabled a.btn {
.btn-secondary.disabled, .btn-secondary.disabled,
.btn-secondary:disabled { .btn-secondary:disabled {
color: #212529; color: #212529;
background-color: #d2edc0; background-color: #a6d7ff;
border-color: #d2edc0 border-color: #a6d7ff
} }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):active,
@@ -3034,14 +3034,14 @@ fieldset:disabled a.btn {
} }
.btn-outline-primary { .btn-outline-primary {
color: #51824c; color: #4796d6;
border-color: #51824c border-color: #4796d6
} }
.btn-outline-primary:hover { .btn-outline-primary:hover {
color: #fff; color: #fff;
background-color: #51824c; background-color: #4796d6;
border-color: #51824c border-color: #4796d6
} }
.btn-outline-primary:focus, .btn-outline-primary:focus,
@@ -3051,7 +3051,7 @@ fieldset:disabled a.btn {
.btn-outline-primary.disabled, .btn-outline-primary.disabled,
.btn-outline-primary:disabled { .btn-outline-primary:disabled {
color: #51824c; color: #4796d6;
background-color: transparent background-color: transparent
} }
@@ -3059,8 +3059,8 @@ fieldset:disabled a.btn {
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle { .show>.btn-outline-primary.dropdown-toggle {
color: #fff; color: #fff;
background-color: #51824c; background-color: #4796d6;
border-color: #51824c border-color: #4796d6
} }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
@@ -3070,14 +3070,14 @@ fieldset:disabled a.btn {
} }
.btn-outline-secondary { .btn-outline-secondary {
color: #d2edc0; color: #a6d7ff;
border-color: #d2edc0 border-color: #a6d7ff
} }
.btn-outline-secondary:hover { .btn-outline-secondary:hover {
color: #212529; color: #212529;
background-color: #d2edc0; background-color: #a6d7ff;
border-color: #d2edc0 border-color: #a6d7ff
} }
.btn-outline-secondary:focus, .btn-outline-secondary:focus,
@@ -3087,7 +3087,7 @@ fieldset:disabled a.btn {
.btn-outline-secondary.disabled, .btn-outline-secondary.disabled,
.btn-outline-secondary:disabled { .btn-outline-secondary:disabled {
color: #d2edc0; color: #a6d7ff;
background-color: transparent background-color: transparent
} }
@@ -3095,8 +3095,8 @@ fieldset:disabled a.btn {
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle { .show>.btn-outline-secondary.dropdown-toggle {
color: #212529; color: #212529;
background-color: #d2edc0; background-color: #a6d7ff;
border-color: #d2edc0 border-color: #a6d7ff
} }
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
@@ -3323,7 +3323,7 @@ fieldset:disabled a.btn {
.btn-link { .btn-link {
font-weight: 400; font-weight: 400;
color: #51824c; color: #4796d6;
text-decoration: none text-decoration: none
} }
@@ -3633,7 +3633,7 @@ input[type=button].btn-block {
.dropdown-item:active { .dropdown-item:active {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
background-color: #51824c background-color: #4796d6
} }
.dropdown-item.disabled, .dropdown-item.disabled,
@@ -3927,8 +3927,8 @@ input[type=button].btn-block {
.custom-control-input:checked~.custom-control-label::before { .custom-control-input:checked~.custom-control-label::before {
color: #fff; color: #fff;
border-color: #51824c; border-color: #4796d6;
background-color: #51824c background-color: #4796d6
} }
.custom-control-input:focus~.custom-control-label::before { .custom-control-input:focus~.custom-control-label::before {
@@ -3990,8 +3990,8 @@ input[type=button].btn-block {
} }
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
border-color: #51824c; border-color: #4796d6;
background-color: #51824c background-color: #4796d6
} }
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
@@ -4216,7 +4216,7 @@ input[type=button].btn-block {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-top: -.25rem; margin-top: -.25rem;
background-color: #51824c; background-color: #4796d6;
border: 0; border: 0;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance: none appearance: none
@@ -4244,7 +4244,7 @@ input[type=button].btn-block {
.custom-range::-moz-range-thumb { .custom-range::-moz-range-thumb {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
background-color: #51824c; background-color: #4796d6;
border: 0; border: 0;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance: none appearance: none
@@ -4275,7 +4275,7 @@ input[type=button].btn-block {
margin-top: 0; margin-top: 0;
margin-right: .2rem; margin-right: .2rem;
margin-left: .2rem; margin-left: .2rem;
background-color: #51824c; background-color: #4796d6;
border: 0; border: 0;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance: none appearance: none
@@ -4406,7 +4406,7 @@ input[type=button].btn-block {
.nav-pills .nav-link.active, .nav-pills .nav-link.active,
.nav-pills .show>.nav-link { .nav-pills .show>.nav-link {
color: #fff; color: #fff;
background-color: #51824c background-color: #4796d6
} }
.nav-fill>.nav-link, .nav-fill>.nav-link,
@@ -5096,7 +5096,7 @@ input[type=button].btn-block {
padding: .5rem .75rem; padding: .5rem .75rem;
margin-left: -1px; margin-left: -1px;
line-height: 1.25; line-height: 1.25;
color: #51824c; color: #4796d6;
background-color: #fff; background-color: #fff;
border: 1px solid #dee2e6 border: 1px solid #dee2e6
} }
@@ -5122,8 +5122,8 @@ input[type=button].btn-block {
.page-item.active .page-link { .page-item.active .page-link {
z-index: 3; z-index: 3;
color: #fff; color: #fff;
background-color: #51824c; background-color: #4796d6;
border-color: #51824c border-color: #4796d6
} }
.page-item.disabled .page-link { .page-item.disabled .page-link {
@@ -5185,7 +5185,7 @@ a.badge:focus {
.badge-primary { .badge-primary {
color: #fff; color: #fff;
background-color: #51824c background-color: #4796d6
} }
a.badge-primary:hover, a.badge-primary:hover,
@@ -5202,7 +5202,7 @@ a.badge-primary.focus {
.badge-secondary { .badge-secondary {
color: #212529; color: #212529;
background-color: #d2edc0 background-color: #a6d7ff
} }
a.badge-secondary:hover, a.badge-secondary:hover,
@@ -5503,7 +5503,7 @@ a.badge-dark.focus {
color: #fff; color: #fff;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
background-color: #51824c; background-color: #4796d6;
transition: width .6s ease transition: width .6s ease
} }
@@ -5581,8 +5581,8 @@ a.badge-dark.focus {
.list-group-item.active { .list-group-item.active {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
background-color: #51824c; background-color: #4796d6;
border-color: #51824c border-color: #4796d6
} }
.list-group-item+.list-group-item { .list-group-item+.list-group-item {
@@ -6409,7 +6409,7 @@ a.close.disabled {
padding: .5rem .75rem; padding: .5rem .75rem;
margin-bottom: 0; margin-bottom: 0;
font-size: 1rem; font-size: 1rem;
color: #51824c; color: #4796d6;
background-color: #f7f7f7; background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb border-bottom: 1px solid #ebebeb
} }
@@ -6689,7 +6689,7 @@ a.close.disabled {
} }
.bg-primary { .bg-primary {
background-color: #51824c !important background-color: #4796d6 !important
} }
a.bg-primary:hover, a.bg-primary:hover,
@@ -6700,7 +6700,7 @@ button.bg-primary:focus {
} }
.bg-secondary { .bg-secondary {
background-color: #d2edc0 !important background-color: #a6d7ff !important
} }
a.bg-secondary:hover, a.bg-secondary:hover,
@@ -6825,11 +6825,11 @@ button.bg-dark:focus {
} }
.border-primary { .border-primary {
border-color: #51824c !important border-color: #4796d6 !important
} }
.border-secondary { .border-secondary {
border-color: #d2edc0 !important border-color: #a6d7ff !important
} }
.border-success { .border-success {
@@ -10412,7 +10412,7 @@ button.bg-dark:focus {
} }
.text-primary { .text-primary {
color: #51824c !important color: #4796d6 !important
} }
a.text-primary:hover, a.text-primary:hover,
@@ -10421,7 +10421,7 @@ a.text-primary:focus {
} }
.text-secondary { .text-secondary {
color: #d2edc0 !important color: #a6d7ff !important
} }
a.text-secondary:hover, a.text-secondary:hover,
@@ -10679,7 +10679,7 @@ h6,
height: 50%; height: 50%;
top: 0; top: 0;
left: 0; left: 0;
background: #51824c background: #4796d6
} }
.navbar-light .navbar-nav .nav-link { .navbar-light .navbar-nav .nav-link {
@@ -10691,7 +10691,7 @@ h6,
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active { .navbar-light .navbar-nav .nav-link.active {
color: #d2edc0 color: #a6d7ff
} }
@media(max-width:991.98px) { @media(max-width:991.98px) {
@@ -10740,7 +10740,7 @@ h6,
} }
.testimonial-carousel .owl-dot.active { .testimonial-carousel .owl-dot.active {
background: #d2edc0 background: #a6d7ff
} }
.contact-form .help-block ul { .contact-form .help-block ul {