Super Cute Theme
rating: +33+–x


Info

Special thanks to Super-Robot14Super-Robot14 for Techlight!

Close

Super Cute Theme is a minimal theme made by AmbersightAmbersight! You can use it for any purpose.

Super Cute Theme is based on Super Liminal.

[[include :backrooms-wiki:theme:super-cute]]


Examples

Missing alt text.

The first picture ever taken of Level 0.

Level 0 is a non-linear space, resembling the back rooms of a retail outlet. Similar to its previous form, all rooms in Level 0 appear uniform and share superficial features such as a yellowish wallpaper, damp carpet, and inconsistently placed fluorescent lighting. However, no two rooms within the level are identical1.

Title One

Title Two

Title Three

As you may noticed, it doesn't look well to directly put text on the yellow background. Therefore, I suggest you wrap any content with at least a blockquote.

+ This is a collap.
  • Bulleted list
  • List 2
    • Nested list
  1. Numberred list
  2. Second one



Deco DIVs

> blockquote
[[div class="blockquote"]]
[[div class="lightblock"]]

[[div class="darkblock"]]

[[div class="styled-quote"]]

[[div class="dark-styled-quote"]]

[[code]]
[[div class="code"]]



Super Cute! DIVs

[[div class="with-bai blockquote"]]

This is Bai Mulin, mascot of Backrooms CN. Bai is an unidentified wanderer, we know less about her. She is often seen in the C cluster of the Backrooms.

You can change the blockquote to other deco DIVs.

[[div class="with-shina blockquote"]]

This is Shina, mascot of Backrooms ID. Shina is an powerful entity living in Backrooms Indonesia, you can learn more about her at this page!

Shina's horns may pierce into the previous div / paragraph. If you don't want this, use @@ @@ to spare a line.

[[div class="with-tess blockquote"]]

Wait wait, who's this?

Surprisingly, with-tess class is also applied to Tesseract Theme. Check it out!

[[div class="with-shina dark-styled-quote no-padding"]]

If you don't like the extra padding on the top (that is to say, the empty on the top to leave space for the mascots' hands), you can add a no-padding class for the div.



Customize

There're 5 main colors in Super Cute. By changing the 5 colors, you can easily modify the aesthetics of the theme:

--q-black
55, 55, 55
--q-white
252, 252, 252
--q-yellow
254, 203, 52
--q-green
52, 254, 145
--q-red
254, 104, 52
[[module CSS]]
:root {
    --q-black: 55, 55, 55;
    --q-white: 252, 252, 252;
    --q-yellow: 254, 203, 52;
    --q-green: 52, 254, 145;
    --q-red: 254, 104, 52;
}
[[/module]]

If you just want a new main accent for the theme, just changing --q-yellow would be good enough.


[[iftags +component]]

This component is from the SCP Wiki, and was uploaded there by CityToastCityToast. It is licensed under CC-BY-SA 3.0. It has been modified for this wiki by scutoid studios.

The license box is an easy way for people to know how to credit you as well as an easy way to properly source images. License boxes are a requirement for all pages on the wiki.

Component Base:

[[include :backrooms-wiki:component:license-box]]
=====
> **Filename: (Optional)**
> **Name:**
> **Author:**
> **License:**
> **Source Link:**
> **Derivative of:** (If applicable)
> **Additional Notes:** (Optional)

> **Filename: (Optional)**
> **Name:**
> **Author:**
> **License:**
> **Source Link:**
> **Derivative of:** (If applicable)
> **Additional Notes:** (Optional)
=====
[[include :backrooms-wiki:component:license-box-end]]

How to Use the License Box

Step 1:

At the bottom of the page, below the wikiwalk footer, put this piece of code:

[[include :backrooms-wiki:component:license-box]]
=====
=====
[[include :backrooms-wiki:component:license-box-end]]

If you have footnotes, add [[footnoteblock]] above the licensebox code like so:

[[footnoteblock]]
----
[[include :backrooms-wiki:component:license-box]]
=====
=====
[[include :backrooms-wiki:component:license-box-end]]

Step 1.5 (optional):

If you have images or other forms of media, put this block of code between the equal signs:

> **Filename: (Optional)**
> **Name:**
> **Author:**
> **License:**
> **Source Link:**
> **Derivative of:** (If applicable)
> **Additional Notes:** (Optional)

If you have more than one piece of media, you'll do this multiple times.

These are required in the license box.

  • "Name" is the title of the media.
  • "Author" is whoever created it. If you made it, put your wikidot username.
  • "License" is the license it's under. Put it exactly as it says. If it says CC BY SA 2.0, then put CC BY SA 2.0.
  • "Source Link" is where you found it. If you created it, put the URL of the page it's on.

These are optional in the license box.

  • "Filename" is the title of the file as you named it when uploaded on the wikidot, if you used a different name than the source name
  • "Derivative of" If you Photoshopped a variety of images to create a new image or did something similar, you would list them all here.
  • "Additional Notes" If you cropped an image or edited it somehow, you would list those changes here.

You can also use this handy box-ify-er to make the process simpler:


Notes:

  • Once put all together, it should look like the component base.
  • You cannot use some modules, including CSS, HTML, and listpages, inside the license section. You also cannot use collapsibles or tables.
  • If your footnotes are appearing after the license section, remember to add [[footnoteblock]] above the license template.
  • Do not copy or move the ===== elements. Only have one pair, and place that pair below and above the includes.
Comparison between two licenceboxes with licenses given for two images. The first has a blank space separating the two with a green tick next to it and the word "right". The second has five equals separating the two with a red x next to it and the word "wrong".

Step 2

Add the _licensebox tag to the page.

Step 3 (optional):

You can change various aspects of the default message of the component with a few parameters! These are the customizable features:

  • author= This allows you to change the name of the author that appears. This is great for co-written pages or translations. This defaults to the person who created the page.
  • license= This allows you to change the license of the page if need be. Note that this can only be changed to variants of the CC BY-SA License. This defaults to 3.0.
  • url= This allows you to change the url that appears in the message if this page is a derivative of another page. Once again, very useful for translations. This defaults to the page link.
  • origin= This is the first part of changing where the message says where the page originates. Again, useful for translations or derivatives of other works. This defaults to “Backrooms Wiki”.
  • origin-link= This is the second part of the where the message says where the page originates. This defaults to a link to our site’s homepage.

[[include :backrooms-wiki:component:license-box
|author=Text here
|license=Text here
|url=Text here
|origin=Text here
|origin-link=Text here
]]

Handling Derivatives

An image becomes a derivative once you add something to the original.

  • This can range from adding a black square on a face to collages of multiples images.

If you image is a derivative, you must license your image, not the original. This means putting the name of the editor and the License they want to put.

Keep in mind that if the image license has the "SA" ("sharealike") denomination (such as in CC-BY-SA-3.0), it means you should license the derivative with the same license as the original

Derivatives in the Licensebox

>**Name:** Name of the wikidot file (optional)
>**Name:** Name of the derivative file
> **Author:** Name of the person who made the derivative
> **License:** Same license as the original in the case of a SA licensed image
> **Source Link:** Source of the derivative, often the wiki file link
> **Derivative of:** [link of the original Title of the Original] by Author of the original licensed under License of the original
> **Additional Notes:** (Optional)

If there are multiple original images used in the derivative, separate each with a comma.

Example

Comparison between two images, the left being the original and the right being the derivative containing the M.E.G. logo on the door and pc

Original image on the left and derivative image on the right.

In this case, the image on the right is being licensed, with the information of the image of the left, and the image added to it, in the derivative of section.

Name: Balpha Auditorium
Author: Light_NateLight_Nate
License: CC BY 2.0
Source Link: https://www.flickr.com/photos/niftyniall/12748036163/
Derivative of: Synergy-2 81-717 interior - computer room (3) by Xenotron licensed under CC 0 1.0, M.E.G. Logo by Kosef licensed under CC-BY-SA-3.0

What if I didn't add anything?

Image modifications, such as changing the color hue, blurring the image, cropping it… are different than derivative images. These changes are listed under Additional notes And the original image has to be the one licensed, as it is not a remix.

Comparison between two images, the left being the original and the right being the edited version with blue hue.

Original image on the left and edited image on the right.

In this case, the image on the left is being licensed, with an additional notes line containing the nature of the changes and who did it.

Name: Hotel corridor - Couloir hotel
Author: mkepto
License: CC BY-SA 2.0
Source Link: https://openverse.org/image/d5397b0c-ccc4-431e-b18d-7809432f196a?q=hotel+corridor&p=16
Additional Notes: Color edited by Praetor3005Praetor3005 on Photomosh

This is the actual component, ignore it:

[[/iftags]]

‡ Licensing / Citation
+ Theme Code
Footnotes
aesthetic-themecntheme
page revision: 18, last edited: 11 May 2025 04:45
Edit Rate (+33) Tags Discuss (11) History Files Print Site tools + Options
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License