Beta - Unofficial - Technopat XenForo 2.0 Gece Teması

SypeR · 25 Temmuz 2017

Not dedi:
Şimdilik Chromium tabanlı tarayıcılar için geçerli olan temayı kullanabilmeniz için Chromium mağazanızdan StyleBot adlı eklentiyi edinmeniz gerekli. Ek olarak XenForo 2.0 temasını aktifleştirmeniz gerekli. Aksi takdirde kullanamazsınız.

Bir konuda rastgeldiğimin üzerine gece saat 3'de yarım saatlik çaba ile Technopat Sosyal'e gece modu hazırladım. Gece vakti atladığım bazı detaylar kesinlikle olacaktır. Lakin öz söz olarak birçok şeyi gece kullanımına ve Technopat renk konseptine uygun hazırlandı.

Ekran görüntüleri:

Bilinen Buglar:

Profil üzerine gelindiğinde aşağı açılan menüde ilk sekme temayı tam almıyor. StyleBot ile seçildiği takdirde rengini alıyor. Ancak sayfa yenileme işlemi sonrası direk uygulanmıyor.
Bazı butonların standart gelen boyutu. StyleBot ile seçildiğinde olması gereken hale geri dönüyor. Ancak sayfa yenileme işlemi sonrası direk uygulanmıyor.
Metin giriş paneli. Düzenlenmeye izin verilmiyor. Alternatif bir metot bulacağım.
Sosyalin daha girmediğim sabit sayfaları...

StyleBot Menüsüne Eklenecek Kodlar:
StyleBot menüsünü açtıktan sonra menünün en altındaki Advanced kısmına bu Spoiler içerisindeki kod komple yapıştırılıp kaydedilecek. Artık beta sürüm Gece Modunuz kullanıma hazır!

Kod:

#logoBlock {
    background-color: #000000;
}

div.withSearch {
    background-color: #000000;
}

div.navTabs {
    background-color: #000000;
}

div.thread_view {
    background-color: #000000;
}

div.pageContent {
    background-color: #000000;
}

div.titleBar h1 {
    color: #ffd1ff;
}

div.footerLegal {
    background-color: #000000;
}

div.footer {
    background-color: #000000;
    border-style: none;
}

div.messageInfo.primaryContent {
    background-color: #000000;
    color: #ffffff;
    border-style: none;
}

li.message {
    background-color: #000000;
    color: #fcf453;
    border-color: #333333;
}

div.tabLinks.forumsTabLinks {
    background-color: #000000;
    color: #ffffff;
}

a.navLink {
    background-color: #000000;
    color: #59a600;
}

a.OverlayTrigger {
    color: #59a600;
    background-color: #000000;
    border-style: none;
}

ul.secondaryContent.blockLinksList li a {
    color: #59a600;
}

a.crumb span {
    color: #59a600;
}

ul.footerLinks li a {
    color: #59a600;
}

h3.textHeading.larger {
    color: #59a600;
    border-color: #333333;
}

#copyright {
    color: #b96ad4;
}

#thCopyrightNotice a {
    color: #b96ad4;
}

#copyright a {
    color: #b96ad4;
}

i.fa.fa-rss {
    color: #000000;
}

form.AutoValidator.blendedEditor {
    background-color: #000000;
    border-style: none;
}

div.quickReply.message {
    background-color: #000000;
    border-style: none;
}

li.discussionListItem {
    background-color: #000000;
    border-style: none;
}

div.listBlock.stats.pairsJustified {
    background-color: #000000;
}

dl.major dd {
    color: #f5f5f5;
}

dl.major dt {
    color: #59a600;
}

dl.minor dt {
    color: #59a600;
}

a.PreviewTooltip {
    color: #59a600;
}

a.username {
    color: #59a600;
}

input.button.primary {
    background-color: #59a600;
    border-style: none;
}

input.button.OverlayTrigger.DisableOnSubmit {
    background-color: #59a600;
    border-style: none;
}

input.button.DisableOnSubmit {
    background-color: #59a600;
    border-style: none;
}

ul.redactor_toolbar {
    background-color: #000000;
    border-style: none;
}

div.redactor_box.activated {
    background-color: #000000;
    border-style: none;
}

a.redactor_btn_bold {
    background-color: #000000;
    color: #ffffff;
}

a.redactor_btn_italic {
    color: #ffffff;
}

a.redactor_btn_underline {
    color: #ffffff;
}

a.redactor_btn_fontcolor {
    color: #ffffff;
}

a.redactor_btn_fontsize {
    color: #ffffff;
}

a.redactor_btn_fontfamily {
    color: #ffffff;
}

a.redactor_btn_undo {
    color: #ffffff;
}

a.redactor_btn_redo {
    color: #ffffff;
}

a.redactor_btn_custom_gallery {
    color: #ffffff;
}

a.redactor_btn_table {
    color: #ffffff;
    background-color: #000000;
    border-style: none;
}

a.redactor_btn_createlink {
    color: #ffffff;
}

a.redactor_btn_unlink {
    color: #ffffff;
}

a.redactor_btn_alignment {
    color: #ffffff;
}

a.redactor_btn_unorderedlist {
    color: #ffffff;
}

a.redactor_btn_orderedlist {
    color: #ffffff;
}

a.redactor_btn_outdent {
    color: #ffffff;
}

a.redactor_btn_indent {
    color: #ffffff;
}

a.redactor_btn_smilies {
    color: #ffffff;
    border-style: none;
}

a.redactor_btn_media {
    color: #ffffff;
    border-style: none;
}

a.redactor_btn_insert {
    color: #ffffff;
}

a.redactor_btn_draft {
    color: #ffffff;
}

a.redactor_btn_removeformat {
    color: #ffffff;
}

a.redactor_btn_switchmode {
    color: #ffffff;
}

blockquote.quoteContainer {
    background-color: #333333;
}

div.attribution.type {
    background-color: #333333;
}

span.LikeLabel {
    color: #59a600;
}

span.symbol {
    color: #59a600;
}

a.LikeLink.item.control.like {
    color: #59a600;
}

div.messageMeta.ToggleTriggerAnchor {
    color: #59a600;
}

a.ReplyQuote.item.control.reply {
    color: #59a600;
}

a.postsRemaining {
    background-color: #333333;
    color: #59a600;
}

a.text {
    background-color: #333333;
    color: #59a600;
    width: 75px;
    border-style: none;
}

div.PageNav nav a {
    border-style: none;
    color: #59a600;
    background-color: #333333;
    width: 26px;
}

a.concealed {
    color: #fcf453;
}

div.likesSummary.secondaryContent {
    background-color: #333333;
}

a.externalLink {
    color: #59a600;
}

a.internalLink {
    color: #59a600;
}

input.textCtrl {
    background-color: #333333;
    border-style: none;
}

div.baseHtml.noticeContent {
    background-color: #333333;
}

div.scrollContainer {
    background-color: #333333;
    border-style: none;
}

div.baseHtml.noticeContent a {
    color: #59a600;
}

a.tag {
    background-color: #333333;
    border-style: none;
}

div.secondaryContent.widget.sidebar-widget.WidgetFramework_WidgetRenderer_Threads {
    background-color: #333333;
    border-style: none;
    color: #59a600;
}

div.secondaryContent.widget.sidebar-widget.WidgetFramework_WidgetRenderer_Threads h3 {
    color: #59a600;
    background-color: #333333;
    padding-left: 10px;
    padding-top: 2px;
    border-style: none;
}

li.thread-472047.thread-node-72 a {
    color: #59a600;
}

li.thread-472010.thread-node-80 a {
    color: #59a600;
}

a.Tooltip {
    color: #59a600;
}

li.thread-472006.thread-node-28 a {
    color: #59a600;
}

li.thread-472047.thread-node-72 {
    color: #59a600;
}

li.thread-471171.thread-node-120 a {
    color: #59a600;
}

li.thread-471937.thread-node-62 a {
    color: #59a600;
}

li.thread-471992.thread-node-28 a {
    color: #59a600;
}

li.thread-471993.thread-node-141 a {
    color: #59a600;
}

li.thread-471995.thread-node-147 {
    color: #59a600;
}

li.thread-471995.thread-node-147 a {
    color: #59a600;
}

li.thread-472005.thread-node-202 a {
    color: #59a600;
}

li.thread-472004.thread-node-202 a {
    color: #59a600;
}

li.thread-472003.thread-node-28 a {
    color: #59a600;
}

li.thread-472001.thread-node-62 a {
    color: #59a600;
}

li.thread-472000.thread-node-28 a {
    color: #59a600;
}

li.thread-471999.thread-node-78 a {
    color: #59a600;
}

li.thread-471998.thread-node-31 a {
    color: #59a600;
}

li.thread-471997.thread-node-29 a {
    color: #59a600;
}

li.thread-471996.thread-node-30 a {
    color: #59a600;
}

li.thread-453145.thread-node-134 a {
    color: #59a600;
}

li.thread-471500.thread-node-202 a {
    color: #59a600;
}

li.thread-471468.thread-node-202 a {
    color: #59a600;
}

li.thread-471934.thread-node-62 a {
    color: #59a600;
}

li.thread-471569.thread-node-29 a {
    color: #59a600;
}

li.thread-366201.thread-node-202 a {
    color: #59a600;
}

li.thread-471349.thread-node-38 a {
    color: #59a600;
}

div.primaryContent.menuHeader {
    background-color: #000000;
    color: #59a600;
    border-style: none;
}

div.account_personal_details {
    background-color: #000000;
}

div.tabLinks {
    background-color: #000000;
}

form.xenForm.personalDetailsForm.AutoValidator {
    background-color: #000000;
    color: #59a600;
}

dl.ctrlUnit.sectionLink dt {
    color: #59a600;
}

dl.ctrlUnit.sectionLink dt a {
    color: #59a600;
}

div.mainContentBlock.section.sectionMain.insideSidebar {
    background-color: #000000;
    border-style: none;
}

a.LogOut.primaryContent {
    background-color: #000000;
}

h4.heading.ToggleTrigger {
    background-color: #3b3b3b;
    color: #59a600;
}

a.primaryContent {
    background-color: #333333;
    color: #59a600;
}

a.secondaryContent {
    background-color: #3b3b3b;
    color: #59a600;
}

div.navigationSideBar.ToggleTriggerAnchor {
    border-style: none;
}

a.OverlayTrigger.Tooltip {
    background-color: #000000;
}

div.Menu.JsOnly {
    background-color: #000000;
    border-style: none;
}

div.menuColumns.secondaryContent {
    background-color: #000000;
    border-style: none;
}

ul.col1.blockLinksList li a {
    background-color: #000000;
    color: #59a600;
}

ul.col2.blockLinksList li a {
    background-color: #000000;
    color: #59a600;
}

form.AutoValidator.visibilityForm label {
    background-color: #000000;
    color: #59a600;
}

div.secondaryContent.noItems {
    background-color: #000000;
    color: #59a600;
    border-style: none;
}

div.sectionFooter {
    background-color: #000000;
    border-style: none;
}

div.sectionFooter a {
    color: #59a600;
}

div.menuHeader.primaryContent h3 {
    border-style: none;
}

div.menuHeader.primaryContent {
    border-style: none;
}

ol.secondaryContent {
    background-color: #000000;
}

li.Alert.listItem.PopupItemLink.PopupItemLinkActive {
    background-color: #000000;
    color: #ffffff;
}

p.explain {
    color: #ffffff;
}

p.hint {
    color: #ffffff;
}

abbr.DateTime.muted.time {
    color: #f5f5f5;
}

a.PopupItemLink {
    color: #59a400;
}

div.forum_list {
    background-color: #000000;
}

div.secondaryContent {
    background-color: #333333;
    border-style: none;
}

div.nodeInfo.forumNodeInfo.primaryContent.unread {
    background-color: #000000;
    border-style: none;
}

ol.nodeList.sectionMain {
    background-color: #000000;
    border-style: none;
}

div.nodeInfo.forumNodeInfo.primaryContent {
    background-color: #000000;
    border-style: none;
}

div.nodeInfo.linkNodeInfo {
    background-color: #000000;
    border-style: none;
}

div.nodeInfo.categoryNodeInfo.categoryStrip {
    background-color: #333333;
    color: #59a600;
    border-style: none;
}

h3.nodeTitle {
    color: #59a600;
}

h3.nodeTitle a {
    color: #59a600;
}

span.lastThreadTitle a {
    color: #59a600;
}

div.secondaryContent h3 a {
    color: #59a600;
}

a.resourceTitle {
    color: #59a600;
}

div.footnote {
    background-color: #333333;
    border-style: none;
}

blockquote.nodeDescription.muted.baseHtml {
    color: #f0f0f0;
}

span.dt {
    color: #ffffff;
}

div.primaryContent.menuHeader h3 {
    color: #59a600;
}

a.menuRow {
    background-color: #000000;
    color: #59a600;
}

div.secondaryContent.widget.sidebar-widget.WidgetFramework_WidgetRenderer_OnlineStaff h3 {
    color: #59a600;
}

div.secondaryContent.widget.sidebar-widget.WidgetFramework_WidgetRenderer_Stats h3 {
    color: #59a600;
}

dl.discussionCount dd {
    color: #ffffff;
}

dl.messageCount dd {
    color: #ffffff;
}

dl.memberCount dd {
    color: #ffffff;
}

div.secondaryContent.statsList h3 {
    color: #59a600;
}

div.secondaryContent h3 {
    color: #59a600;
}

div.plusone.shareControl {
    color: #59a600;
}

div.facebookLike.shareControl {
    color: #59a600;
}

div.tweet.shareControl {
    color: #59a600;
}

li.WidgetFramework_WidgetRenderer_FeedReader_Entry.limitedHeight a {
    color: #59a400;
}

div.secondaryContent.widget.sidebar-widget.WidgetFramework_WidgetRenderer_FeedReader {
    background-color: #333333;
    border-style: none;
}

div.secondaryContent.widget.sidebar-widget.WidgetFramework_WidgetRenderer_Template {
    background-color: #333333;
    border-style: none;
}

div.nodeLastPost.secondaryContent {
    background-color: #000000;
}

span.lastThreadTitle span {
    color: #ffffff;
}

ul.nodeStats li span {
    color: #ffffff;
}

div.forum_view {
    background-color: #000000;
}

li.sectionHeaders.stickynormalHeader {
    background-color: #333333;
    border-style: none;
}

a.avatar.Av1s {
    background-color: #000000;
}

div.listBlock.posterAvatar {
    background-color: #000000;
}

ol.discussionListItems {
    background-color: #000000;
    border-style: none;
}

li.discussionListItem.visible.sticky {
    border-style: none;
}

li.discussionListItem.visible.unread {
    border-style: none;
}

h3.JsOnly a {
    border-style: none;
    background-color: #333333;
    color: #59a600;
}

a.MarkThreadRead {
    background-color: #333333;
    color: #59a600;
    border-style: none;
}

span.itemPageNav a {
    background-color: #333333;
    color: #59a600;
    border-style: none;
}

abbr.DateTime {
    color: #757575;
}

dl.lastPostInfo dt {
    color: #212121;
}

a.PageNavNext {
    height: 24px;
}

span.fa.fa-thumb-tack {
    color: #757575;
}

span.fa.fa-lock {
    color: #757575;
}

span.fa.fa-eye {
    color: #757575;
}

dl.minor dd {
    color: #ffffff;
}

span.DateTime {
    color: #757575;
}

li.discussionListItem.visible {
    border-style: none;
}

span.arrow span {
    display: none;
}

span.arrow {
    display: none;
}

div.messageHeading {
    border-color: #333333;
}

strong.newIndicator {
    background-color: #333333;
    color: #ffffff;
    border-style: none;
}

a.item.muted.postNumber.hashPermalink.OverlayTrigger {
    color: #59a600;
}

div.Advertisement7 {
    display: none;
}

a.text.unreadLink {
    width: 225px;
}

div.Advertisement2 {
    display: none;
}

div.thread_create {
    background-color: #000000;
}

form.xenForm.Preview.AutoValidator {
    background-color: #000000;
}

div.mainContent {
    color: #ffffff;
}

input.button.PreviewButton.JsOnly {
    background-color: #59a600;
    border-style: none;
}

input.button.smallButton.FieldAdder.JsOnly {
    border-style: none;
    background-color: #59a600;
}

div.taggingInput.textCtrl.verticalShift {
    background-color: #333333;
    border-style: none;
}

input.textCtrl.TagInput {
    border-style: none;
}

input.AcSingle {
    background-color: #333333;
}

input.textCtrl.titleCtrl {
    color: #ff9eff;
}

p.muted.baseHtml {
    color: #ffffff;
}

li.AttachedFile.secondaryContent.AttachedImage {
    border-style: none;
    background-color: #000000;
}

input.button.smallButton.AttachmentInsertAll {
    background-color: #56a900;
}

input.button.smallButton.AttachmentInserter {
    background-color: #56a900;
}

div.secondaryContent.AttachmentInsertAllBlock.JsOnly {
    background-color: #000000;
}

input.button.smallButton.AttachmentDeleter {
    background-color: #56a900;
}

UYARI: Tema daha Beta aşamada. Aşırı derecede renk şeması hatası içerebilir. Dikkatli kullanın.

Akif · 25 Temmuz 2017

Bazı butonlar yeşil yerine mavi yazılmış oluyor. Bu arada siyah gerçekten çok koyu. Biraz daha açık bir ton olabilir sanıyorum.

Güzel çalışma. Biraz deneyelim bakalım.

FurkanEmir41 · 25 Temmuz 2017

Gri-Yeşil yap bence bu çok siyah olmuş veya Siyah-Beyaz yap site rengi diye Yeşil kullanma çok göz yoruyor.

SypeR · 25 Temmuz 2017

Akif dedi:
Bazı butonlar yeşil yerine mavi yazılmış oluyor. Bu arada siyah gerçekten çok koyu. Biraz daha açık bir ton olabilir sanıyorum. Güzel çalışma. Biraz deneyelim bakalım.

Bugün gün içinde bazı eksikleri de tamamlayacağım. Gördüklerimden başladım mesela. Yine de güzel görüşün için teşekkürler. :like:

squater · 25 Temmuz 2017

Yeşil çok göz yoruyor baktığımda, göz yormayan renkler tercih edilebilir gibi geliyor.

SypeR · 25 Temmuz 2017

FurkanEmir41 dedi:
Gri-Yeşil yap bence bu çok siyah olmuş veya Siyah-Beyaz yap site rengi diye Yeşil kullanma çok göz yoruyor.

Şu anki tüm şablonları tamamlayayım, farklı alternatifler hazırlayabilirim. Fikir için teşekkürler. :like:

squater dedi:
Yeşil çok göz yoruyor baktığımda, göz yormayan renkler tercih edilebilir gibi geliyor.

Şu anda Beta olduğu için göz yorması olası. Final sürümde olacağını zannetmiyorum.

squater · 25 Temmuz 2017

SypeR dedi:
Şu anda Beta olduğu için göz yorması olası. Final sürümde olacağını zannetmiyorum

Size iyi çalışmalar o zaman.

Recep Baltaş · 19 Mart 2018

Artık UI.X Dark kullanılabilir

Stil Seçimi

Beta - Unofficial - Technopat XenForo 2.0 Gece Teması

Ayrıntılı düzenleme

SypeR

Terapat

Akif

Technopat

FurkanEmir41

Kilopat

SypeR

Terapat

squater

Kilopat

SypeR

Terapat

squater

Kilopat

Recep Baltaş

Technopat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz