From 13d53a4df7d8df14b2c2209b1b06b44f6d0957de Mon Sep 17 00:00:00 2001 From: Emil Shanaty Date: Tue, 27 Oct 2026 13:54:06 +0300 Subject: [PATCH] Remove theme switcher from Parade of Color site --- color-parade/index.html | 10 ---------- color-parade/styles.css | 13 +------------ 2 files changed, 1 insertion(+), 22 deletions(-) diff --git a/color-parade/index.html b/color-parade/index.html index 5b1511a..4d98239 100644 --- a/color-parade/index.html +++ b/color-parade/index.html @@ -9,10 +9,6 @@ - - - -
@@ -36,12 +32,6 @@
-
- Тема - - - -

Фестиваль музыки, общения и ярких красок

ПАРАД
ЦВЕТА

diff --git a/color-parade/styles.css b/color-parade/styles.css index af040bd..acfdce2 100644 --- a/color-parade/styles.css +++ b/color-parade/styles.css @@ -13,13 +13,7 @@ img{display:block;max-width:100%} button,a,input,label{-webkit-tap-highlight-color:transparent} a:focus-visible,label:focus-visible{outline:3px solid var(--ink);outline-offset:5px} .shell{width:min(1360px,calc(100% - 96px));margin-inline:auto} -.page{--accent:var(--mg);--accent-soft:#fbe4f1;--on-accent:#fff;min-height:100vh;overflow:hidden} -#t-pink:checked~.page{--accent:#ea268c;--accent-soft:#f7e6ef;--on-accent:#fff} -#t-blue:checked~.page{--accent:#0297f1;--accent-soft:#e6f2f7;--on-accent:#fff} -#t-yellow:checked~.page{--accent:#efcb20;--accent-soft:#fbf5d7;--on-accent:#181818} -.theme-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none} -#t-pink:focus-visible~.page .dot-pink,#t-blue:focus-visible~.page .dot-blue,#t-yellow:focus-visible~.page .dot-yellow{outline:3px solid var(--ink);outline-offset:5px} -#t-pink:checked~.page .dot-pink,#t-blue:checked~.page .dot-blue,#t-yellow:checked~.page .dot-yellow{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--ink)} +.page{--accent:#ea268c;--accent-soft:#f7e6ef;--on-accent:#fff;min-height:100vh;overflow:hidden} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .skip-link{position:fixed;left:20px;top:12px;z-index:100;padding:12px 18px;background:var(--ink);color:#fff;transform:translateY(-160%)} .skip-link:focus{transform:translateY(0)} @@ -45,9 +39,6 @@ h3{margin-bottom:12px;font-size:24px;line-height:1.15;letter-spacing:-.025em} .hero-lead{max-width:630px;margin-bottom:38px;font-size:22px;line-height:1.5} .hero-art{position:absolute;z-index:0;width:920px;right:-270px;top:50%;transform:translateY(-50%) rotate(-7deg);opacity:.98} .hero:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 43%,transparent 72%);pointer-events:none} -.theme-switch{position:absolute;z-index:3;right:0;top:36px;display:flex;align-items:center;gap:13px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)} -.dot{display:block;width:22px;height:22px;border-radius:50%;cursor:pointer} -.dot-pink{background:#ea268c}.dot-blue{background:#21b6eb}.dot-yellow{background:#f8ee38;border:1px solid #d7cd61} .ticker{overflow:hidden;background:var(--yl);border-block:2px solid var(--ink);padding:16px 0;white-space:nowrap;font-family:InterDisplay,Inter,sans-serif;font-size:27px;font-weight:900;letter-spacing:.025em} .ticker span{display:block;width:max-content;min-width:100%;text-align:center} @@ -125,7 +116,6 @@ h3{margin-bottom:12px;font-size:24px;line-height:1.15;letter-spacing:-.025em} .hero-copy{width:100%}.hero-lead{max-width:530px;font-size:20px} .hero-art{width:700px;right:-320px;top:55%;opacity:.55} .hero:after{background:linear-gradient(90deg,var(--paper) 0%,#fffdf5e8 55%,transparent 100%)} - .theme-switch{top:28px} .feature-grid,.card-grid{grid-template-columns:1fr} .feature{min-height:240px}.feature h3{margin-top:55px} .section{padding-block:80px}.section-heading{display:block}.section-heading>p{margin-top:24px} @@ -145,7 +135,6 @@ h3{margin-bottom:12px;font-size:24px;line-height:1.15;letter-spacing:-.025em} .hero-lead{font-size:18px;line-height:1.5;max-width:94%} .hero .button{min-height:58px;font-size:15px} .hero-art{width:570px;right:-280px;top:55%;opacity:.42} - .theme-switch>span{display:none} .ticker{font-size:21px;padding-block:12px}.ticker span{text-align:left} .section{padding-block:64px}.feature-grid{gap:14px}.feature{min-height:230px;padding:24px} .feature-number{font-size:50px}.feature h3{font-size:25px;margin-top:45px}