1@define-color theme_base_color @notes_bg_color; 2@define-color theme_text_color shade (@theme_base_color, 0.4); 3@define-color theme_bg_color @theme_base_color; 4@define-color theme_fg_color shade (@theme_base_color, 0.3); 5@define-color theme_selected_bg_color shade (@theme_base_color, 0.8); 6@define-color theme_selected_fg_color shade (@theme_base_color, 1.4); 7@define-color insensitive_bg_color shade (@theme_bg_color, 1.1); 8@define-color insensitive_fg_color shade (@theme_fg_color, 1.8); 9 10@define-color borders shade (@theme_base_color, 0.8); 11@define-color frame_color shade (@theme_base_color, 0.7); 12@define-color notebook_active_tab_border shade (@theme_base_color, 1.1); 13@define-color notebook_selected_tab_color shade (@theme_base_color, 0.9); 14 15* { 16 border-width: 0px; 17} 18 19/* window and frame */ 20window { 21 background-image: linear-gradient(to bottom, 22 shade (@theme_base_color, 0.8), 23 shade (@theme_base_color, 0.95) 87px); 24} 25 26window frame { 27 padding: 1px 2px 4px 2px; 28 border: 1px solid shade (@theme_base_color, 0.7); 29} 30 31/* icon buttons in window title bar */ 32window widget#notes-icon-button { 33 color: black; 34 background-color: transparent; 35} 36window widget#notes-icon-button:active { 37 color: darker (@theme_fg_color); 38 text-shadow: 1px 1px lighter (@theme_bg_color); 39} 40window widget#notes-icon-button:disabled { 41 color: shade (@insensitive_fg_color, 1.2); 42} 43window widget#notes-icon-button:hover { 44 color: shade (@insensitive_fg_color, 0.8); 45} 46 47/* notebook */ 48notebook > header { 49 background: transparent; 50} 51notebook > header.top { 52 border-bottom: 2px solid @theme_selected_bg_color; 53} 54notebook > header.bottom { 55 border-top: 2px solid @theme_selected_bg_color; 56} 57notebook > header.left { 58 border-right: 2px solid @theme_selected_bg_color; 59} 60notebook > header.right { 61 border-left: 2px solid @theme_selected_bg_color; 62} 63 64/* notebook tab style */ 65notebook > header.top tab, notebook > header.bottom tab { 66 padding: 0px 4px; 67} 68notebook > header.right tab, notebook > header.left tab { 69 padding: 4px 0px; 70} 71 72notebook > header tab { 73 box-shadow: none; 74 color: @insensitive_fg_color; 75 background: transparent; 76} 77notebook > header tab:checked { 78 color: shade (@theme_text_color, 0.8); 79} 80notebook > header tab.dnd { 81 background: @theme_selected_bg_color; 82} 83 84notebook > header.top > tabs > tab:checked { 85 box-shadow: inset 0px -3px shade (@theme_selected_bg_color, 1.3), 0px 2px 3px @theme_selected_bg_color; 86} 87notebook > header.top > tabs > tab:checked:hover { 88 box-shadow: inset 0px -2px shade (@theme_selected_bg_color, 1.3), 0px 2px 3px @theme_selected_bg_color; 89 background: @theme_selected_bg_color; /* NOTE: must be set before .dnd */ 90} 91notebook > header.top > tabs > tab:hover { 92 box-shadow: inset 0px -2px shade (@theme_selected_bg_color, 1.3); 93} 94 95notebook > header.bottom > tabs > tab:checked { 96 box-shadow: inset 0px 3px shade (@theme_selected_bg_color, 1.3), 0px -2px 3px @theme_selected_bg_color; 97} 98notebook > header.bottom > tabs > tab:checked:hover { 99 box-shadow: inset 0px 2px shade (@theme_selected_bg_color, 1.3), 0px -2px 3px @theme_selected_bg_color; 100 background: @theme_selected_bg_color; 101} 102notebook > header.bottom > tabs > tab:hover { 103 box-shadow: inset 0px 2px shade (@theme_selected_bg_color, 1.3); 104} 105 106notebook > header.left > tabs > tab:checked { 107 box-shadow: inset -3px 0px shade (@theme_selected_bg_color, 1.3), 0px 0px 3px @theme_selected_bg_color; 108} 109notebook > header.left > tabs > tab:checked:hover { 110 box-shadow: inset -2px 0px shade (@theme_selected_bg_color, 1.3), 0px 0px 3px @theme_selected_bg_color; 111 background: @theme_selected_bg_color; 112} 113notebook > header.left > tabs > tab:hover { 114 box-shadow: inset -2px 0px shade (@theme_selected_bg_color, 1.3); 115} 116 117notebook > header.right > tabs > tab:checked { 118 box-shadow: inset 3px 0px shade (@theme_selected_bg_color, 1.3), 0px 0px 3px @theme_selected_bg_color; 119} 120notebook > header.right > tabs > tab:checked:hover { 121 box-shadow: inset 2px 0px shade (@theme_selected_bg_color, 1.3), 0px 0px 3px @theme_selected_bg_color; 122 background: @theme_selected_bg_color; 123} 124notebook > header.right > tabs > tab:hover { 125 box-shadow: inset 2px 0px shade (@theme_selected_bg_color, 1.3); 126} 127 128textview > text { 129 color: @theme_text_color; 130 background-image: linear-gradient(to bottom, 131 shade (@theme_bg_color, 1.2), 132 shade (@theme_bg_color, 1.3) 20em); 133} 134 135textview > text > selection { 136 color: @theme_selected_fg_color; 137 background-color: @theme_selected_bg_color; 138} 139 140scrollbar { 141 background-color: transparent; 142} 143scrollbar slider { 144 background-color: shade (@theme_bg_color, 0.55); 145 min-width: 8px; 146} 147scrollbar slider:hover { 148 background-color: shade (@theme_bg_color, 0.7); 149 transition: 400ms; 150} 151scrollbar slider:hover:active { 152 background-color: shade (@theme_bg_color, 0.55); 153 transition: 200ms; 154} 155 156tooltip, tooltip * { 157 margin: 0px; 158 padding: 0px; 159} 160 161