fuc/public/assets/css/common.css
2025-03-13 17:13:42 +08:00

150 lines
3.8 KiB
CSS
Executable File

@charset "UTF-8";:root,[data-bs-theme=light]{
--tblr-body-bg: #FFFCFD;
/* --tblr-body-bg-rgb: 11, 31, 11; */
--tblr-primary: #E07E7B;
--tblr-primary-rgb: 224, 126, 123;
--tblr-btn-hover-bg-qian: rgba(var(--tblr-primary-rgb), .8);
--tblr-btn-hover-bg: #DC6070;
--tblr-link-color-rgb: 224, 126, 123;
--tblr-link-hover-color-rgb: 220, 96, 112;
/* --tblr-azure:red;
--tblr-info-border-subtle:red; */
/* --san-pink-a1: var(--tblr-primary);
--san-pink-a2: var(--tblr-primary);
--san-pink-a1: var(--tblr-primary);
--san-pink-a1: var(--tblr-primary); */
}
:host, :root, [data-bs-theme=light] {
/* --tblr-indigo: #E07E7B;
--tblr-indigo-rgb: 224, 126, 123; */
--tblr-indigo: #5A98DB;
--tblr-indigo-rgb: 90, 152, 219;
--tblr-indigo-darken: #70A3DB;
--tblr-azure: #C981D6;
--tblr-azure-rgb: 201, 129, 214;
--tblr-azure-darken: #CE91D9;
--tblr-primary: #DC6070;
--tblr-primary-rgb: 220, 96, 112;
--tblr-success-rgb: 122,193,163;
--tblr-green-rgb: 122,193,210;
--tblr-green-rgb2: 49,179,68;
--tblr-green-rgb2: 122,193,163;
/* --tblr-danger-rgb: 224,126,123;*/
--tblr-green: #7BC0D2;
}
.btn-green {
--tblr-btn-border-color: transparent;
--tblr-btn-hover-border-color: transparent;
--tblr-btn-active-border-color: transparent;
--tblr-btn-color: var(--tblr-green-fg);
--tblr-btn-bg: var(--tblr-green);
--tblr-btn-hover-color: var(--tblr-green-fg);
--tblr-btn-hover-bg: rgba(var(--tblr-green-rgb), .8);
--tblr-btn-active-color: var(--tblr-green-fg);
--tblr-btn-active-bg: rgba(var(--tblr-green-rgb), .8);
--tblr-btn-disabled-bg: var(--tblr-green);
--tblr-btn-disabled-color: var(--tblr-green-fg);
--tblr-btn-box-shadow: var(--tblr-box-shadow-input);
}
/*.bg-success {*/
/* --tblr-bg-opacity: 1;*/
/* background-color: rgba(var(--tblr-success-rgb),var(--tblr-bg-opacity))!important;*/
/*}*/
.text-green {
--tblr-text-opacity: 1;
color: rgba(var(--tblr-green-rgb2),var(--tblr-text-opacity))!important;
}
@media (min-width:992px){
.col-lg-auto {
flex:0 0 auto;
width: 100%;
}
}
[data-bs-theme=dark], body[data-bs-theme=dark] [data-bs-theme=light] {
/* --tblr-navbar-bg: #E07E7B; */
}
.border-primary {
border-color: #E07E7B !important;
}
.sanOkBtn :hover{
background-color: red;
}
.btn-primary {
--tblr-btn-border-color: transparent;
--tblr-btn-hover-border-color: transparent;
--tblr-btn-active-border-color: transparent;
--tblr-btn-color: var(--tblr-primary-fg);
--tblr-btn-bg: var(--tblr-primary);
--tblr-btn-hover-color: var(--tblr-primary-fg);
--tblr-btn-hover-bg: rgba(var(--tblr-primary-rgb), .8);
--tblr-btn-active-color: var(--tblr-primary-fg);
--tblr-btn-active-bg: rgba(var(--tblr-primary-rgb), .8);
--tblr-btn-disabled-bg: var(--tblr-primary);
--tblr-btn-disabled-color: var(--tblr-primary-fg);
--tblr-btn-box-shadow: var(--tblr-box-shadow-input);
}
/* button:active {
outline: none;
box-shadow: none;
} */
.form-control:focus {
color: var(--tblr-body-color);
background-color: var(--tblr-bg-forms);
border-color: #D3837E;
outline: 0;
box-shadow: var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);
}
.input-group-flat {
/* all: unset; */
}
.input-group-flat:focus-within .form-control, .input-group-flat:focus-within .input-group-text {
border-color: #D3837E !important;
}
.navbar {
background: var(--tblr-navbar-bg);
color: var(--tblr-navbar-color);
}
.myTip {
color:#5A98DB !important;
font-weight:bold;
}
.myColorGreen {
color:#7AC1A3 !important;
}
.myDanger {
color:#DC6170 !important;
font-weight:bold;
}
.myLight {
color:#C981D6 !important;
font-weight:bold;
}