İçeriğe atla

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


  • 1 Oy
    3 İleti
    192 Bakış
    adminA

    @fakruzaruret nodebb v3 sürümünde bu alan geliyor

  • NodeBB Yeniden Başlat & Yeniden Oluştur Çalışmıyor

    NodeBB
    7
    0 Oy
    7 İleti
    283 Bakış
    adminA

    @phi Yok ondan değildir. Bende de çalışmıyormuş yanlış hatırlıyormuşum 😄

  • 0 Oy
    2 İleti
    259 Bakış
    adminA

    @gandalf diğer kategorilerde sadece e-postasını onaylayan kullanıcılar konu açabiliyor. E postanızı doğruladınız mı?

    EDİT: Farkettim hocam. 2 gün önce NodeBB v1.18 sürüme güncellendi. Sanırım bir hata var. NodeBB’nin kendi forumunda da bu hata var ve rapor ettim. Yakında düzelir diye umuyorum.

    Yeni bir konuyu okumaya başladığınızda sonraki girişinizde sizi okuduğunuz en son iletiye yönlendiriyor her zaman ve bunun ayarı yok malesef.

  • Kurulumu.Net'te kullandığım Özel CSS'ler

    NodeBB
    21
    1 Oy
    21 İleti
    862 Bakış
    crazycellsC

    @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 yedekleme ve sürüm yükseltme

    Sabitlendi NodeBB
    46
    2 Oy
    46 İleti
    3k Bakış
    A

    mongodb 7 de direkt mongodump komutu calısmıyor kimlik doğrulama hatası veriyor

    bu şekilde yedekleme oluyor

    mongodump --port 27017 -u “dbkullanıcıadı” -p “dbşifre” --db=databaseismi --out=backup/yedek