Add Cinny theme
This commit is contained in:
parent
e8abe72b7b
commit
7a068c7263
|
@ -0,0 +1,133 @@
|
|||
@-moz-document domain("app.cinny.in") {
|
||||
.butter-theme,
|
||||
.dark-theme {
|
||||
--bg-surface:#1E1E2E ;
|
||||
--bg-surface-transparent:#ffffff00;
|
||||
--bg-surface-low:#1A1826;
|
||||
--bg-surface-low-transparent:#f6f6f600;
|
||||
--bg-surface-extra-low:#161320;
|
||||
--bg-surface-extra-low-transparent:#f6f6f600;
|
||||
--bg-surface-hover:rgba(0,0,0,.03);
|
||||
--bg-surface-active:rgba(0,0,0,.05);
|
||||
--bg-surface-border:rgba(0,0,0,.06);
|
||||
--bg-primary:#DDB6F2;
|
||||
--bg-primary-hover:rgba(221, 182, 242,.8);
|
||||
--bg-primary-active:rgba(221, 182, 242,.7);
|
||||
--bg-primary-border:rgba(221, 182, 242,.38);
|
||||
--bg-positive:#ABE9B3;
|
||||
--bg-positive-hover:rgba(69,184,59,.08);
|
||||
--bg-positive-active:rgba(69,184,59,.15);
|
||||
--bg-positive-border:rgba(69,184,59,.4);
|
||||
--bg-caution:#F8BD96;
|
||||
--bg-caution-hover:rgba(255,179,0,.08);
|
||||
--bg-caution-active:rgba(255,179,0,.15);
|
||||
--bg-caution-border:rgba(255,179,0,.4);
|
||||
--bg-danger:#F28FAD;
|
||||
--bg-danger-hover:rgba(242, 143, 173,.05);
|
||||
--bg-danger-active:rgba(242, 143, 173,.1);
|
||||
--bg-danger-border:rgba(242, 143, 173,.2);
|
||||
--bg-tooltip:#302D41;
|
||||
--bg-badge:#988BA2;
|
||||
--bg-ping:rgba(92,255,138,.4);
|
||||
--bg-ping-hover:rgba(92,255,138,.5);
|
||||
--bg-divider:rgba(0,0,0,.1);
|
||||
--tc-surface-high:#F5E0DC;
|
||||
--tc-surface-normal:#D9E0EE;
|
||||
--tc-surface-normal-low:#988BA2;
|
||||
--tc-surface-low:rgba(217, 224, 238, .48);
|
||||
--tc-primary-high:#fff;
|
||||
--tc-primary-normal:hsla(0,0%,100%,.68);
|
||||
--tc-primary-low:hsla(0,0%,100%,.4);
|
||||
--tc-positive-high:var(--bg-positive);
|
||||
--tc-positive-normal:rgba(171, 233, 179,.8);
|
||||
--tc-positive-low:rgba(171, 233, 179,.6);
|
||||
--tc-caution-high:var(--bg-caution);
|
||||
--tc-caution-normal:rgba(248, 189, 150,.8);
|
||||
--tc-caution-low:rgba(248, 189, 150,.6);
|
||||
--tc-danger-high:var(--bg-danger);
|
||||
--tc-danger-normal:rgba(242, 143, 173,.88);
|
||||
--tc-danger-low:rgba(242, 143, 173,.6);
|
||||
--tc-code:#F5C2E7;
|
||||
--tc-link:#96CDFB;
|
||||
--tc-tooltip:#fff;
|
||||
--tc-badge:#fff;
|
||||
--ic-surface-high:#F5E0DC;
|
||||
--ic-surface-normal:#D9E0EE;
|
||||
--ic-surface-low:#988BA2;
|
||||
--ic-primary-normal:#fff;
|
||||
--ic-positive-normal:rgba(171, 233, 179,.8);
|
||||
--ic-caution-normal:rgba(248, 189, 150,.8);
|
||||
--ic-danger-normal:rgba(242, 143, 173,.7);
|
||||
--mx-uc-1:#96CDFB;
|
||||
--mx-uc-2:#DDB6F2;
|
||||
--mx-uc-3:#ABE9B3;
|
||||
--mx-uc-4:#E8A2AF;
|
||||
--mx-uc-5:#F8BD96;
|
||||
--mx-uc-6:#B5E8E0;
|
||||
--mx-uc-7:#89DCEB ;
|
||||
--mx-uc-8:#F2CDCD;
|
||||
--ic-large:38px;
|
||||
--ic-normal:24px;
|
||||
--ic-small:20px;
|
||||
--ic-extra-small:18px;
|
||||
--av-large:100px;
|
||||
--av-normal:45px;
|
||||
--av-small:40px;
|
||||
--av-extra-small:30px;
|
||||
--bg-overlay:rgba(0,0,0,.2);
|
||||
--bg-overlay-low:rgba(0,0,0,.85);
|
||||
--bs-popup:0 0 16px rgba(0,0,0,.1);
|
||||
--bs-surface-border:inset 0 0 0 1px var(--bg-surface-border);
|
||||
--bs-surface-outline:0 0 0 2px var(--bg-surface-border);
|
||||
--bs-primary-border:inset 0 0 0 1px var(--bg-primary-border);
|
||||
--bs-primary-outline:0 0 0 2px var(--bg-primary-border);
|
||||
--bs-positive-border:inset 0 0 0 1px var(--bg-positive-border);
|
||||
--bs-positive-outline:0 0 0 2px var(--bg-positive-border);
|
||||
--bs-caution-border:inset 0 0 0 1px var(--bg-caution-border);
|
||||
--bs-caution-outline:0 0 0 2px var(--bg-caution-border);
|
||||
--bs-danger-border:inset 0 0 0 1px var(--bg-danger-border);
|
||||
--bs-danger-outline:0 0 0 2px var(--bg-danger-border);
|
||||
--bo-radius:8px;
|
||||
--fs-h1:36px;
|
||||
--ls-h1:-1.5px;
|
||||
--lh-h1:38px;
|
||||
--fs-h2:24px;
|
||||
--ls-h2:-0.5px;
|
||||
--lh-h2:30px;
|
||||
--fs-s1:18px;
|
||||
--ls-s1:-0.2px;
|
||||
--lh-s1:24px;
|
||||
--fs-b1:16px;
|
||||
--ls-b1:0.1px;
|
||||
--lh-b1:24px;
|
||||
--fs-b2:14px;
|
||||
--ls-b2:0.2px;
|
||||
--lh-b2:20px;
|
||||
--fs-b3:12px;
|
||||
--ls-b3:0px;
|
||||
--lh-b3:16px;
|
||||
--fw-light:300;
|
||||
--fw-normal:400;
|
||||
--fw-medium:500;
|
||||
--fw-bold:700;
|
||||
--sp-none:0px;
|
||||
--sp-ultra-tight:4px;
|
||||
--sp-extra-tight:8px;
|
||||
--sp-tight:12px;
|
||||
--sp-normal:16px;
|
||||
--sp-loose:20px;
|
||||
--sp-extra-loose:32px;
|
||||
--border-width:1px;
|
||||
--header-height:54px;
|
||||
--navigation-sidebar-width:calc(64px + var(--border-width));
|
||||
--navigation-drawer-width:calc(280px + var(--border-width));
|
||||
--navigation-width:calc(var(--navigation-sidebar-width) + var(--navigation-drawer-width));
|
||||
--people-drawer-width:calc(268px - var(--border-width));
|
||||
--popup-window-drawer-width:280px;
|
||||
--fluid-push:cubic-bezier(0,0.8,0.67,0.97);
|
||||
--fluid-slide-down:cubic-bezier(0.02,0.82,0.4,0.96);
|
||||
--fluid-slide-up:cubic-bezier(0.13,0.56,0.25,0.99);
|
||||
--font-primary:"Roboto",sans-serif;
|
||||
--font-secondary:"Roboto",sans-serif
|
||||
}
|
||||
}
|
Reference in New Issue