A Dark theme for Neocities!! Everything is nice and round.
Changes the look for any page except people's own websites.
This includes your "edit site" page as well.
neocities dark & round by skykristal

Details
Authorskykristal
LicenseNo License
Categoryuserstyles
Created
Updated
Size10 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
P.S: I wanna apologize for the awful-looking blank box you get when uploading a file. I haven´t figured out yet how to pick up the code for this box...
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name neocities dark & round
@version 20220610.03.28
@namespace userstyles.world/user/skykristal
@description A Dark theme for Neocities!! Everything is nice and round.
Changes the look for any page except people's own websites.
This includes your "edit site" page as well.
@author skykristal
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://neocities.org/") {
.website-Gallery.int-Gall li {
border-radius: 20px;
height:fit-content;
border:none;
padding-bottom:30px
}
.site-info{
border:9px solid transparent;
}
.modal-header, .modal-header h3 {
background: #29cef2;
color: black;
}
.modal, .emph-Block{
background:#222;
}
.section.plans h2, .section.plans h3.subtitle , .section.plans.welcome h3{
color: #04c1ed;
}
body, h1, h2, h3, h4, h5, h6, input, input.btn-Action, select{
font-family: monospace;
}
body, .section.plans.welcome, .section {
background: #171717;
}
.plan-chart th {
background: #f9f9ff;
border-radius: 20px 0px 0px 0px;
}
.plan-chart th.professional {
background: #16b7d6;
border-radius:0px 20px 0px 0px;
}
.plan-chart td, .plan-chart td:nth-child(even) {
border: 1px solid #1b1a1a;
background: #211e1e;
padding: 7px 0;
text-align: center;
}
.news-item.comment .icon {
background: #0f0f0f;
border-radius: 20px;
}
.overlay {
background-color: rgb(0 0 0 / 79%);
border-radius: 20px;
filter: hue-rotate(250deg) brightness(2);
}
.files.list-view .list .file:nth-child(even) {
background: #161616;
}
.header-Outro {
background: #1e1d1d linear-gradient(to bottom, #171717 0%, #1e1d1d 100%);
}
@media (max-device-width: 480px), screen and (max-width: 800px){
.files .list .file:nth-child(even) {
background: #090909;
}
}
.header-Nav a.small-Nav {
background: #000000;
}
.alert{
border-radius:20px;
}
.section.featured-Websites {
background: #1e1d1d;
border-top: 0px;
border-bottom: 0px;
}
.header-Outro .signup-Form fieldset {
margin-top: 30px;
margin-left: 6%;
background: #141313!important;
}
.hp-Gallery img, .neo-Screen-Shot img {
border: 0px;
border-radius: 20px;
}
.interior .header-Outro .screenshot{
transition:0.5s;
}
.interior .header-Outro .screenshot:hover, .large-portrait:hover{
transition:.5s;
box-shadow:0 0 10px #8eccff;
transform:rotate(3deg);
overflow:visible;
}
.accordion-group {
border: none;
}
.footer-Intro {
background: #2c2b2b;
border-top: 1px solid #0a0a0a;
}
.section.bottom-signup, .section.features {
background: #201e1e;
}
.section.previews{
background: #2d2c2c;
}
.section.previews h3 , .section.previews p, .section.previews h2{
color:white;
}
.avatar, .btn-Action, .large-portrait {
transition:.5s;
}
.avatar, a {
border-radius: 20px;
}
.avatar:hover, .btn-Action:hover{
transform:scale(1.2);
transition:.5s;
}
.files.list-view .btn.listview-button, .files .btn-group .btn:focus, .files .btn-group .btn.active {
background: #19e4f2;
}
.files.list-view .btn.iconview-button, .files .btn.listview-button {
background: #0a595f;
}
.fa-list, .fa-th{
color:black;
}
.file .title {
color: #bfbfbf;
border-radius:20px;
}
.folder-icon {
padding-top: 35px;
filter: hue-rotate(356deg) saturate(4) drop-shadow(0px 0px 6px #2e7cbc);
}
.content.wide, .wide.footer-Content {
margin-bottom: 31px;
}
.header-Nav a:hover {
background: #000000!important;
border-radius: 20px;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
color: #ffffff;
cursor: default;
background-color: #0f0f0f;
border: 0px;
border-bottom-color: transparent;
border-radius: 20px 20px 0px 0px;
}
.files {
background: #0e0e0e;
border-radius:20px;
padding-top:10px;
}
.files .header{
background: #1c1b1b00;
}
.files .list .upload-Boundary{
border:0px;
}
a:visited{
color:#bcd6ec;
}
.content-Base {
background: #161616;
min-height: 500px;
padding-bottom: 50px;
}
.welcoming-cat {
width: 177px;
float: right;
margin-top: -40px;
border-radius: 20px;
}
.nav>li>a:hover, .nav>li>a:focus {
text-decoration: none;
background-color: #0f0f0f;
border-radius: 20px;
border: 1px solid aqua;
}
p, h2, base, ul, div{
color:white;
}
a, .nav-tabs>li>a{
color:aqua;
}
.misc-page.columns a:focus, .misc-page.columns a:visited{
color:aqua!important;
}
.nav-tabs {
border-bottom: 0px;
}
input, input.btn-Action, .select-Container {
border-radius:20px;
background: #292626;
border: 0px!important;
}
.input-Select, .input-Area, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
color:white!important;
background: #222020!important;
border: 0px!important;
border-radius:20px!important;
}
.footer-Outro {
background: #0a0a0a;
border-top: 0px;
overflow: hidden;
color: white;
margin-top: 20px;
}
.content.single-Col.misc-page, .single-Col.misc-page.footer-Content{
background:#151515;
border-radius:20px;
}
.news-item.update .icon {
background: #0bb4ff;
border-radius: 50%;
width: 30px;
height: 30px;
box-shadow: 0 0 10px #0bb4ff;
}
.news-item.follow .icon {
background: transparent;
}
.footer-Outro a, .actions > a{
color: aqua!important;
}
.news-item .user, .news-item .you{
color:white!important;
}
.content.misc-page.columns .col-66, .misc-page.columns.footer-Content .col-66, .post-comment, .col-33 , .content.misc-page.columns, .misc-page.columns.footer-Content, .news-item .files, hr, .news-item, .col-left{
background: #2c2b2b;
border-top:0px;
border-right:0px;
}
.interior .header-Outro.with-site-image {
padding-top: 94px;
}
.news-item .title {
border-radius: 20px;
padding: 10px;
color: white;
}
.news-item{
padding:10px;
padding-top: 11px;
}
.content.misc-page.columns .col-66, .misc-page.columns.footer-Content .col-66, .post-comment, .col-33, .content.misc-page.columns, .misc-page.columns.footer-Content, .news-item .files, hr, .news-item, .col-left{
background: #2c2b2b;
margin-top:30px;
border-radius:20px;
}
.col.col-33, .col.col-66{
margin:auto;
justify-content:center;
}
.right-col .col-left {
background: transparent;
}
.news-item .file:first-child .html-thumbnail.html img, .html-thumbnail.html img{
border-radius:20px;
padding:5px;
box-shadow:none;
}
h3, b, strong, .stat > span{
color:white;
}
.col-66 a, .col-33 a, .interior .header-Outro a, .stat a{
color:aqua;
}
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{
outline:none!important;
}
.grouping {
padding: 4px 0;
text-align: left;
}
.site-info, .title, .website-Gallery.int-Gall li{
background:#1c1c1c;
color:white;
transition: 0.5s ease;
}
.website-Gallery.int-Gall li:hover{
transition: 0.5s ease;
transform: scale(1.05) rotate(2deg);
box-shadow: 0 0 20px black;
}
.website-Gallery .site-info a, .website-Gallery .site-info a:visited {
color: #fff;
font-size: 80%;
}
.title a{
color:aqua;
}
.title{
text-align:center;
}
.img-Holder, .header-Base, .large-portrait{
border:none;
}
.page {
background: #171717;
}
a{
text-decoration:none!important;
}
.interior .header-Base {
width: 85%;
left: 50%;
transform: translateX(-50%);
}
.header-Nav{
background: #1c1c1c;
border-bottom: 0px;
border-radius: 0px 0px 20px 20px;
box-shadow:0 0 20px black;
height: 43px;
}
.header-Nav a, .header-Nav a:visited {
margin-top: 3px;
}
.header-Nav .dropdown-menu li a:hover, .header-Nav .dropdown-menu li a:focus{
background:black;
}
.header-Nav .dropdown-menu li a{
background: #1c1c1c;
border-radius: 20px;
margin-bottom: 8px;
}
.interior .header-Outro {
padding-top: 60px;
text-align: center;
background: #171717 linear-gradient(to bottom, #000000 0%, #171717 100%);
}
.header-Nav .dropdown-menu .divider{
display:none;
}
.interior .header-Outro.with-columns, .interior .header-Outro {
padding-top: 75px;
margin-top: -25px;
}
.header-Nav .dropdown-menu {
background-color: transparent;
box-shadow: none;
}
.header-Base{
background:transparent;
}
.btn-Action, #tipButton, .header-Nav .notification-value, .header-Outro .signup-Form fieldset, .tag{
background: -webkit-linear-gradient(top, #32dfe9,#271fb1)!important;
border-radius:20px;
}
a.tag, a.tag:visited{
color:#fdfdfd!important;
}
.header-Outro .signup-Form fieldset{
margin-top:30px;
margin-left:6%;
}
.interior .signup-Form fieldset {
padding: 4px;
}
.header-Outro .signup-Form{
background:transparent;
}
.interior .header-Outro .screenshot {
border: none;
border-radius: 20px;
}
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: black;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: grey;
border-radius: 20px;
;
}
/* Handle on hover */
::-webkit-scrol...