:root{
    --secondary: #006063;
    --accent: white;
    --header-color: white;
    --breadcrumbs-bg: #035254;
}

html[data-theme="light"] {
    --primary: #0b6a6d;
    --secondary: #006063;
    --accent: #ffffff;
    --primary-fg: #ffffff;

    --body-fg: #252b2f;
    --body-bg: #ffffff;
    --body-quiet-color: #5d686f;
    --body-medium-color: #40494f;
    --body-loud-color: #111517;

    --header-color: #ffffff;
    --header-branding-color: #ffffff;
    --header-bg: #006063;
    --header-link-color: #ffffff;

    --breadcrumbs-fg: #e7f4f4;
    --breadcrumbs-link-fg: #ffffff;
    --breadcrumbs-bg: #035254;

    --link-fg: #12676a;
    --link-hover-color: #004d50;
    --link-selected-fg: #035254;

    --hairline-color: #dfe4e6;
    --border-color: #c7d0d3;

    --darkened-bg: #f4f6f7;
    --selected-bg: #e2eeee;
    --selected-row: #edf6f6;

    --button-fg: #ffffff;
    --button-bg: #006063;
    --button-hover-bg: #004d50;
    --default-button-bg: #035254;
    --default-button-hover-bg: #003f41;
    --close-button-bg: #5d696f;
    --close-button-hover-bg: #414b50;

    color-scheme: light;
}

:root[data-theme="dark"] {
    --primary: #035254;
    --secondary: #006063;
    --accent: white;
    --header-color: white;
    --breadcrumbs-bg: #035254;
    --selected-row: #083b3d;
}

#changelist .actions{
    position: sticky !important;
    top: 0 !important;
    border-bottom: 2px solid #006063 !important;
    z-index: 1 !important;
    margin-bottom: 5px !important;
}