all a / b / c / f / h / jp / l / o / q / s / sw / lounge cgi up wiki
[Home] [Catalog] [Search] [Inbox] [Write PM] [Admin]
[Return]

Posting mode: Reply
(for deletion, 8 chars max)
  • Allowed file types are: gif, jpg, jpeg, png, bmp, swf, webm, mp4
  • Maximum file size allowed is 50000 KB.
  • Images greater than 200 * 200 pixels will be thumbnailed.
We will hold the 12th Townhall next Saturday (5th) 19:00 UTC [Info] [Countdown]
File: 108_great_best_top_black_and_white_maste(…).jpg
(56 KB, 800x531)[ImgOps]
56 KB
No.142574
ｷﾀ━━━(ﾟ∀ﾟ)━━━!!
Marked for deletion (Old)
>>
No.142575
think about the otaku Japanese salarymen missing their 1 week off in a crowded Japanese train right this moment dark
>>
No.142586
File: Screenshot from 2025-05-06 21-15-21.png
(80 KB, 870x245)[ImgOps]
80 KB
I prefer the blue UI exclusive to HeyuriPlatinum™ members. nyaoo-closedeyes
>>
No.142589
ive made my own css for heyuri, but i enjoy the default most. I considered making a heyuri hotdog theme as a joke, maybe i will someday. (＾Д^)
>>
No.142592
File: Screenshot 2025-05-07 at 05-31-51 Off-To(…).png
(444 KB, 2451x1337)[ImgOps]
444 KB
I made chatgpt to do this css. did you rike it (´人｀)
>>
No.142593
>Windows® ∞
Do you have loli mascot? nyaoo2
>>
No.142594
File: loli (29).jpg
(50 KB, 1079x847)[ImgOps]
50 KB
>>142593
this looks suitable（⌒∇⌒ゞ）
>>
No.142595
File: Screenshot from 2025-05-06 23-03-02.png
(116 KB, 1025x486)[ImgOps]
116 KB
Waow I didn't know you could do that. astonish How do you guise liek mai Midnight Blue theme? ☺❔
>>
No.142598
i enjoyed my warm golden shower biggrin
>>
No.142607
File: hotdog_theme.png
(107 KB, 567x864)[ImgOps]
107 KB
ヽ(´∇`)ノ hot dog!
>>
No.142608
>>142574
Heyuri can finally go back to being the place to be!
Instead of the place to pee!
>>
No.142612
File: Screenshot 2025-05-06 at 23-33-20 I alre(…).png
(96 KB, 560x710)[ImgOps]
96 KB
imported colors from plus4chan's greygreen theme because i think it looks cool cool

tho i have to fix selected text input fields turning the same shade of green...
>>
No.142613
>>142612
wow pls share css
>>
No.142673
>>142595
This looks like several porn sites...
>>
No.142710
>>142673
Isn't this a porn site? unsure
>>
No.142714
File: YES.png
(9 KB, 874x86)[ImgOps]
9 KB
>Isn't this a porn site?
It is nyaoo2
>>
No.142758
File: fk.jpg
(59 KB, 1024x328)[ImgOps]
59 KB
>>142612
It's almost like fuuka that i ported to koko a long time ago
I wonder if anyone still uses user created themes, their location on the server changed...
>>
No.142759
OK my bad that wasn't me. I misremembered
But i did create a "Blue Heyuri" theme
>>
No.142806
File: Screenshot from 2025-05-08 13-03-59.png
(170 KB, 999x406)[ImgOps]
170 KB
How do you guys like my midnight blue/taffy pink UI? At first I thought it was a horrible eyesore and I was gonna ask for advice on how to improve it, but after looking at it for just a few minutes I'm already used to it and liking it. Maybe I'll make the background a gradient though.
>>
No.142809
File: asdasdasd.png
(207 KB, 1321x639)[ImgOps]
207 KB

This is my own dark purple CSS. Feel free to do whatever the fuck you want with it.

/* Global dark background */
body {
background-color: #0f0f0f !important;
color: #e0e0e0 !important;
font-family: "Segoe UI", sans-serif;
}

/* Default layout */
#content, .board {
max-width: none !important;
margin: 0 !important;
}

/* Post container */
.postContainer {
background-color: #1a1a1a !important;
border: 1px solid #2a2a2a !important;
margin: 10px 0 !important;
padding: 8px;
border-radius: 4px;
}

/* Reply box contrast */
.post.reply {
background-color: #222 !important;
border-radius: 4px;
}

/* Text styling */
.postInfo {
color: #bbaacc !important;
}

.name, .postertrip {
color: #c792ea !important;
}

.subject {
color: #d29eff !important;
font-weight: bold;
}

.quote {
color: #a182ff !important;
}

.postMessage {
color: #e0e0e0 !important;
}

a {
color: #bb86fc !important;
}

a:hover {
color: #d0a9ff !important;
}

/* Quick reply box */
#qr {
background-color: #1f1f1f !important;
border: 1px solid #3a3a3a !important;
}

#qr textarea {
background-color: #292929 !important;
color: #e0e0e0 !important;
border: 1px solid #555 !important;
}

/* Form elements */
input, select, button {
background-color: #2a2a2a !important;
color: #e0e0e0 !important;
border: 1px solid #444 !important;
}

/* Clean up UI */
.ad-plea, .ad-cnt, .boardBanner, .navLinks.bottom {
display: none !important;
}

.navLinks {
text-align: left !important;
padding: 8px;
}
}
>>
No.142811
>>142809
I like that, I'm gonna switch from my fruity gay UI to this. Thank you. happy
>>
No.142814
>>142811
You're welcome, I'm glad you like it. happy
>>
No.142816
File: Screenshot 2025-05-08 at 23-29-08 Off-To(…).png
(464 KB, 2451x1286)[ImgOps]
464 KB
I changed thread and post container color to the ugliest color(Pantone 448 C) in the world dark how does it look unsure
>>
No.142817
>>142816
Somehow very nice
>>
No.143031
i remember someone made a gurochan css for heyuri, does anyone have it?
>>
No.143033
>>142816
this is scary. it scares me.
>>
No.143126
>>142592
>>142806
>>142809
>>142816
fail for modern rounded corners

>>142595
pretty cool desu

>>142607
you could work some more on contrast
>>
No.143135
>>143126
Here's the CSS for the midnight blue theme if you want it. ( ´ω`)

/* General body styles */
body {
  background-color: #191970 !important; /* Midnight Blue */
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
}

/* Replies (not OP) */
.reply:not(.op), .post.reply {
  background-color: #2a3b8e !important; /* Lighter midnight blue */
  border: 1px solid #444a9e !important;
  color: #ffffff !important;
  padding: 8px !important;
  margin: 6px 0 !important;
  border-radius: 4px !important;
}

/* OP posts — no background box */
.post.op {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 10px 0 !important;
  color: #ffffff !important;
}

/* Links */
a, a:visited {
  color: #87cefa !important; /* Light Sky Blue */
}

a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Quoted text */
.quote {
  color: #90ee90 !important; /* Light green */
}

/* Headers */
h1, h2, h3, h4, h5 {
  color: #ffffff !important;
}

/* Input fields */
textarea, input, select {
  background-color: #1a1a40 !important;
  color: #ffffff !important;
  border: 1px solid #444a9e !important;
}

/* UI areas like nav bars */
.navbar, .boardlist, .topbar, .pages, .footer {
  background-color: #101040 !important;
  color: #ffffff !important;
  border-top: 1px solid #444a9e !important;
}
>>
No.143187
File: Screenshot 2025-05-11 at 14-26-35 I alre(…).png
(456 KB, 2451x1286)[ImgOps]
456 KB
>>143126
maximum roundness mona2iyahoomona2
>>
No.143190
>>143187
all that wasted space... cry
>>
No.143230
File: untitled.jpg
(68 KB, 800x363)[ImgOps]
68 KB
>>143135
bans and subjects don't look red rolleyes
>>
No.143232
File: Screenshot from 2025-05-11 13-48-43.png
(68 KB, 579x344)[ImgOps]
68 KB
>>143230
Yeah idk how to do shit, chatgpt made it for me lol. ヽ(´ー｀)ノ

I got it to add red outlines though, and had it square teh corners. Midnight blue became my fav color after I saw it in some Tibetan artwork. I also wanted to make the post boxes crimson but that was too eye-hurty so I did this instead.
>>
No.143234
>>143232
I couldn't make it red either. !important command does not work even though chatgpt says so closed-eyes
>>
No.143235
All ur userstyles will b0rk once Teh Overhaul launches... muhahaha! ヽ(｀∇´)ノ

and then it should be much easier to maek new ones!
>>
No.143236
A general pro-tip is to not use "!important" unless there's no other way to do what u want. By default, more-specific selectors will override less-specific ones, and the latest instance of the same selector will be prioritized. However, "!important" overrides all of this behavior (unless they also have "!important")

So, any ".warning" styling that is already set is probably being overridden by "color: #ffffff !important;"
>>
No.143237
File: Screenshot 2025-05-11 at 21-12-22 Off-To(…).png
(227 KB, 1031x381)[ImgOps]
227 KB
>>143232
ok I somehow managed to make it look red iyahoo

.title {
  color: red !important;
  font-weight: bold;
}

.warning {
  color: red !important;
  font-weight: bold;
}


just paste this into your css.
>>
No.143239
>>143235
as long as you don't change the html code there won't be a problem.
>>
No.143240
I don't really mind if mod messages aren't red, you can only tell the real ones by the hammer anyway. happy

(THIS USER HAS AIDS, DO NOT LET HIM BUTTFUCK YOU) 🔨
>>
No.143242
All the PHP, HTML, CSS, and JS have been significantly modified in Teh Overhaul, if not downright rewritten. This is for good reason, since old-koko is an incoherent mess (´ー`)

Teh Overhaul'd CSS files will make use of CSS variables, so a new style is mostly just a matter of copypasting the ":root" section of an existing style and just changing teh values

Example: 
:root {
  /* Global */
  --font-family-main: var(--font-family-serif);
  --font-size-main: 12pt;
  --color-bg-main: #ffffee;
  --color-bg-main-gradient: #ffccaa;
  --color-fg-main: #800000;
  --color-fg-link: #0000cc;
  --color-fg-link-hover: #ee0000;
  --color-lo-contrast-border: #d9bfb7;
  --color-hi-contrast-border: #be8080;
  --color-border-button: #e3e3e3;
  /* Navigation/admin bar */
  --color-bg-boardlist: var(--color-bg-reply);
  --color-fg-boardlist: #bb8866;
  /* Board header */
  --color-fg-logo: var(--color-fg-main);
  --color-bg-theading: #e04000;
  --color-bg-theading2: #0040e0;
  --color-bg-theading3: #e08000;
  --color-fg-theading: #ffffff;
  /* Post form */
  --color-bg-postblock: #eeaa88;
  --color-fg-global-message: var(--color-fg-warning);
  /* Posts/replies */
  --color-bg-reply: #f0e0d6;
  --color-bg-reply-hl: #f0c0b0;
  --color-fg-title: #cc1105;
  --color-fg-name: #117743;
  --color-fg-warning: #f00000;
  --color-fg-warning-ip: #0000cc;
  --color-fg-omitted: #707070;
  /* Post formatting */
  --color-fg-quotelink: #34345c;
  --color-fg-quotelink-hover: var(--color-fg-link-hover);
  --color-fg-quote: #789922;
  --color-fg-quote2: #ff69b4;
  --color-bg-spoiler: #000000;
  --color-bg-code: #ffffff;
  --color-fg-code: #000000;
  /* Administrator mode */
  --color-bg-postlists-header: #6080f6;
  --color-fg-postlists-header: #ffffff;
	--color-fg-postlists-header-link: #ffff00;
  --color-bg-postlists-odd: #d6d6f6;
  --color-bg-postlists-even: #f6f6f6;
  /* File board/flash board */
  --color-bg-flashboard-even: #f7efea;
  /* Windows */
  --color-bg-window-item-highlight: #ffdbb5;
}
>>
No.143244
>>143242
those are just colors. what about font type/size or padding, or background image et cetera?
>>
No.143256
>>143240
Naisu.
>>
No.143266
File: fuuka css.png
(92 KB, 506x1172)[ImgOps]
92 KB
>those are just colors. what about font type/size or padding, or background image et cetera?
There are variables for font family and font sizes (even sum presets I made, e.g. one for serif text, one for MS PGothic-style text, etc.), but you can still style other things the usual way. Even then, it should be easier since:

- All layout/structural CSS (base.css) has been separated from the theme-specific CSS (futaba.css, tomorrow.css, etc.)
- Duplicate CSS across multiple files has been removed
- Styling that was previously done with HTML elements and/or deprecated attributes has largely been replaced with proper IDs/classes + CSS
- Inline CSS (style="") and CSS injected by JS files has been removed/reduced

This means that new/custom stylesheets can be extremely small and simple, and very easy to maek. Pic related is the entirety of fuuka.css for overhaul ヽ(´ー｀)ノ
>>
No.143299
i want to drink a little girl's golden pee nyaoo2
>>
No.143357
>>143242
Wait, teh overhaul took place already? But I don't see anything different...
>>
No.143361
>Wait, teh overhaul took place already? But I don't see anything different...
not yet, but it won't look that different than right nao
Delete post: []