neocities dark & round by skykristal

Details
Authorskykristal
LicenseNo License
Created
Updated
Categoryuserstyles
Statistics
Learn how we calculate statistics in the FAQ.
Total views
Total installs
Weekly installs
Weekly updates
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.
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
/* ==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-scrollbar-thumb:hover {
background: #555;
}
}