@import ./homePanel
@import ./boardPanel
@import ./threadPanel
@import ./globalPanel
@import ./settingsPanel


$background-color1: $grey-dark
$background-color2: $black

// set pages offscreen
.page 
    +set-dims(100vw, 100vh)
    position: fixed
    top: 100%
    background: $black
    background: linear-gradient(135deg, $background-color2, $background-color1, $background-color2)

.page-home
    z-index: 1

.page-board
    z-index: 10

.page-thread
    z-index: 100

.page-settings
    z-index: 1000

.page-global
    z-index: 10000

@import ./homePanel
@import ./boardPanel
@import ./threadPanel
@import ./globalPanel
@import ./settingsPanel


$background-color1: $grey-dark
$background-color2: $black

// set pages offscreen
.page 
    +set-dims(100vw, 100vh)
    position: fixed
    top: 100%
    background: $black
    // background: linear-gradient(135deg, $background-color2, $background-color1, $background-color2)
    background: url('/backgrounds/dark_wall.png')

    &:after
        content: ""
        position: absolute
        pointer-events: none
        background: primary-opacity(0.01)
        +set-dims(inherit, inherit)
        top: 0
        left: 0
        z-index: 1

    > *
        z-index: 2

.page-home
    z-index: 1

.page-board
    z-index: 10

.page-thread
    z-index: 100

.page-settings
    z-index: 1000

.page-global
    z-index: 10000

Add background image to pages and tint with primary
Styles: Add background image to pages and tint with primary
