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:
    1.143
    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:
    83.432
    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:
    1.143
    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:
    5.451
    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:
    4.097
    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:
    1.143
    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:
    5.376
    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:
    6.050
    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:
    4.097
    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:
    492
    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:
    1.143
    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:
    1.143
    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:
    492
    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.057
    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:
    1.143
    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
     
  16. Cédric Vleminckx

    Cédric Vleminckx

    Lid geworden:
    18 dec 2015
    Berichten:
    9.719
    Locatie:
    Tienen (Oplinter), België
    Clean versie installeren mag, maar database importeren hoeft niet. Je kan gewoon in deze versie een clean standaard template installeren, en die bouwen die laten bouwen door iemand die verstand heeft van Xenforo.
     
  17. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    1.143
    Owja, ik zou hier ook nog wat mee doen. Excuus, het bouwen van mijn aqua heeft dit doen uitstellen. Ik gebruik zelf nog steeds het witte thema trouwens.

    Eens kijken of ik hier wat tijd voor kan vinden (black thema)

    Dat ligt er dus aan. Ik zie wat custom code, als dit ook inline is gedaan bij core files dan gaat een thema import niet goed.
    Al denk ik dat het zo wel goed is. Als de beheerders dingen willen veranderen en gratis wat hulp wil dan kijk ik graag mee.
     
  18. NicoleE

    NicoleE

    Lid geworden:
    27 jul 2013
    Berichten:
    4.097
    Locatie:
    Sittard
    Een zwart thema zou ik wel op prijs stellen.
     
    World Citizen vindt dit leuk.
  19. RichD1011

    RichD1011

    Lid geworden:
    3 dec 2015
    Berichten:
    6.050
    Locatie:
    Driebergen
    Nog aan een dark-thema toegekomen WC?
     
    World Citizen vindt dit leuk.
  20. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    1.143
    Nee :D
    Maar goed dat je ff post. Slim ook om het op vrijdag te doen!
    Als ik morgen een uurtje of 2 ergens vind maak ik hem.
     
    Ruben01 en RichD1011 vinden dit leuk.
  21. tuinkabouter

    tuinkabouter

    Lid geworden:
    18 jan 2010
    Berichten:
    4.748
    Locatie:
    alkmaar
    Bestaat dit ook voor Firefox toevallig?
     
    World Citizen vindt dit leuk.
  22. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    1.143
    Dat lijkt me wel, maar dan zal mijn script er niet meteen in passen. Maar wat ik heb gedaan is niet heel moeilijk. Als eenzelfde soort tool voor Firefox beschikbaar is dan heb je met het kijken van 2 youtube filmpjes in een een uur of 2/3 een werkend ontwerp.
    Ik zal er morgen eens op googlen,
     
    sschot vindt dit leuk.
  23. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    1.143
    Ja top idee dit ..... :stom:

    Naar zwart is echt een stuk lastiger. Ik ben een heel eind maar om vanuit een overwegend lichte omgeving naar een donkere te gaan is echt veel werk :D

    Toen ik van paars naar wit ging kon ik bv tekstkleur negeren. Alle zwarte tekst werkte net zo goed in het witte als in het paarse thema.
    Maar als ik naar een zwart thema ga moet ik echt elke regel die tekst wit maakt vervangen naar zwart. Hover overs/ titels/ dropdowns... pffff wat een werk :D

    Ik kan zelf het forum nu amper gebruiken omdat ik de heft van de tekst niet zie :)

    Maar goed... geef me wat tijd, het begin is er.
     
    RichD1011 en NicoleE vinden dit leuk.
  24. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    1.143
    Oke.. Ik ga dit even testen.

    Iemand is heel liev geweest ooit en heeft besloten om 80 miljard verschillende dingen los te definiëren in de code. Als ik nu op de frontpage zit dan ziet het er goed uit, maar als ik een post quote ben ik een half uur verder voordat het er goed uitziet.
    Elk item en elke knop moet ik afgaan. Nu... ik pak hetgeen wat je dagelijks tegenkomt en zal dan een beta code posten. Details komen dan later wel.

    Laat me even een flinke dag werken met dit thema zodat ik alles een beetje heb aangeklikt wat ik normaal gebruik.

    Het hele hoofdstuk "wedstrijden en quizen" doe je straks gewoon niet meer aan mee :D. Dat mag iemand anders fixen.
     
  25. jessicapilon

    jessicapilon Beheerder Beheer

    Lid geworden:
    12 feb 2011
    Berichten:
    83.432
    Locatie:
    Groningen

    Het zou fijn zijn als je nu eens zou opschieten zeg:D;)
     
    World Citizen vindt dit leuk.
  26. Cédric Vleminckx

    Cédric Vleminckx

    Lid geworden:
    18 dec 2015
    Berichten:
    9.719
    Locatie:
    Tienen (Oplinter), België
    Maar jaag die toch niet zo op :D:D:D
     
    World Citizen vindt dit leuk.
  27. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    1.143
    Ik weet dat je wel eens in Frontpage hebt gewerkt. En als je dan ooit het HTML tabblad heb aangeklikt en geprobeerd hebt om een logische structuur in de code te vinden.... dan snap je wat ik bedoel.
    Blij te zien dat jij over bent naar andere platformen.

    (fix die duiven website eens :D )
     
  28. jessicapilon

    jessicapilon Beheerder Beheer

    Lid geworden:
    12 feb 2011
    Berichten:
    83.432
    Locatie:
    Groningen

    Dat kun je beter tegen Stefan zeggen volgens mij:D:D
     
  29. jessicapilon

    jessicapilon Beheerder Beheer

    Lid geworden:
    12 feb 2011
    Berichten:
    83.432
    Locatie:
    Groningen

    Als ik geen ik doe niks vandaag dag had dan zou ik het met alle plezier hebben overgenomen:juggle:
     
  30. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    1.143
    Even een vraag voor de Nacht modus gebruikers onder ons.

    Ik had iets gemaakt maar werd er zelf een beetje scheel van. Nu heb ik wat gegoogled en vraag me af of jullie onderstaand plaatje er "fijn" uit vinden zien.

    1: Moet het in zijn geheel donkerder?
    2: Vind je de zwarte tekst fijn? Of liever wit?
    3: Contrasteren de verschillende donkere tinten genoeg? Of moet ik kleuren gebruiken die verder uit elkaar liggen?

    Kijk ook even naar de tekst onder de usernamen. Geef me gewoon koud je mening.
    Het paars wat er nu nog in zit probeer ik zo fine te tunen dat het respectvol blijft naar de persoonlijkheid van de site. Her en daar blijft er dus paars in, maar dan wel de wat donkere varianten.

    Ik gebruik zelf nooit nachtthema, dus ben even benieuwd naar jullie feedback.

    upload_2018-8-19_15-49-49.png
     
  31. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    1.143
    Oh lieven leden het spijt me. Ik ben er nog wat mee bezig geweest en dit word me echt te veel.

    Sorry er komt geen donker thema. Ik kan dit niet fatsoenlijk afleveren en het gaat mee veel te veel leed opleveren :D
     
    jessicapilon en RichD1011 vinden dit leuk.
  32. NicoleE

    NicoleE

    Lid geworden:
    27 jul 2013
    Berichten:
    4.097
    Locatie:
    Sittard
    Dat is jammer maar ik waardeer het dat je het hebt geprobeerd. Dan moet ik f.lux maar aanzetten en het scherm wat extra dimmen. Geef ook rust aan de ogen.
     
    World Citizen vindt dit leuk.
  33. TS
    TS
    World Citizen

    World Citizen

    Lid geworden:
    16 mei 2018
    Berichten:
    1.143
    Sorry :iloveyou:
     
  34. NicoleE

    NicoleE

    Lid geworden:
    27 jul 2013
    Berichten:
    4.097
    Locatie:
    Sittard
    Geeft toch niet WC!
     
    World Citizen vindt dit leuk.
  35. sschot

    sschot

    Lid geworden:
    8 okt 2015
    Berichten:
    1.916
    Locatie:
    Krimpen aan den IJssel
    Misschien kan het beheer eens kijken of de basis anders kan, waardoor het een appeltje eitje zou kunnen worden IPV dit drama, want volgens mij kan het makkelijker, als ze bij de basis blijven, toch?