Recent Posts
Techsappot jara idhar aana
GgucGt
No.765
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.
body {
background: url('https://bharatchan.com/images/uploads/meta/1745429254529_3817.png') no-repeat center center fixed !important;
background-size: cover !important;
color: #de2f2f !important;
font-family: "Segoe UI", "Roboto", sans-serif !important;
}
.post-content {
color: #fa0019 !important;
font-size: 1.1rem !important;
}
.postFooter {
background-color: rgba(255,182,193,0.6) !important;
color: #5c0a25 !important;
font-size: 1rem !important;
padding: 5px 8px;
border-radius: 0 0 6px 6px;
backdrop-filter: blur(2px);
border-top: 1px solid #ffc0cb;
}
.post-content p.quote {
color: #161c21 !important;
}
.post, .catalog-thread {
background-color: rgba(220,186,222,0.75) !important;
border: 1px solid #8644a2 !important;
border-radius: 8px;
padding: 10px;
margin-bottom: 10px;
backdrop-filter: blur(4px);
}
.post .body {
color: #ffa500 !important;
font-size: 1.2rem !important;
}
a {
color: #000 !important;
}
a:hover {
color: #000 !important;
text-decoration: underline !important;
}
.catalog-thread .subject {
color: #ffab91 !important;
font-weight: bold !important;
}
.catalog-thread .teaser {
color: #de2f2f !important;
}
#topbar, .boardlist {
background-color: rgba(0,0,0,0.6) !important;
color: #eb8fda !important;
border-bottom: 1px solid #333 !important;
backdrop-filter: blur(3px);
}
input[type="submit"], button {
background-color: #333 !important;
color: #eba2d7 !important;
border: 1px solid #555 !important;
border-radius: 4px;
padding: 5px 10px;
}
input[type="submit"]:hover, button:hover {
background-color: #444 !important;
}
.post .postInfo, .post .postHeader {
background-color: rgba(255,182,193,0.6) !important;
color: #fff !important;
font-size: 1.1rem !important;
font-weight: bold;
padding: 6px 10px;
border-radius: 6px 6px 0 0;
backdrop-filter: blur(3px);
border-bottom: 1px solid #ffc0cb;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: rgba(30,30,30,0.5);
}
::-webkit-scrollbar-thumb {
background: #666;
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background: #888;
}
GgucGt
No.766
>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
uW0H2l
No.767
bhery cute bhrata
80/IZa
No.768
>>765(OP)
yaar zoomer, also very nice.
80/IZa
No.769
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
:root {
--primary-bg-color: #f4f1e1 !important; /* dusty parchment */
--secondary-bg-color: rgba(244, 241, 225, 0.8) !important;
--primary-dark-bg-color: #e8e3d8 !important;
--primary-border-color: rgba(119, 110, 95, 0.2) !important;
--secondary-border-color: rgba(89, 84, 74, 0.4) !important;
--primary-text-color: #3b362d !important; /* warm dark brown */
--secondary-text-color: #9d9589 !important; /* dusty grey-brown */
--primary-dark-text-color: #2e2a25 !important;
--primary-header-text-color: #6e675b !important;
--secondary-header-text-color: #afa89e !important;
--primary-shadow-color: rgba(70, 65, 60, 0.1) !important;
--primary-url-color: #3e3b85 !important; /* retro navy */
--secondary-url-color: #5c5672 !important;
}
body {
background-color: #f4f1e1;
background-image:
url(/images/big-billa-no-aa-mirror.png),
linear-gradient(to bottom, #f4f1e1 0, #e8e3d8 260px);
background-repeat: no-repeat;
background-position: bottom right;
background-attachment: fixed;
color: var(--primary-text-color);
font-family: 'Courier New', Courier, monospace;
font-size: 16px;
}
Change the values here quickly asper your need.
80/IZa
No.770
>>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.
80/IZa
No.771
>>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.
Ogpwe+
No.772
Test
