68 lines
1.5 KiB
Text
68 lines
1.5 KiB
Text
|
/**
|
||
|
* This file provides styles for the Wrap plugin if the option pluginWrap is enabled
|
||
|
*/
|
||
|
|
||
|
&:root[pluginWrap="1"] {
|
||
|
|
||
|
|
||
|
/* general styles */
|
||
|
.wrap_info { background-color: #d1d7f; }
|
||
|
|
||
|
.wrap_important { background-color: #ffd39f; }
|
||
|
|
||
|
.wrap_alert { background-color: #ffbcaf; }
|
||
|
|
||
|
.wrap_tip { background-color: #fff79f; }
|
||
|
|
||
|
.wrap_help { background-color: #dcc2ef; }
|
||
|
|
||
|
.wrap_todo { background-color: #c2efdd; }
|
||
|
|
||
|
.wrap_download { background-color: #d6efc2; }
|
||
|
|
||
|
.wrap_hi {
|
||
|
background-color: #ff9;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
/**************************************************/
|
||
|
/* DARK MODE */
|
||
|
/* for dark mode change the values like Wrap would */
|
||
|
/**************************************************/
|
||
|
|
||
|
.darkModeWrapPlugin{
|
||
|
.wrap_info { background-color: #343e4a; }
|
||
|
|
||
|
.wrap_important { background-color: #6c3b00; }
|
||
|
|
||
|
.wrap_alert { background-color: #6b1100; }
|
||
|
|
||
|
.wrap_tip { background-color: #665e00; }
|
||
|
|
||
|
.wrap_help { background-color: #3c1757; }
|
||
|
|
||
|
.wrap_todo { background-color: #17573e; }
|
||
|
|
||
|
.wrap_download { background-color: #345717; }
|
||
|
|
||
|
.wrap_hi {
|
||
|
background-color: #4e4e0d;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* dark theme and automatic is switched off*/
|
||
|
&:root[theme="dark"] {
|
||
|
.darkModeWrapPlugin();
|
||
|
}
|
||
|
|
||
|
/* User prefers dark theme and automatic is switched on*/
|
||
|
@media (prefers-color-scheme: dark){
|
||
|
&:root[theme="auto"] {
|
||
|
.darkModeWrapPlugin();
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|