[화이트,다크] 트게더 드롭박스 css 코드입니다.
화이트버전에서와 다크버전에서 동일하게 드롭박스가 나오도록 하는 코드입니다.
root에 있는 #6bb3ff 색상값만 변경하시면 일괄 적용이 가능합니다.
화이트용 드롭박스 코드 - https://tgd.kr/s/bellhidira/61399777
다크용 드롭박스 코드 - https://tgd.kr/s/bellhidira/61399828
화이트/다크 일괄 적용 코드 - https://tgd.kr/s/bellhidira/61399883
/* 화이트, 다크버전 드롭박스 동일화 시작 */
:root {
--WhitedarkdropdownColor: #6bb3ff;
}
html.darkmode .dropdown.open .dropdown-menu,
.dropdown.open .dropdown-menu,
html.darkmode .input-group-btn.open .dropdown-menu,
.input-group-btn.open .dropdown-menu {
opacity: unset;
transform: unset;
border: 2px solid var(--WhitedarkdropdownColor);
border-radius: 6px;
border-top: 2px solid var(--WhitedarkdropdownColor) !important;
border: 2px solid var(--WhitedarkdropdownColor);
background: #ffffff;
}
html.darkmode .dropdown .dropdown-menu,
.dropdown .dropdown-menu,
html.darkmode .input-group-btn .dropdown-menu,
.input-group-btn .dropdown-menu {
display: block !important;
opacity: 0;
transform: scale(0);
transform-origin: top;
transition: all 0.4s cubic-bezier(0.18, 1.5, 0, 1);
padding: 8px 0 3px 0px;
}
html.darkmode .dropdown-menu>li>a,
.dropdown-menu>li>a {
transition: 0.1s;
color: #000;
background: #ffffff;
}
html.darkmode .dropdown-menu>li>a:hover,
.dropdown-menu>li>a:hover {
background: transparent;
transform: scaleX(1.04);
transition: 0.1s;
color: #000;
}
#latestDropdownMenu>li>a>span.delrow,
html.darkmode #latestDropdownMenu>li>a>span.delrow,
#favoriteDropdownMenu>li>a>span.delrow,
html.darkmode #favoriteDropdownMenu>li>a>span.delrow { color: var(--WhitedarkdropdownColor);}
#latestDropdownMenu>li>a>span.delrow:hover,
html.darkmode #latestDropdownMenu>li>a>span.delrow:hover,
#favoriteDropdownMenu>li>a>span.delrow:hover,
html.darkmode #favoriteDropdownMenu>li>a>span.delrow:hover { background: transparent;}
html.darkmode #favoriteDropdownMenu>li>a>span.label.label-default,
#favoriteDropdownMenu>li>a>span.label.label-default { background-color: var(--WhitedarkdropdownColor);}
html.darkmode .dropdown-menu .divider ,
.dropdown-menu .divider {
background-color: var(--WhitedarkdropdownColor);
height: 2px;
margin: 3px 0;
}
/* 화이트, 다크버전 드롭박스 동일화 끝 */
댓글 0개 ▼