html, body, .vh, .hh, .historic_game_stat, .explain, .finish_date {
    color:var(--color-form-label);
}

label{
    color:var(--color-main-text);
}

.label_dark, .option_label{
    color:var(--color-text-alert);
}

.main_view, .menu_content {
    background-color : var(--color-main-view-bg);
}

.important_notice{
    color : var(--color-text-over-main-bg);
}

.best_word{
    color : var(--color-text-over-main-bg);
}

input[type="checkbox"] {
    accent-color: var(--color-action);
}

.help_title{
    color : var(--color-title-over-main-bg);
}

.best_play{
    color : var(--color-best-play-label);
}

.not_best_play{
    color : var(--color-not-best-play-label);
}

.player.not_played, .player_unknown {
    color :  var(--color-player-not-played) !important;
}

.player.player_granted{
    color : var(--color-granted-label);
}

.main_menu_container, .button_light, .text_edit,
.large_item, .game_container  {
    background-color : var(--color-large-item-bg);
    color : var(--color-main-text);
}

.large_item{
    border: 2px solid var(--color-large-item-bg);
}

textarea {
    background-color : var(--color-textarea-bg);
    color : var(--color-textarea);
}

#alert, #yes_no, #ok_cancel, .alert_popup  {
    background-color : var(--color-alert-bg);
    color : var(--color-text-alert);
    border : 2px solid var(--color-alert-border)
}

.light_popup  {
    background-color : var(--color-popup-bg);
    color : var(--color-text-popup);
}

.text_general, .board_type {
    color : var(--color-main-text);
}

.menu_button_selected, .message_to, .tile_selection.selected, .main_text_selection  {
    background-color : var(--color-main-buttons);
    color : var(--color-main-text);
}

.message_from   {
    background-color : var(--color-large-item-bg);
    color : var(--color-action-text);
}

.letter_value, .wildcard_value{
    background-color : var(--color-left-letter-bg);
    color:var(--color-left-letter);
}

.letter_value.letter_value_zero {
    background-color: var(--color-left-letter-none-bg);
    color:var(--color-left-letter-none);
}

.title_text{
    color : var(--color-main-text);
}

.menu_item{
    color : var(--color-menu-item);
}

.menu_item{
    border : 1px solid var(--color-menu-border);
}

.button_menu, .dark_popup, .mode_dupli, .play.quick>.players,
 .ui-progressbar-value, .real, .option_value, .button_dark, .action, .section_title {
    background-color : var(--color-main-buttons);
    color : var(--color-action-text);
}

.online{
    background-color : var(--color-online);
    border: 1px solid var(--color-online-border);
}

.mode_classic{
    background-color : var(--color-mode-classic);
    color : var(--color-action-text);
}

.menu-container, .reload_mire{
    background-color : var(--color-menu-bg);
    color : var(--color-menu-item);
}

.leftHintsValue, .dico, #play_score  {
    background-color : var(--color-hints-bg);
    color : var(--color-hints);
}

.message_rcv, .action_disabled.friend_type{
    background-color : var(--color-action-disabled);
    color:var(--color-action-text);
}

.friend.blocked{
    color:var(--color-friend-blocked) !important;
}

.friend.unread:not(:hover), .friend.self{
    color:var(--color-unread-messages) !important;
    font-weight: bold;
}

.menu_head, .message_sent{
    background-color : var(--color-head-player);
    color:var(--color-action-text);
}

.date_rcv, .date_sent{
    color:var(--color-action-text);
}

.progress-label{
    color:var(--color-progress-label);
}

#message_historic{
    background-color : var(--color-textarea-bg);
}

.menu_content{
    box-shadow: 0px 0px 35px 0px var(--color-menu-shadow);
}

.play.expiring>.large_item{
    background-color: var(--color-large-item-expiring-bg);
}

.play.expiring>.large_item {
    border: 2px solid var(--color-large-item-expiring-bg);
}

@media (hover: hover) {
    .selectable_item:hover, .selectable_item.selected {
        background-color:  var(--color-main-buttons);
        border: 5px solid var(--color-main-buttons);
        color : var(--color-action-text);
    }

    .selectable_item:not(.selected):not(:hover){
        border: 5px solid  var(--color-main-view-bg);
        color : var(--color-main-text);
    }
}

@media (hover: none) {
    .selectable_item.selected {
        background-color:  var(--color-main-buttons);
        border: 5px solid var(--color-main-buttons);
        color : var(--color-action-text);
    }

    .selectable_item:not(.selected){
        border: 5px solid  var(--color-main-view-bg);
        color : var(--color-main-text);
    }
}

.container_mask, .menu_mask{
    background: var(--color-mask);
}

#help_popup{
    border: 2px solid var(--color-help-border);
    background: var(--color-help-bg);
}

#help_popup_frame{
    background-color: var(--color-main-view-bg);
    color:var(--color-action-text);
}

#game_options{
  /*  border: 2px solid var(--color-large-item-bg);*/
}

#product_popup{
    background: var(--color-alert-bg);
    border: 2px solid var(--color-product-border);
    color: var(--color-action-text);
}

.notif_count {
    background-color: var(--color-notif);
    color: var(--color-notif-value);
    border: 1px solid var(--color-main-text);
}

.action, .action:active,.action:hover{
    background-color: var(--color-action);
    border: 1px solid var(--color-action-border);
    color:var(--color-action-text);
}

.info_action{
    background-color: var(--color-main-buttons);
    border: 1px solid var(--color-action-border);
    color:var(--color-action-text);
}

.action_disabled {
    background-color: var(--color-action-disabled);
    border: 1px solid var(--color-action-border);
}

.form_label {
    color:var(--color-form-label);
}

.help_round_info{
    background-color: var(--color-main-buttons);
    color:var(--color-action-text);
}

.bottom_menu {
    border: 1px solid var(--color-action-border);
    background-color: var(--color-textarea-bg);
}

#help_menu{
    background-color: var(--color-main-view-bg);
}

.ui-progressbar {
    background-color: var(--color-progress-bar-bg);
}

.test{
    border: 1px solid var(--color-action-border)
}

.help_link{
    background-color: var(--color-help-link);
    color:var(--color-action-text);
}

#tiles{
    background-color:var(--color-tiles);
}

#rack{
    background-color: var(--color-rack);
}

.chrono_ending{
    color : var(--color-chrono-end);
}

.chrono_warn{
    color : var(--color-chrono-warn);
}

.chrono_normal {
    color : var(--color-main-text);
}

.score {
    color:var(--color-play-action);
}

.play_action {
    background-color:var(--color-play-action);
    color:var(--color-action-text);
}

.play_action.board_change_img{
    background-color: var(--change-board-bg);
}

.play_action.save_img {
    background-color: var(--change-save-bg);
}

input[type="text"],input[type="password"],select {
    background-color: var(--color-textarea-bg);
    color: var(--color-textarea);
}

.play_menu_right{
    background-color: var(--color-game-action);
}

.ext_link, .message_link{
    color: var(--color-action-text);
}