local ui = {}

ui.theme = {
    bg          = {0.13, 0.13, 0.14},
    panel       = {0.17, 0.17, 0.19},
    border      = {0.28, 0.28, 0.30},
    borderwidth = 3,
    text        = {0.90, 0.90, 0.90},
    text_dim    = {0.50, 0.50, 0.55},
    accent      = {0.27, 0.52, 0.90},
    hover       = {0.22, 0.22, 0.25},
    active      = {0.20, 0.40, 0.75},
}

function ui.panel(x, y, w, h)
    love.graphics.setColor(ui.theme.panel)
    love.graphics.rectangle("fill", x, y, w, h)
    love.graphics.setColor(ui.theme.border)
    love.graphics.setLineWidth(ui.theme.borderwidth)
    love.graphics.rectangle("line", x, y, w, h)
end

function ui.button()
    
end

return ui