daedalOS/styles/defaultTheme/colors.ts
2024-08-12 23:07:42 -07:00

69 lines
2.1 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%)",
progress: "hsla(113, 78%, 56%, 90%)",
progressBackground: "hsla(104, 22%, 45%, 70%)",
progressBarRgb: "rgb(6, 176, 37)",
selectionHighlight: "hsla(207, 100%, 45%, 90%)",
selectionHighlightBackground: "hsla(207, 100%, 45%, 30%)",
taskbar: {
active: "hsla(0, 0%, 20%, 70%)",
activeForeground: "hsla(0, 0%, 40%, 70%)",
ai: {
balanced: ["rgb(112, 203, 255)", "rgb(40, 112, 234)", "rgb(0, 95, 184)"],
creative: [
"rgb(215, 167, 187)",
"rgb(145, 72, 135)",
"rgb(139, 37, 126)",
],
precise: ["rgb(167, 224, 235)", "rgb(0, 104, 128)", "rgb(0, 83, 102)"],
},
background: "hsla(0, 0%, 10%, 70%)",
button: {
color: "#FFF",
},
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: "#808080",
outline: "hsla(0, 0%, 25%, 75%)",
outlineInactive: "hsla(0, 0%, 30%, 100%)",
shadow: "0 0 14px 0 rgba(0, 0, 0, 50%)",
shadowInactive: "0 0 10px 0 rgba(0, 0, 0, 45%)",
},
};
export default colors;