Support #620

CSS colour

Added by Jahangir Khan over 4 years ago. Updated about 3 years ago.

Status:NewStart date:11/02/2014
Priority:LowDue date:
Assignee:-% Done:

0%

Category:-
Target version:-

Description

I can't seem to change the colour of menu background and the boarder colour around it. I've tried changing every option in CSS files also looked at other files to see if there are any other params that I'm not using.

heres my css file

lightIRC {
fontFamily:Tahoma;
}
.userListMan {
color:#0000FF;
}
.userListWoman {
color:#FF00FF;
}
.userListGuest {
color:#C0C0C0;
}
.userListMan2 {
color:#ADD8E6;
}
.userListWoman2 {
color:#FFC0CB;
}
.backgroundGradientTop {
color:#FFFFFF;
}
.backgroundGradientBottom {
color:#FFFFFF;
}

/* Configures buttons */
Button {
cornerRadius:4;
color:#000000;
textRollOverColor:#000000;
textSelectedColor:#000000;
chromeColor:#D8D8D8;
}

/* Configures various texts /
Text, Label {
color:#000000;
}
/
Configures popup windows /
Panel, TitleWindow {
chromeColor:#D8D8D8;
backgroundColor:#FFFFFF;
backgroundAlpha:0.5;
cornerRadius:5;
}
/
Configures the user list and other list elements /
List {
contentBackgroundColor:#FFFFFF;
contentBackgroundAlpha:0.8;
rollOverColor:#c3d6e7;
selectionColor:#b2c7d3;
}
/
Configures the channel list popup and other DataGrid elements /
DataGrid {
contentBackgroundColor:#FFFFFF;
contentBackgroundAlpha:0.8;
rollOverColor:#c3d6e7;
selectionColor:#b2c7d3;
}
/
Configures the main chat area /
TextArea {
chromeColor:#D8D8D8;
contentBackgroundColor:#FFFFFF;
contentBackgroundAlpha:0.8;
color:#ffffff;
borderColor:#d5d5d5;
}
/
Scrollbar color for the TextArea /
Scroller {
chromeColor:#D8D8D8;
}
/
Configures the text input boxes and other TextInput elements*/
TextInput {
contentBackgroundColor:#ffffff;
contentBackgroundAlpha:0.8;
color:#000000;
}
/* Configures radio buttons /
RadioButton {
color:#000000;
}
/
Configures checkboxes /
CheckBox {
color:#000000;
}
/
Configures the menu /
.menu {
backgroundColor:#ffffff;
}
/
Configures the button state for an active window /
.buttonActiveWindow {
chromeColor:#D8D8D8;
color:#000000;
textRollOverColor:#ffffff;
textSelectedColor:#ffffff;
}
/
Configures the button state when the assigned window is not active /
.buttonInactiveWindow {
color:#000000;
}
/
Configures the button state when receiving a new information message (join, part, quit, ...) in the assigned window /
.buttonInactiveWindowInfo {
color:#FF0000;
}
/
Configures the button state when receiving a new message in the assigned window /
.buttonInactiveWindowMessage {
color:#008000;
}
/
Configures the active state of the bold, underline and translation buttons /
.buttonBoldActive, .buttonUnderlineActive, .buttonTranslationActive {
color:#008000;
}
/
Configures links to other channels or to external URLs /
.channelLink, .addressLink {
color:#0000FF;
textDecoration:underline;
}
/
Configures user names in the chat area /
.userLink {
color:#000099;
textDecoration:none;
}
/
Configures the user name of the user himself /
.userSelfLink {
color:#000099;
textDecoration:none;
}
/
Color of information messages like joins, parts, mode changes, ... /
.infoLine {
color:#B8B8B8;
}
/
Color of channel or query messages /
.messageLine {
color:#000000;
}
/
Color of user number and topic above the channel area*/
.channelHeader {
color:#000000;
}

lightirc.png (127 KB) Jahangir Khan, 11/02/2014 01:31 pm

History

#1 Updated by Valentin Manthei over 4 years ago

I didn't test your specific CSS, but here's an example with customized menu background and border colors:

http://lightirc.com/start/?styleURL=css/menutest.css
http://lightirc.com/start/css/menutest.css

#2 Updated by Jahangir Khan over 4 years ago

I replaced

.menu {
backgroundColor:#ffffff;
}

with

.menu {
backgroundColor:#ffffff;
borderColor:#D8D8D8;
}

the boarder colour is working now but for background I can use almost any other colour apart from white "#ffffff"

#3 Updated by David Naish about 3 years ago

I just notices this also I have emotes that have white bg and I can not set the menu bg to white no matter what I put in #FFF white or #fdfefe which is the next closest color to white yet all other colors works just not white

Also available in: Atom PDF