@use '@angular/material' as mat;
$d2c-primary: mat.define-palette(mat.$blue-grey-palette, 900);
$d2c-accent: mat.define-palette(mat.$amber-palette, A400);

$d2c-theme: mat.define-light-theme($d2c-primary, $d2c-accent);

@mixin default-gear-tags($theme) {
    $primary: map-get($theme, primary);
    $accent: map-get($theme, accent);

   
    .fake-link {
        color: rgba(0, 0, 0, 0.87);
    }

    .fake-link:hover {
        color: #ffc400 !important;
    }

    button.upgrade {
        background-color: hsl(200, 65%, 71%);
    }
    .mark-table > tbody > tr.upgrade > td,
    .mark-table > tbody > tr > td.upgrade {
        background-color: hsl(200, 65%, 91%);
    }
    button.keep {
        background-color: hsl(103, 44%, 69%);
    }
    .mark-table > tbody > tr.keep > td,
    .mark-table > tbody > tr > td.keep {
        background-color: hsl(103, 44%, 89%);
    }
    button.infuse {
        background-color: hsl(50, 81%, 74%);
    }
    .mark-table > tbody > tr.infuse > td,
    .mark-table > tbody > tr > td.infuse {
        background-color: hsl(50, 81%, 94%);
    }
    button.junk {
        background-color: hsl(0, 43%, 71%);
    }
    button.archive {
        background-color: hsl(0, 0%, 79%);
    }
    .mark-table > tbody > tr.junk > td,
    .mark-table > tbody > tr > td.junk {
        background-color: hsl(0, 43%, 91%);
    }

    .mark-table > tbody > tr.archive > td,
    .mark-table > tbody > tr > td.archive {
        background-color: hsl(0, 0%, 80%);
    }

    // transparent icons are impossible to see on a light theme
    .bungie-icon {
        background-color: #636363;
    }

    .nitro-consent-link button {
        color: mat.get-color-from-palette($primary, lighter);
        &:hover {
            color: mat.get-color-from-palette($accent);
        }
    }

    .footer {
        color: mat.get-color-from-palette($primary, lighter);
        background-color: mat.get-color-from-palette($primary, darker);

        .links,
        .signature {
            color: mat.get-color-from-palette($primary, lighter);
            a {
                color: mat.get-color-from-palette($primary, lighter);
                &:hover {
                    color: mat.get-color-from-palette($accent);
                }
            }
        }
    }
}
