NodeBB Gece modu (Night Mode) özelleştirmeleri

NodeBB
  • Kurulumu.net’te kullandığım tüm CSS özelleştirmelerini paylaşıyorum. Aşağıdaki CSS kodlarını Yönetim Panelinde Görünüm > Özelleştirilmiş içerik bölümüne yapıştırın. Bu sayfanın altında bulunan Özelleştirilmiş CSS /LESS kullan seçeneğibi aktif etmeyi unutmayın.

    .chat-modal .chat-content li.chat-message .chat-user a, .expanded-chat .chat-content li.chat-message .chat-user a {
        color: #d9d9d9;
    }
    
    .form-control:focus {box-shadow:none}
    
    .btn, .topic .posts .content pre code, .hljs, code, .tag-list .tag .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info, .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary, .tag-list .tag, .alert-warning
    {
        border-radius: 4px
    }
    
    .categories>li, .category>ul>li, .category .category-item, .topic .topic-item {border-top: 2px solid #eee}
    
    .topic-list-header {border-bottom: none}
    
    .fa-chevron-up:before {
        content: "\f164";
    }
    
    .input-group-addon {
        
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    
    .announcements-widget {
        padding: 0;
        list-style-type: none;
    }
    
    .topic .content {
        font-size: 16px
    }
    .header .forum-logo {
        height: 35px;
        margin-top: 8px;
        margin-right: 12px;
    }
    
    .categories>li .category-children .category-children-item {
        min-width: 100px;
    }
    
    pre {
        padding: 0
    }
    
    code {
        color: #333;
        background-color: #e8ecf3;
    }
    
    .hljs{
        background: #f7f7f7;
        color: #666;
        padding: 9.5px;
    }
    
    
    
    
    
    @media (max-width: 767px){
    .header .forum-logo {
         margin-left: 1px; 
    }}
    
    .popular-tags > .inline-block {
    	width: 100%;
    	margin-top: -8px;
    	
    	&:first-child {
    		margin-top: 0;
    	}
    
    	&:last-child {
    		margin-bottom: -5px;
    	}
    }
    
    .popular-tags .tag-topic-count {
    	float: left;
    	width: 20%;
    	margin-top: 0px;
    	background-color: #cbebf7;
    	color: #777;
    	padding: 4px 4px 5px 4px;
    	border: 0;
    	text-align: center;
    }
    
    .popular-tags .tag-item {
    	float: left;
    	width: 80%;
    	background-color: #4fc3f7;
    	color: white;
    	font-weight: 500;
    	padding-left: 10px;
    	position: relative;
    	padding: 5px 5px 4px 10px;
    }
    
    .popular-tags-bar {
    	background-color: rgba(0,0,0,0.07);
    	width: 0px;
    	height: 32px;
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	-webkit-transition: width 750ms ease-out;
    	-moz-transition: width 750ms ease-out;
    	-ms-transition: width 750ms ease-out;
    	-o-transition: width 750ms ease-out;
    	transition: width 750ms ease-out;
    }
    
    .topic .posts .content .img-responsive {
        padding: 6px;
        border: 1px solid #c3c3c3;
        background-color: #eee;
        border-radius: 3px;
        margin: 10px;
    }
    
    
    @media (max-width: 767px){
    .topic .posts [component=post] {border-bottom: 1px solid #eee}}
    
    .well {
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
    }
    
    .btn-default {
        color: #56646f;
        background-color: #e8ecf3;
        border-color: #e8ecf3;
    }
    
    .form-control {
        border-radius:4px;
        border: 1px solid #c4d1dc;
    }
    
    .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
        color: #fff;
        background-color: #667c99;
        border-color: #667c99;
    }
    
    .open>.dropdown-menu  {
           border-radius: 4px;
    }
    
    .panel-default {
         border-radius: 4px;
         border-color: #e8ecf3;
    }
    
    .topic .pagination-block {
            background-color: #e8ecf3;
    }
    
    
    .dropdown-menu>li>form>.btn-link, .dropdown-menu>li>form>button {
        color: #f23d37;
    }
    
    .alert-warning {
        background-color: #d9534f;
        color: #fff;
        border-color: #d9534f;
    }
    
    body.lights-out .pagination a {
        
        background-color: #36393e;
       
    }
    
    body.lights-out .chat-list .unread {
        background-color: #252a30;
    }
    
    body.lights-out .header .notification-list li.unread, .slideout-menu .notification-list li.unread {background-color: #252a30;}
    
    body.lights-out .category .category-item, .topic .topic-item  {border-top: 2px solid #36393e;}
    
    body.lights-out  .categories>li, .category>ul>li {border-top: 2px solid #36393e;}
    
    
    body.lights-out .recent-cards .recent-card-container .recent-card {
        
        
        border: 1px solid #252a30;
        background-color: #36393e;
        
    }
    
    body.lights-out .topic [component="post/downvote"], .topic [component="post/upvote"] {color: #d9d9d9;}
    
    body.lights-out .topic .topic-info {
        border-bottom: 1px solid #252525;
    }
    
    
    body.lights-out .topic .posts>[component=post] .avatar {
        box-shadow: 0 0 0 0.5rem #36393e;
    }
    
    @media (max-width: 767px){
    body.lights-out .topic .posts [component=post] {
        border-bottom: 1px solid #252a30;
    }}
    
    body.lights-out .form-control {
        background-color:#36393e;
        border: 1px solid #252a30;
        color: #d9d9d9;
    }
    
    
    body.lights-out .input-group-addon {
        background-color: #36393e;
        border: 1px solid #252a30;
        
    }
    
    body.lights-out .well {
        border: 1px solid #252a30;
        background-color: #36393e;
        
    }
    
    body.lights-out .topic .pagination-block .pagination-text {
        color: #d9d9d9
    }
    
    body.lights-out .navbar-default .navbar-nav>li>a {color: #fff}
    
    body.lights-out .topic .pagination-block {
        background-color: #36393e;
    }
    
    body.lights-out .tag-list .tag {
        background: #36393e;
    }
    
    
    
    body.lights-out .composer .write {
        background: #36393e;
    }
    
    body.lights-out .composer {
        background:  #36393e;
    }
    
    body.lights-out .composer .formatting-bar .formatting-group li {
        color: #b3b3b3;
    }
    
    body.lights-out .modal-content{
        background-color: #3d4147;
        color: #d9d9d9
    }
    
    body.lights-out .account .profile .profile-meta strong {color: #337ab7}
    
    body.lights-out .modal-footer {
        border-top: 1px solid #252a30;
    }
    
    body.lights-out code {
        
        color: #898685;
        background-color: #36393e;
        
    }
    
    body.lights-out {
        background: none repeat scroll 0 0 #3d4147;
        color: #d9d9d9
    }
    
    body.lights-out .navbar-default {
        background-color: #36393e;
        border-color: #d9d9d9
    }
      
      
      body.lights-out .topic-header {
        background-color: #3d4147;
    }
    
    body.lights-out .topic .topic-info {
        border-bottom: 1px solid #252a30;
    }
    
    body.lights-out .dropdown-menu {
        background-color: #36393e;
    }
    
    body.lights-out .topic-list-header {
      background-color: #3d4147;   
    }
    
    body.lights-out .btn-default {
        color:#d9d9d9;
        background-color: #36393e;
        border-color: #252a30;
    }
    
    body.lights-out .dropdown-menu>li>a {
        color: #fff;
    }
    
    body.lights-out .chat-modal .modal-header {
        background-color: #337ab7;
        color: #eee;
        border-bottom: 0 solid #252a30;
    }
    
    body.lights-out .chat-modal .modal-body {
        background-color: #3d4147;
    }
    
    .chat-modal [component="chat/composer"] [component="chat/input"], .chats-full [component="chat/composer"] [component="chat/input"] {
        border: 1px solid #252a30;
    }
    
    
    body.lights-out .panel-body {
        background-color: #3d4147;
        color: #d9d9d9;
    }
    
    body.lights-out .panel-default .panel-heading {
        background-color: #36393e;
        color: #d9d9d9;
        border-color: #252a30;
    }
    
    body.lights-out .chats-list>li .room-name {color: #fff}
    
    body.lights-out pre {
        
        color: #d9d9d9;
        background-color: #36393e;
        border: 1px solid #252a30;
        border-radius: 4px;
        
    }
    
    body.lights-out .posts-list .posts-list-item .topic-title {
        color: #d9d9d9
    }
    
    body.lights-out .navbar {
        border:0
    }
    
    body.lights-out .category>ul>li .tag-list .tag {
        background-color: #36393e;
    }
    
    body.lights-out .list-group-item {
       
        background-color: #36393e;
        border: 1px solid #252a30;
    }
    
    body.lights-out .panel {
        background-color: #36393e;
    }
    
    body.lights-out .panel-default {
        border-color: #252a30;
    }
    
    body.lights-out hr {
        
        border-top: 1px solid #252a30;
    }
    
    body.lights-out a {
        
        color: #fff
    }
    
    
    body.lights-out .bootstrap-tagsinput {
        background-color: #3d4147;
    }
    
    body.lights-out .navbar-default .navbar-nav>.open>a, body.lights-out .navbar-default .navbar-nav>.open>a:focus, body.lights-out .navbar-default .navbar-nav>.open>a:hover {
        background-color: #333;
        color: #555;
    }
    
    body.lights-out .category>ul>li:not(.unread) h2 a {color: #d9d9d9 !important}
    
    
    body.lights-out .chat-modal .chat-content li.chat-message .message-body-wrapper .message-body, .expanded-chat .chat-content li.chat-message .message-body-wrapper .message-body:hover {background: transparent}
    
    body.lights-out .chats-list>li .teaser-content {
       color: #6c757d;
    }
    
    body.lights-out .chats-list>li:hover {background: #3d4147}
    
    body.lights-out .header .chat-list, .slideout-menu .chat-list {color: #ccc}
    
    body.lights-out .nav-pills>li>a:hover {background: #36393e}
    
    @media (max-width: 767px){
    body.lights-out .categories>li, body.lights-out .category>ul>li {
        border-top: 1px solid #252a30;
    }}
    
    @media (max-width: 767px){
    .menu-profile {
        
        background: #3d4147;
    }}
    
    @media (max-width: 767px){
    .slideout-menu {
        z-index: 10000!important;
        background-color: #36393e;
        background-image: linear-gradient(
    145deg
    ,#36393e,#36393e);
    }}
    
  • @mekici Teşkkürler işime çok yaradı. Mevcut gece modu eklentisinde bir çok hata var.


Benzer konular


  • NodeBB rankları düzenleme

    NodeBB
    1
    0 Oy
    1 İleti
    200 Bakış
    Kimse yanıtlamadı
  • NodeBB Kullanim sartlari sayfasi

    NodeBB
    8
    0 Oy
    8 İleti
    352 Bakış

    @fakruzaruret, içinde söyledi: NodeBB Kullanim sartlari sayfasi

    @crazycells evet orayı da görmüştüm ama gizlilik ve iletişim sayfaları için yetersiz kalcağı için ölçeklenebilir çözüm olarak bu plugini kurmak şart gibi. kaydolurken şartları okumaya zorlayacaksa o kısmı oraya da alabilirim dediğiniz gibi. Teşekkürler.

    Evet, /tosa ekleyince, kayit olan herkesin okuyup onaylamasi gerekiyor. Ama siz kendi sayfanizi yaratirsaniz bunun onayi icin kayit sayfalarinda degisiklik yapmaniz gerekir.

  • 1 Oy
    1 İleti
    330 Bakış
    Kimse yanıtlamadı
  • Kurulumu.Net'te kullandığım Özel CSS'ler

    NodeBB
    21
    1 Oy
    21 İleti
    745 Bakış

    @fakruzaruret, içinde söyledi: Kurulumu.Net'te kullandığım Özel CSS'ler

    @crazycells evet son sürümü kurdum ama hiç mi hata yaşayan olmamış merak ettim baya da kullanan var yani. Resmi forumda da mı versiyon 2 kurulu acaba?

    Hayir, bence resmi forumun surumune hic girmeyin 🙂

    NodeBB v3’e basladilar, o nedenle forumu da guncellemislerdir, diger plugin’leri de buna gore guncelliyorlar yavas yavas. Tum yeni degisiklikleri oraya ekliyorlar, ama biz ancak stable surum gelince gorebiliyoruz. O nedenle biz forum olarak genelde surumleri geriden takip ediyoruz…

  • NodeBB nedir? Nodebb forum nasıl kurulur?

    Sabitlendi NodeBB
    37
    +0
    6 Oy
    37 İleti
    4k Bakış

    Nodebb 3.6.0 sürüm güncellemesiyle minimum nodejs 18’e ihtiyaç duymaktadır.

    Nodejs son sürüm yükleme

    1- Nodesource GPG anahtarını indirme ve içeri aktarma

    sudo apt-get update sudo apt-get install -y ca-certificates curl gnupg sudo mkdir -p /etc/apt/keyrings curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | sudo gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_20.x nodistro main" | sudo tee /etc/apt/sources.list.d/nodesource.list

    nodejs çalıştırma ve yükleme

    sudo apt-get update sudo apt-get install nodejs -y

    Mongodb’nin ise 7.0 Sürümü Gelmiştir.
    Yükleme Komutları;

    sudo apt-get install gnupg curl curl -fsSL https://pgp.mongodb.com/server-7.0.asc | \ sudo gpg -o /usr/share/keyrings/mongodb-server-7.0.gpg \ --dearmor echo "deb [ arch=amd64,arm64 signed-by=/usr/share/keyrings/mongodb-server-7.0.gpg ] https://repo.mongodb.org/apt/ubuntu jammy/mongodb-org/7.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-7.0.list sudo apt-get update sudo apt-get install -y mongodb-org

    Mongodb Başlatma ve doğrulama

    sudo systemctl start mongod sudo systemctl status mongod

    Önceki Mongodb sürümlerinde mongo yazarak Mongodb giriş yaparak veritabanı oluşturuyorduk şimdi ise Mongosh olarak giriş yapıp yukarıdaki use admin use nodebb adımlarından devam edebilirsiniz.

    mongosh