The KC Forum JanluUI Dark Mode
This is a custom CSS made for the KC Forums, inspired by my own JanluUI. Specifically JanluUI 2023, as it's still WIP but already finished enough for this. It's currently only optimized for the Home Page, with all the other pages comming soon.Here's the CSS Code:
Code: Select all
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');
html {
font-family: "Nunito";
}
body#phpbb.notouch.section-index.ltr.hasjs {
background-color: rgba(17,17,17,1)
}
button {
background: rgba(34,34,34,1);
border-radius: 20px;
padding: 10px 20px;
font-family: "Nunito";
font-size: 15px;
}
.forabg {
background: rgba(34,34,34,1)
}
.wrap {
border: 0px solid rgba(0,0,0,0);
box-shadow: none;
border-radius: 16px;
background-color: rgba(24,24,24,1);
}
div.headerbar {
background-color: rgba(22,28,76,1);
background-image: linear-gradient(to bottom, rgba(35,42,120,1) 0%, rgba(30,37,100,1) 1%, rgba(35,42,120,1) 20%, rgba(40,48,140,1) 75%, rgba(50, 60, 160, 1) 100%);
}
div.navbar {
background: rgba(34,34,34,1)
}
span {
color: rgba(0,192,255,1);
}
li.row {
background-color: rgba(51,51,51,1);
}
ul.topiclist li {
color: rgba(175,175,175,1);
}
a.forumtitle {
color: rgba(0,192,255,1);
font-family: "Nunito";
}
.icon {
color: rgba(0,192,255,1);
}
p {
color: rgba(175,175,175,1);
font-family: "Nunito";
}
h3 {
font-family: "Nunito";
font-size: 16px;
border-bottom-color: rgba(0,0,0,0);
color: white;
}
a {
color: white;
}
.dropdown-contents.dropdown-nonscroll {
background-color: rgba(0,0,0,0.5);
backdrop-filter: blur(45px);
}