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