Nice kawaii style for 4chan. A little buggy. Maybe I'll fix some issues later OwO.
Kawaii 4Chan by totorimatops
Details
Authortotorimatops
LicenseNO-REDISTRIBUTION
Category4chan.org
Created
Updated
Size9.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
1.0 Fixed issue with hovering on replies that wouldn't highlight them.
1.1 Fixed Grey color of text when making new threads.
Source code
/* ==UserStyle==
@name Kawaii 4Chan
@namespace 49944920
@author Totorimatops
@description `Kawaii 4chan version: Yotsuba B`
@version 22.03.23
@license NO-REDISTRIBUTION
@preprocessor uso
==/UserStyle== */
@-moz-document domain(4chan.org), domain(boards.4channel.org), domain(4channel.org){
.thumb {border-radius: 7px;}
body {
/*background: linear-gradient(to top, #fffbe6 , #fbe7f4 );*/
/*background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;]*/
color:#be41e1;
/*background: #fff5f5;*/
background: url("https://i.pinimg.com/originals/85/d6/ab/85d6abb84e7a202a4b0f1fc35945a473.gif"), url("https://i.pinimg.com/originals/07/25/25/072525245a86d056e5d30e273ceac7ee.gif"),url("https://img1.picmix.com/output/stamp/normal/6/8/9/1/181986_480aa.gif"), /*#fff3fd*/ linear-gradient(to right, #fffbe6 , #fbe7f4 );
background-position: left top, right top;
background-repeat: no-repeat, no-repeat, repeat;
background-size: 15%, 13.5%, auto, 100%;
}
div.boardBanner>div.boardTitle {
font-family: 'Gaegu', cursive;
}
div.post div.postInfo {
display:block;
width:100%;
background-image: url("https://i.imgur.com/tGDnqxU.gif");
background-size: 20px;
background-repeat: no-repeat;
background-position: right;
}
hr.abovePostForm{
width:5%;
border: none;
border-top: 5px dotted #7469f8;
}
table.postForm>tbody>tr>td:first-child {
background-image:url("http://images.yuku.com/image/jpg/ad779cfd00a44104a8bf3bb2ad5f2832_r.jpg");
color:#fb86ff;
font-weight:700;
border:1.5px solid #be9aff;
padding:0 5px;
font-size:10pt
}
input[type=text],
table.postForm>tbody textarea,
input[type=password],
#recaptcha_response_field {
margin:0;
margin-right:2px;
padding:2px 4px 3px;
border:4px dotted #fdccf7;
background-color:#fff;
color:#7230f1!important;
outline:none;
font-family:arial,helvetica,sans-serif;
font-size:10pt
}
.abovePostForm {
width:5%;
border: none;
border-top: 5px dotted #7469f8;
}
span{ color: #8d66f9;}
div.boardTitle{color: #f0a8ff;}
div#togglePostFormLink.desktop{ color:#efade4;}
div#ctrl-top.desktop{ color:#efade4;}
td{ color:#efade4;}
.c-thread img {border-radius: 10px}
.top-box{background:#e3d1df;}
.boxbar {border-radius: 10px; background:#e5869c;}
.box-top{ border-radius: 10px;}
.box-outer{ border-radius: 10px;}
.teaser {text-shadow: 0 0 5px rgb(0 0 0 / 10%);}
div.boardBanner>div.boardTitle{font-family: 'Segoe UI', SANS-SERIF;}
quote-preview{background:#e3d1df; color:#efade4}
hr{border-top: 1px solid #783a65;}
.button{color:#9797c7}
.yotsuba_new .postMenuBtn, .futaba_new .postMenuBtn {color:#9797c7}
.warning {color:#b7117c}
div.post div.postInfo span.postNum a{color: #fff;}
div.post div.file .fileThumb {
border-radius: 400px;
}
div#boardNavDesktop a{color:#9797c7;}
div.pagelist strong {color:#efade4}
div#boardNavDesktopFoot a {color:#efade4}
.c-teaser{color:#b74766}
.c-board{color:#cb69ad}
h3{color:#cb69ad}
a{color:#9797c7}
a.replylink:not(:hover){color:#9797c7!important;}
div.post div.postInfo span.postNum a:hover, .posteruid .hand:hover{color:#bd51bf!important;}
a:hover{color:#6585cb!important}
a:visited{color:#a36d9a!important}
a.quotelink{color:#9797c7!important}
.reply:target {background:#efade4!important}
.reply:target .postMessage{
background: #efade4;
}
.reply.highlight {background:#efade4!important}
.quotelink{
color: white;
}
.extended-small .thread{ height: 320px;}
.reply.highlight{
background: red;
}
.burichan_new .backlink a:hover,
.yotsuba_b_new .backlink a:hover {
color: #fdf1ff !important;
}
.quotelink:hover:target .blockquote.postMessage{
background: red;
}
.backlink a{
color:#AA73EC !important;
}
div.thread {
background: #f1d3ff;
background-image: url("https://cutewallpaper.org/21/kawaii-background-tile/Free-download-kawaii-pixel-background-Tumblr-500x302-for-.gif")}
.thread {
color: #be41e1;
font-family: 'Gaegu', cursive;
padding-bottom: 20px;
border-radius: 10px;
margin: 10px;
box-shadow: 0px 2px 5px rgba(254, 255, 169, .74);
background-image: url("https://64.media.tumblr.com/721626b4f1b43d8de0e3f3baf6986ef6/tumblr_inline_mrhrq5iVoC1qz4rgp.png");
}
div.reply {
box-shadow: 0px 2px 5px rgb(0 0 0 / 30%);
background: #ffc7da;
border-radius: 8px;
border-top: 20px solid rgba(211, 160, 181, 0.4);
border-image: url("https://64.media.tumblr.com/ff4ffc03ccdfe1f5ed9a900cd4e1ffb3/tumblr_oui8xu54y21w9xu55o10_640.png")40 repeat;
border-image-width: 15px 0 0 0;
border-right: 200px;
border-color:#b54788;
word-wrap: normal;
max-width: 60%;
}
img.chan-media-item{
border-radius: 10px;
box-shadow: 0px 2px 5px rgb(0 0 0 / 60%);
margin-left: 10px;
margin-right: 10px;
}
/* ============ SCROLLBAR ============ */
html[hide-scrollbar="true"] ::-webkit-scrollbar, ::-webkit-scrollbar-corner {
display: none;
}
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
background: #ff75ae;
width: 10px;
height: 10px;
}
.burichan_new .backlink a,
.yotsuba_b_new .backlink a {
color: #FF60FD !important;
}
#quickReply input[type="text"], #quickReply textarea, #quickReply #recaptcha_response_field {
font-family: 'Gaegu', cursive;
color: #ff8cf8;
background-color: #fffaf4;
}
#quickReply input[type="text"], #quickReply textarea, #quickReply #recaptcha_response_field {
font-family: 'Gaegu', cursive;
}
#guide-inner-content.ytd-app::-webkit-scrollbar,
#guide-inner-content.ytd-app::-webkit-scrollbar-corner {
background: #301822;
width: 6px;
height: 6px;
}
#qrCaptchaContainer {
width: 300px;
background-color: #f4e9ea;
overflow: hidden;
margin-bottom: 3px;
background-image: url("https://cutewallpaper.org/21/kawaii-background-tile/%CB%8F%CB%8B-keep-it-cute-%CB%8E%CB%8A%CB%97-Heres-my-collection-of-pixel-.gif");
}
::-webkit-scrollbar-button, #guide-inner-content.ytd-app::-webkit-scrollbar-button {
display: none;
}
::-webkit-scrollbar-thumb, #guide-inner-content.ytd-app::-webkit-scrollbar-thumb {
background: #783a65;
border-radius: 10px;
}
.tomorrow #quickReply input[type="text"],
.tomorrow #quickReply textarea,
.tomorrow #quickReply #recaptcha_response_field {
border: 1px solid #fff5c1;
background-color: #fffafd;
color: #7720f7;
}
.reply:target, .reply.highlight {
border-radius: 8px;
border-top: 20px solid #efade4! important;
border-image: url("https://64.media.tumblr.com/ff4ffc03ccdfe1f5ed9a900cd4e1ffb3/tumblr_oui8xu54y21w9xu55o10_640.png")40 repeat !important;
border-image-width: 15px 0 0 0 !important;
}
table.postForm>tbody>tr>td:first-child {
background-image:url("http://images.yuku.com/image/jpg/ad779cfd00a44104a8bf3bb2ad5f2832_r.jpg");
color:#fb86ff;
font-weight:700;
border:1px solid #111;
padding:0 5px;
font-size:10pt
}
.postblock {
background-color:#ff80d3;
color:#eaf9b3;
font-weight:700;
padding:0 5px;
font-size:10pt
}
#postFile {
margin-right:10px;
width:200px;
background-color: #eb00d126;
border-radius: 10px;
}
#t-help {
font-size: 11px;
padding: 0px;
width: 20px;
box-sizing: border-box;
margin: 0px 0px 0px 6px;
vertical-align: middle;
height: 18px;
background-color: #eb00d126;
border-radius: 10px;
}
#t-load {
font-size: 11px;
padding: 0px;
width: 90px;
box-sizing: border-box;
margin: 0px 6px 0px 0px;
vertical-align: middle;
height: 18px;
background-color: #eb00d126;
}
#t-root {
overflow:hidden;
box-sizing:border-box;
background:#fff;
border:6px dotted #ed9999;
margin:2px 0;
width:300px;
background-image: url("http://2.bp.blogspot.com/-MR3SP33x2nY/Ug30nXRTF2I/AAAAAAAABQM/T-3NcEqrxA0/s1600/tumblr_mdyvf1ogIM1rzlhkm.gif");
}
input[type=text],
table.postForm>tbody textarea,
input[type=password],
#recaptcha_response_field {
margin:0;
margin-right:2px;
padding:2px 4px 3px;
border:4px dotted #fdccf7;
background-color:#fff;
color:#c5c8c6;
outline:none;
font-family:arial,helvetica,sans-serif;
font-size:10pt
}
div.post div.postInfo span.nameBlock span.name {
color:#f6ffb7;
font-weight:700
}
.tomorrow #qrCaptchaContainer.t-qr-root {
background-color: #e7e5e5;
}
.preview {
background:#f0a8ff;
border:1px solid #333!important
}
#threads {
padding: 20px 0;
text-align: center;
background-image: url("https://64.media.tumblr.com/739545c42b6190efb294307575baec84/tumblr_nf2u8t72Uh1szzj4go10_250.png");
}
::-webkit-scrollbar-thumb:not(:active):hover, #guide-inner-content.ytd-app::-webkit-scrollbar-thumb:not(:active):hover {
background: #91467a;
}
::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-thumb:hover:active, #guide-inner-content.ytd-app::-webkit-scrollbar-thumb:active, #guide-inner-content.ytd-app::-webkit-scrollbar-thumb:hover:active {
background: #783a65; }
}