// Note from Jeroen @ 22-05-2025:
// At the moment the styling is all in CSS and has to be converted to SCSS.
// For now we just place all the new/overruled styling here.
$developer-tool-colors-light: (
	codemirror-selected-text-background-color: #d9d9d9
);

$developer-tool-colors-dark: (
	codemirror-selected-text-background-color: #333
);

$codemirror-selected-text-background-color: custom-color(codemirror-selected-text-background-color, $developer-tool-colors-light, $developer-tool-colors-dark);

.dbqdt-source-code-container {
    border-radius: 0 !important;

    .dbqdt-tool-topbar {
        border-radius: 0 !important;

        // Make room for the fullscreen & close buttons
        .dbqdt-tool-topbar-wrapper {
            width: calc(100% - 60px);
        }
    }

    // This is a temporary fix for as long as the DbqDeveloperTools.css are not updated to SCSS
    .close-source-code {
        svg {
            width: 24px !important;
            height: 24px !important;
            padding: 0 !important;
        }
    }

    .dbqdt-rule-source-code-fullscreen-button {
        float: left;
        background: 0;
        border: 0;
        outline: 0;
        width: 30px;
        height: 30px;

        svg {
            fill: $text-color-default;
        }
    }
}

.CodeMirror-selected {
    background-color: $codemirror-selected-text-background-color !important;
}
  
.CodeMirror ::selection,
.CodeMirror ::-moz-selection {
    background: $codemirror-selected-text-background-color !important;
}