57 lines
1.8 KiB
TypeScript
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;
|