1html body .geDiagramContainer, html body div.geMenubarContainer, html body td.mxPopupMenuIcon, html body .geFormatContainer, html body div.geMenubarContainer .geStatus:hover { 2 background-color:#2a2a2a; 3} 4html body .mxCellEditor { 5 color: #f0f0f0; 6} 7html body.geEditor div.mxPopupMenu { 8 border:3px solid #505759; 9 background:#2a2a2a; 10 box-shadow:none; 11} 12html .geSidebarContainer button { 13 border: 1px solid #505759; 14 border-radius: 3px; 15} 16html body.geEditor div.mxPopupMenu hr { 17 background-color:#505759; 18} 19html body .geTabContainer { 20 border-top:1px solid #505759; 21 background-color:#2a2a2a; 22} 23html body .geDragPreview { 24 border: 1px dashed #cccccc; 25} 26html body .geMenubarContainer .geItem:active, html .geSidebarContainer button:active { 27 opacity: 0.7; 28} 29html body, html body .geFooterContainer, html body #geFooterItem1, html body textarea, 30 html body .mxWindowTitle, html body .geDialogTitle, html body .geDialogFooter, select, 31 html .geEditor div.mxTooltip, html .geHint 32{ 33 background:#2a2a2a; 34 color:#cccccc; 35} 36html body a { 37 color:#337ab7; 38} 39html body div.mxRubberband { 40 border:1px dashed #ffffff !important; 41 background:#505759 !important; 42} 43html body .geTemplate { 44 color:#000000; 45} 46html body .geToolbarContainer, html body .geSidebar, html body .geSidebarContainer .geTitle, html body input, 47html body textarea, html body button, html body .geColorBtn, html body .geBaseButton, html body .geSidebarTooltip, 48html body .geBaseButton, html .geSidebarContainer button { 49 background:#2a2a2a; 50 border-color:#505759; 51 box-shadow:none; 52 color:#cccccc; 53} 54html body .geSidebarTooltip { 55 border:1px solid #505759; 56} 57html body .geSprite, html body .geSocialFooter img, html body .mxPopupMenuItem>img { 58 filter:invert(100%); 59} 60html body .geFormatContainer { 61 background-color:#2a2a2a !important; 62 border-left:1px solid #505759; 63} 64html body .geSidebarFooter { 65 border-top:1px solid #505759; 66} 67html body .geFormatSection { 68 border-bottom:1px solid #505759; 69 border-color:#505759; 70} 71html body .geDiagramContainer { 72 border-color:#505759; 73} 74html body .geSidebarContainer a, html body .geMenubarContainer a, html body .geToolbar a { 75 color:#cccccc; 76} 77html body .geMenubarMenu { 78 border-color:#505759 !important; 79} 80html body .geToolbarMenu, html body .geFooterContainer, html body .geFooterContainer td { 81 border-color:#505759; 82} 83html body .geFooterContainer a { 84 background-color:none; 85} 86html body .geFooterContainer td:hover, html body #geFooterItem1:hover { 87 background-color:#000000; 88} 89html body .geSidebarContainer, html body .geDiagramBackdrop { 90 background-color:#2a2a2a; 91} 92html body .geBackgroundPage { 93 box-shadow:none; 94} 95html body .geBtn { 96 background:#2a2a2a !important; 97 border-color:#505759 !important; 98 color: #cccccc !important; 99} 100html body .gePrimaryBtn { 101 background:#505759 !important; 102 border-color:#cccccc !important; 103 color:#cccccc !important; 104} 105.gePropHeader, .gePropRow, .gePropRowDark, .gePropRowCell, .gePropRow>.gePropRowCell, .gePropRowAlt>.gePropRowCell, .gePropRowDark>.gePropRowCell, .gePropRowDarkAlt>.gePropRowCell { 106 background:#2a2a2a !important; 107 border-color:#2a2a2a !important; 108 color:#cccccc !important; 109 font-weight:normal !important; 110} 111html body .geBtn:hover { 112 background:#000000 !important; 113} 114html body tr.mxPopupMenuItem { 115 color:#cccccc; 116} 117html body tr.mxPopupMenuItemHover { 118 background:#000000; 119 color:#cccccc; 120} 121html body .geSidebarContainer .geTitle:hover, html body .geSidebarContainer .geItem:hover, 122html body .geMenubarContainer .geItem:hover, html body .geBaseButton:hover, 123html .geSidebarContainer button:hover { 124 background:#000000; 125} 126html body .geToolbarContainer .geSeparator { 127 background-color:#505759; 128} 129html body .geHsplit, html body .geVsplit, html body table.mxPopupMenu hr { 130 border-color:#505759; 131 background-color:#2a2a2a; 132} 133html body .geToolbarContainer .geButton:hover, html body .geToolbarContainer .geButton:active, 134html body .geToolbarContainer .geLabel:hover, html body .geToolbarContainer .geLabel:active, 135html body .geHsplit:hover, html body .geVsplit:hover, html .geSidebarContainer button:active { 136 background-color:#000; 137} 138html body .geToolbar { 139 border-color:#505759; 140 box-shadow:none; 141} 142html body .geDialog, html body div.mxWindow { 143 background:#2a2a2a; 144 border-color:#c0c0c0; 145 box-shadow:none; 146 color:#cccccc; 147} 148html body .geActivePage { 149 border-bottom: 3px solid #DF6C0C !important; 150} 151.geHint { 152 -webkit-box-shadow: 1px 1px 1px 0px #ccc; 153 -moz-box-shadow: 1px 1px 1px 0px #ccc; 154 box-shadow: 1px 1px 1px 0px #ccc; 155} 156html .geEditor ::-webkit-scrollbar-thumb { 157 background-color: #505759; 158} 159html .geEditor ::-webkit-scrollbar-thumb:hover, .geHsplit:hover, .geVsplit:hover { 160 background-color:#a0a0a0; 161} 162html body .geStatusAlert { 163 background-color:#a20025; 164 border:1px solid #bd002b; 165 color:#fff !important; 166} 167html body .geStatusAlert:hover { 168 background-color:#a20025; 169 border-color:#bd002b; 170} 171html body .geCommentContainer { 172 background-color: transparent; 173 border-width: 1px; 174 box-shadow: none; 175 color: inherit; 176} 177 178.geNotification-bell * { 179 display: block; 180 margin: 0 auto; 181 background-color: #aaa !important; 182 box-shadow: 0px 0px 10px #aaa !important; 183} 184 185.geNotification-count { 186 position: absolute; 187 z-index: 1; 188 top: -5px; 189 right: 7px; 190 width: 15px; 191 height: 15px; 192 line-height: 15px; 193 font-size: 10px; 194 border-radius: 50%; 195 background-color: #ff4927; 196 color: #DEEBFF !important; 197 animation: geZoomAnim 1s 1s both; 198} 199 200.geNotifPanel .header { 201 height: 30px; 202 width: 100%; 203 background: #424242 !important; 204 color: #ccc !important; 205 font-size: 15px; 206} 207 208.geNotifPanel .notifications { 209 position: relative; 210 height: 270px; 211 overflow-x: hidden; 212 overflow-y: auto; 213 background-color: #707070; 214}