CSS theme.

The colours are kindoff bad now and background is a bit low effort. I will change them probably by tommorow. I want to add some of my animations too, don't know if it is possible though.

>to do

>change font from bright red to something easier on the eyes

>reduce font size on various places

>serve different bg to mobile people

>change bg photo colour to less bright one and add more stuff

>some things are broken on mobile, fix them

>animation seem to be possible for some things

>a grey/black colour is applied on some buttons for some reason, change that

>>765(OP)

yaar zoomer, also very nice.

As always if you are using aruna catalog theme, have edit following to change the base colors quickly - it's like broad brushstruck.

Once you get track of things - you can look into the elements and change their colors specifically

Change the values here quickly asper your need.

>>769

*aruna theme in general - these are main variables containing most of the colors used throughout the css.

You update them you change most of the colors. I wanted to completely streamline it - but never got a chance so css piled upon each other.

I will share the same for rest of the themes - though others also follow same pattern mostly except hiranya.

>>765(OP)

>I want to add some of my animations too, don't know if it is possible though.

You can already look through the classnames, elements - you know how to override using '!important' or css selectors. There you go.

Test

FIxed some colour combination issues, reduced font size, better background. Hover is working again. Still a work in progress though.

Doing some experiments with animations where one of the girls shows her ass when you submit a post or a thread.

>>773

Very kino duck.

Zoomers are alright.

>>782

Thenks sir

So apparently you can't detect "click" actions with css, hover and checkbox radio are the only possibilities. Ig I will have to work with that only.

Unrelated but basically made a working tampermonkey script to automatically write the Captchas using OCR. Still some problems though right now.

>>794

>So apparently you can't detect "click" actions with cs

huh what? `:active` pseudo class exist desu.

>>802

Who yeah forgot about that. That will probably work, I just want to play a gif anyways. Don't want to make things look too bloated

>>803

nice desu

UPDATOOOO!!!!

Everything else is same, but NOW when you hover over the submit button you get to see a 2D GIRL'S ASS.

Change the gif to whatever you want, and change the size of position too.

>>806

This is probably the final update to this theme unless I get a really good idea.

This gif hover state had to be implemented in a somewhat hacky way by uploading 2 images in the same background tag, (one is the image and other is the gif).

When you hover over the submit button the background state changes and the gif with the twerking is shows as a 2nd layer infront of the 1st one.

>>808

kek neat

tip

Overwrite this part, so whenever you post instead of anime girl in the corner you can have it over your submit button if you want to.

>>810

Hmm, but I like how it is for now

>>817

Sure sirs, just suggesting in case you want to tweak these things too.

Suggest any ideas related to small projects, like website ideas, extensions, etc.

Anything besides mobile apps basically.

Bump

>>854

you could do with cafe-like night chan where theres a radio and a rating system for which songs to be played next, submitted and voted by users

>>856

I can made that, do you know any good place to host a website for cheap while maintaining privacy?

I have like 500/month spare for this.

>>858

sorry 'non cant really help with that, maybe making a dedicated thread on /g/ would help

(without derailing this thread too)

>>857

It goes really well with aruna theme ngl. Simpl but sweet.

>>858

use namecheap shared hosting - you can have node js etc.

if you want a vps there are vps providers which can go as low as 5$ usd but for monthly charge it will go around 8 to 10 usd.

>>869

>namecheap shared hosting

>160 per month for the yearly plan

>360/month for the same plan but if I do monthly payments.

yaar isn't this just a scam.

btw do you have any ideas about >>>/g/>>860

>>765(OP)

I little unrelated but how do I post codes anons? Do i just copy paste it? I can't share my version (still working on it) unless I know how to post or share them

>Running this as a sample text

public class Main {

public static void main(String[] args) {

System.out.println("Hello, World!");

}

}

>One for CSS

<!DOCTYPE html>

<html>

<head>

<style>

p {

color: red;

text-align: center;

}

</style>

</head>

<body>

<p>Hello World!</p>

<p>These paragraphs are styled with CSS.</p>

</body>

</html>

>>895

[Code]Proximity test 1[/Code]

[Code]Proximity test 2 [/Code]

[Code] Proximity test 3 [/Code]

[Code]

Proximity test 4

[/Code]

[Code]public class Main {

public static void main(String[] args) {

System.out.println("Appreciate the Help, Anon");

}

}[/Code]

>>896

>>897

Thanks anon, appreciate it.

>>899

[Code]

Console.WriteLine("mai chakka hu")

[/Code]

my simple theme

>>905

>>906

>>905

Really nice yaaraa. It feels very squeaky clean.

>>907

themx sirs. I will make changes as I learn more CSS.

>>765(OP)

>Try to integrate a a gif as background

>Try to make it look cleaner as mobile

>Try to make it make sense on portrait

<Everything goes haywire almost at once

Yaar

>Still trying to make it make sense

>>1101

I think this anon and and duck have found pretty minimal modification with which you can have decent new looks.

Update these ones. >>906

>>806

>>1307

I am such a noobda I don't even know if I did a good jaab or am I being told i can do a gooder jaab.

>>1310

That overlay thing is pretty cool sirs, if you enjoy then design desu.

I can even include them as a dedicated theme one day maybe :)

>>1320

I would be honoured if my code becomes a part of this site sirs :>

>>806

Based on your theme i tried chatgpt for durgasoft aesthetics,

[CODE]

/ Quote text color /

.post-content p.quote {

color: #b30000 !important; / Bright red /

}

/ Post hover effect /

.post:hover {

background-color: rgba(255, 255, 0, 0.2) !important; / Light yellow overlay /

}

/ Body background and font /

body {

background: url('https://bharatchan.com/images/uploads/meta/1745514487419_2855.png') no-repeat center center fixed;

background-size: cover !important;

font-family: "Segoe UI", "Arial Black", sans-serif !important;

color: #000033;

}

/ Background changes on hover of submit button /

body:has(#form-submit-button:hover) {

background-image:

url('https://bharatchan.com/images/uploads/meta/1745698052100_9531.gif'),

url('https://bharatchan.com/images/uploads/meta/1745514487419_2855.png');

background-position: bottom right, center center;

background-repeat: no-repeat, no-repeat;

background-size: 200px auto, cover !important;

}

/ Post content text /

.post-content {

color: #000080; / Navy blue /

font-size: 1rem;

font-weight: bold;

}

/ Post containers /

.post, .catalog-thread {

background-color: rgba(255, 255, 255, 0.9);

border: 3px solid #ff0000 !important; / Bright red /

border-radius: 4px;

padding: 10px;

margin-bottom: 10px;

box-shadow: 0 0 10px rgba(255, 215, 0, 0.7); / Yellow glow /

}

/ Post headers and footers with strong background color /

.postHeader,

.post-footer {

background-color: #0000cc !important; / Bold blue /

color: white !important;

font-weight: bold;

text-transform: uppercase;

padding: 6px 10px;

border-bottom: 2px solid #ffcc00; / Golden yellow border /

}

/ Custom scrollbar /

::-webkit-scrollbar {

width: 10px;

}

::-webkit-scrollbar-track {

background: rgba(0, 0, 0, 0.3);

}

::-webkit-scrollbar-thumb {

background: #ff0000;

border-radius: 5px;

}

::-webkit-scrollbar-thumb:hover {

background: #cc0000;

}

[/CODE]

Check this out

>>1368

CSS code for that failed to embed, trying again

Another version a bit retro cyberpunkish.

Combined work from this

>>906

>>806

And modified it for durgasoft aesthetics.

>>1374

Include following styles after this css

There's stylus extension which is injects the css code faster.

one thing i can notice is that padding within the post is probably good idea.

i should experiment a bit with it.