6/28/2024, 6:40 PM
a couple profile codes I'm particularly happy with and willing to share with everyone <3
Wish Upon a Falling Star - deep blues and purples with lighter purple/pink highlights
Code:
/* DARK MODE */
:root {
--banner-image: url('https://i.ibb.co/M8BtmKs/2-2.jpg');
--banner-image-no-subject: url('/wcc_assets/themes/Vivarium/sonia4kres_dark_nosubject.png'); /* basically mimics banner but no subject for pattern purposes */
--banner-image-position: center center;
--texture-image: url('https://www.transparenttextures.com/patterns/asfalt-dark.png');
--banner-sname-color: #67455d;
--banner-sname-hov-color: #be5565;
--banner-sname-shadow-color: #1b3653;
--base-bg-color: #d2879a;
--base-bg-color-body-overlay: #1b3450F2;
--base-bg-color-faded: #151821D9;
--base-bg-color-muted: #233148A6;
--base-txt-color: #796a8b;
--base-txt-color-faded: #9f9eaaD9;
--base-txt-color-muted: #9f9eaa66;
--base-lnk-color: #796a8b;
--base-lnk-hov-color: #be5565;
--base-border-color: #9f9eaa4D;
--main-nav-bg-color: #233148;
--main-nav-bg-color-faded: #233148D9;
--main-nav-bg-color-muted: #233148A6;
--main-nav-txt-color: #aa93a6;
--main-nav-lnk-color: #796a8b;
--main-nav-lnk-hov-color: #bb9dab;
--box-bg-color: #91617a1A;
--box-alt-bg-color: #91617a1A;
--primary-accent-color: #b46175;
--primary-accent-color-faded: #796a8bD9;
--primary-accent-color-muted: #796a8bA6;
--secondary-accent-color: #A35154;
--secondary-accent-color-faded: #A35154D9;
--secondary-accent-color-muted: #A35154A6;
--tertiary-accent-color: #79ACB0;
--tertiary-accent-color-faded: #79ACB0D9;
--tertiary-accent-color-muted: #79ACB0A6;
}Bramble King - deep greens with bronze highlights
Code:
/* DARK MODE */
:root {
--banner-image: url('https://i.ibb.co/28rKQZn/pexels-yuraforrat-8987110.jpg');
--banner-image-no-subject: url('/wcc_assets/themes/Vivarium/sonia4kres_dark_nosubject.png'); /* basically mimics banner but no subject for pattern purposes */
--banner-image-position: center center;
--texture-image: url('https://www.transparenttextures.com/patterns/asfalt-dark.png');
--banner-sname-color: #584530;
--banner-sname-hov-color: #AD875D;
--banner-sname-shadow-color: #584530;
--base-bg-color: #0f1717;
--base-bg-color-body-overlay: #0b1415F2;
--base-bg-color-faded: #0f1717D9;
--base-bg-color-muted: #0f1717A6;
--base-txt-color: #48484c;
--base-txt-color-faded: #48484cD9;
--base-txt-color-muted: #48484c66;
--base-lnk-color: #A07344;
--base-lnk-hov-color: #A05F44;
--base-border-color: #263B2E4D;
--main-nav-bg-color: #0f1717;
--main-nav-bg-color-faded: #0f1717D9;
--main-nav-bg-color-muted: #62786EA6;
--main-nav-txt-color: #48484c;
--main-nav-lnk-color: #584530;
--main-nav-lnk-hov-color: #AD875D;
--box-bg-color: #53798b1A;
--box-alt-bg-color: #548BA51A;
--primary-accent-color: #AD875D;
--primary-accent-color-faded: #584530D9;
--primary-accent-color-muted: #21321FA6;
--secondary-accent-color: #A35154;
--secondary-accent-color-faded: #A35154D9;
--secondary-accent-color-muted: #A35154A6;
--tertiary-accent-color: #79ACB0;
--tertiary-accent-color-faded: #79ACB0D9;
--tertiary-accent-color-muted: #79ACB0A6;
}
