src/display/css_html_js.py

custom_css = """
/* Define semantic color variables that adapt to dark/light mode */
:root {
    --col-model-meta:       var(--neutral-200);
    --col-average:          var(--primary-200);
    --col-task:             var(--secondary-200);
    --col-ner:              var(--neutral-200);
    --col-dataset-detail:   var(--neutral-200);
}

.dark {
    --col-model-meta:       var(--neutral-700);
    --col-average:          var(--primary-700);
    --col-task:             var(--secondary-700);
    --col-ner:              var(--neutral-700);
    --col-dataset-detail:   var(--neutral-700);
}

.markdown-text {
    font-size: 16px !important;
}

#citation-button span {
    font-size: 16px !important;
}

#citation-button textarea {
    font-size: 16px !important;
}

#citation-button > label > button {
    margin: 6px;
    transform: scale(1.3);
}

#leaderboard-table {
    margin-top: 15px;
}


#search-bar-table-box > div:first-child {
    background: none;
    border: none;
}

#search-bar {
    padding: 0px;
}

.tab-buttons button {
    font-size: 20px;
}
"""