Dracula Bigquery by syu99

/* ==UserStyle==
@name           Dracula BigQuery
@description    Thème Dracula pour BigQuery avec un fond sombre et des couleurs personnalisées
@namespace      userstyles.world
@version        1.0.0
@license        CC BY-NC-SA 4.0
@author         johan.bray
==/UserStyle== */

@-moz-document url-prefix("https://console.cloud.google.com/bigquery") {
    /* Thème Dracula pour BigQuery */

    /* Background principal et texte */
    body, .header, .sidebar, .content, .editor, .query-editor {
        background-color: #282a36 !important;
        color: #f8f8f2 !important;
    }

    /* En-têtes et barres de menus */
    .header, .navbar {
        background-color: #44475a !important;
        color: #f8f8f2 !important;
    }

    /* Boutons et éléments interactifs */
    .btn-primary, .btn-secondary {
        background-color: #bd93f9 !important;
        color: #282a36 !important;
        border-color: #ff79c6 !important;
    }

    .btn-primary:hover, .btn-secondary:hover {
        background-color: #ff79c6 !important;
        color: #282a36 !important;
    }

    /* Champs de texte et sélections */
    input, textarea, .query-input {
        background-color: #44475a !important;
        color: #f8f8f2 !important;
        border-color: #6272a4 !important;
    }

    /* Menu latéral et navigation */
    .sidebar .menu, .sidebar .menu-item {
        background-color: #282a36 !important;
        color: #8be9fd !important;
    }

    .sidebar .menu-item:hover {
        background-color: #44475a !important;
    }

    /* Tableaux et résultats de requêtes */
    .data-table, .data-table th, .data-table td {
        background-color: #282a36 !important;
        color: #f8f8f2 !important;
        border-color: #6272a4 !important;
    }

    /* Messages de succès, erreurs, et avertissements */
    .alert-success {
        background-color: #50fa7b !important;
        color: #282a36 !important;
    }

    .alert-error {
        background-color: #ff5555 !important;
        color: #f8f8f2 !important;
    }

    .alert-warning {
        background-color: #f1fa8c !important;
        color: #282a36 !important;
    }

    /* Hyperliens */
    a {
        color: #8be9fd !important;
    }

    a:hover {
        color: #ff79c6 !important;
    }
}