1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

[Tomato v1.0 and up] Custom color scheme

Discussion in 'Tomato Firmware' started by bokh, Dec 5, 2006.

  1. bokh

    bokh Network Guru Member

    Anyone know how and where to put the custom CSS color scheme in Tomato v1.0?
    I'd like to try to setup one myself that resembles the original Linksys purple-like theme...
     
  2. GeeTek

    GeeTek Guest

    I just set mine for pumpkin and left it alone. Looks great. This is my first wireless install for pumpkin and my first install of Ver. 1 on a WHR g54s. 67 Mw looked nice and strong. Tomato Rocks. Pumpkin is delicious. Thanks.
     
  3. tofu

    tofu Network Guru Member

    You can use /www/*.css as a template. The file must be in /var/wwwext/custom.css. The easiest way to do this is to probably just use a startup script:

    mkdir /var/wwwext
    cat <<END > /var/wwwext/custom.css
    ---css here---
    END
     
  4. bokh

    bokh Network Guru Member

    Ah thanks Tofu! It works. I almost found it out myself ;-)
    However I had to create the wwwext-directory manually. Will this dir be deleted after a reboot?
    Nevertheless, here's a quick-'n-dirty first try using the default Linksys-purple (#6363CE) and black hovering tabs:

    UPDATED Dec. 7th 11:33 CET (GMT+1)

    Code:
    a {
    color: #1C1C1C;
    }
    a:hover {
    background: #000;
    color: #FFF;
    }
    input[type='button']:hover {
    background: #6363CE;
    color: #FFF;
    }
    #header {
    background: #6363CE;
    }
    #navi a {
    color: #4F4F4F;
    }
    #navi a:hover {
    background: #000;
    color: #FFF;
    }
    #tabs a.active {
    background: #6363CE;
    color: #FFF;
    }
    #tabs a:hover {
    background: #000;
    color: #FFF;
    }
    .tomato-grid .odd:hover,
    .tomato-grid .even:hover {
    background: #CFCFCF;
    }
    .tomato-grid a {
    color: #6363CE;
    }
     
  5. hbkh

    hbkh LI Guru Member

    Will you post a screenshot of this scheme? it sounds nifty... :biggrin:
     
  6. yuripave

    yuripave Guest

    something like this
     

    Attached Files:

  7. bokh

    bokh Network Guru Member

    Update

    The custom.css was recently updated. This is how it looks (see attachement - lacks detail).
     

    Attached Files:

  8. fareal

    fareal LI Guru Member

    I tried the other Tomato colors, but the original has its hooks in me, I couldn't get away from it.
     
  9. der_Kief

    der_Kief Super Moderator Staff Member Member

    Same here, i never see a blue tomato before :biggrin:

    der_Kief
     
  10. Jonny_doe

    Jonny_doe Network Guru Member

    where do you put this code ??
     
  11. bokh

    bokh Network Guru Member

    Under Administration --> Scripts --> Init-tab

    Make sure the directory /var/wwwext exists or is being created on the WRT!
    So start the script with
    Code:
    mkdir /var/wwwext
    cat <<END > /var/wwwext/custom.css
    a {
    color: #1C1C1C;
    }
    
    ... rest of CSS-code ...
    
    .tomato-grid a {
    color: #6363CE;
    }
    END

    The "END" is important!
     
  12. Jonny_doe

    Jonny_doe Network Guru Member

    Many thanks , it works fine now
     

Share This Page