CSS-Textdesign

[dunlix]

for example, if you turn off dark theme you'll see the rules you made do work, only in light mode though.

[RiekMedia]

@dunlix

so far everything works. Changing to bright is not possible for the user.

The only thing missing now is the categories that have to be changed in gray

[dunlix]

@ᴅᴀʀᴛʜ-ᴠᴀᴅᴇʀ just play around with the css, but make sure it starts with body.lights-out

[RiekMedia]

@dunlix

It doesn't work, I've been playing around with it for 5 days.

Again I just want to change the Category Text Color. But I don't know the appropriate CSS code. At least it doesn't work

Everything else works

Website Quellcode

<div class="row">
	<div class="col-lg-9 col-sm-12">
		<ul class="categories" itemscope itemtype="http://www.schema.org/ItemList">
			
				
					<li component="categories/category" data-cid="1" data-numRecentReplies="1" class="row clearfix">
	<meta itemprop="name" content="DGH - News &amp; Infos">

	<div class="clearfix col-md-12 col-sm-12 category-details">
		<div class="category-color" style="background-color: #006eff"></div>

		<div class="content">
			
			<div class="hidden-xs CategoryIcon contentItem">
				<div class="icon" style="background-color: #006eff; color: #ffffff;">
					<i class="fa fa-fw fa-bullhorn"></i>
				</div>
			</div>
			
			<div class="col-md-8 show-separator contentItem">
				<h4 class="title">
					
<a href="/category/1/dgh-news-infos" itemprop="url">

DGH - News &amp; Infos
</a>
				</h4>
				
			</div>
			<div class="col-md-2 hidden-sm hidden-xs stats contentItem">
				<span class=" human-readable-number" title="3">3</span><br />
				<small>Themen</small>
			</div>
			<div class="col-md-2 hidden-sm hidden-xs stats contentItem">
				<span class=" human-readable-number" title="3">3</span><br />
				<small>Beiträge</small>
			</div>
			
			<div class="visible-xs col-xs-12">
				<a class="permalink" href="/post/7">
					<small>Laatste bericht <strong class="timeago" title="2021-06-15T08:58:54.684Z"></strong></small>
				</a>
			</div>
			
		</div>
		
		<span class="category-children"><span class="category-children-item pull-left"><div role="presentation" class="icon pull-left" style="background-color: #6c0094; color: #ffffff;"><i class="fa fa-fw fa-bullhorn"></i></div><a href="/category/5/ankündigungen"><small>Ankündigungen</small></a></span><span class="category-children-item pull-left"><div role="presentation" class="icon pull-left" style="background-color: #007bff; color: #ffffff;"><i class="fa fa-fw fa-info"></i></div><a href="/category/6/informationen"><small>Informationen</small></a></span></span>
		
	</div>

	
</li>

[dunlix]

@ᴅᴀʀᴛʜ-ᴠᴀᴅᴇʀ Could you send a link to your forum (through pm's if you wish)? I don't use that theme but could figure it out with the link

[RiekMedia]

@dunlix

I sent you the url via chat. The theme I am using is this

Oxide Style

nodebb-theme-oxide NodeBB theme made to look similar to GitHub design. Theme itself is not fully done yet, there might still be some places where CSS stylin...

NodeBB Community (community.nodebb.org)

[dunlix]

@ᴅᴀʀᴛʜ-ᴠᴀᴅᴇʀ The CSS Class for the title in darkmode is

body.lights-out .category-details .title a {
   YOUR-CSS
}

[RiekMedia]

@dunlix

Thanks for the code, I have it in there but it doesn't work. It stays white

body.lights-out .category-details .title a {
   color: rgb(148, 148,148);
}

[phenomlab]

@ᴅᴀʀᴛʜ-ᴠᴀᴅᴇʀ try

body.lights-out .category-details .title a {
   color: rgb(148, 148,148) !important;
}

[RiekMedia]

@phenomlab

That does not work

[phenomlab]

@ᴅᴀʀᴛʜ-ᴠᴀᴅᴇʀ Can you provide the URL here please, or via chat ?

[RiekMedia]

@phenomlab
Sent it to you via chat

[phenomlab]

@ᴅᴀʀᴛʜ-ᴠᴀᴅᴇʀ Try this

h4.title a {
    color: rgb(148, 148,148) !important;
}

[RiekMedia]

@phenomlab

that worked, thank you very much for your help

[phenomlab]

@ᴅᴀʀᴛʜ-ᴠᴀᴅᴇʀ Anytime.