Turkmmo Karanlık Temayı Değiştirme

GDTR · 26 Eyl 2018

Mevcut karanlık temanın göz yorması sonucunda orta çıkmış bir eklentidir.

Google Chrome kullanıyor iseniz
Eklentiyi indirin.

Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.

Eklentinin amacı mevcut sitenin CSS özelliklerini değiştirmek. Bu amaç doğrultusunda temayı özelleştireceğiz.

Eklentiyi indirip kurulduktan sonra sağ üst köşede uygulamayı göreceksiniz.

https://forum.turkmmo.com açık iken

Üstüne tıklıyoruz.

Alanı karşımıza çıkacaktır.

1.Adımda

Boş kısma kodu yapıştırın.

CSS:

html {
    color: #cccc;
    background-color: #222325;
}

.p-header {
    color: #ccc;
    background: #202124;
}

.p-staffBar {
    color: #ccc;
    background: #1c1f21;
}

.p-pageWrapper {
    background: #222325;
}

.p-sectionLinks {
    font-size: 12px;
    color: #ccc;
    background: #282c2f;
    border-bottom: 1px solid #202124;
}

.block-minorHeader {
    color: #ccc;
    background: #1a1b1d;
}

.block-container{
    border:none!important;
    color:#ccc;
    background: #1e1f21;
}

.block-header {
    padding: 6px 10px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    background: #1c1c1c;
    border-bottom: 1px solid #e0e0e0;
}

.block-header {
    color: #ccc;
    background: #1c1c1c;
    border-bottom: 1px solid #202225;
}

.structItem {
    border-top: 2px solid #1b1c1d;
}

.node+.node {
     border-top: 2px solid #1b1c1d;
}

.input:focus, .input.is-focused {
    outline: 0;
    background: #1a1b1d;
}

.input {
    color: #ccc;
    background: #1a1b1d;
    border-top-color: #282c2f;
    border-right-color: #282c2f;
    border-bottom-color: #282c2f;
    border-left-color: #282c2f;
}

.block-footer {
    color: #ccc;
    background: #1a1b1d;
    border-top: 1px solid #1a1b1d;
    background: linear-gradient(180deg, #1a1b1d, #1e1f21);
}

textarea.input::-webkit-input-placeholder {
  color: #ccc;
}

textarea.input:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}

textarea.input::-moz-placeholder {  /* Firefox 19+ */
  color: #ccc;
}

textarea.input:-ms-input-placeholder {
  color: #cc;
}

textarea.input::placeholder {
  color: #ccc;
}

.tabs--standalone {
    border-top-color: #282c2f;
    border-right-color: #282c2f;
    border-bottom-color: #282c2f;
    border-left-color: #282c2f;
    background: #1c1c1c;

}

.tagItem {
    color: #cccc;
    background: #1c1c1c;
    border: 1px solid #1c1c1c;
}

.formRow>dt {
    background: #222325;
    border-color: #1c1c1c;
}

.pageNav-page.pageNav-page--current {
    background: #151212;
    color: #ccc;
    border: 1px solid #282c2f;
}

.pageNav-page , .pageNav-jump{
    background: linear-gradient(0deg, #1c1c1c, #1c1c1c);
    color: #cccc;
    border-top-color: #282c2f;
    border-right-color: #282c2f;
    border-bottom-color: #282c2f;
    border-left-color: #282c2f;
}


.block--messages .message, .block--messages .block-row{
    border: none;
    color: #ccc;
}

.message-cell.message-cell--user{
    background: #141517;
    border: none;
}

.message-cell.message-cell--main{
    background: #1a1b1d;
    border: none;
}

.message-userArrow {
    border-right-color: #1a1b1d;
}

.message-userArrow:after {
    border-right-color: #1a1b1d;
}

.message-attribution {
    border-bottom: 1px solid #444444;
}


.button.button--link, a.button.button--link {
    background: #1c1c1c;
    border-color: #282c2f #282c2f #282c2f #282c2f;
}


.menu-content {
    color: #cccc;
    background: #202124;
    border-top: 3px solid #1c1c1c;
}

.menu-tabHeader {
    background: #202124;
    border-bottom: 1px solid #1c1c1c;
}

.menu-row.menu-row--alt {
    color: #ccc;
    background: #202124;
}

.menu-separator {
    border-top: 1px solid #1c1c1c;
}

.menu-linkRow {
    color: #ccc;
}

.menu-header {
    background: #202124;
    border-bottom: 1px solid #1c1c1c;
    color: #ccc;
}

.menu-row.menu-row--separated+.menu-row , .menu-footer{
    border-top: 1px solid #1c1c1c;
}

.menu-row.menu-row--clickable:hover {
    background: #1c1c1c;
}

.contentRow-fader {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #131212 80%);
}

.memberHeader-separator {
    border-top: 1px solid #353535;
}

.memberHeader-main{
    border:none!important
}

.block-tabHeader {
    color: #cccc;
    background: #282c2f;
    border-bottom: 1px solid #d9d9d9;
}

.message-responseRow {
    background: #282c2f;
    border: 1px solid #1a1b1d;
}

.pageNav-page:not(:first-child){
    border-left-color: #282c2f!important;
}

.pageNav-page.pageNav-page--current:hover, .pageNav-page.pageNav-page--current:active {
    background: #141414;
}

2.Adımda

Off > On Şeklinde değiştirin bu kadar

Varsayılan tema olarak Turkmmo Karanlık Tema seçiniz.
Aşağıdaki gibi olacaktır. :rolleyes111: