Farbtabelle

Einige Farben werden nicht in der Date mocha.css codiert sondern in mocha.js:

this.closebuttonX = mochaWidth - 15;
    if (this.options.closable || el.modal){
        this.closebutton(ctx, this.closebuttonX, 15, 189, 117, 217, 1.0); //alt: 229; 217, 217
}
    if (this.options.maximizable && !el.modal){
        this.maximizebutton(ctx, this.maximizebuttonX, 15, 17, 229, 217, 1.0); //alt 217, 229, 217
}
    if (this.options.minimizable && !el.modal){
        this.minimizebutton(ctx, this.minimizebuttonX, 15, 231, 231, 209, 1.0); //Minimize
}
    if (this.options.resizable && !el.modal){
        this.triangle(ctx, mochaWidth - 20, mochaHeight - 20, 12, 12, 209, 209, 209, 1.0); //resize handle
 

 

Folgende Farbcodes sind in mocha.css hinterlegt:

(Die Farben werden immer als Hintergrund angezeigt, außer bei #000 oder #000000)

Element Original 1. Variante  
mochaDesktopTitlebar      
background #f0f0f0    
border-top #fff    
border-bottom #bbb    
mochaDesktopTitlebar h1      
color #e60    
mochaDesktopTitlebar h1 .version      
color #333    
mochaDesktopNavbar      

background

 #f0f0f0    
border-top #fff    
border-bottom #bbb    
mochaDesktopNavbar ul li a      
color #000    
mochaDesktopNavbar ul li a:hover      
background #e4e4e4    
mochaDesktopNavbar li ul      
border #999    
background #fff    
mochaDesktop div .mochaTitlebar h3      
color #000    
mochaDesktop div .mochaTitlebar a      
color #444    
mochaDesktop .mochaContent      
border-top #bdbdbd
border-bottom #d7d7d7
mochaDesktop .mochaScroller      
background #fff    
.resizeHandle      
background #000    
.mochaControls      
background #f00    
.minimizeToggle, .maximizeToggle, .mochaClose      
background #000    
#sliderarea      
background #ddd    
#sliderknob      
background #e60    
#mochaDesktop textarea, #mochaDesktop input      
color #555    
#mochaDesktop .input      
background #fbfbfb    
border #ccc    
#mochaDesktop textarea      
background #fbfbfb    
border #ccc    
.mochaDock      
background #fff    
background-color #f0f0f0    
border-top #f0f0f0    
border-bottom: #fff    
.mochaDockButton      
background-color #f0f0f0    
border-top #fff    
border-right #777    
border-bottom #777    
border-left #fff    
.moachDockPlacement      
background #f00    

Links

Schema1