Apply style to one set of pages in a theme

Basically I have code that is working below but it applies it to every page including the settings but I don’t want a transparent header on the settings. Code below:

HA Theme:
    ha-card-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16)
    ha-card-border-width: 0
    app-header-background-color: "transparent"   
    app-header-text-color: "white"
    style: |
        #customSidebar {
            width: 18.5%;
            overflow: hidden;
            margin-top: 0px  !important;
        #view {
            padding-top: 0px !important;
        #tabsContainer {
            display: none !important;

    ha-card-border-radius: 12px
    --card-primary-font-size: var(--title-font-size) !important;
    --card-secondary-font-size: 20px;
    --app-header-background-color: transparent;

    mush-icon-border-radius: 6px
    mush-control-border-radius: 6px
    mush-card-spacing: 16px
    mush-chip-border-radius: 12px

        light: {}
        dark: {}

what is this? some custom code?

Yes it hides it using the style

May be you should implement this “transparency” not by variable (which affect undesired places) - but by card-mod-theme.