Wit Thema

Discussie in 'Babbelbox' gestart door World Citizen, 17 mei 2018.

View Users: View Users
  1. World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    95
    BETA FEEDBACK WELKOM! BUGS WELKOM!

    Hey,

    Dat paars.. is wel leuk, maar poeh ik krijg er moeie ogen van. De ijle hoop dat beheer een thema toevoegt heb ik laten zwemen.. dus via een extensie zelf maar een wit thema gemaakt.

    Voor de liefhebbers, hij is nog niet af.. ik moet nog erg veel tunen, maar als je een wit thema wilt dan kun je dat zo quick-fixen.

    Er zal hier endaar nog wat paars te vinden zijn, en bepaalde margins en borders moet ik ff tunen. Maar het begin is er. Als je iets vind wat niet klopt of nog gedaan moet worden dan hoor ik het graag .

    (het logo zal bij jullie wel paars blijven)
    full.png


    Installeer Google Chrome
    Installeer de plugin "CSS Stylebot"
    Open deze website
    Klik rechtsboven op CSS in de menubalk
    Klik op " Open stylebot"
    Klik helemaal onderaan op " Edit CSS"
    Kopieer onderstaande tekst daarin en druk op "Save"
    Vernieuw de pagina met F5


    Code:
    #QuickSearch {
        background-color: #fff;
    }
    
    #header {
        background-color: #ffffff;
    }
    
    #legal li a {
        color: #000000;
    }
    
    #logoBlock {
        background-color: #ffffff;
    }
    
    #siropuChatHeader {
        background-color: #ffffff;
        border-color: #000000;
        border-style: none;
        border-width: 1px;
    }
    
    #thCopyrightNotice a {
        color: #000000;
    }
    
    .breadcrumb .crust .arrow span {
        -moz-border-right-colors: rgb(243,240,252);
        border: 12px solid transparent;
        border-left-color: rgb(000, 000, 000);
        border-right: 1px none black;
        display: block;
        height: 0px;
        left: -13px;
        overflow: hidden;
        position: absolute;
        text-indent: 9999px;
        top: -12px;
        white-space: nowrap;
        width: 0px;
        z-index: 51;
    }
    
    .navTabs .navTab.selected .tabLinks a {
        color: #000;
        display: block;
        font-size: 11px;
        line-height: 31px;
        padding: 1px 10px;
        text-shadow: 0px 0px 0px rgb(58,23,147);
    }
    
    .node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon {
        background-image: url();
        background-position: -50px 0;
        background-repeat: no-repeat;
    }
    
    a.LikeLink.item.control.like {
        background-color: #ffffff;
        color: #000000;
    }
    
    a.MultiQuoteControl.JsOnly.item.control {
        background-color: #ffffff;
        color: #000000;
    }
    
    a.OverlayTrigger {
        color: #000000;
    }
    
    a.OverlayTrigger.Tooltip {
        color: #000000;
    }
    
    a.OverlayTrigger.item.control.report {
        background-color: #ffffff;
    }
    
    a.PreviewTooltip {
        color: #000000;
    }
    
    a.ReplyQuote.item.control.reply {
        background-color: #ffffff;
        color: #000000;
    }
    
    a.Tooltip {
        background-color: #ffffff;
        border-style: none;
    }
    
    a.avatar.Av15m img {
        background-color: #ffffff;
        color: #000000;
    }
    
    a.avatar.Av15s {
        background-color: #ffffff;
    }
    
    a.avatar.Av25573m img {
        border-style: none;
    }
    
    a.callToAction.OverlayTrigger {
        background-color: #ffffff;
    }
    
    a.callToAction.OverlayTrigger span {
        background-color: #ffffff;
    }
    
    a.crumb {
        background-color: #ffffff;
        color: #ffffff;
    }
    
    a.crumb span {
        background-color: #ffffff;
        color: #000000;
    }
    
    a.currentPage {
        background-color: #ffffff;
    }
    
    a.homeLink {
        color: #000000;
    }
    
    a.item.control.OverlayTrigger {
        background-color: #ffffff;
    }
    
    a.major span {
        background-color: #ffffff;
        color: #000000;
    }
    
    a.minor span {
        background-color: #ffffff;
        color: #000000;
    }
    
    a.navLink {
        background-color: #ffffff;
        color: #000000;
    }
    
    a.navLink.Tooltip {
        background-color: #ffffff;
    }
    
    a.postDate span {
        background-color: #ffffff;
        color: #000000;
    }
    
    a.text {
        background-color: #ffffff;
        color: #000000;
    }
    
    a.title span {
        background-color: #ffffff;
        color: #000000;
    }
    
    a.username {
        background-color: #ffffff;
        color: #000000;
    }
    
    blockquote.quoteContainer {
        background-color: #ffffff;
        border-color: #000000;
    }
    
    dd.lastPost a span {
        background-color: #ffffff;
        color: #000000;
    }
    
    dd.main {
        background-color: #ffffff;
    }
    
    dd.muted {
        background-color: #ffffff;
    }
    
    div.PageNav {
        background-color: #ffffff;
    }
    
    div.PageNav nav a {
        background-color: #ffffff;
        color: #000000;
    }
    
    div.attribution.type {
        background-color: #c7c7c7;
    }
    
    div.avatarHolder {
        background-color: #f0f0f0;
        color: #ffffff;
    }
    
    div.bannerHeading {
        color: #000000;
    }
    
    div.bbCodeBlock.bbCodeQuote {
        border-color: #adadad;
    }
    
    div.discussionList.section.sectionMain {
        background-color: #ffffff;
    }
    
    div.discussionList.sectionMain {
        background-color: #ffffff;
    }
    
    div.extraUserInfo {
        background-color: #ffffff;
    }
    
    div.footer {
        background-color: #ffffff;
    }
    
    div.footerLegal {
        background-color: #ffffff;
    }
    
    div.footnote {
        color: #000000;
    }
    
    div.forum_list {
        background-color: #ffffff;
    }
    
    div.forum_view {
        background-color: #ffffff;
    }
    
    div.listBlock.lastPost {
        background-color: #fff;
    }
    
    div.listBlock.main {
        background-color: #ffffff;
    }
    
    div.listBlock.stats.pairsJustified {
        background-color: #fafafa;
    }
    
    div.messageContent {
        background-color: #f0f0f0;
    }
    
    div.messageMeta.ToggleTriggerAnchor {
        background-color: #f0f0f0;
    }
    
    div.messageUserBlock {
        background-color: #ffffff;
    }
    
    div.messageUserInfo {
        background-color: #ffffff;
        border-style: none;
        border-width: 5=px;
        margin-left: 7px;
    }
    
    div.navTabs {
        background-color: #ffffff;
        border-color: #000000;
        border-style: solid;
    }
    
    div.nodeInfo.categoryNodeInfo.categoryStrip {
        background-color: #ffffff;
    }
    
    div.nodeInfo.forumNodeInfo.primaryContent.unread {
        background-color: #ffffff;
    }
    
    div.nodeLastPost.secondaryContent {
        background-color: #f0f0f0;
    }
    
    div.nodeStats.pairsInline {
        background-color: #ffffff;
    }
    
    div.pageContent {
        background-color: #ffffff;
    }
    
    div.primaryContent {
        background-color: #ffffff;
    }
    
    div.privateControls {
        background-color: #f0f0f0;
    }
    
    div.publicControls {
        background-color: #f0f0f0;
    }
    
    div.quickReply.message {
        background-color: #ffffff;
    }
    
    div.quote {
        background-color: #ffffff;
        border-color: #000000;
    }
    
    div.secondaryContent {
        background-color: #ffffff;
    }
    
    div.secondaryContent h3 a {
        color: #000000;
    }
    
    div.secondaryContent.statsList h3 {
        color: #000000;
    }
    
    div.sectionFooter {
        background-color: #ffffff;
        border-color: #000000;
        border-style: solid;
    }
    
    div.sectionFooter a {
        color: #000000;
    }
    
    div.sectionFooter.InlineMod.SelectionCountContainer {
        background-color: #ffffff;
        border-color: #000000;
        border-style: solid;
    }
    
    div.siropuChatContentLeft {
        border-style: none;
    }
    
    div.siropuChatEditorTop {
        border-style: none;
        border-width: 1px;
        color: #000000;
    }
    
    div.siropuChatEditorTop form {
        border-style: none;
    }
    
    div.siropuChatSidebar.siropuChatMaximized {
        border-color: #000000;
        border-style: solid;
        border-width: 1px;
    }
    
    div.submitUnit {
        background-color: #ffffff;
    }
    
    div.tabLinks.forumsTabLinks {
        background-color: #ffffff;
    }
    
    div.titleText {
        background-color: #ffffff;
    }
    
    div.visitorText h2 {
        background-color: #ffffff;
        color: #000000;
    }
    
    div.watch_threads {
        background-color: #ffffff;
        color: #000000;
    }
    
    dl.convButtonInfoA.convButtonInfoAM {
        background-color: #ffffff;
        border-style: none;
    }
    
    dl.convButtonInfoA.convButtonInfoAM a {
        color: #000000;
    }
    
    dl.ctrlUnit {
        background-color: #ffffff;
    }
    
    dl.lastPostInfo {
        background-color: #fff;
    }
    
    dl.lastPostInfo dt {
        background-color: #fff;
    }
    
    dl.major {
        background-color: #fafafa;
    }
    
    dl.pairsJustified {
        background-color: #f0f0f0;
        color: #000000;
    }
    
    dl.secondaryContent {
        background-color: #ffffff;
    }
    
    dl.secondaryContent h3 {
        background-color: #ffffff;
        color: #000000;
    }
    
    dt.posterAvatar {
        background-color: #ffffff;
    }
    
    em.userBanner.bannerStaff.wrapped {
        background-color: #ffffff;
        color: #000000;
    }
    
    em.userTitle {
        background-color: #ffffff;
        color: #000000;
    }
    
    fieldset.breadcrumb {
        background-color: #ffffff;
        border-color: #000000;
        border-style: solid;
    }
    
    h3.JsOnly a {
        background-color: #ffffff;
        border-color: #000000;
        border-style: solid;
        color: #000000;
    }
    
    h3.nodeTitle {
        background-color: #ffffff;
    }
    
    h3.nodeTitle a {
        color: #000000;
        font-family: Helvetica;
        font-weight: bold;
    }
    
    h3.userText {
        background-color: #f0f0f0;
    }
    
    html {
        background-color: #fff;
        overflow-y: scroll ;
    }
    
    li.message {
        background-color: #ffffff;
    }
    
    li.message.staff {
        background-color: #fafafa;
    }
    
    li.sectionHeaders {
        background-color: #ffffff;
        color: #000000;
    }
    
    li.tabPrivateConversations a {
        background-color: #ffffff;
        border-style: none;
    }
    
    li.tabPrivateConversations a span {
        background-color: #ffffff;
    }
    
    li.tabRoom-0.active a {
        background-color: #ffffff;
        border-style: none;
        color: #000000;
    }
    
    li.tabStartPrivateConversation.Tooltip a {
        background-color: #ffffff;
        border-style: none;
    }
    
    ol.nodeList.sectionMain {
        background-color: #ffffff;
    }
    
    ol.siropuChatMessages {
        border-color: #000000;
        border-style: none;
        border-width: 1px;
    }
    
    span.arrow span {
        background-color: #ffffff;
    }
    
    span.contentSummary {
        color: #000000;
    }
    
    span.itemPageNav a {
        background-color: #ffffff;
        color: #000000;
    }
    
    span.itemPageNav span {
        background-color: #ffffff;
        color: #000000;
    }
    
    span.lastThreadMeta {
        background-color: #f0f0f0;
    }
    
    span.lastThreadTitle {
        background-color: #f0f0f0;
    }
    
    span.nodeIcon {
        background-color: #ffffff;
    }
    
    span.threadListMakeUp.Sticky {
        color: #000000;
    }
    
    ul.footerLinks li a {
        color: #000000;
    }
    
    ul.tabs {
        background-color: #ffffff;
        border-color: #000000;
        border-style: none;
        border-width: 1px;
    }
    
    a.avatar.Avs {
        background-color: #ffffff;
    }
    
    a.avatar.Av24244s {
        background-color: #ffffff;
    }
    
    a.avatar.Av25479s {
        background-color: #ffffff;
    }
    
    blockquote.messageText.SelectQuoteContainer.ugc.baseHtml {
        background-color: #f0f0f0;
        border-style: none;
    }
    
    div.baseHtml.signature.messageText.ugc aside {
        background-color: #b8b8b8;
        color: #000000;
    }
    
    p.explain {
        color: #000000;
    }
    
    #ctrl_xengallery_default_media_watch_state_Disabler li label {
        color: #000000;
    }
    
    ul li label {
        color: #000000;
    }
    
    dl.ctrlUnit dt label {
        color: #000000;
    }
    
    select.textCtrl {
        background-color: #ffffff;
        color: #000000;
    }
    
    form.xenForm.formOverlay.NoFixedOverlay.AutoValidator {
        background-color: #ebebeb;
    }
    
    h3.sectionHeader {
        color: #000000;
    }
    
    h2.heading.h1 {
        color: #000000;
    }
    
    input.button.OverlayCloser {
        background-color: #ffffff;
        color: #000000;
    }
    
    input.button.primary {
        background-color: #ffffff;
        color: #000000;
    }
    
    div.titleBar h1 {
        font-weight: bold;
        text-decoration: none;
        background-color: #ffffff;
    }
    
    div.ribbon.Tooltip {
        background-color: #ff0000;
    }
    
    div.quoteExpand.quoteCut {
        background-color: #ffffff;
        color: #000000;
    }
    
    .bbCodeQuote .quoteContainer .quoteExpand {
        display: none;
        box-sizing: border-box;
        position: absolute;
        height: 80px;
        top: 90px;
        left: 0;
        right: 0;
        font-size: 11px;
        line-height: 1;
        text-align: center;
        color: black;
        cursor: pointer;
        padding-top: 65px;
        background: linear-gradient(to bottom, rgba(183, 165, 228, 0) 0%, rgb(0, 0, 0) 80%);
    }
    
    a.callToAction {
        background-color: #ffffff;
    }
    
    a.callToAction span {
        background-color: #ffffff;
        color: #000000;
    }
    
    div.Menu.JsOnly {
        background-color: #ffffff;
        color: #ffffff;
        border-style: none;
    }
    
    ul.col1.blockLinksList li a {
        color: #000000;
        background-color: #ffffff;
    }
    
    form.sectionFooter.statusPoster.AutoValidator {
        background-color: #ffffff;
    }
    
    ul.col2.blockLinksList li a {
        background-color: #ffffff;
        color: #000000;
    }
    
    ul.col2.blockLinksList a {
        background-color: #ffffff;
        color: #000000;
    }
    
    div.mainContentBlock.section.sectionMain.insideSidebar {
        background-color: #ffffff;
        color: #000000;
    }
    
    div.alertText {
        background-color: #fafafa;
        color: #000000;
    }
    
    li.primaryContent {
        background-color: #fafafa;
    }
    
    a.primaryContent {
        background-color: #fafafa;
        color: #000000;
    }
    
    a.secondaryContent {
        background-color: #ffffff;
        color: #000000;
    }
    
    h4.subHeading {
        background-color: #ffffff;
        color: #000000;
        font-weight: bold;
        font-family: Helvetica;
    }
    
    div.tabLinks {
        background-color: #ffffff;
    }
    
    h4.heading.ToggleTrigger {
        background-color: #ffffff;
        color: #000000;
    }
    
    li.alertGroup {
        border-style: none;
        background-color: #ffffff;
    }
    
    a.NoPopupGadget {
        background-color: #ffffff;
        color: #000000;
    }
    
    ul.secondaryContent.blockLinksList li a {
        background-color: #ffffff;
        color: #000000;
    }
    
    strong.newIndicator {
        background-color: #ffffff;
        color: #000000;
    }
    
    input.button.OverlayTrigger.DisableOnSubmit {
        background-color: #ffffff;
        color: #000000;
    }
    
    input.button.DisableOnSubmit {
        color: #000000;
        background-color: #ffffff;
    }
    
    a.concealed {
        color: #000000;
    }
    
    div.secondaryContent.noItems {
        color: #000000;
    }
     
    Laatst bewerkt door een moderator: 18 mei 2018
  2. jessicapilon

    jessicapilon Beheerder Beheer

    Lid geworden:
    12 feb 2011
    Berichten:
    78.908
    Locatie:
    Groningen
    Smaken verschillen maar dat witte doet juist zeer op den duur aan mn ogen;)
     
    NicoleE en World Citizen vinden dit leuk.
  3. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    95
    Jazeker, Op mijn werk zie ook dat de een voor een Dark theme kiest en de ander voor light themes. Ik persoonlijk werk graag met witte achtergronden en zwarte tekst.
    Het is nogal persoonlijk.
     
  4. Altispinosa

    Altispinosa

    Lid geworden:
    26 mei 2011
    Berichten:
    4.033
    Locatie:
    Liedekerke Belgie
    Volledig mee akkoord want op den duur begin ik glinsteringen te zien als ik heel lang op wit kijk.
     
  5. NicoleE

    NicoleE

    Lid geworden:
    27 jul 2013
    Berichten:
    2.468
    Locatie:
    Sittard
    Inderdaad nogal persoonlijk, ik kan zelf ook niet al te best tegen teveel wit. Ben al blij als 's avonds f.lux zijn werk gaat doen, en soms gebruik ik zelfs een 'software dimmer' om het licht van mijn monitor te dimmen.

    Wilde je wel laten weten dat ik het knap werk van je vind, voor mij is het abracadabra :)
     
  6. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    95
    Hmmm.. Ik ben hem nu even anders opnieuw aan het maken zodat ik straks binnen 3 klikken een kopie kan maken met een andere kleur. Als dat af is kost het me geen enkele moeite een zwart of donkergrijs thema te maken.
    Geef me een paar dagen dan heb ik een donker thema...
     
    Altispinosa en Ruben01 vinden dit leuk.
  7. Ruben01

    Ruben01

    Lid geworden:
    22 aug 2016
    Berichten:
    4.912
    Locatie:
    Oldenzaal
    Ik blijf ook bij deze kleur, straks krijg ik nog ontwenningsverschijnselen:D

    Maar het is wel handig voor de mensen die dit helemaal niet fijn vinden, mischien kan het beheer hier wel een sticky van maken?
    Vind het wel knap gedaan!:thumbs:
     
    jessicapilon vindt dit leuk.
  8. RichD1011

    RichD1011

    Lid geworden:
    3 dec 2015
    Berichten:
    5.056
    Locatie:
    Driebergen
    Ben zelf voorstander van zwart.. op het oude forum was er ook een "dark-theme" en deze was zeer prettig voor mijn ogen.

    Beheer wil er op de nieuwe software niet aan beginnen, iets met indentiteit van het forum ofzo.
    Dus stel het zeer op prijs als je ook een donker schema in elkaar kan zetten :)
     
  9. NicoleE

    NicoleE

    Lid geworden:
    27 jul 2013
    Berichten:
    2.468
    Locatie:
    Sittard
    Niet alleen voor mensen die dit helemaal niet fijn vinden. Voor slechtzienden is dit een allerbelabberste kleurkeuze door het gebrek aan contrast
     
    Ruben01 vindt dit leuk.
  10. XfiXit

    XfiXit

    Lid geworden:
    1 jun 2017
    Berichten:
    486
    Dit trucje werkt zeker niet voor de mobiel?

    Ik ga op de pc zeker je dark grey versie installeren! Top werk!
     
  11. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    95
    Nouja, op zich is dat niet gek. En eigenlijk wel goede feedback. Ik had er al het paars proberen uit te slopen. Met de versie die ik nu maak is het wel witter maar zit er nog steeds wat paars in verwerkt om de indentiteit te behouden.

    Voorlopig niet
     
  12. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    95
    Oke ik heb een nieuwe gemaakt met iets meer respect naar de huisstijl van Aquaforum. Ook deze is nog niet helemaal af, maar wel al een heeeeel stuk netter.

    - Meer paars, maar niet te veel
    - Betere contrast verhoudingen voor slechtziende
    - Verminderingen van radiussen op borders, maar niet helemaal weg

    Ik noem dit even AquaF_White_V1 en zal dit quickfixen in een darkthema. Het tunen komt dan ergens komende week wel.

    (@beheer, ik mag de TS niet meer aanpassen nu. Excuus voor het vergeten van de code tags :) ..... Mocht je onderstaande in de TS willen aanpassen, of mij mede auteur kunnen maken... dan graag )

    (En ja beste css'ers... ik ben lui en overwrite defaults met de default waarde, maar had geen zin dit eruit te slopen :D )

    upload_2018-5-18_20-25-58.png


    AquaF_White_V1

    Code:
    #header {
        background-color: #e6e6e6;
    }
    
    .PageNav {
        background-color: #f2f2f2;
        font-size: 11px;
    }
    
    .bbCodeQuote .attribution {
        background: #737373 url(styles/default/xenforo/gradients/form-button-white-25px.png) repeat-x top;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: rgb(22,3,70);
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
    }
    
    .bbCodeQuote .quoteContainer {
        background: #c2c2c2 url(styles/default/xenforo/gradients/category-23px-light.png) repeat-x top;
        color: rgb(20,20,20);
        font-size: 9pt;
        font-style: italic;
        overflow: hidden;
        padding: 10px;
        position: relative;
    }
    
    .discussionList .sectionHeaders {
        background: #e6e6e6 url(styles/default/xenforo/gradients/category-23px-light.png) repeat-x top;
        border-bottom: 1px solid #363466;
        border-top: 1px solid #363466;
        color: #000000 ;
        font-family: Helvetica;
        font-size: 13px;
        margin: 3px auto 0;
        padding: 0;
    }
    
    .message .messageContent {
        _border: 1px outset rgb(0,0,0);
        background-color: #e6e6e6;
        border: 1px outset rgba(0,0,0, 0.6);
        min-height: 100px;
        overflow: hidden;
        padding-bottom: 2px;
    }
    
    .message .privateControls {
        background: #c2c2c2 url(styles/default/xenforo/gradients/form-button-white-25px.png) repeat-x;
        border-bottom: 1px solid rgb(22,3,70);
        border-bottom-left-radius: 4px;
        border-left: 1px solid rgb(22,3,70);
        border-top: 1px solid rgb(22,3,70);
        color: #ffffff;
        float: left;
        font-size: 9px;
    }
    
    .message .publicControls {
        background: #c2c2c2 url(styles/default/xenforo/gradients/form-button-white-25px.png) repeat-x;
        border-bottom: 1px solid rgb(22,3,70);
        border-bottom-right-radius: 4px;
        border-right: 1px solid rgb(22,3,70);
        border-top: 1px solid rgb(22,3,70);
        border-top-right-radius: 4px;
        color: rgb(252, 253, 253);
        float: left;
        font-size: 9px;
    }
    
    .messageList .message {
        background-color: #f2f2f2;
        border: 1px solid rgb(56,43,92);
        padding-bottom: 30px;
        padding-top: 10px;
    }
    
    .messageUserBlock .extraUserInfo {
        background: #b3b3b3 url(styles/default/xenforo/gradients/category-23px-light.png) repeat-x;
        color: #000000;
        font-size: 9px;
        padding-bottom: 1px;
        padding-right: 4px;
        padding-top: 1px;
    }
    
    .messageUserBlock a.username {
        color: #000000;
        display: block;
        font-weight: bold;
        line-height: 16px;
        overflow: hidden;
        text-align: center;
    }
    
    .messageUserBlock div.avatarHolder {
        background: #b3b3b3  url(styles/default/xenforo/gradients/category-23px-light.png) repeat-x;
        padding: 10px;
        position: relative;
    }
    
    .messageUserBlock h3.userText {
        background: #e6e6e6 url(styles/default/xenforo/gradients/category-23px-light.png) repeat-x;
        color: #000000;
    }
    
    .messageUserInfo {
        border-color: #b3b3b3;
    }
    
    .navTabs {
        background-color: #cccccc;
        border: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        font-size: 11px;
        height: 37px;
        padding: 0 25px;
    }
    
    .navTabs .navTab.PopupClosed .navLink {
        color: #000000;
    }
    
    .navTabs .navTab.PopupClosed:hover {
        background-color: #e8e8e8;
    }
    
    .navTabs .navTab.selected .navLink {
        background: #8c8c8c url(styles/default/xenforo/gradients/navigation-tab.png) repeat-x top;
        border: 1px solid rgb(183,165,228);
        border-bottom: 1px none black;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        color: #000000;
        font-weight: bold;
        margin-top: -2px;
        padding-top: 2px;
        position: relative;
        text-shadow: 0px 0px 3px rgb(243,240,252);
    }
    
    .navTabs .navTab.selected .tabLinks {
        background: #e6e6e6
    ;
    }
    
    .navTabs .navTab.selected .tabLinks a {
        color: #000000;
        display: block;
        font-size: 11px;
        line-height: 31px;
        padding: 1px 10px;
        text-shadow: 0px 0px 0px rgb(58,23,147);
    }
    
    .nodeList .categoryStrip {
        background: rgb(22,3,70) url(styles/default/xenforo/gradients/category-23px-light.png) repeat-x top;
        background-color: #e6e6e6;
        border-bottom: 1px solid #666666;
        border-left: 1px solid #666666;
        border-radius: 0px;
        border-right: 1px solid #666666;
        border-top: 1px solid #666666;
        color: #e6e6e6;
        font-family: Comic Sans MS;
        font-size: 13px;
        margin: 0;
        padding: 5px 10px;
    }
    
    .pairs dt, .pairsInline dt, .pairsRows dt, .pairsColumns dt, .pairsJustified dt {
        color: #000000;
    }
    
    .quickReply {
        background-color: #c2c2c2;
        border: 1px solid rgb(56,43,92);
        padding-bottom: 30px;
        padding-top: 10px;
    }
    
    .sectionMain {
        background-color: #d9d9d9;
        border: 1px solid #666666;
    }
    
    a.PreviewTooltip {
        color: #000000;
    }
    
    a.major span {
        background-color: #e6e6e6;
        color: #000000;
        font-family: Helvetica;
    }
    
    a.minor span {
        background-color: #e6e6e6;
        color: #000000;
        font-family: Helvetica;
    }
    
    a.postDate span {
        background-color: #e6e6e6;
        color: #000000;
        font-family: Helvetica;
    }
    
    a.title span {
        background-color: #e6e6e6;
        color: #000000;
        font-family: Helvetica;
    }
    
    a[href]:hover {
        color: c2c2c2;
        text-decoration: underline;
    }
    
    dd.lastPost a span {
        background-color: #e6e6e6;
        color: #000000;
        font-family: Helvetica;
    }
    
    div.discussionList.section.sectionMain {
        background-color: #f2f2f2;
    }
    
    div.listBlock.main {
        background-color: #f2f2f2;
    }
    
    div.mainContent {
        background-color: #f2f2f2;
    }
    
    div.nodeInfo.forumNodeInfo.primaryContent.unread {
        background-color: #f2f2f2;
    }
    
    div.nodeText {
        background-color: #f2f2f2;
    }
    
    div.pageContent {
        background-color: #f2f2f2;
    }
    
    div.pageWidth {
        background-color: #e6e6e6;
    }
    
    dt.posterAvatar {
        background-color: #e6e6e6;
        color: #000000;
    }
    
    h3.nodeTitle {
        background-color: #e6e6e6;
    }
    
    h3.nodeTitle a {
        color: #000000;
        font-family: Helvetica;
    }
    
    h3.title {
        background-color: #e6e6e6;
    }
    
    html {
        background-color: #e6e6e6;
        overflow-y: scroll ;
    }
    
    li.message.staff {
        background-color: #e6e6e6;
    }
    
    ol.nodeList.sectionMain {
        background-color: #f2f2f2;
    }
    
    span.threadListMakeUp.Closed {
        color: #8a8a8a;
    }
    
    
     
    Ruben01 vindt dit leuk.
  13. XfiXit

    XfiXit

    Lid geworden:
    1 jun 2017
    Berichten:
    486
    Deze doet het forum inderdaad wat meer eer aan. Het contrast is veel beter ieder geval
     
    World Citizen vindt dit leuk.
  14. MarcelK

    MarcelK Erelid

    Lid geworden:
    27 sep 2009
    Berichten:
    15.023
    Locatie:
    Hoogeveen
    :petjeaf:Wellicht kan beheer deze stijlen verwerken in het forum. Dan is een ieder vrij de kleur te kiezen.
     
  15. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    95
    Dat is lastig. Ik ben door de scripts heen gebladerd, en ik denk dat het forum met een flink stuk custom code zit. Laag op laag...
    Beheer zou beter een standaard versie van XenForo kunnen installeren en daar de database op importeren. Vervolgens het thema opnieuw laten bouwen door iemand die dat echt kan.

    Maar ik kan er ook naast zitten en iemand weet in welke stylesheet hij moet kijken :D