*{
  color: var(--text);
}

body,
.option{
  background: var(--bg) !important;
}

input,
.checkmark,
.select-style{
  border: 1px solid var(--sec-border);
  color: var(--sec-border);
}

input:focus,
.select-style:focus{
  border: 1px solid var(--text);
  color: var(--prim);
}

a:hover{
  color: var(--prim) !important;
}

.header,
.footer{
  background: var(--hf);
}

.clr-prim{
  color: var(--prim);
}

.add-button{
  border: 2px solid var(--prim);
}

.active{
  background: var(--prim);
}

.active .footer-col-container,
.active .fas{
  color: var(--bg);
}

.active-option{
  color: var(--prim) !important;
}

.clr-text{
  color: var(--text);
}

.ui-menu .ui-menu-item{
  background: var(--bg) !important;
  border: 1px solid var(--sec-border);
}

.bor-b{
  border-bottom: 1px solid var(--text);
}

.bor-r{
  border-right: 1px solid var(--sec-border);
}

.bor-t{
  border-top: 1px solid var(--text);
}

.bor-lr{
  border-left: 1px solid var(--sec-border);
  border-right: 1px solid var(--sec-border);
}

.account-name{
  border-bottom: 1px solid var(--sec-border);
}

.swal-modal{
  background-color: var(--hf);
}

.swal-button{
  border: 2px solid var(--prim);
  color: var(--prim);
}

.swal-text{
  color: var(--prim);
}

.checkmark:after {
  background: var(--prim);
}

.shepherd-arrow:before{
  background: var(--hf);
  border-bottom: 2px solid var(--prim);
  border-right: 2px solid var(--prim);
}

.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{
  background-color:var(--hf);
  border: 2px solid var(--prim);
}

.shepherd-has-title .shepherd-content .shepherd-header,
.shepherd-element{
  background: var(--hf);
}

.shepherd-text{
  color: var(--text);
}

.shepherd-button{
  border: 2px solid var(--prim);
  color: var(--prim);

}

.shepherd-title{
  color: var(--prim);
}

.language-en,
.language-ua,
.language-ru,
.version,
.theme-dark,
.theme-light,
.account-name,
.account-change-name,
.guide,
.theme-change{
  color: var(--sec-border);
}

.language-en:hover,
.language-ua:hover,
.language-ru:hover,
.theme-dark:hover,
.theme-light:hover,
.version:hover,
.account-name:hover,
.account-change-name:hover,
.guide:hover{
  color: var(--prim);
}

#secret-theme{
  color: var(--sec-border) !important;
}