users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cyberdream-dark.js
1e8ce6189d196b8d75f9c15bec198ef4fa7a339b
· 1.1 KB · 32 lines
raw
| 1 | export const theme = { |
| 2 | name: "Cyberdream Dark", |
| 3 | kind: "dark", |
| 4 | main: "rgba(22, 24, 26, 0.6)", // Base - with 40% transparency |
| 5 | mainAlt: "rgba(30, 33, 36, 0.6)", // Mantle - with 40% transparency |
| 6 | minor: "rgba(60, 64, 72, 0.6)", // Crust - with 40% transparency |
| 7 | red: "#ff6e5e", // Red |
| 8 | green: "#5eff6c", // Neon Green |
| 9 | yellow: "#f1ff5e", // Yellow |
| 10 | orange: "#ffbd5e", // Orange |
| 11 | blue: "#5ea1ff", // Blue |
| 12 | magenta: "#ff5ef1", // Magenta |
| 13 | cyan: "#5ef1ff", // Cyan |
| 14 | black: "#16181a", // Base |
| 15 | white: "#ffffff", // Text |
| 16 | foreground: "#ffffff", // Text |
| 17 | transparentDark: "rgba(0, 0, 0, 0.05)", |
| 18 | defaultFont: "JetBrains Mono, Monaco, Menlo, monospace", |
| 19 | barHeight: "34px", |
| 20 | compactBarHeight: "28px", |
| 21 | barRadius: "3px", |
| 22 | barBorder: "0px solid transparent", |
| 23 | barInnerMargin: "3px", |
| 24 | itemRadius: "2px", |
| 25 | itemInnerMargin: "3px 7px", |
| 26 | itemOuterMargin: "0 0 0 5px", |
| 27 | hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)", |
| 28 | focusRing: "0 0 0 2px rgb(255, 255, 255)", |
| 29 | lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)", |
| 30 | transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)", |
| 31 | clickEffect: "rgba(255, 255, 255, 0.3)", |
| 32 | }; |