:root {
--black-coffee: #3b2f2f;
--black-true: #000000;
--blue-navy: #000080;
--blue-royal: #375CD4;
--cobalt-blue: #0047ab;
--metalic-gold: #8a7500;
--metalic-gold-2: #CC9933;
--orange-shade: #ffdb99;
--orange-transparent: #FFA50070;
--orange1: #ffa500;
--red-dark: #8B0000;
--red-maroon: #b22222;
--red-true: #FF0000;
--white-honeydew: #F0FFF0;
--white-mint: #f5f5f5;
--white-mint-cream: #F5FFFA;
}



#context-menu-user ul li:hover, #context-menu-message ul li:hover, #context-menu-room ul li:hover {
background-color: #e0e0e0;
}
#context-menu-user, #context-menu-message,
#context-menu-room {
background-color: var(--white-honeydew);
border: 1px solid #ffo;
color: #8a7500;
}
#entered-pw-response {
color: var(--white-honeydew);
}
#membership-banner {
background-color: var(--blue-navy);
}
#membership-banner a {
color: var(--white-mint);
}
#posts-container {
background-color: black;
}
.chat-container {
background-color: black;
border: 1px solid #ddd;
}
.chat-date {
color: #007baa;
}
.chat-form button {
background-color: #007bff;
color: var(--white-honeydew);
}
.chat-form button:hover {
background-color: #0056b3;
}
.chat-form textarea {
border: 1px solid #ddd;
}
.chat-header {
background-color: #007bff;
color: var(--white-honeydew);
}
.chat-messages {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.chat-room-container {
background-color: black;
color: var(--white-honeydew);
}
.chat-room-container a {
color: white !important;
}
.chat-user-name {
color: var(--orange1);
}
.checkmark-admin {
text-shadow: 0 0 0 white;
}
.checkmark-business {
text-shadow: 0 0 0 blue;
}
.checkmark-enterprise {
text-shadow: 0 0 0 crimson;
}
.checkmark-free {
text-shadow: 0 0 0 green;
}
.checkmark-gold {
text-shadow: 0 0 0 #CC9933;
}
.comment {
background-color: black;
border: 1px solid #black;
}
.comment p {
color: var(--white-mint);
}
.comment strong {
color: var(--white-mint);
}
.comment-author a {
color: var(--orange1) !important;
}
.comment-form button {
background-color: #black;
color: #ffa500;
}
.comment-form button:hover {
background-color: #8a7500;
}
.comment-header {
color: #8a7500;
}
.comments-menu-button {
color: white;
}
.comments-section h3 {
color: blue;
}
.context-menu {
background-color: black;
}
.context-menu-item {
color: var(--orange1);
}
.context-menu-item:hover {
background-color: #dddddd;
}
.data_table {
color: black;
}
.data_table a {
color: blue !important;
}
.floating-footer-menu-button {
background-color: var(--cobalt-blue);
color: var(--metalic-gold-2);
}
.floating-menu-icon-container svg {
color: var(--metalic-gold-2);
}
.footer {
background-color: black;
color: var(--metalic-gold);
}
.footer-menu-icon-container {
height: 24px;
width: 24px;
}
.form-header {
background-color: var(--blue-navy);
color: var(--metalic-gold);
}
.header {
background-color: var(--blue-navy);
color: var(--white-mint-cream);
}
.input-group {
color: var(--metalic-gold);
}
.login-register {
color: var(--metalic-gold);
}
.main {
background-color: black;
color: var(--white-mint);
}
.main a {
color: white;
}
.menu-icon-container {
height: 32px;
width: 32px;
}
.menu-icon-container svg {
color: var(--metalic-gold-2);
}
.nav {
background-color: black;
}
.nav a {
color: var(--metalic-gold-2);
}
.nav a:hover {
background-color: var(--cobalt-blue);
color: var(--orange1);
}
.navbar {
background-color: black;;
}
.navbar .bar {
background-color: var(--metalic-gold-2);
}
.navbar-links li a {
color: var(--metalic-gold-2);
}
.navbar-links li a:hover {
background-color: var(--cobalt-blue);
color: var(--orange1);
}
.post-author a {
color: var(--metalic-gold);
}
.post-author a:hover {
color: var(--orange-shade);
}
.post-body {
padding: 0;
}
.post-container {
background-color: black;
color: var(--white-mint);
}
.post-divider-line {
border: 1px solid rgba(255, 255, 255, 0.2);
margin-top: 20px;
}
.post-header {
background-color: black;
color: var(--orange-transparent);
}
.post-header-icon {
color: var(--white-honeydew);
}
.posts-body {
padding: 5px 0 0 15px;
}
.profile-message-icon {
height: 24px;
width: 24px;
}
.profile-message-icon a {
color: var(--orange1);
}
.profile_desc {
color: var(--metalic-gold-2);
line-height: 25px;
}
.profile_desc a {
color: var(--orange1);
}
.profile_divider_line {
border: 1px solid rgba(204, 153, 51, 0.5);
margin: 20px;
}
.room, .dm-room {
border-bottom: 1px solid #e0e0e0;
}
.room-list {
background-color: black;
}
.room:hover, .dm-room:hover {
background-color: #3b2f2f;
}
.selected-room {
border-left: 4px solid #0056b3;
}
.show-comments {
color: #375CD4 !important;
}
.span-link {
color: white;
}
.timestamp {
color: #8a7500;
}