🌙 Dark Theme - Template
Here's a template I spent a lot of time on, for a great dark theme! It uses most semantic elements to structure the page, and also has a lot of built-in classes for styling, and a pre-made color scheme, based of the same shade of blue that repl.it uses (dodgerblue). It uses a neat, bold sans-serif font for the entire page, which gives your site a simplistic, yet cool look. The examples includes an simple structured site, as well as a list of elements to show how they are styled. I hope people find use for it, and maybe actually create something cool with the template! Here's a link for a new window Dark Theme Template. Keep coding, and stay stafe!
EXTRA FACT: This has 263 lines of css last I checked!
NEW: Added a bunch of classes for color, width, height and added styling for bolded, underlined, and strikethrough text! Also added the
author class to right-align an author to an article!
bgRed, bgBlue, bgGreen, buttonRed, buttonBlue, buttonGreen, thin, wide, short, tall, red, blue, green, glowRed, glowBlue, glowGreen, author
b, u, del, button
NEW: Added styling for form elements, also for italics that was forgotten last update...
New Classes: None
i, input, form, select, button
NEW: Checked the styling for a bunch of different types of input for forms. Also added a white background and a border to the canvas element. Increased border size of input elements to 2px and added a border radius of 2-4px.
New Classes: None
New <input type>:
button, color, date, email, file, image, month, number, radio, range, search, tel, time, url, week
NEW: Added a script tag in the
<footer> for a copyright that updates yearly.
NEW: Added support for
<figcaption> as well as classes for floating! Creates a nice looking image with a grey caption describing it!
NEW: Along with the three shades of red, green, and blue, I have now added two shades of grey (or gray). Also addes support for borders of different colors.
grey, gray, bgGrey, bgGray, bgDarkGrey, bgDarkGray, glowGrey, glowGray, glowDarkGrey, glowDarkGray, borderBlue, borderRed, borderGreen, borderGrey, borderGray, borderDarkGrey, borderDarkGray,
IK it's kind of ugly, but it's hard to make it look nice while remaining flexible. You can edit the stylesheet yourself! It's a template!
Hello! @kingretracted I've always thought of this as a template because there is a bunch of pre-made css. If somebody wants to use this template, they can just look at the example html to learn how to use it if they need to, and then delete it. Then, they don't have to type as much boilerplate css, as I have already done it for them. If you have any suggestions to make it easier to use, or on anything else, please tell me. Thanks!