1/**
2 * This file provides styles for the Wrap plugin if the option pluginWrap is enabled
3*/
4
5&:root[pluginWrap="1"] {
6
7
8    /* general styles */
9    .wrap_info { background-color: #d1d7f; }
10
11    .wrap_important { background-color: #ffd39f; }
12
13	.wrap_alert { background-color: #ffbcaf; }
14
15    .wrap_tip { background-color: #fff79f; }
16
17    .wrap_help { background-color: #dcc2ef; }
18
19    .wrap_todo { background-color: #c2efdd; }
20
21	.wrap_download { background-color: #d6efc2; }
22
23	.wrap_hi {
24    background-color: #ff9;
25    overflow: hidden;
26	}
27
28
29
30    /**************************************************/
31    /* DARK MODE                                      */
32    /* for dark mode change the values like Wrap would */
33    /**************************************************/
34
35    .darkModeWrapPlugin{
36        .wrap_info { background-color: #343e4a; }
37
38        .wrap_important { background-color: #6c3b00; }
39
40        .wrap_alert { background-color: #6b1100; }
41
42        .wrap_tip { background-color: #665e00; }
43
44		.wrap_help { background-color: #3c1757; }
45
46		.wrap_todo { background-color: #17573e; }
47
48		.wrap_download { background-color: #345717; }
49
50		.wrap_hi {
51		background-color: #4e4e0d;
52		}
53    }
54
55    /* dark theme and automatic is switched off*/
56    &:root[theme="dark"] {
57        .darkModeWrapPlugin();
58    }
59
60    /* User prefers dark theme and automatic is switched on*/
61    @media (prefers-color-scheme: dark){
62        &:root[theme="auto"] {
63            .darkModeWrapPlugin();
64        }
65    }
66}
67
68