https://metabase.r10score.com/public/dashboard/ by IgorAStr

/* ==UserStyle==
@name         https://metabase.r10score.com/public/dashboard/
@version      20231214.17.14
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://metabase.r10score.com/public/dashboard") {
    
    /* Color Scheme and Gradient Variables */
    :root {
        --background-main: linear-gradient(to right, #000000, #0a192f); /* Black to deep blue */
        --background-embed: linear-gradient(to bottom, #020c1b, #002a69); /* Dark blue gradient */
        --background-embed-footer: linear-gradient(to right, #020c1b, #0a192f); /* Footer gradient */
        --color-white:  #03b6ca;
        --color-text-light: #09f130; /* Light blue-grey for text */
        --font-family-main: 'Nunito Sans', sans-serif;
    }
    
    /* Main Container */
    main {
        background: var(--background-main);
    }

    /* Embed Frame Styling */
    .EmbedFrame {
        background: var(--background-embed);
    }

    .EmbedFrame-header, .e1esz5s90 {
        display: none;
    }

    .EmbedFrame-footer {
        background: var(--background-embed-footer);
    }

    /* Utility Class Styling */
    .css-ylnthh {
        background-color: transparent;
        display: flex;
        align-items: center;
        padding: 0.5rem;
    }

    .css-cxr2yc {
        color: var(--color-white);
        border-radius: 20px;
        background: linear-gradient(45deg, #00031c, #0d47a1); /* Dark blue gradient */
    }

    /* Dashboard Card Styling */
    .DashCard, .Card {
        background: var(--background-embed) !important;
        color: var(--color-white) !important;
        border: 1px solid #0a192f; /* Dark blue border */
    }

    /* Specific Class Styling */
    .css-11a46nc {
        color: var(--color-text-light) !important;
        fill: var(--color-white) !important;
        font-family: var(--font-family-main);
    }

    /* Chart Label Styling */
    .LineAreaBarChart .dc-chart .x-axis-label, 
    .LineAreaBarChart .dc-chart .y-axis-label,
    .LineAreaBarChart .dc-chart .axis .tick text {
        color: var(--color-white) !important;
        fill: var(--color-white) !important;
        font-family: var(--font-family-main);
    }
}

@-moz-document url-prefix("https://r10-report.web.app") {
.EmbedFrame {
    background-color: #010d25;
}

.EmbedFrame-header {
    display: none;
}

.EmbedFrame-footer {
    background-color: transparent;
}

.EmbedFrame {
    background-color: #010d25;
}

.e1esz5s90 {
    display: none;
}

.css-ylnthh {
    background-color: transparent;
    display: flex;
    flex-shrink: 0;
    -webkit-box-align: center;
    align-items: center;
    padding: 0.5rem;
}

.css-cxr2yc {
    color: white;
        border-radius: 20px;

}

.Card {
    background: transparent !important;
        color: white !important;

}

.css-11a46nc  {
          color: white !important;
              fill: white !important;
font-family: 'Nunito Sans', sans-serif;

  
}

.LineAreaBarChart .dc-chart .x-axis-label, .LineAreaBarChart .dc-chart .y-axis-label {
      color: white !important;
              fill: white !important;
    font-family: 'Nunito Sans', sans-serif;
}

.LineAreaBarChart .dc-chart .axis .tick text {
 color: white !important;
              fill: white !important;
    font-family: 'Nunito Sans', sans-serif;
}
}