ziko
Version:
a versatile javaScript framework offering a rich set of UI components, advanced mathematical utilities, reactivity, animations, client side routing and graphics capabilities
885 lines • 22 kB
JavaScript
const DarkThemes = {
antiqueRose: {
background: "#1C1014",
currentLine: "#2B1B21",
selection: "#443034",
foreground: "#D8B5B5",
comment: "#7F5E5E",
cyan: "#6FA2A2",
green: "#66A66F",
orange: "#FFB97A",
pink: "#FFA8BD",
purple: "#B78DA5",
red: "#FF6C6C",
yellow: "#FFD579"
},
auroraBorealis: {
background: "#1D1426",
currentLine: "#2B1E35",
selection: "#432D4E",
foreground: "#C2AABF",
comment: "#7F6E8E",
cyan: "#7EA5D3",
green: "#77C992",
orange: "#FFC476",
pink: "#FFA8B3",
purple: "#AE9AC3",
red: "#FF6C6C",
yellow: "#FFD576"
},
autumnHarvest: {
background: "#291C10",
currentLine: "#3A2A1E",
selection: "#573C2C",
foreground: "#D4C3A2",
comment: "#7F6F52",
cyan: "#82B4BF",
green: "#7FB074",
orange: "#FFAB6E",
pink: "#FF8196",
purple: "#B394A9",
red: "#FF6565",
yellow: "#FFD270"
},
aylin: {
background: "#13161E",
currentLine: "#161A28",
selection: "#222B3E",
foreground: "#D2D8E0",
comment: "#697098",
cyan: "#78D1E1",
green: "#98C379",
orange: "#EBCB8B",
pink: "#D16D9E",
purple: "#C678DD",
red: "#E88388",
yellow: "#EBCB8B"
},
azureBlue: {
background: "#001B29",
currentLine: "#002C3E",
selection: "#004E6B",
foreground: "#C3D7E2",
comment: "#5F7C92",
cyan: "#75B7D1",
green: "#70C8A7",
orange: "#FFB476",
pink: "#FF92B0",
purple: "#B88BC3",
red: "#FF6666",
yellow: "#FFD666"
},
cobalt2: {
background: "#193549",
currentLine: "#1F4662",
selection: "#193549",
foreground: "#B9BED0",
comment: "#627D98",
cyan: "#4DB5BD",
green: "#86B300",
orange: "#FFB86C",
pink: "#FF7F7B",
purple: "#9B64FB",
red: "#FF6672",
yellow: "#FFCC99"
},
cobaltMaterialTheme: {
background: "#263238",
currentLine: "#37474F",
selection: "#80CBC4",
foreground: "#CFD8DC",
comment: "#78909C",
cyan: "#80CBC4",
green: "#A5D6A7",
orange: "#FFD54F",
pink: "#FF80AB",
purple: "#CE93D8",
red: "#EF5350",
yellow: "#FFEE58"
},
cosmicBlue: {
background: "#1B2836",
currentLine: "#223348",
selection: "#39516D",
foreground: "#C0D4E5",
comment: "#728CAB",
cyan: "#75A6FF",
green: "#5ED99F",
orange: "#FFAD6F",
pink: "#FF90B6",
purple: "#A889C5",
red: "#FF6E6E",
yellow: "#FCD256"
},
cosmicSunset: {
background: "#1B1921",
currentLine: "#272530",
selection: "#3C3948",
foreground: "#B8B4CB",
comment: "#7A738B",
cyan: "#77B4D8",
green: "#6CC09E",
orange: "#FFA677",
pink: "#FF95B2",
purple: "#B48FC1",
red: "#FF6565",
yellow: "#FFD566"
},
cyberForest: {
background: "#0D151D",
currentLine: "#18262F",
selection: "#2B3B47",
foreground: "#CDD7E0",
comment: "#667B8B",
cyan: "#7EC4CF",
green: "#68CC96",
orange: "#FFAC6C",
pink: "#FF89B4",
purple: "#A889C5",
red: "#FF6565",
yellow: "#FFCB6B"
},
cyberPunkCity: {
background: "#000000",
currentLine: "#121212",
selection: "#1F1F1F",
foreground: "#DADADA",
comment: "#626262",
cyan: "#71B7FF",
green: "#50D890",
orange: "#FFB86C",
pink: "#FF79C6",
purple: "#BB86FC",
red: "#FF5454",
yellow: "#FDD663"
},
cyberpunkNeon: {
background: "#121212",
currentLine: "#1B1B1B",
selection: "#262626",
foreground: "#DADADA",
comment: "#6C6C6C",
cyan: "#69AEDB",
green: "#4ECCA3",
orange: "#FFB86C",
pink: "#FF79C6",
purple: "#D08EFF",
red: "#FF5454",
yellow: "#FDD663"
},
darkDesert: {
background: "#1E2022",
currentLine: "#282A2E",
selection: "#393D42",
foreground: "#C0C5CE",
comment: "#5C6368",
cyan: "#6FB3E0",
green: "#88C076",
orange: "#FFB454",
pink: "#FF7F90",
purple: "#B48EAD",
red: "#FF6666",
yellow: "#FFCC66"
},
darkMint: {
background: "#11161A",
currentLine: "#1B2128",
selection: "#3D4853",
foreground: "#D9DEE5",
comment: "#65737E",
cyan: "#88C0D0",
green: "#98C379",
orange: "#FFB86C",
pink: "#FF7F8B",
purple: "#C594C5",
red: "#FF6561",
yellow: "#FAD07B"
},
deepOcean: {
background: "#121C2C",
currentLine: "#182236",
selection: "#2B3E50",
foreground: "#BDC3C7",
comment: "#6C7A89",
cyan: "#59ABE3",
green: "#26A65B",
orange: "#F9690E",
pink: "#EB3B5A",
purple: "#D2527F",
red: "#E74C3C",
yellow: "#F5AB35"
},
deepOceanBlue: {
background: "#1B2F40",
currentLine: "#263B53",
selection: "#3A536E",
foreground: "#BFC9D4",
comment: "#657C8E",
cyan: "#6CB5FF",
green: "#65C287",
orange: "#FFA974",
pink: "#FF87B4",
purple: "#AE9BFF",
red: "#FF6666",
yellow: "#FFD67B"
},
deepOceanSunset: {
background: "#151D2A",
currentLine: "#1D2735",
selection: "#31405B",
foreground: "#D5D9E0",
comment: "#6C7B8B",
cyan: "#6FAAD4",
green: "#66C295",
orange: "#FFA476",
pink: "#FF94B0",
purple: "#B08FC0",
red: "#FF6565",
yellow: "#FFD466"
},
deepSpace: {
background: "#0F1419",
currentLine: "#1A232D",
selection: "#3A4758",
foreground: "#CDD9E5",
comment: "#657C96",
cyan: "#6CB6FF",
green: "#4CAF50",
orange: "#FFB454",
pink: "#FF75B5",
purple: "#9A76FF",
red: "#FF5555",
yellow: "#FFC857"
},
dracula: {
background: "#282a36",
currentLine: "#44475a",
selection: "#44475a",
foreground: "#f8f8f2",
comment: "#6272a4",
cyan: "#8be9fd",
green: "#50fa7b",
orange: "#ffb86c",
pink: "#ff79c6",
purple: "#bd93f9",
red: "#ff5555",
yellow: "#f1fa8c"
},
dreamyDusk: {
background: "#22243D",
currentLine: "#313558",
selection: "#4C4F6D",
foreground: "#A5A7C5",
comment: "#6F728E",
cyan: "#81A2BE",
green: "#7FB074",
orange: "#FFB476",
pink: "#FF91A4",
purple: "#AE8DC2",
red: "#FF7272",
yellow: "#FFD67A"
},
electricLagoon: {
background: "#15232B",
currentLine: "#20323E",
selection: "#344E5F",
foreground: "#A6C0B9",
comment: "#6C8F81",
cyan: "#80C7D1",
green: "#7FCD97",
orange: "#FFBC76",
pink: "#FF9FB3",
purple: "#AE8FC3",
red: "#FF7272",
yellow: "#FFD674"
},
emeraldCity: {
background: "#112E26",
currentLine: "#1B3F38",
selection: "#2F6253",
foreground: "#A6C0B9",
comment: "#6C8F81",
cyan: "#80C7D1",
green: "#7FCD97",
orange: "#FFBC76",
pink: "#FF9FB3",
purple: "#AE8FC3",
red: "#FF7272",
yellow: "#FFD674"
},
enchantedEclipse: {
background: "#131A22",
currentLine: "#1F2C3A",
selection: "#2D4455",
foreground: "#A7B6C2",
comment: "#6B7B8C",
cyan: "#5FA8D3",
green: "#5CB8A4",
orange: "#FFA96C",
pink: "#FF8FA2",
purple: "#A88ED1",
red: "#FF6B6B",
yellow: "#FFD575"
},
enchantedEvening: {
background: "#1E1824",
currentLine: "#2A2332",
selection: "#3F3A4F",
foreground: "#C2B4CB",
comment: "#7F7292",
cyan: "#76AAD8",
green: "#6CC095",
orange: "#FFB36C",
pink: "#FF8FB0",
purple: "#AB8CC2",
red: "#FF6464",
yellow: "#FFD164"
},
fireAndIce: {
background: "#1F2532",
currentLine: "#292F3D",
selection: "#4E556A",
foreground: "#D8DEE9",
comment: "#69758E",
cyan: "#7EC4CF",
green: "#68CC98",
orange: "#FFA071",
pink: "#FF88B5",
purple: "#AE9BFF",
red: "#FF657E",
yellow: "#FDCB83"
},
forestGreen: {
background: "#1A1E22",
currentLine: "#24292F",
selection: "#394147",
foreground: "#C8C8C8",
comment: "#5C6370",
cyan: "#7AAB9D",
green: "#88B379",
orange: "#FFAC6F",
pink: "#F97B77",
purple: "#A187BE",
red: "#FF5C5C",
yellow: "#F5D76E"
},
futuristicBlue: {
background: "#111B26",
currentLine: "#1B2E3F",
selection: "#334D65",
foreground: "#C0D2E3",
comment: "#6E859E",
cyan: "#77AADB",
green: "#78C196",
orange: "#FFAC6C",
pink: "#FF8DBE",
purple: "#A48ADA",
red: "#FF6666",
yellow: "#FFD66D"
},
gentlePurple: {
background: "#2E2E3D",
currentLine: "#383849",
selection: "#4D4D5C",
foreground: "#B2B2CC",
comment: "#6E6E8F",
cyan: "#6D77CC",
green: "#81C995",
orange: "#FFB16A",
pink: "#FF7CAC",
purple: "#8A80A1",
red: "#FF657A",
yellow: "#FDB26E"
},
githubDarkDimmed: {
background: "#0D1117",
currentLine: "#161B22",
selection: "#1F6F8B",
foreground: "#8B949E",
comment: "#8B949E",
cyan: "#79C0FF",
green: "#2DD57A",
orange: "#FFB454",
pink: "#FF80AB",
purple: "#D781D3",
red: "#EF5252",
yellow: "#D29922"
},
gruvbox: {
background: "#282828",
currentLine: "#3c3836",
selection: "#bdae93",
foreground: "#ebdbb2",
comment: "#928374",
cyan: "#83a598",
green: "#b8bb26",
orange: "#fe8019",
pink: "#d3869b",
purple: "#d3869b",
red: "#fb4934",
yellow: "#fabd2f"
},
materialTheme: {
background: "#263238",
currentLine: "#37474f",
selection: "#90a4ae",
foreground: "#eceff1",
comment: "#546e7a",
cyan: "#80cbc4",
green: "#a5d6a7",
orange: "#ffb74d",
pink: "#f06292",
purple: "#ba68c8",
red: "#ef5350",
yellow: "#ffee58"
},
midnightMystique: {
background: "#1E1E27",
currentLine: "#292935",
selection: "#3F3F4F",
foreground: "#C2C2D3",
comment: "#757593",
cyan: "#76D4D6",
green: "#6CC18F",
orange: "#FFB36C",
pink: "#FF8FAB",
purple: "#AB8BC7",
red: "#FF6464",
yellow: "#FFD164"
},
midnightSunset: {
background: "#182233",
currentLine: "#1D2D46",
selection: "#384B66",
foreground: "#B7C0CE",
comment: "#6A788A",
cyan: "#6B98FF",
green: "#6BD49D",
orange: "#FFA178",
pink: "#FF8DAB",
purple: "#B48EAD",
red: "#F96263",
yellow: "#FADA5E"
},
minimalMonochrome: {
background: "#1C1C1C",
currentLine: "#262626",
selection: "#363636",
foreground: "#D9D9D9",
comment: "#757575",
cyan: "#7DC1C7",
green: "#7FB074",
orange: "#FFB869",
pink: "#FF81A2",
purple: "#B48EAD",
red: "#FF6B6B",
yellow: "#FFD57B"
},
modernMarine: {
background: "#0A0E19",
currentLine: "#121929",
selection: "#1E2B42",
foreground: "#D5D8DE",
comment: "#7F8493",
cyan: "#6FB1D3",
green: "#6CC792",
orange: "#FFB577",
pink: "#FF96B0",
purple: "#B690C2",
red: "#FF6666",
yellow: "#FFD666"
},
monokai: {
background: "#272822",
currentLine: "#3e3d32",
selection: "#49483e",
foreground: "#f8f8f2",
comment: "#75715e",
cyan: "#66d9ef",
green: "#a6e22e",
orange: "#fd971f",
pink: "#f92672",
purple: "#ae81ff",
red: "#f92672",
yellow: "#e6db74"
},
moonlitMeadow: {
background: "#12252C",
currentLine: "#1D3B47",
selection: "#24566E",
foreground: "#A7C4BC",
comment: "#5E7D84",
cyan: "#82B7BD",
green: "#87C38A",
orange: "#F4B66A",
pink: "#F77A92",
purple: "#C58AC9",
red: "#F0725E",
yellow: "#E8C284"
},
mysticalMauve: {
background: "#1A1A26",
currentLine: "#252533",
selection: "#3E3E57",
foreground: "#B2B2CC",
comment: "#757593",
cyan: "#76D4D6",
green: "#6CC18F",
orange: "#FFB36C",
pink: "#FF8FAB",
purple: "#AB8BC7",
red: "#FF6464",
yellow: "#FFD164"
},
nebulaNights: {
background: "#1B1821",
currentLine: "#262330",
selection: "#3C3A48",
foreground: "#B8B4CB",
comment: "#7A738B",
cyan: "#77B4D8",
green: "#6CC09E",
orange: "#FFA677",
pink: "#FF95B2",
purple: "#B48FC1",
red: "#FF6565",
yellow: "#FFD566"
},
neonLights: {
background: "#000000",
currentLine: "#0D0D0D",
selection: "#1A1A1A",
foreground: "#DADADA",
comment: "#7F7F7F",
cyan: "#6FE3E3",
green: "#60FFA0",
orange: "#FFB67A",
pink: "#FF9FBD",
purple: "#BF8CC2",
red: "#FF6666",
yellow: "#FFD666"
},
nightSky: {
background: "#17202A",
currentLine: "#1C2732",
selection: "#2E4053",
foreground: "#D0D3D4",
comment: "#566573",
cyan: "#5DADE2",
green: "#45B39D",
orange: "#F5B041",
pink: "#EB984E",
purple: "#AF7AC5",
red: "#EC7063",
yellow: "#F4D03F"
},
nord: {
background: "#2e3440",
currentLine: "#3b4252",
selection: "#4c566a",
foreground: "#d8dee9",
comment: "#616e88",
cyan: "#88c0d0",
green: "#a3be8c",
orange: "#ebcb8b",
pink: "#bf616a",
purple: "#b48ead",
red: "#bf616a",
yellow: "#ebcb8b"
},
nova: {
background: "#1F262D",
currentLine: "#232A32",
selection: "#414B56",
foreground: "#D9E2EC",
comment: "#525F69",
cyan: "#89DDFF",
green: "#64D989",
orange: "#E7C664",
pink: "#E95678",
purple: "#C594C5",
red: "#FF5656",
yellow: "#FFC172"
},
novaDark: {
background: "#1A2026",
currentLine: "#212930",
selection: "#36424F",
foreground: "#C0C6D9",
comment: "#5B6C7F",
cyan: "#84CEE4",
green: "#89DD6D",
orange: "#FFB46E",
pink: "#FF7CAB",
purple: "#BB80B3",
red: "#FC6161",
yellow: "#FAB795"
},
oceanBlue: {
background: "#12232E",
currentLine: "#1D3B53",
selection: "#205072",
foreground: "#A8DADC",
comment: "#5E81AC",
cyan: "#7FB2F0",
green: "#88C0D0",
orange: "#FFB86C",
pink: "#FFA0A0",
purple: "#D4A3D9",
red: "#EF8E8E",
yellow: "#FFD180"
},
oceanicAzure: {
background: "#001A23",
currentLine: "#002B36",
selection: "#004056",
foreground: "#C0C5CE",
comment: "#4D5767",
cyan: "#75A4C0",
green: "#68A3A8",
orange: "#FFA45E",
pink: "#FF94B0",
purple: "#B48EAD",
red: "#FF6363",
yellow: "#FFD464"
},
oceanicGruvbox: {
background: "#1d2021",
currentLine: "#282828",
selection: "#458588",
foreground: "#ebdbb2",
comment: "#928374",
cyan: "#89b482",
green: "#a9b665",
orange: "#d79921",
pink: "#d3869b",
purple: "#b16286",
red: "#fb4934",
yellow: "#d5c4a1"
},
oceanicNext: {
background: "#1B2B34",
currentLine: "#343D46",
selection: "#4F5B66",
foreground: "#A7ADBA",
comment: "#616E7C",
cyan: "#7FB5DA",
green: "#98C379",
orange: "#EBCB8B",
pink: "#EC5f67",
purple: "#C594C5",
red: "#EC5f67",
yellow: "#D29922"
},
oneDark: {
background: "#282c34",
currentLine: "#3e4451",
selection: "#4f5b66",
foreground: "#abb2bf",
comment: "#5c6370",
cyan: "#56b6c2",
green: "#98c379",
orange: "#d19a66",
pink: "#c678dd",
purple: "#c678dd",
red: "#e06c75",
yellow: "#e5c07b"
},
polarNight: {
background: "#2E3440",
currentLine: "#3B4252",
selection: "#4C566A",
foreground: "#D8DEE9",
comment: "#616E88",
cyan: "#81A1C1",
green: "#A3BE8C",
orange: "#EBCB8B",
pink: "#BF616A",
purple: "#B48EAD",
red: "#BF616A",
yellow: "#EBCB8B"
},
radiantRainforest: {
background: "#16231A",
currentLine: "#1F3927",
selection: "#355D43",
foreground: "#A7C9A2",
comment: "#6F8D77",
cyan: "#80C3BB",
green: "#76CC8F",
orange: "#FFB56C",
pink: "#FF8FA6",
purple: "#AB8CC2",
red: "#FF6C6C",
yellow: "#FFD576"
},
retroTech: {
background: "#0C0C0C",
currentLine: "#141414",
selection: "#1F1F1F",
foreground: "#D9D9D9",
comment: "#626262",
cyan: "#77BFC9",
green: "#69CC6D",
orange: "#FFC46D",
pink: "#FF7D99",
purple: "#BB86FC",
red: "#FF5555",
yellow: "#FACD60"
},
royalPurple: {
background: "#1E1B2E",
currentLine: "#272337",
selection: "#3E395B",
foreground: "#D5D1E2",
comment: "#76708E",
cyan: "#76D7C4",
green: "#47B87C",
orange: "#FFC300",
pink: "#F39C9D",
purple: "#9B59B6",
red: "#E74C3C",
yellow: "#F1C40F"
},
sapphireSkies: {
background: "#081125",
currentLine: "#0F1F3A",
selection: "#1E3874",
foreground: "#D8DCE6",
comment: "#6B7394",
cyan: "#7EC4D9",
green: "#7DCB9E",
orange: "#FFB578",
pink: "#FF8FB3",
purple: "#B992CC",
red: "#FF6767",
yellow: "#FFD684"
},
shadesOfPurple: {
background: "#2d2b55",
currentLine: "#37355a",
selection: "#444267",
foreground: "#ecebf0",
comment: "#9a99a3",
cyan: "#a1efe4",
green: "#72f1b8",
orange: "#f78c6c",
pink: "#ffcc99",
purple: "#9a99a3",
red: "#ff6188",
yellow: "#ffcc99"
},
solarizedDark: {
background: "#002b36",
currentLine: "#073642",
selection: "#586e75",
foreground: "#839496",
comment: "#586e75",
cyan: "#2aa198",
green: "#859900",
orange: "#cb4b16",
pink: "#d33682",
purple: "#6c71c4",
red: "#dc322f",
yellow: "#b58900"
},
synthWave84: {
background: "#2b213a",
currentLine: "#3e3650",
selection: "#564d7a",
foreground: "#e0def4",
comment: "#9c8c98",
cyan: "#95e6cb",
green: "#00ffb9",
orange: "#f28779",
pink: "#f771ac",
purple: "#d3bfff",
red: "#ff6188",
yellow: "#ffd866"
},
tokyoNight: {
background: "#1a1b26",
currentLine: "#282a36",
selection: "#44475a",
foreground: "#eff0eb",
comment: "#6b6e76",
cyan: "#78d1e1",
green: "#67b11d",
orange: "#e1a80e",
pink: "#ff79c6",
purple: "#d27bff",
red: "#ff5555",
yellow: "#f3f99d"
},
tomorrowNight: {
background: "#1d1f21",
currentLine: "#282a36",
selection: "#373b41",
foreground: "#c5c8c6",
comment: "#616e7c",
cyan: "#81a2be",
green: "#b5bd68",
orange: "#de935f",
pink: "#cc6666",
purple: "#b294bb",
red: "#cc6666",
yellow: "#f0c674"
},
twilightMeadow: {
background: "#14202A",
currentLine: "#1F2E3F",
selection: "#334D65",
foreground: "#A6C0B9",
comment: "#6C8F81",
cyan: "#80C7D1",
green: "#7FCD97",
orange: "#FFBC76",
pink: "#FF9FB3",
purple: "#AE8FC3",
red: "#FF7272",
yellow: "#FFD674"
},
urbanTwilight: {
background: "#161727",
currentLine: "#1F2737",
selection: "#35415B",
foreground: "#BDC9D7",
comment: "#7F8C9C",
cyan: "#77AED8",
green: "#6CC492",
orange: "#FFB677",
pink: "#FF95B1",
purple: "#B48DC2",
red: "#FF6C6C",
yellow: "#FFD576"
},
vibrantInk: {
background: "#1C1E26",
currentLine: "#242730",
selection: "#363B4A",
foreground: "#BFC7D5",
comment: "#5C6672",
cyan: "#6A76FB",
green: "#33CC95",
orange: "#FF9A65",
pink: "#FF75B5",
purple: "#AE81FF",
red: "#FF6188",
yellow: "#FDD269"
},
vintageRust: {
background: "#301F1A",
currentLine: "#3E2A23",
selection: "#5D3E35",
foreground: "#D7C3A7",
comment: "#7F6C55",
cyan: "#83A4C4",
green: "#7EAD90",
orange: "#FFA45E",
pink: "#FF8C9E",
purple: "#B491A9",
red: "#FF7262",
yellow: "#FFD372"
}
}
export default DarkThemes;