diff --git a/assets/css/theme.css b/assets/css/theme.css new file mode 100644 index 0000000..35dda39 --- /dev/null +++ b/assets/css/theme.css @@ -0,0 +1,19 @@ +.theme-base { + --bg-color: #ffeed4; + --base-text-color: #000000; + --base-light-text-color: #9ca3af; + --hover-base-text-color: #4b5563; + --light-bg-color: #9ca3af; + --base-button-color: #fed7aa; + --hover-base-button-color: #fdba74; +} + +.theme-winter { + --bg-color: #2e3555; + --base-text-color: #ffffff; + --base-light-text-color: #ffffff; + --hover-base-text-color: #4b5563; + --light-bg-color: #9ca3af; + --base-button-color: #fed7aa; + --hover-base-button-color: #fdba74; +} diff --git a/assets/winter/theme_config.json b/assets/winter/theme_config.json new file mode 100644 index 0000000..7f7691a --- /dev/null +++ b/assets/winter/theme_config.json @@ -0,0 +1,76 @@ +{ + "particles": { + "number": { + "value": 100, + "density": { + "enable": true, + "value_area": 800 + } + }, + "color": { + "value": "#ffffff" + }, + "shape": { + "type": "image", + "stroke": { + "width": 3, + "color": "#fff" + }, + "image": { + "src": "/snow.webp", + "width": 120, + "height": 120 + } + }, + "opacity": { + "value": 0.7, + "random": false, + "anim": { + "enable": false, + "speed": 1, + "opacity_min": 0.1, + "sync": false + } + }, + "size": { + "value": 5, + "random": true, + "anim": { + "enable": false, + "speed": 20, + "size_min": 0.1, + "sync": false + } + }, + "line_linked": { + "enable": false + }, + "move": { + "enable": true, + "speed": 2, + "direction": "bottom", + "random": true, + "straight": false, + "out_mode": "out", + "bounce": false, + "attract": { + "enable": true, + "rotateX": 300, + "rotateY": 1200 + } + } + }, + "interactivity": { + "detect_on": "canvas", + "events": { + "onhover": { + "enable": false + }, + "onclick": { + "enable": false + }, + "resize": true + } + }, + "retina_detect": true +} diff --git a/components/Footer.vue b/components/Footer.vue index ed8b28d..81927c6 100644 --- a/components/Footer.vue +++ b/components/Footer.vue @@ -1,5 +1,5 @@