• Hello, how can I change the fonts of the categories and the contributions in the ACP via css? So to speak, all text things.

    That did not work

    a {
        color: rgb (148, 148,148);
    }
    

    Thank you in advance

  • GNU/Linux Gamers

    @ᴅᴀʀᴛʜ-ᴠᴀᴅᴇʀ You can't change the CSS in the ACP with custom CSS. I don't see why you want to change ACP's CSS.


  • @dunlix

    I know that I can change that through the ACP. I do that too, but I can't change it completely.

    I want to change the categories text color from white to gray.

    Here is a picture for a better understanding

    rewrewrewr.png

    Here my css

    body.lights-out .chats-list>li:hover {background: #000;color: rgb(148, 148,148);}
    
    .contentItem.title{
        color: rgb(148, 148,148);
    }
    .categories {
        color: rgb(148, 148,148);
    }
    
    .stats {
        color: rgb(148, 148,148);
    } 
    
    .contentItem {
        color: rgb(148, 148,148);
    }
    .category-children-item{
        color: rgb(148, 148,148);
    } 
    
    .pull-left {
        color: rgb(148, 148,148);
    }
    
    .show-separator {
        color: rgb(148, 148,148);
    }
    
    .category-color {
        color: rgb(148, 148,148);
    }
    
    .category-details {
        color: rgb(148, 148,148);   
    }
    
    .container {
        color: rgb(148, 148,148);   
    }
    
    .content {
        color: rgb(148, 148,148);   
    }
    
    .row {
        color: rgb(148, 148,148);   
    }
    
    .categories>ul:hover {
        color: rgb(148, 148,148);
    }
    
    
    
    
    .show-separator {
        color: rgb(148, 148,148);   
    }
    
    .human-readable-number {
        color: rgb(148, 148,148);   
    }
    
    .description p{
        color: rgb(148, 148,148);   
    }
    
    small {
      color: rgb(148, 148,148); 
      text-decoration : none;
    }
    small a:hover{
      color: red; 
      text-decoration : none;
    }
    
    a {
        color: rgb(148, 148,148);
    }
    a:hover {
      color: red; 
      text-decoration: underline rgb(0, 110,255);
      text-color: rgb(0, 110,255);
    }
    
    
    h4 {
        color: rgb(148, 148,148);
    }
    
    .contentItem .title li a h4 {
        color: rgb(148, 148,148);
    }
    
  • GNU/Linux Gamers

    @ᴅᴀʀᴛʜ-ᴠᴀᴅᴇʀ The CSS rules that you want to apply to dark mode also need to begin with body.lights-out
    for example .stats should actually be body.lights-out .stats

  • GNU/Linux Gamers

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


  • @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

  • GNU/Linux Gamers

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


  • @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

    rewrewrewr.png

    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>
    
  • GNU/Linux Gamers

    @ᴅᴀʀᴛʜ-ᴠᴀᴅᴇʀ 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


  • @dunlix

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

    https://community.nodebb.org/topic/12625/oxide-style

  • GNU/Linux Gamers

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

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

  • @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);
    }
    

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

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

  • @phenomlab

    That does not work


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


  • @phenomlab
    Sent it to you via chat


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

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

  • @phenomlab

    that worked, thank you very much for your help


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

Suggested Topics

| |