.darkmysite_dark_mode_enabled .darkmysite_style_all:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
background: var(--darkmysite_dark_mode_bg) !important;
background-color: var(--darkmysite_dark_mode_bg) !important;
color: var(--darkmysite_dark_mode_text_color) !important;
border-color: var(--darkmysite_dark_mode_border_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_bg_txt:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
background: var(--darkmysite_dark_mode_bg) !important;
background-color: var(--darkmysite_dark_mode_bg) !important;
color: var(--darkmysite_dark_mode_text_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_bg_border:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
background: var(--darkmysite_dark_mode_bg) !important;
background-color: var(--darkmysite_dark_mode_bg) !important;
border-color: var(--darkmysite_dark_mode_border_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_txt_border:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
color: var(--darkmysite_dark_mode_text_color) !important;
border-color: var(--darkmysite_dark_mode_border_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_bg:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
background: var(--darkmysite_dark_mode_bg) !important;
background-color: var(--darkmysite_dark_mode_bg) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_txt:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
color: var(--darkmysite_dark_mode_text_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_border:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
border-color: var(--darkmysite_dark_mode_border_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_secondary_bg:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
background: var(--darkmysite_dark_mode_secondary_bg) !important;
background-color: var(--darkmysite_dark_mode_secondary_bg) !important;
} .darkmysite_dark_mode_enabled .darkmysite_style_link:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
color: var(--darkmysite_dark_mode_link_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_link:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ):hover{
color: var(--darkmysite_dark_mode_link_hover_color) !important;
} .darkmysite_dark_mode_enabled .darkmysite_style_form_element:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
background: var(--darkmysite_dark_mode_input_bg) !important;
background-color: var(--darkmysite_dark_mode_input_bg) !important;
color: var(--darkmysite_dark_mode_input_text_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_form_element:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * )::placeholder{
color: var(--darkmysite_dark_mode_input_placeholder_color) !important;
} .darkmysite_dark_mode_enabled .darkmysite_style_button:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
background: var(--darkmysite_dark_mode_btn_bg) !important;
background-color: var(--darkmysite_dark_mode_btn_bg) !important;
color: var(--darkmysite_dark_mode_btn_text_color) !important;
} .darkmysite_admin_bar_switch_container{
cursor: pointer !important;
display: flex;
align-items: center;
justify-content: center;
width: 40px !important;
height: 32px !important;
}
.darkmysite_admin_bar_switch_container .ab-item{
height: 18px !important;
cursor: pointer !important;
background-color: #ffffff !important;
-webkit-mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_apple_light.svg) no-repeat center;
mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_apple_light.svg) no-repeat center;
}
.darkmysite_dark_mode_enabled .darkmysite_admin_bar_switch_container .ab-item{
-webkit-mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_apple_dark.svg) no-repeat center;
mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_apple_dark.svg) no-repeat center;
} .darkmysite_block_editor_switch{
height: 33px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
outline: 0;
border: 0;
background: #121116;
border-radius: 3px;
padding: 0 12px;
}
.darkmysite_dark_mode_enabled .darkmysite_block_editor_switch{
background: #ffffff;
}
.darkmysite_block_editor_switch .icon{
width: 20px;
height: 20px;
background-color: #ffffff !important;
-webkit-mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_apple_light.svg) no-repeat center;
mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_apple_light.svg) no-repeat center;
}
.darkmysite_dark_mode_enabled .darkmysite_block_editor_switch .icon{
background-color: #121116 !important;
-webkit-mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_apple_dark.svg) no-repeat center;
mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_apple_dark.svg) no-repeat center;
} .darkmysite_switch {
--darkmysite_switch_margin_from_top: 40px;
--darkmysite_switch_margin_from_bottom: 40px;
--darkmysite_switch_margin_from_left: 40px;
--darkmysite_switch_margin_from_right: 40px;
--darkmysite_switch_tooltip_bg_color: #142434;
--darkmysite_switch_tooltip_text_color: #B0CBE7;
}
.darkmysite_switch, .darkmysite_switch * {
box-sizing: border-box;
}
.darkmysite_switch.darkmysite_top_left,
.darkmysite_switch.darkmysite_top_right,
.darkmysite_switch.darkmysite_bottom_left,
.darkmysite_switch.darkmysite_bottom_right{
position: fixed;
}
.darkmysite_switch.darkmysite_top_left{
top: var(--darkmysite_switch_margin_from_top);
left: var(--darkmysite_switch_margin_from_left);
}
.darkmysite_switch.darkmysite_top_right{
top: var(--darkmysite_switch_margin_from_top);
right: var(--darkmysite_switch_margin_from_right);
}
.darkmysite_switch.darkmysite_bottom_left{
bottom: var(--darkmysite_switch_margin_from_bottom);
left: var(--darkmysite_switch_margin_from_left);
}
.darkmysite_switch.darkmysite_bottom_right{
bottom: var(--darkmysite_switch_margin_from_bottom);
right: var(--darkmysite_switch_margin_from_right);
}
.darkmysite_switch.darkmysite_absolute_position{
position: absolute;
z-index: unset;
}
@media only screen and (max-width: 600px) {
.darkmysite_switch.darkmysite_hide_on_mobile{
display: none;
}
}
.darkmysite_tooltip .darkmysite_tooltiptext {
visibility: hidden;
width: 120px;
background-color: var(--darkmysite_switch_tooltip_bg_color);
color: var(--darkmysite_switch_tooltip_text_color);
font-size: 12px;
text-align: center;
border-radius: 0;
padding: 5px 0;
position: absolute;
z-index: 1;
}
.darkmysite_tooltip .darkmysite_tooltiptext::after {
content: "";
position: absolute;
border-width: 5px;
border-style: solid;
}
.darkmysite_tooltip:hover .darkmysite_tooltiptext {
visibility: visible;
}
.darkmysite_tooltip.darkmysite_tooltip_top .darkmysite_tooltiptext {
bottom: calc(100% + 10px);
left: 50%;
margin-left: -60px;
}
.darkmysite_tooltip.darkmysite_tooltip_top .darkmysite_tooltiptext::after {
left: 50%;
margin-left: -5px;
top: 100%;
border-color: var(--darkmysite_switch_tooltip_bg_color) transparent transparent transparent;
}
.darkmysite_tooltip.darkmysite_tooltip_bottom .darkmysite_tooltiptext {
top: calc(100% + 10px);
left: 50%;
margin-left: -60px;
}
.darkmysite_tooltip.darkmysite_tooltip_bottom .darkmysite_tooltiptext::after {
left: 50%;
margin-left: -5px;
bottom: 100%;
border-color: transparent transparent var(--darkmysite_switch_tooltip_bg_color) transparent;
}
.darkmysite_tooltip.darkmysite_tooltip_left .darkmysite_tooltiptext {
right: calc(100% + 10px);
top: calc(50% - 15px);
}
.darkmysite_tooltip.darkmysite_tooltip_left .darkmysite_tooltiptext::after {
top: 50%;
left: 100%;
margin-top: -5px;
border-color: transparent transparent transparent var(--darkmysite_switch_tooltip_bg_color);
}
.darkmysite_tooltip.darkmysite_tooltip_right .darkmysite_tooltiptext {
left: calc(100% + 10px);
top: calc(50% - 15px);
}
.darkmysite_tooltip.darkmysite_tooltip_right .darkmysite_tooltiptext::after {
top: 50%;
right: 100%;
margin-top: -5px;
border-color: transparent var(--darkmysite_switch_tooltip_bg_color) transparent transparent;
} .darkmysite_switch_apple {
--darkmysite_switch_apple_width_height: 60px;
--darkmysite_switch_apple_border_radius: 7px;
--darkmysite_switch_apple_icon_width: 30px;
--darkmysite_switch_apple_light_mode_bg: #121116;
--darkmysite_switch_apple_dark_mode_bg: #ffffff;
--darkmysite_switch_apple_light_mode_icon_color: #ffffff;
--darkmysite_switch_apple_dark_mode_icon_color: #121116;
}
.darkmysite_switch_apple{
cursor: pointer;
z-index: 9999;
width: var(--darkmysite_switch_apple_width_height);
height: var(--darkmysite_switch_apple_width_height);
border-radius: var(--darkmysite_switch_apple_border_radius);
background: var(--darkmysite_switch_apple_light_mode_bg);
display: flex;
align-items: center;
justify-content: center;
}
.darkmysite_switch_apple .darkmysite_switch_icon{
display: block;
width: var(--darkmysite_switch_apple_icon_width);
height: inherit;
background-color: var(--darkmysite_switch_apple_light_mode_icon_color);
-webkit-mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_apple_light.svg) no-repeat center;
mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_apple_light.svg) no-repeat center;
}
.darkmysite_dark_mode_enabled .darkmysite_switch_apple{
background: var(--darkmysite_switch_apple_dark_mode_bg);
}
.darkmysite_dark_mode_enabled .darkmysite_switch_apple .darkmysite_switch_icon{
background-color: var(--darkmysite_switch_apple_dark_mode_icon_color);
-webkit-mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_apple_dark.svg) no-repeat center;
mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_apple_dark.svg) no-repeat center;
} .darkmysite_switch_banana {
--darkmysite_switch_banana_width_height: 60px;
--darkmysite_switch_banana_border_radius: 7px;
--darkmysite_switch_banana_icon_width: 38px;
--darkmysite_switch_banana_light_mode_bg: #121116;
--darkmysite_switch_banana_dark_mode_bg: #ffffff;
--darkmysite_switch_banana_light_mode_icon_color: #ffffff;
--darkmysite_switch_banana_dark_mode_icon_color: #121116;
}
.darkmysite_switch_banana{
cursor: pointer;
z-index: 9999;
width: var(--darkmysite_switch_banana_width_height);
height: var(--darkmysite_switch_banana_width_height);
border-radius: var(--darkmysite_switch_banana_border_radius);
background: var(--darkmysite_switch_banana_light_mode_bg);
display: flex;
align-items: center;
justify-content: center;
}
.darkmysite_switch_banana .darkmysite_switch_icon{
display: block;
width: var(--darkmysite_switch_banana_icon_width);
height: inherit;
background-color: var(--darkmysite_switch_banana_light_mode_icon_color);
-webkit-mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_banana_light.svg) no-repeat center;
mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_banana_light.svg) no-repeat center;
}
.darkmysite_dark_mode_enabled .darkmysite_switch_banana{
background: var(--darkmysite_switch_banana_dark_mode_bg);
}
.darkmysite_dark_mode_enabled .darkmysite_switch_banana .darkmysite_switch_icon{
background-color: var(--darkmysite_switch_banana_dark_mode_icon_color);
-webkit-mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_banana_dark.svg) no-repeat center;
mask: url(//www.boisdexter.fr/wp-content/plugins/darkmysite/assets/img/switch_icons/switch_banana_dark.svg) no-repeat center;
}