lure-web/src/app.scss

/* Write your global styles here, in SCSS syntax. Variables and mixins from the src/variables.scss file are available here without importing */ /* Import only what you need from Bulma */
@import 'bulma/sass/utilities/_all';
@import 'bulma/sass/base/_all';
@import 'bulma/sass/elements/_all';
@import 'bulma/sass/form/_all';
@import 'bulma/sass/components/_all';
@import 'bulma/sass/grid/_all';
@import 'bulma/sass/helpers/_all';
@import 'bulma/sass/layout/_all';

@import './darkly/overrides.scss';

.input::placeholder {
    color: darken($grey-light, 10) !important; 
    opacity: 1;
}

.input::-webkit-input-placeholder {
    color: darken($grey-light, 10) !important;
    opacity: 1;
}

.input::-moz-placeholder {
    color: darken($grey-light, 10) !important;
    opacity: 1;
}

.input::-ms-input-placeholder {
    color: darken($grey-light, 10) !important;
    opacity: 1;
}

pre {
    background-color: transparent;
}

.terminal-player {
    max-width: 735px;
    max-height: 450px;
}

.sc-carousel__carousel-container {
    --sc-arrow-size: 3px;
}

button.sc-carousel-arrow__circle {
    width: 30px !important;
    height: 30px !important;
}

body {
    margin: 0;
}

#page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#page-container > * {
    width: 100%
}

.hljs {
    background: $grey-darker !important;
    border-radius: 15px;
}