#theme.dark2 {
    background: var(--b-m-white) !important;
}
/* navbar */
.dark2 .my_navbar {
    background: var(--b-white) !important;
}
.dark2 .bg_color_light {
    background: var(--b-white);
}
.dark2 .txt_color {
    color: var(--b-black);
}
.dark2 .body, .dark2 #right_part,.dark2 #text_compare .box {
    background: var(--b-white) !important;
}

#theme.dark2 .my_navbar .active.item {
    color: orange !important;
}

#theme.dark2 .my_navbar .item:hover{
    background: rgb(43, 43, 43) !important;
} 


.dark2 .btn_color {
    background-color: var(--light-black);
    color: orange !important;
}

.dark2 .btn_color i {
    color: orange !important;
}

.dark2 .btn_color:hover {
    background-color: var(--b-mm-black);
}

.dark2 .btn_color_light {
    background-color: var(--light-black);
    color: orange;
}

.dark2 .btn_color_light:hover {
    background-color: var(--b-mm-black);
}

.dark2 input, .dark2 textarea{
    background: var(--light-black) !important;
    color: white !important;
    border: var(--b-border) !important;
}

.dark2 .text_fixed_color {
    color: var(--b-mmm-black) !important;
}
.CodeMirror-dialog.CodeMirror-dialog-top {
    background: white;

}

.dark2 .CodeMirror{
    border: var(--b-border) !important;
    border-radius: 7px;
    background: var(--light-black) !important;
}


.dark2 .CodeMirror-gutters, .dark2 .CodeMirror-gutter {
    background: none !important;
    border: none;
}


/* Change the focus color for Semantic UI input fields */
.dark2 input:focus,
.dark2 textarea:focus,
.dark2 .ui.selection.active.dropdown,
.dark2 .ui.selection.active.dropdown .menu {
    border-color: orange !important; /* Change to your desired border color */
    box-shadow: none !important
}

.dark2 label {
    color: #c0c0c0 !important;
}


.dark2 i {
    color: orange;
}
.dark2 .CodeMirror-merge-l-chunk {
    background: #ffffff10 !important;
    border: none;
}

.dark2 .ui.selection.dropdown, .dark2 .ui.menu .dropdown.item .menu  {
    background: var(--light-black) !important;
    border: 1px solid rgba(255, 255, 255, 0.158) !important;
    color: orange !important;
}

.dark2 .menu.transition {
    background: var(--light-black) !important;
    border: 1px solid rgba(255, 255, 255, 0.158) !important;
}
.dark2 .menu.transition .item, .dark2 .ui.dropdown .text {
    color: orange !important;
}

.dark2 .menu.transition .item:hover {
    background: #ffffff10 !important;
}

.dark2 .ui.selection.dropdown .menu>.item{
    border-top: 1px solid rgba(255, 255, 255, 0.158) !important;
} 

.dark2 #setting_box > div.header{
    color: orange;
}

.dark2 .ui.menu .ui.dropdown .menu>.item {
    color: orange !important;
}
.dark2 .ui.menu .ui.dropdown .menu>.item:hover {
    background: #ffffff10 !important;
}

.dark2 .ui.menu .item {
    color: orange;
}

.dark2 .mini_setting {
    background: var(--light-black) !important;
}

.dark2 .mini_setting .item{
    color: orange !important;
}