Lightningbeam/src/styles.js

33 lines
786 B
JavaScript

const darkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
const backgroundColor = darkMode ? "#333" : "#ccc"
const foregroundColor = darkMode ? "#888" : "#ddd"
const highlight = darkMode ? "#4f4f4f" : "#ddd"
const shadow = darkMode ? "#111" : "#999"
const shade = darkMode ? "#222" : "#aaa"
const layerHeight = 50
const iconSize = 25
const layerWidth = 300
const frameWidth = 25
const gutterHeight = 15
const scrubberColor = "#cc2222"
const labelColor = darkMode ? "white" : "black"
const triangleSize = 5;
export {
darkMode,
backgroundColor,
foregroundColor,
highlight,
shadow,
shade,
layerHeight,
iconSize,
layerWidth,
frameWidth,
gutterHeight,
scrubberColor,
labelColor,
triangleSize
}