securityos/styles/defaultTheme/colors.ts

57 lines
1.8 KiB
TypeScript

const colors = {
background: "#000",
fileEntry: {
background: "hsla(207, 30%, 72%, 25%)",
backgroundFocused: "hsla(207, 60%, 72%, 35%)",
backgroundFocusedHover: "hsla(207, 90%, 72%, 30%)",
border: "hsla(207, 30%, 72%, 30%)",
borderFocused: "hsla(207, 60%, 72%, 35%)",
borderFocusedHover: "hsla(207, 90%, 72%, 40%)",
text: "#FFF",
textShadow: `
0 0 1px rgba(0, 0, 0, 75%),
0 0 2px rgba(0, 0, 0, 50%),
0 1px 1px rgba(0, 0, 0, 75%),
0 1px 2px rgba(0, 0, 0, 50%),
0 2px 1px rgba(0, 0, 0, 75%),
0 2px 2px rgba(0, 0, 0, 50%)`,
},
highlight: "hsla(207, 100%, 72%, 90%)",
highlightBackground: "hsla(207, 100%, 72%, 20%)",
progress: "hsla(113, 78%, 56%, 90%)",
progressBackground: "hsla(104, 22%, 45%, 70%)",
progressBarRgb: "rgb(6, 176, 37)",
startButton: "#FFF",
taskbar: {
active: "hsla(0, 0%, 20%, 70%)",
activeForeground: "hsla(0, 0%, 40%, 70%)",
background: "hsla(0, 0%, 10%, 70%)",
foreground: "hsla(0, 0%, 35%, 70%)",
foregroundHover: "hsla(0, 0%, 45%, 70%)",
foregroundProgress: "hsla(104, 22%, 45%, 30%)",
hover: "hsla(0, 0%, 25%, 70%)",
peekBorder: "hsla(0, 0%, 50%, 50%)",
},
text: "rgba(255, 255, 255, 90%)",
titleBar: {
background: "rgb(0, 0, 0)",
backgroundHover: "rgb(26, 26, 26)",
backgroundInactive: "rgb(43, 43, 43)",
buttonInactive: "rgb(128, 128, 128)",
closeHover: "rgb(232, 17, 35)",
text: "rgb(255, 255, 255)",
textInactive: "rgb(170, 170, 170)",
},
window: {
background: "#000000",
outline: "hsla(0, 0%, 25%, 75%)",
outlineInactive: "hsla(0, 0%, 30%, 100%)",
shadow: "0 0 12px 0 rgba(0, 0, 0, 50%)",
shadowInactive: "0 0 8px 0 rgba(0, 0, 0, 50%)",
},
};
export default colors;