지니가는사람 0

[다크] 트게더 드롭박스 css 코드입니다.

root에 있는  #384cff 색상값만 변경하시면 일괄 적용이 가능합니다.

화이트용 드롭박스 코드 - https://tgd.kr/s/bellhidira/61399777

다크용 드롭박스 코드 - https://tgd.kr/s/bellhidira/61399828

화이트/다크 일괄 적용 코드 - https://tgd.kr/s/bellhidira/61399883

/* 다크버전 드롭박스 시작 */

:root {

--darkdropdownColor: #384cff;

}

html.darkmode .dropdown.open .dropdown-menu,

html.darkmode .input-group-btn.open .dropdown-menu {

opacity: unset;

transform: unset;

border: 2px solid var(--darkdropdownColor);

border-radius: 6px;

border-top: 2px solid var(--darkdropdownColor) !important;

border: 2px solid var(--darkdropdownColor);

}

html.darkmode .dropdown .dropdown-menu,

html.darkmode .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 { transition: 0.1s;}

html.darkmode .dropdown-menu>li>a:hover {

background: transparent;

transform: scaleX(1.04);

transition: 0.1s;}

html.darkmode #latestDropdownMenu>li>a>span.delrow,

html.darkmode #favoriteDropdownMenu>li>a>span.delrow { color: var(--darkdropdownColor);}

html.darkmode #latestDropdownMenu>li>a>span.delrow:hover,

html.darkmode #favoriteDropdownMenu>li>a>span.delrow:hover { background: transparent;}

html.darkmode #favoriteDropdownMenu>li>a>span.label.label-default { background-color: var(--darkdropdownColor);}

html.darkmode .dropdown-menu .divider {

background-color: var(--darkdropdownColor);

height: 2px;

margin: 3px 0;

}

/* 다크버전 드롭박스 끝 */