Skip to content

Instantly share code, notes, and snippets.

@vajrasar
Created January 31, 2020 13:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vajrasar/e4fae1bed1d5c801f032b04525e3af26 to your computer and use it in GitHub Desktop.
Save vajrasar/e4fae1bed1d5c801f032b04525e3af26 to your computer and use it in GitHub Desktop.
This is a custom HUD css that was created as a replacement of the Dark Theme mod available for the HUD. The reason - Dark Theme Mod is not fully compatible with most of the scripts which are written to enhance HUD.
::-webkit-scrollbar-thumb {
background: none;
}
/* left panel back color */
.chat__chat-queue {
background-color: #002b36;
color: #eee8d5;
}
/* left panel elements */
li.chat__dropdown__status {
background-color: #33555e !important;
color: #ece6d3;
}
.chat__dropdown ul {
border-radius: 0px;
}
.chat__chat-queue .operators img {
border-width: 1px;
}
.chat-list__title-bar-title {
color: #b58900;
}
.capacity__stats h4 {
display: none;
}
.capacity__stats {
padding: 0px !important;
}
.capacity__operators {
background-color: #002b36 !important;
}
.operators_stats.stats_open,
.operators_stats h4 {
background-color: #002b36;
}
button.hcfn-note-toggle-btn,
button.chat-request-chat-button {
background-color: #073642;
border: 0px;
}
.action-bar a {
color: #eee8d5;
}
.capacity__operators {
height: auto !important;
}
.stats_toggle {
border-color: #eee8d5 !important;
}
.operators_stats.stats_open {
border: 0px;
}
.chat-list__items p {
color: #eee8d5;
}
.capacity__operators {
border-color: #7b7a7a !important;
width: 100%;
margin-left: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
}
.chat__chat-queue {
min-width: 10%;
max-width: 25%;
}
.chat-list__item.is-selected, .chat-list__item.is-selected:hover {
background-color: #567956;
}
span.capacity__stats-label {
color: #fff;
}
.chat__chat-queue .capacity .button {
background-color: #073642;
color: #fff;
border: 0px;
border-radius: 0px;
}
/* middle panel back color */
.chat__current-chat.chat__chat-panel {
background-color: #f2ebc4;
}
/* right panel back color */
.chat__current-chat-meta.chat__chat-panel {
background-color: #002b36;
color: #eee8d5;
}
/* middle panel top */
.chat-info {
background-color: #dfd38c;
}
.chat-toolbar, .chat-toolbar ul li {
background-color: #9a9263;
color: #222;
}
.capacity__operators {
background: none !important;
}
.chat-info__badges span {
background-color: #33555e;
color: #ece6d3;
}
/* system generated chat messages */
/* .chat__message.chat__message__type-event.chat__message__type-transfer .chat__message__text p, */
.chat__message.chat__message__type-event.chat__message__type-transfer .chat__message__text,
/* .chat__message.chat__message__type-event.chat__message__type-chat-close p, */
.chat__message.chat__message__type-event.chat__message__type-chat-close .chat__message__text,
/* .chat__message.chat__message__type-event.chat__message__type-customer-leave p, */
.chat__message.chat__message__type-event.chat__message__type-customer-leave .chat__message__text,
.chat__message.chat__message__type-customer-event .chat__message__text,
.chat__message.chat__message__type-operator-leave .chat__message__text {
background-color: #4f748e !important;
border-color: #0d1a26;
border-radius: 0px;
background: #4f748e !important;
color: #eee8d5;
margin-top: 5px;
margin-bottom: 5px;
}
/* HE chat response */
.chat__message.chat__message__from-operator.chat__message__type-message .chat__message__text,
.chat__message.chat__message__from-operator.chat__message__type-message .chat__message__text a {
background-color: #002b3629;
color: #222;
}
.chat__message .chat__message__text:after {
display: none;
}
.chat__message__text {
font-size: 16px !important;
}
.chat__message.chat__message__from-operator.chat__message__type-message .chat__message__text {
border-radius: 15px 0px 0px 0px !important;
}
.chat__message.chat__message__from-operator.chat__message__type-message {
margin-right: 0px;
}
/* User chat response */
.chat__message.chat__message__from-user.chat__message__type-message .chat__message__text {
border-radius: 0px 15px 0px 0px !important;
background-color: #ffffff8f;
}
.chat__message.chat__message__from-user.chat__message__type-message {
margin-left: 0px;
}
/* Notes */
.chat__message.chat__message__type-event.chat__message__type-note .chat__message__text {
background-color: #d9b90273;
color: #222;
}
.chat__message.chat__message__type-event.chat__message__type-note .chat__message__text a {
color: #222;
}
.chat__message.chat__message__type-event.chat__message__type-note {
margin-right: 0px;
}
/* Right side panel elements */
.user-data-panel__user-notes__item blockquote {
font-size: 13px;
}
.user-data-panel__user-notes__item {
background-color: #d9b902e6 !important;
color: #333;
}
.user-data-panel__user-notes__item:before {
border-color: #d9b902;
}
span.chat__label {
background-color: #33555e;
color: #eee8d5;
}
a.user-blog-panel__button.button {
border: 0px;
width: 100%;
border-radius: 0px;
background-color: #073642;
color: #e3dfcd;
}
input.easy-select {
color: #ece6d3;
font-size: 15px;
}
.chat__chat-panel-divider {
background-color: #e5e1cf;
}
select.user-blog-panel__blog-selector {
background-color: #33555e;
color: #ece6d3;
border: 0px;
}
.user-upgrades-items__item {
color: #ece6d4;
}
.user-panel-items__item-label strong {
color: #e9e4d2;
}
.user-upgrades-items__item strong,
.user-upgrades-items__item i,
.user-upgrades-items__item p,
.user-upgrades-items__item a {
color: #ece6d3;
}
.user-data-panel__admin-buttons a.user-data-panel__button.button {
color: #eee8d5 !important;
}
a.user-data-panel__button.button {
background-color: #073642;
}
.user-upgrades-items__item {
background-color: #073642;
border: 0px;
}
.user-upgrades-items__item strong {
color: #fff;
}
.user-upgrades-items__item strong,
.user-upgrades-items__item i,
.user-upgrades-items__item p,
.user-upgrades-items__item a {
color: #fff;
}
a.user-data-panel__button.button {
width: 100%;
border: 0px;
border-radius: 0px;
color: #333;
}
/* Misc */
.chat__message.chat__message__type-event.chat__message__from-user.chat__message__type-typing {
margin-left: 0px;
}
.chat__message.chat__message__from-user.chat__message__type-customer-info {
margin-left: 0px;
}
.chat__message.chat__message__from-user.chat__message__type-customer-info .chat__message__text {
border-radius: 0px;
background-color: #022b36d4;
color: #eee8d5;
}
.chat__message.chat__message__type-event.chat__message__type-note .chat__message__text {
border-radius: 0px !important;
margin-right: 0px;
}
.chat__message.chat__message__type-note .chat__message__text:after {
display: none;
}
.chat__message.chat__message__type-event.chat__message__type-note {
margin-top: 20px;
margin-bottom: 20px;
width: 100% !important;
min-width: 100%;
border-top: 6px #c4ab07 solid;
border-radius: 0px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment