1 line
19 KiB
JSON
1 line
19 KiB
JSON
{"ast":null,"code":"const setValue = (property, value) => {\n if (value) {\n document.documentElement.style.setProperty(`--${property}`, value);\n const input = document.querySelector(`#${property}`);\n\n if (input) {\n value = value.replace('px', '');\n input.value = value;\n }\n }\n};\n\nconst setValueFromLocalStorage = property => {\n let value = localStorage.getItem(property);\n setValue(property, value);\n};\n\nconst setTheme = options => {\n for (let option of Object.keys(options)) {\n const property = option;\n const value = options[option];\n setValue(property, value);\n localStorage.setItem(property, value);\n }\n};\n\ndocument.addEventListener('DOMContentLoaded', () => {\n setValueFromLocalStorage('image-background');\n setValueFromLocalStorage('color-background');\n setValueFromLocalStorage('color-search-background');\n setValueFromLocalStorage('color-text-pri');\n setValueFromLocalStorage('color-text-acc');\n setValueFromLocalStorage('color-border');\n setValueFromLocalStorage('content-display');\n});\nconst dataThemeButtons = document.querySelectorAll('[data-theme]');\n\nfor (let i = 0; i < dataThemeButtons.length; i++) {\n dataThemeButtons[i].addEventListener('click', () => {\n const theme = dataThemeButtons[i].dataset.theme;\n\n switch (theme) {\n case 'blackboard':\n setTheme({\n 'image-background': 'none',\n 'color-background': '#1a1a1a',\n 'color-search-background': '#FFFDEA20',\n 'color-text-pri': '#FFFDEA',\n 'color-text-acc': '#5c5c5c',\n 'color-border': '#5c5c5c'\n });\n return;\n\n case 'gazette':\n setTheme({\n 'image-background': 'none',\n 'color-background': '#F2F7FF',\n 'color-search-background': '#00000020',\n 'color-text-pri': '#000000',\n 'color-text-acc': '#5c5c5c',\n 'color-border': '#5c5c5c'\n });\n return;\n\n case 'espresso':\n setTheme({\n 'image-background': 'none',\n 'color-background': '#21211F',\n 'color-search-background': '#D1B59A20',\n 'color-text-pri': '#D1B59A',\n 'color-text-acc': '#4E4E4E',\n 'color-border': '#4E4E4E'\n });\n return;\n\n case 'cab':\n setTheme({\n 'image-background': 'none',\n 'color-background': '#F6D305',\n 'color-search-background': '#1F1F1F20',\n 'color-text-pri': '#1F1F1F',\n 'color-text-acc': '#424242',\n 'color-border': '#424242'\n });\n return;\n\n case 'cloud':\n setTheme({\n 'image-background': 'none',\n 'color-background': '#f1f2f0',\n 'color-search-background': '#35342F20',\n 'color-text-pri': '#35342f',\n 'color-text-acc': '#37bbe4',\n 'color-border': '#37bbe4'\n });\n return;\n\n case 'lime':\n setTheme({\n 'image-background': 'none',\n 'color-background': '#263238',\n 'color-search-background': '#AABBC320',\n 'color-text-pri': '#AABBC3',\n 'color-text-acc': '#aeea00',\n 'color-border': '#aeea00'\n });\n return;\n\n case 'white':\n setTheme({\n 'image-background': 'none',\n 'color-background': '#ffffff',\n 'color-search-background': '#22222220',\n 'color-text-pri': '#222222',\n 'color-text-acc': '#dddddd',\n 'color-border': '#dddddd'\n });\n return;\n\n case 'tron':\n setTheme({\n 'image-background': 'none',\n 'color-background': '#242B33',\n 'color-search-background': '#EFFBFF20',\n 'color-text-pri': '#EFFBFF',\n 'color-text-acc': '#6EE2FF',\n 'color-border': '#6EE2FF'\n });\n return;\n\n case 'blues':\n setTheme({\n 'image-background': 'none',\n 'color-background': '#2B2C56',\n 'color-search-background': '#EFF1FC20',\n 'color-text-pri': '#EFF1FC',\n 'color-text-acc': '#6677EB',\n 'color-border': '#6677EB'\n });\n return;\n\n case 'passion':\n setTheme({\n 'image-background': 'none',\n 'color-background': '#f5f5f5',\n 'color-search-background': '#12005E20',\n 'color-text-pri': '#12005e',\n 'color-text-acc': '#8e24aa',\n 'color-border': '#8e24aa'\n });\n return;\n\n case 'chalk':\n setTheme({\n 'image-background': 'none',\n 'color-background': '#263238',\n 'color-search-background': '#AABBC320',\n 'color-text-pri': '#AABBC3',\n 'color-text-acc': '#FF869A',\n 'color-border': '#FF869A'\n });\n return;\n\n case 'paper':\n setTheme({\n 'image-background': 'none',\n 'color-background': '#F8F6F1',\n 'color-search-background': '#4C432E20',\n 'color-text-pri': '#4C432E',\n 'color-text-acc': '#AA9A73',\n 'color-border': '#AA9A73'\n });\n return;\n\n case 'cyberpunk':\n setTheme({\n 'image-background': 'none',\n 'color-background': '#010115',\n 'color-search-background': '#FF2A6D59',\n 'color-text-pri': '#FF2A6D',\n 'color-text-acc': '#09D5E8',\n 'color-border': '#F3E600'\n });\n return;\n\n case 'quadra':\n setTheme({\n 'image-background': \"url('../images/quadra.jpg')\",\n 'color-background': '#01011550',\n 'color-search-background': '#FF2A6D59',\n 'color-text-pri': '#FF2A6DBF',\n 'color-text-acc': '#09D5E8',\n 'color-border': '#F3E600BF'\n });\n return;\n\n case 'panam':\n setTheme({\n 'image-background': \"url('../images/panam.png')\",\n 'color-background': '#010115BF',\n 'color-search-background': '#FF2A6D59',\n 'color-text-pri': '#FF2A6D',\n 'color-text-acc': '#09d5e8',\n 'color-border': '#F3E600'\n });\n return;\n\n case 'touch':\n setTheme({\n 'image-background': \"url('../images/touch.jpg')\",\n 'color-background': '#FFFFFF30',\n 'color-search-background': '#FF709C39',\n 'color-text-pri': '#840D1D',\n 'color-text-acc': '#2F4766',\n 'color-border': '#840D1D'\n });\n return;\n\n case 'peek':\n setTheme({\n 'image-background': \"url('../images/img30.jpg')\",\n 'color-background': '#FFFFFF60',\n 'color-search-background': '#487B7F59',\n 'color-text-pri': '#1C3032',\n 'color-text-acc': '#737642',\n 'color-border': '#D6B79E'\n });\n return;\n }\n });\n}","map":{"version":3,"sources":["/home/seanedmunds/dev/home-page/src/themer.js"],"names":["setValue","property","value","document","documentElement","style","setProperty","input","querySelector","replace","setValueFromLocalStorage","localStorage","getItem","setTheme","options","option","Object","keys","setItem","addEventListener","dataThemeButtons","querySelectorAll","i","length","theme","dataset"],"mappings":"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","sourcesContent":["const setValue = (property, value) => {\n if (value) {\n document.documentElement.style.setProperty(`--${property}`, value);\n\n const input = document.querySelector(`#${property}`);\n if (input) {\n value = value.replace('px', '');\n input.value = value;\n }\n }\n};\n\nconst setValueFromLocalStorage = property => {\n let value = localStorage.getItem(property);\n setValue(property, value);\n};\n\nconst setTheme = options => {\n for (let option of Object.keys(options)) {\n const property = option;\n const value = options[option];\n\n setValue(property, value);\n localStorage.setItem(property, value);\n }\n}\n\ndocument.addEventListener('DOMContentLoaded', () => {\n setValueFromLocalStorage('image-background');\n setValueFromLocalStorage('color-background');\n setValueFromLocalStorage('color-search-background');\n setValueFromLocalStorage('color-text-pri');\n setValueFromLocalStorage('color-text-acc');\n setValueFromLocalStorage('color-border');\n setValueFromLocalStorage('content-display');\n});\n\nconst dataThemeButtons = document.querySelectorAll('[data-theme]');\n\nfor (let i = 0; i < dataThemeButtons.length; i++) {\n dataThemeButtons[i].addEventListener('click', () => {\n const theme = dataThemeButtons[i].dataset.theme;\n\n switch (theme) {\n case 'blackboard':\n setTheme({\n\t\t 'image-background': 'none',\n 'color-background': '#1a1a1a',\n 'color-search-background': '#FFFDEA20',\n 'color-text-pri': '#FFFDEA',\n 'color-text-acc': '#5c5c5c',\n 'color-border': '#5c5c5c'\n });\n return;\n\n case 'gazette':\n setTheme({\n\t\t 'image-background': 'none',\n 'color-background': '#F2F7FF',\n 'color-search-background': '#00000020',\n 'color-text-pri': '#000000',\n 'color-text-acc': '#5c5c5c',\n 'color-border': '#5c5c5c'\n });\n return;\n\n case 'espresso':\n setTheme({\n\t\t 'image-background': 'none',\n 'color-background': '#21211F',\n 'color-search-background': '#D1B59A20',\n 'color-text-pri': '#D1B59A',\n 'color-text-acc': '#4E4E4E',\n 'color-border': '#4E4E4E'\n });\n return;\n\n case 'cab':\n setTheme({\n\t\t 'image-background': 'none',\n 'color-background': '#F6D305',\n 'color-search-background': '#1F1F1F20',\n 'color-text-pri': '#1F1F1F',\n 'color-text-acc': '#424242',\n 'color-border': '#424242'\n });\n return;\n\n case 'cloud':\n setTheme({\n\t\t 'image-background': 'none',\n 'color-background': '#f1f2f0',\n 'color-search-background': '#35342F20',\n 'color-text-pri': '#35342f',\n 'color-text-acc': '#37bbe4',\n 'color-border': '#37bbe4'\n });\n return;\n\n case 'lime':\n setTheme({\n\t\t 'image-background': 'none',\n 'color-background': '#263238',\n 'color-search-background': '#AABBC320',\n 'color-text-pri': '#AABBC3',\n 'color-text-acc': '#aeea00',\n 'color-border': '#aeea00'\n });\n return;\n\n case 'white':\n setTheme({\n\t\t 'image-background': 'none',\n 'color-background': '#ffffff',\n 'color-search-background': '#22222220',\n 'color-text-pri': '#222222',\n 'color-text-acc': '#dddddd',\n 'color-border': '#dddddd'\n });\n return;\n\n case 'tron':\n setTheme({\n\t\t 'image-background': 'none',\n 'color-background': '#242B33',\n 'color-search-background': '#EFFBFF20',\n 'color-text-pri': '#EFFBFF',\n 'color-text-acc': '#6EE2FF',\n 'color-border': '#6EE2FF'\n });\n return;\n\n case 'blues':\n setTheme({\n\t\t 'image-background': 'none',\n 'color-background': '#2B2C56',\n 'color-search-background': '#EFF1FC20',\n 'color-text-pri': '#EFF1FC',\n 'color-text-acc': '#6677EB',\n 'color-border': '#6677EB'\n });\n return;\n\n case 'passion':\n setTheme({\n\t\t 'image-background': 'none',\n 'color-background': '#f5f5f5',\n 'color-search-background': '#12005E20',\n 'color-text-pri': '#12005e',\n 'color-text-acc': '#8e24aa',\n 'color-border': '#8e24aa'\n });\n return;\n\n case 'chalk':\n setTheme({\n\t\t 'image-background': 'none',\n 'color-background': '#263238',\n 'color-search-background': '#AABBC320',\n 'color-text-pri': '#AABBC3',\n 'color-text-acc': '#FF869A',\n 'color-border': '#FF869A'\n });\n return;\n\n case 'paper':\n setTheme({\n\t\t 'image-background': 'none',\n 'color-background': '#F8F6F1',\n 'color-search-background': '#4C432E20',\n 'color-text-pri': '#4C432E',\n 'color-text-acc': '#AA9A73',\n 'color-border': '#AA9A73'\n });\n return;\n\n\t case 'cyberpunk':\n\t\tsetTheme({\n\t\t 'image-background': 'none',\n\t\t 'color-background': '#010115',\n\t\t 'color-search-background': '#FF2A6D59',\n\t\t 'color-text-pri': '#FF2A6D',\n\t\t 'color-text-acc': '#09D5E8',\n\t\t 'color-border': '#F3E600',\n\t\t});\n\t\treturn;\n\n\t case 'quadra':\n\t\tsetTheme({\n\t\t 'image-background': \"url('../images/quadra.jpg')\",\n\t\t 'color-background': '#01011550',\n\t\t 'color-search-background': '#FF2A6D59',\n\t\t 'color-text-pri': '#FF2A6DBF',\n\t\t 'color-text-acc': '#09D5E8',\n\t\t 'color-border': '#F3E600BF',\n\t\t});\n\t\treturn;\n\n\t case 'panam':\n\t\tsetTheme({\n\t\t 'image-background': \"url('../images/panam.png')\",\n\t\t 'color-background': '#010115BF',\n\t\t 'color-search-background': '#FF2A6D59',\n\t\t 'color-text-pri': '#FF2A6D',\n\t\t 'color-text-acc': '#09d5e8',\n\t\t 'color-border': '#F3E600',\n\t\t});\n\t return;\n\n\t case 'touch':\n\t\tsetTheme({\n\t\t 'image-background': \"url('../images/touch.jpg')\",\n\t\t 'color-background': '#FFFFFF30',\n\t\t 'color-search-background': '#FF709C39',\n\t\t 'color-text-pri': '#840D1D',\n\t\t 'color-text-acc': '#2F4766',\n\t\t 'color-border': '#840D1D'\n\t\t});\n\t\treturn;\n\t case 'peek':\n\t\tsetTheme({\n\t\t 'image-background': \"url('../images/img30.jpg')\",\n\t\t 'color-background': '#FFFFFF60',\n\t\t 'color-search-background': '#487B7F59',\n\t\t 'color-text-pri': '#1C3032',\n\t\t 'color-text-acc': '#737642',\n\t\t 'color-border': '#D6B79E'\n\t\t});\n\t\treturn;\n }\n })\n}\n"]},"metadata":{},"sourceType":"module"} |