Created
January 31, 2020 13:00
-
-
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
::-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