6/8/2025, 2:50 AM
![[Image: bannercontest_flat.png]](https://cj.boreal-nights.space/images/other/bannercontest_flat.png)
Your name: CJ
Your theme name: wishing star
Link to banner: https://cj.boreal-nights.space/images/ot...t_flat.png and https://cj.boreal-nights.space/images/ot...ubject.png
Light/dark mode: dark!
Complimentary hex codes (optional):
▮#111316
▮#1e2425
▮#83b4a5
▮#9F9784
- this preview is from my testing grounds / copy of viv pls ignore the goofy titles :'3
![[Image: wishprev.PNG]](https://cj.boreal-nights.space/images/other/wishprev.PNG)
---
and i made colors, i know thats not the assignment but ,,, i couldnt help it:
theme code
Code:
/* **********************************************
NOTICES:
!!! This file should always be loaded second to last and have the second highest number in stylesheet ordering!
1. hexcodes only (unless you want to play with others but i suggest hex lol)
opacity table: https://davidwalsh.name/hex-opacity
2. banner suggested width min 1500px with a ratio of 2:1 or 3:1
********************************************** */
/* DARK MODE */
:root {
--banner-image: url(https://cj.boreal-nights.space/images/other/bannercontest_flat.png);
--banner-image-no-subject: url(https://cj.boreal-nights.space/images/other/bannercontest-nosubject.png);
--banner-image-position: center center;
--texture-image: url(https://www.transparenttextures.com/patterns/asfalt-dark.png);
--banner-sname-color: #83b4a5;
--banner-sname-hov-color: #BFC0B3;
--banner-sname-shadow-color: #060817;
--base-bg-color: #14191c;
--base-bg-color-body-overlay: #0d1011f0;
--base-bg-color-faded: #121618d9;
--base-bg-color-muted: #14191ca6;
--base-txt-color: #9eaaa7;
--base-txt-color-faded: #9eaaa7d9;
--base-txt-color-muted: #9eaaa7A6;
--base-lnk-color: #83b4a5;
--base-lnk-hov-color: #9F9784;
--base-border-color: #79aea04d;
--main-nav-bg-color: #111316;
--main-nav-bg-color-faded: #111316D9;
--main-nav-bg-color-muted: #111316A6;
--main-nav-txt-color: #badcd0;
--main-nav-lnk-color: #badcd0;
--main-nav-lnk-hov-color: #98A4BD;
--box-bg-color: #98BDB41A;
--box-alt-bg-color: #80919F1A;
--primary-accent-color: #98BDB4;
--primary-accent-color-faded: #98BDB4D9;
--primary-accent-color-muted: #98BDB4A6;
--secondary-accent-color: #A38351;
--secondary-accent-color-faded: #A38351D9;
--secondary-accent-color-muted: #A38351A6;
}
/* LIGHT MODE (says dark but this is ACTUALLY LIGHT, dark loads first and i'm too lazy to edit javascript) */
[data-theme="dark"] {
--banner-image: url(https://cj.boreal-nights.space/images/other/bannercontest_flat.png);
--banner-image-no-subject: url(https://cj.boreal-nights.space/images/other/bannercontest-nosubject.png);
--texture-image: url(https://www.transparenttextures.com/patterns/asfalt-light.png);
--base-bg-color: #e5eeed;
--base-bg-color-body-overlay: #f1f6f7f2;
--base-bg-color-faded: #e5eeedd9;
--base-bg-color-muted: #e5eeedA6;
--base-txt-color: #3d5350;
--base-txt-color-faded: #3d5350d9;
--base-txt-color-muted: #3d535066;
--base-lnk-color: #6E8D89;
--base-lnk-hov-color: #BCB6A1;
--base-border-color: #2542394D;
--main-nav-bg-color: #353847;
--main-nav-bg-color-faded: #353847D9;
--main-nav-bg-color-muted: #353847A6;
--main-nav-txt-color: #AEDED0;
--main-nav-lnk-color: #AEDED0;
--main-nav-lnk-hov-color: #BFCAE0;
--box-bg-color: #77A0931A;
--box-alt-bg-color: #85A3941A;
}