Text not visible with dark jQueryUI theme

Text not visible with dark jQueryUI theme

MassimoMassimo Posts: 3Questions: 1Answers: 0

Good morning.
I'm trying to style a dataTable with jQueryUI. I follow the example "jQueryUI ThemeRoller". If I change the theme to a dark one, for example ui-darkness, text in header and footer is not visible anymore.
Link: http://live.datatables.net/vakivuza/1/
Is there any workaround for this issue?
Thank you
Massimo

This question has an accepted answers - jump to answer

Answers

  • MassimoMassimo Posts: 3Questions: 1Answers: 0
    edited September 2014

    New link not expired:
    http://live.datatables.net/pugokiki/1/
    Massimo

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin
    Answer ✓

    In dataTables.jqueryui.css you will find:

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
       color: #333333;
    }
    

    Remove it :-)

    Allan

  • MassimoMassimo Posts: 3Questions: 1Answers: 0

    Many many thanks for pointing me in the right direction!
    To get my datatable fully styled, however, I also had to remove this css line in the same file:

    .dataTables_wrapper .dataTables_paginate .fg-button {
       color: #333333 !important;
    }
    

    for the pagination numbers to be correctly styled, and this:

    .DTTT_button {
       color: #333 !important;
    }
    

    because I use TableTools, too.
    Thanks again.
    Massimo

This discussion has been closed.