[data-bs-theme=dark] 
body {
    background-color: var(--dark-background-color);
}

[data-bs-theme=dark] 
.section {
    background-color: var(--dark-section-background-color);
    
    box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.1), 0 6px 20px 0 rgba(255, 255, 255, 0.2);
}
[data-bs-theme=dark] 
.border-icon{
    background-color: var(--dark-search-background-color);
    border-color: rgb(66, 76, 85);
    color: var(--dark-icon-color);
}
[data-bs-theme=dark] 
.borderless-icon{
    color: var(--dark-icon-color);
}
[data-bs-theme=dark] 
.field-header{
    color: var(--dark-text-color);
}
[data-bs-theme=dark] 
.searchbar{
    background-image: linear-gradient(to bottom, var(--dark-background-color), var(--dark-background-color), var(--dark-background-color), rgba(0, 0, 0, 0));
}
[data-bs-theme=dark] 
.searchbar-input{
    background-color: var(--dark-search-background-color);
}
[data-bs-theme=dark] 
.searchbar-icon{
    background-color: var(--dark-search-background-color);
}

[data-bs-theme=dark] 
#back-top-button{
    background-color: var(--dark-section-background-color);
    color: var(--dark-icon-color);
    border-color: var(--dark-icon-color);
}
[data-bs-theme=dark] 
#back-top-button:hover{
    background-color: var(--dark-search-background-color);
}