Hello Vivarium!

---

Staff were thinking about a new skin/site theme and thought... we have so many creative souls on Vivarium, why not see if anyone would be interested in submitting a banner to become the next theme of the site!

The idea is simple! You design a banner that you think holds the vibes of Vivarium! It can be any variety of hand-drawn art or photomanipulation (with proper credits). You can feel free to use the Boardwide Plot (Those Who Came Before) if you'd like to get creative with glowing blue runes and mystery, or you can just design a generalized banner that you feel fits Vivarium and the land of Mythris. Your art can include background, animals, wolves, and even some of your favorite characters if you'd like!

Two winners will be announced, as we will be adding TWO new themes to the site, one for dark mode and one for light mode.

You can enter your banner into ONE of the two categories, whichever you think it would look best on! Once the allotted time is up, we will host a vote where the community can decide on their favorite banners to become themes for the site!

The old themes will remain available for use as well, of course!

---

How to Enter:

---

Please fill out the form below and reply to this thread:

Code:

[b]Your name:[/b] your name
[b]Your theme name:[/b] what you want your theme to be called!
[b]Link to banner:[/b] link to your banner here
[b]Light/dark mode:[/b] is your banner designed to be light mode or dark mode?
[b]Complimentary hex codes (optional):[/b] if there are any colors you think would go well from your banner into the new skin

We still stop taking entries on: September 1st
Your banner should be NO SMALLER THAN 1920 x 567 and NO LARGER THAN 3840 x 1182

Voting will commence on September 2nd and end on September 9th.

---

Thank you to everyone who decides to participate! We are so excited to inject some of our community personality into the aesthetic of the site!

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


---

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;
}

Your name: Galacticteeth
Your theme name: The River
Link to banner: To the tumblr post plus a second version for whenever the plague is cleared! same for dark modes tumblr post
Light/dark mode: Light and dark versions
Complimentary hex codes (optional):

Your name: Lz
Your theme name: Glitched
Link to banner:
https://i.imgur.com/TkSo2rE.jpeg
Light/dark mode: is your banner designed to be light mode or dark mode? Dark mode
Complimentary hex codes (optional):

Note that credit will need to be given to Lakela at Deviantart for the wolf stock!

Your name: pink
Your theme name: under april fool's day they lie dreaming
Link to banner:

https://rpgimg.site/images/2025/07/01/ap...banner.png
Light/dark mode: light mode or dark mode if you go with the tentacle color for the dark stuff


this is a banner submission for an april fool's theme that comes out once a year for sillies :)