From 3053f54fb45d27155f58ef01b7d3b5528a3ae789 Mon Sep 17 00:00:00 2001 From: sasha-astiadi Date: Wed, 7 May 2025 13:57:50 +0200 Subject: [PATCH] edit colors --- dist/output.css | 35 +++++++++++++++++----- src/about.html | 2 +- src/assets/.DS_Store | Bin 6148 -> 6148 bytes src/base.html | 4 +-- src/contact.html | 2 +- src/features.html | 2 +- src/home/img/carousell/HUMAN2.webp | Bin 0 -> 18136 bytes src/home/img/carousell/ONE2.webp | Bin 0 -> 27210 bytes src/home/img/carousell/OWN2.webp | Bin 0 -> 33284 bytes src/home/img/carousell/WEB42.webp | Bin 0 -> 57018 bytes src/index.html | 45 ++++++++++------------------- src/input.css | 10 +++---- 12 files changed, 52 insertions(+), 48 deletions(-) create mode 100644 src/home/img/carousell/HUMAN2.webp create mode 100644 src/home/img/carousell/ONE2.webp create mode 100644 src/home/img/carousell/OWN2.webp create mode 100644 src/home/img/carousell/WEB42.webp diff --git a/dist/output.css b/dist/output.css index 2c0340e..90ea2e4 100644 --- a/dist/output.css +++ b/dist/output.css @@ -747,7 +747,7 @@ body:is(.dark *) { border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; - border-color: rgb(234 179 8 / var(--tw-border-opacity, 1)); + border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); padding-left: 1rem; @@ -770,7 +770,7 @@ body:is(.dark *) { z-index: -1; border-radius: 9999px; --tw-bg-opacity: 1; - background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); + background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); opacity: 0.2; --tw-blur: blur(16px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); @@ -782,7 +782,7 @@ body:is(.dark *) { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-shadow-color: rgb(234 179 8 / 0.7); + --tw-shadow-color: rgb(107 114 128 / 0.7); --tw-shadow: var(--tw-shadow-colored); } @@ -831,10 +831,10 @@ body:is(.dark *) { } .pill-button { - box-shadow: 0 0 60px rgba(234, 179, 8, 0.8), - 0 0 120px rgba(234, 179, 8, 0.6), - 0 0 180px rgba(234, 179, 8, 0.4); - border: 2px solid rgba(234, 179, 8, 0.9); + box-shadow: 0 0 60px rgba(198, 198, 196, 0.8), + 0 0 120px rgba(116, 116, 115, 0.6), + 0 0 180px rgba(70, 69, 68, 0.4); + border: 2px solid rgba(44, 43, 42, 0.9); } .circular-layout { @@ -992,6 +992,10 @@ body:is(.dark *) { margin-bottom: 1rem; } +.mb-6 { + margin-bottom: 1.5rem; +} + .mb-8 { margin-bottom: 2rem; } @@ -1028,6 +1032,10 @@ body:is(.dark *) { height: 1.5rem; } +.h-8 { + height: 2rem; +} + .h-\[600px\] { height: 600px; } @@ -1246,6 +1254,11 @@ body:is(.dark *) { padding-bottom: 3rem; } +.py-24 { + padding-top: 6rem; + padding-bottom: 6rem; +} + .py-48 { padding-top: 12rem; padding-bottom: 12rem; @@ -1337,6 +1350,10 @@ body:is(.dark *) { transition-delay: 200ms; } +.duration-1000 { + transition-duration: 1000ms; +} + .duration-500 { transition-duration: 500ms; } @@ -1439,4 +1456,8 @@ body:is(.dark *) { .lg\:h-6 { height: 1.5rem; } + + .lg\:pt-12 { + padding-top: 3rem; + } } diff --git a/src/about.html b/src/about.html index af83a46..56b23b8 100644 --- a/src/about.html +++ b/src/about.html @@ -10,7 +10,7 @@
- - diff --git a/src/contact.html b/src/contact.html index 68529a1..df86d99 100644 --- a/src/contact.html +++ b/src/contact.html @@ -10,7 +10,7 @@