├── preview ├── file.png ├── homepage.png ├── markdown.png ├── repopage1.png ├── profilepage.png └── signedhomepage.png ├── .github └── workflows │ └── greetings.yml ├── LICENSE ├── README.md ├── templates └── home.tmpl └── public ├── js └── theme-matrix.js └── css └── theme-matrix.css /preview/file.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TylerByte666/gitea-matrix-template/HEAD/preview/file.png -------------------------------------------------------------------------------- /preview/homepage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TylerByte666/gitea-matrix-template/HEAD/preview/homepage.png -------------------------------------------------------------------------------- /preview/markdown.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TylerByte666/gitea-matrix-template/HEAD/preview/markdown.png -------------------------------------------------------------------------------- /preview/repopage1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TylerByte666/gitea-matrix-template/HEAD/preview/repopage1.png -------------------------------------------------------------------------------- /preview/profilepage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TylerByte666/gitea-matrix-template/HEAD/preview/profilepage.png -------------------------------------------------------------------------------- /preview/signedhomepage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TylerByte666/gitea-matrix-template/HEAD/preview/signedhomepage.png -------------------------------------------------------------------------------- /.github/workflows/greetings.yml: -------------------------------------------------------------------------------- 1 | name: Greetings 2 | 3 | on: [pull_request, issues] 4 | 5 | jobs: 6 | greeting: 7 | runs-on: ubuntu-latest 8 | steps: 9 | - uses: actions/first-interaction@v1 10 | with: 11 | repo-token: ${{ secrets.GITHUB_TOKEN }} 12 | issue-message: 'Thanks for finding a bug! I usually respond on my free time so will respond some time :)' 13 | pr-message: 'Your are awesome! The code will be looked over and functionality tested first. ' 14 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2016 The Gitea Authors 2 | Copyright (c) 2015 The Gogs Authors 3 | Copyright (c) 2019 Matrix theme creators- TylerByte666 & 6543 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Gitea Matrix Template- Turn your gitea arc-green template into the matrix 2 | 3 | ## Previews: 4 | 5 | ![preview 1](preview/homepage.png "Preview") 6 | 7 | ![preview 2](preview/signedhomepage.png "Preview") 8 | 9 | ![preview 3](preview/repopage1.png "Preview") 10 | 11 | ![preview 4](preview/markdown.png "Preview") 12 | 13 | ![preview 5](preview/profilepage.png "Preview") 14 | 15 | 16 | ## For Gitea Version ***1.12.x*** 17 | 18 | ## How to use: 19 | 1. Find your gitea custom directory path in ***Site Administration > Configuration > Custom File Root Path***. 20 | 2. Create directories: ***templates*** and ***public/css*** within the directory, if it does not already exist. But please empty any previous files as they may create a conflict or unexpected behaviour. 21 | 3. Clone then Copy/Move files from this repo into the custom directory location. 22 | 4. Add folowing lines to your gitea config: 23 | ```ini 24 | [ui] 25 | THEMES = gitea,arc-green,matrix 26 | DEFAULT_THEME = matrix 27 | ``` 28 | 5. Restart your Gitea Service and you are ready to go. 29 | ### Welcome to the matrix! 30 | 31 | ### Special Notes: 32 | - A user can still change the theme settings. 33 | 34 | ### Special Thanks to 6543 & MFYDev 35 | https://github.com/6543 36 | https://github.com/MFYDev 37 | -------------------------------------------------------------------------------- /templates/home.tmpl: -------------------------------------------------------------------------------- 1 | {{template "base/head" .}} 2 |
3 |
4 | 5 |
6 |
7 |
8 |
9 | 10 |
11 |
12 |

13 | {{AppName}} 14 |

15 |

{{.i18n.Tr "startpage.app_desc"}}

16 |
17 |
18 |
19 |
20 |
21 |

22 | {{svg "octicon-flame" 16}} {{.i18n.Tr "startpage.install"}} 23 |

24 |

25 | {{.i18n.Tr "startpage.install_desc" | Str2html}} 26 |

27 |
28 |
29 |

30 | {{svg "octicon-device-desktop" 16}} {{.i18n.Tr "startpage.platform"}} 31 |

32 |

33 | {{.i18n.Tr "startpage.platform_desc" | Str2html}} 34 |

35 |
36 |
37 |
38 |
39 |

40 | {{svg "octicon-rocket" 16}} {{.i18n.Tr "startpage.lightweight"}} 41 |

42 |

43 | {{.i18n.Tr "startpage.lightweight_desc" | Str2html}} 44 |

45 |
46 |
47 |

48 | {{svg "octicon-code" 16}} {{.i18n.Tr "startpage.license"}} 49 |

50 |

51 | {{.i18n.Tr "startpage.license_desc" | Str2html}} 52 |

53 |
54 |
55 |
56 | 57 | {{template "base/footer" .}} 58 | -------------------------------------------------------------------------------- /public/js/theme-matrix.js: -------------------------------------------------------------------------------- 1 | //Matrix canvas 2 | var c = document.getElementById("c"); 3 | var ctx = c.getContext("2d"); 4 | //Get client offsets 5 | var my_height = "innerHeight" in window 6 | ? window.innerHeight 7 | : document.documentElement.offsetHeight; ; 8 | var my_width = "innerWidth" in window 9 | ? window.innerWidth 10 | : document.documentElement.offsetWidth; ; 11 | 12 | //making the canvas full screen 13 | c.height = my_height; 14 | c.width = my_width; 15 | 16 | //latin characters - taken from the unicode charset 17 | var matrix = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ123456789@#$%^&*()*&^%+-/~{[|`]}"; 18 | //converting the string into an array of single characters 19 | matrix = matrix.split(""); 20 | 21 | var font_size = 10; 22 | var columns = c.width / font_size; //number of columns for the rain 23 | //an array of drops - one per column 24 | var drops = []; 25 | //x below is the x coordinate 26 | //1 = y co-ordinate of the drop(same for every drop initially) 27 | for (var x = 0; x < columns; x++) 28 | drops[x] = 1; 29 | 30 | //drawing the characters 31 | function draw() { 32 | //Black BG for the canvas 33 | //translucent BG to show trail 34 | ctx.fillStyle = "rgba(0, 0, 0, 0.04)"; 35 | ctx.fillRect(0, 0, c.width, c.height); 36 | 37 | ctx.fillStyle = "#5AA509"; // Gitea green 38 | //ctx.fillStyle = "red"; 39 | ctx.font = font_size + "px arial"; 40 | //looping over drops 41 | for (var i = 0; i < drops.length; i++) { 42 | //a random chinese character to print 43 | var text = matrix[Math.floor(Math.random() * matrix.length)]; 44 | //x = i*font_size, y = value of drops[i]*font_size 45 | ctx.fillText(text, i * font_size, drops[i] * font_size); 46 | 47 | //sending the drop back to the top randomly after it has crossed the screen 48 | //adding a randomness to the reset to make the drops scattered on the Y axis 49 | 50 | if (drops[i] * font_size > c.height && Math.random() > 0.975) { 51 | drops[i] = 0; 52 | } 53 | 54 | 55 | //incrementing Y coordinate 56 | drops[i]++; 57 | } 58 | } 59 | 60 | setInterval(draw, 35); 61 | -------------------------------------------------------------------------------- /public/css/theme-matrix.css: -------------------------------------------------------------------------------- 1 | @import url('theme-arc-green.css'); 2 | 3 | .gitea-matrix-active-color { 4 | color: #83f20d 5 | } 6 | 7 | .gitea-matrix-primary-color { 8 | color: #76da0b 9 | } 10 | 11 | .gitea-matrix-secondary-color { 12 | color: #5AA509 13 | } 14 | 15 | .ui.list .list>.item .description, .ui.list>.item .description { 16 | display: block; 17 | color: rgb(54, 195, 45); 18 | } 19 | 20 | .markdown:not(code) table tr { 21 | background-color: #000; 22 | border-top: 1px solid #83f20d; 23 | } 24 | 25 | .markdown:not(code) table td, .markdown:not(code) table th { 26 | padding: 6px 13px !important; 27 | border: 1px solid #83f20d !important; 28 | background-color: 29 | black; 30 | } 31 | 32 | .markdown:not(code) pre code, .markdown:not(code) pre tt { 33 | display: inline; 34 | max-width: none; 35 | padding: 0; 36 | margin: 0; 37 | overflow: initial; 38 | line-height: inherit; 39 | word-wrap: normal; 40 | background-color: transparent; 41 | border: 0; 42 | color: 43 | #42e13d; 44 | } 45 | 46 | .markdown:not(code) .highlight pre, .markdown:not(code) pre { 47 | padding: 16px; 48 | overflow: auto; 49 | font-size: 85%; 50 | line-height: 1.45; 51 | background-color: 52 | #07601e; 53 | border-radius: 3px; 54 | } 55 | 56 | a { 57 | color: #33fd00; 58 | text-decoration: none; 59 | } 60 | 61 | .ui.card, .ui.cards>.card { 62 | max-width: 100%; 63 | position: relative; 64 | display: -webkit-box; 65 | display: -ms-flexbox; 66 | display: flex; 67 | -webkit-box-orient: vertical; 68 | -webkit-box-direction: normal; 69 | -ms-flex-direction: column; 70 | flex-direction: column; 71 | width: 290px; 72 | min-height: 0; 73 | background: 74 | #545454; 75 | padding: 0; 76 | border: none; 77 | border-radius: .28571429rem; 78 | -webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; 79 | box-shadow: 0 1px 3px 0 #33fd00, 0 0 0 1px #83f20d; 80 | -webkit-transition: -webkit-box-shadow .1s ease, -webkit-transform .1s ease; 81 | transition: -webkit-box-shadow .1s ease, -webkit-transform .1s ease; 82 | transition: box-shadow .1s ease, transform .1s ease; 83 | transition: box-shadow .1s ease, transform .1s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease; 84 | z-index: ''; 85 | word-wrap: break-word; 86 | } 87 | 88 | .ui.card>.content>.header, .ui.cards>.card>.content>.header { 89 | display: block; 90 | margin: ''; 91 | font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; 92 | color: 93 | rgb(51, 253, 0); 94 | } 95 | 96 | .ui.card>.content, .ui.cards>.card>.content { 97 | -webkit-box-flex: 1; 98 | -ms-flex-positive: 1; 99 | flex-grow: 1; 100 | border: none; 101 | border-top-color: currentcolor; 102 | border-top-style: none; 103 | border-top-width: medium; 104 | border-bottom-color: currentcolor; 105 | border-bottom-style: none; 106 | border-bottom-width: medium; 107 | border-top: 1px solid rgb(13, 217, 25); 108 | background: 0 0; 109 | margin: 0; 110 | padding: 1em 1em; 111 | -webkit-box-shadow: none; 112 | box-shadow: none; 113 | font-size: 1em; 114 | border-radius: 0; 115 | border-bottom: 116 | #0dd919; 117 | } 118 | 119 | .ui.card>.extra a:not(.ui), .ui.cards>.card>.extra a:not(.ui) { 120 | color: 121 | rgb(46, 253, 0); 122 | } 123 | 124 | .user.profile .ui.card .extra.content ul li { 125 | padding: 10px; 126 | list-style: none; 127 | color: 128 | #31fd00; 129 | } 130 | 131 | .ui.card>.extra, .ui.cards>.card>.extra { 132 | max-width: 100%; 133 | min-height: 0 !important; 134 | -webkit-box-flex: 0; 135 | -ms-flex-positive: 0; 136 | flex-grow: 0; 137 | border-top: 1px solid rgb(51, 253, 0) !important; 138 | position: static; 139 | background: 0 0; 140 | width: auto; 141 | margin: 0 0; 142 | padding: .75em 1em; 143 | top: 0; 144 | left: 0; 145 | color: 146 | rgba(0, 0, 0, .4); 147 | -webkit-box-shadow: none; 148 | box-shadow: none; 149 | -webkit-transition: color .1s ease; 150 | transition: color .1s ease; 151 | } 152 | 153 | .user.profile .ui.card .extra.content ul li .fa, .user.profile .ui.card .extra.content ul li .octicon { 154 | margin-left: 1px; 155 | margin-right: 5px; 156 | color: 157 | #33fd00; 158 | } 159 | 160 | .ui.card>.extra a:not(.ui):hover, .ui.cards>.card>.extra a:not(.ui):hover { 161 | color: 162 | #1baf49; 163 | } 164 | 165 | .user.profile .ui.card .extra.content ul li:not(:last-child) { 166 | border-bottom: 1px solid #0dd919; 167 | } 168 | 169 | .ui.repository.list .item:not(:first-child) { 170 | border-top: 1px solid #33e319; 171 | padding-top: 25px; 172 | } 173 | 174 | .ui.basic.blue.button, .ui.basic.blue.buttons .button { 175 | box-shadow: inset 0 0 0 1px #17d214 !important; 176 | color: #17d214 !important; 177 | } 178 | 179 | .markdown:not(code) h1 { 180 | padding-bottom: .3em; 181 | font-size: 2.25em; 182 | line-height: 1.2; 183 | border-bottom: 1px solid #44c90d; 184 | } 185 | 186 | .markdown:not(code) h2 { 187 | padding-bottom: .3em; 188 | font-size: 1.75em; 189 | line-height: 1.225; 190 | border-bottom: 1px solid #44c90d !important; 191 | } 192 | 193 | .markdown:not(code) blockquote> :first-child { 194 | margin-top: 0; 195 | color: 196 | green; 197 | } 198 | 199 | .ui.divider:not(.vertical):not(.horizontal) { 200 | border-top: 1px solid rgba(34, 36, 38, .15); 201 | border-bottom: 1px solid rgb(51, 227, 25); 202 | } 203 | 204 | .ui.attached.segment { 205 | top: 0; 206 | bottom: 0; 207 | border-radius: 0; 208 | margin: 0 -1px; 209 | width: calc(100% + 2px); 210 | max-width: calc(100% + 2px); 211 | -webkit-box-shadow: none; 212 | box-shadow: none; 213 | border: 1px solid #83f20d; 214 | border-top-color: rgb(131, 242, 13); 215 | border-top-style: solid; 216 | border-top-width: 1px; 217 | } 218 | 219 | .ui.top.attached.header { 220 | border-radius: .28571429rem .28571429rem 0 0; 221 | border: 1px solid #83f20d; 222 | } 223 | 224 | .feeds .list ul li:not(:last-child) { 225 | border: 1px solid #83f20d; 226 | } 227 | 228 | .ui.attached.table { 229 | top: 0; 230 | bottom: 0; 231 | border-radius: 0; 232 | margin: 0 -1px; 233 | width: calc(100% + 2px); 234 | max-width: calc(100% + 2px); 235 | -webkit-box-shadow: none; 236 | box-shadow: none; 237 | border: 1px solid #83f20d; 238 | border-top-color: rgb(131, 242, 13); 239 | border-top-style: solid; 240 | border-top-width: 1px; 241 | } 242 | 243 | .feeds .list ul li a .octicon { 244 | color: #229e33; 245 | } 246 | 247 | .ui .text.light.grey { 248 | color: #66c74b !important; 249 | } 250 | 251 | a:hover { 252 | color: #099029; 253 | text-decoration: none; 254 | } 255 | 256 | .ui.basic.button:hover, .ui.basic.buttons .button:hover { 257 | background: #1b1c1d; 258 | color: rgb(118, 218, 11); 259 | -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, .35) inset, 0 0 0 0 rgba(34, 36, 38, .15) inset; 260 | box-shadow: 0 0 0 1px rgba(34, 36, 38, .35) inset, 0 0 0 0 rgba(34, 36, 38, .15) inset; 261 | } 262 | 263 | .ui.breadcrumb a { 264 | color: #03a900; 265 | } 266 | 267 | .repository.file.list #repo-files-table tbody .octicon.octicon-file-directory, .repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule, .repository.file.list #repo-files-table tbody .octicon.octicon-file-symlink-directory { 268 | color: #21ba45; 269 | } 270 | 271 | .repository.file.list #repo-files-table tbody .octicon { 272 | margin-left: 3px; 273 | margin-right: 5px; 274 | color: #319000; 275 | } 276 | 277 | .repository.file.list #repo-files-table .jumpable-path { 278 | color: #008e04; 279 | } 280 | 281 | .ui.blue.labels .label, .ui.ui.ui.blue.label { 282 | background-color: #299a0d; 283 | border-color: #299a0d; 284 | color: #fff; 285 | } 286 | 287 | .ui.menu .ui.dropdown .menu>.active.item { 288 | background: rgba(0, 0, 0, .03) !important; 289 | font-weight: 700 !important; 290 | color: rgba(52, 255, 133, 0.95) !important; 291 | } 292 | 293 | .ui.menu .ui.dropdown .menu>.item:hover { 294 | background: rgba(0, 0, 0, .05) !important; 295 | color: rgb(53, 246, 130) !important; 296 | } 297 | 298 | .ui.repository.list .item .time { 299 | font-size: 12px; 300 | color: #04ff00; 301 | } 302 | 303 | .ui .text.grey { 304 | color: #1baf49 !important; 305 | } 306 | 307 | .ui.blue.button, .ui.blue.buttons .button { 308 | background-color: #21ba45; 309 | color: #fff; 310 | text-shadow: none; 311 | background-image: none; 312 | } 313 | 314 | .ui.blue.button:hover, .ui.blue.buttons .button:hover { 315 | background-color: #319026; 316 | color: #fff; 317 | text-shadow: none; 318 | } 319 | 320 | .ui.checkbox input:focus~label { 321 | color: rgb(131, 242, 6); 322 | } 323 | 324 | .ui.checkbox label:hover::before { 325 | background: #21ba45; 326 | border-color: rgba(34, 36, 38, 1); 327 | } 328 | 329 | .ui.checkbox label:hover, .ui.checkbox+label:hover { 330 | color: #21ba45; 331 | } 332 | 333 | .ui.radio.checkbox input:checked~label:after { 334 | background-color: #21ba45; 335 | } 336 | 337 | .ui.form textarea, .ui.input textarea { 338 | margin: 0; 339 | -webkit-appearance: none; 340 | -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 341 | padding: .78571429em 1em; 342 | background: #545454; 343 | border: 1px solid rgba(34, 36, 38, .15); 344 | outline: 0; 345 | color: rgba(0, 0, 0, .87); 346 | border-radius: .28571429rem; 347 | -webkit-box-shadow: 0 0 0 0 transparent inset; 348 | box-shadow: 0 0 0 0 transparent inset; 349 | -webkit-transition: color .1s ease, border-color .1s ease; 350 | transition: color .1s ease, border-color .1s ease; 351 | font-size: 1em; 352 | font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; 353 | line-height: 1.2857; 354 | resize: vertical; 355 | } 356 | 357 | .ui.selection.dropdown { 358 | cursor: pointer; 359 | word-wrap: break-word; 360 | line-height: 1em; 361 | white-space: normal; 362 | outline: 0; 363 | -webkit-transform: rotateZ(0); 364 | transform: rotateZ(0); 365 | min-width: 14em; 366 | min-height: 2.71428571em; 367 | background: #545454; 368 | display: inline-block; 369 | padding: .78571429em 3.2em .78571429em 1em; 370 | color: rgb(131, 242, 13); 371 | -webkit-box-shadow: none; 372 | box-shadow: none; 373 | border: 1px solid rgba(34, 36, 38, .15); 374 | border-radius: .28571429rem; 375 | -webkit-transition: width .1s ease, -webkit-box-shadow .1s ease; 376 | transition: width .1s ease, -webkit-box-shadow .1s ease; 377 | transition: box-shadow .1s ease, width .1s ease; 378 | transition: box-shadow .1s ease, width .1s ease, -webkit-box-shadow .1s ease; 379 | } 380 | 381 | .ui.dropdown .menu { 382 | cursor: auto; 383 | position: absolute; 384 | display: none; 385 | outline: 0; 386 | top: 100%; 387 | min-width: -webkit-max-content; 388 | min-width: -moz-max-content; 389 | min-width: max-content; 390 | margin: 0; 391 | padding: 0 0; 392 | background: #545454; 393 | font-size: 1em; 394 | text-shadow: none; 395 | text-align: left; 396 | -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15); 397 | box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15); 398 | border: 1px solid rgba(34, 36, 38, .15); 399 | border-radius: .28571429rem; 400 | -webkit-transition: opacity .1s ease; 401 | transition: opacity .1s ease; 402 | z-index: 11; 403 | will-change: transform, opacity; 404 | } 405 | 406 | .ui.dropdown .menu>.item { 407 | position: relative; 408 | cursor: pointer; 409 | display: block; 410 | border: none; 411 | height: auto; 412 | text-align: left; 413 | border-top: none; 414 | line-height: 1em; 415 | font-size: 1rem; 416 | color: rgb(97, 242, 13); 417 | padding: .78571429rem 1.14285714rem !important; 418 | text-transform: none; 419 | font-weight: 400; 420 | -webkit-box-shadow: none; 421 | box-shadow: none; 422 | -webkit-touch-callout: none; 423 | } 424 | 425 | .ui.dropdown .menu .selected.item, .ui.dropdown.selected { 426 | background: rgba(0, 0, 0, .03); 427 | color: #21ba45; 428 | } 429 | 430 | .ui.selection.visible.dropdown>.text:not(.default) { 431 | font-weight: 400; 432 | color: #21ba45; 433 | } 434 | 435 | .ui.list .list>.item>.content, .ui.list>.item>.content { 436 | line-height: 1.14285714em; 437 | color: #21ba45; 438 | } 439 | 440 | .ui.form .field>label { 441 | display: block; 442 | margin: 0 0 .28571429rem 0; 443 | color: rgb(20, 191, 13); 444 | font-size: .92857143em; 445 | font-weight: 700; 446 | text-transform: none; 447 | } 448 | 449 | .ui.menu .dropdown.item .menu { 450 | min-width: calc(100% - 1px); 451 | border-radius: 0 0 .28571429rem .28571429rem; 452 | background: #545454; 453 | margin: 0 0 0; 454 | -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08); 455 | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08); 456 | -webkit-box-orient: vertical !important; 457 | -webkit-box-direction: normal !important; 458 | -ms-flex-direction: column !important; 459 | flex-direction: column !important; 460 | } 461 | 462 | .ui.menu .ui.dropdown .menu>.item { 463 | margin: 0; 464 | text-align: left; 465 | font-size: 1em !important; 466 | padding: .78571429em 1.14285714em !important; 467 | background: 0 0 !important; 468 | color: rgb(131, 242, 13) !important; 469 | text-transform: none !important; 470 | font-weight: 400 !important; 471 | -webkit-box-shadow: none !important; 472 | box-shadow: none !important; 473 | -webkit-transition: none !important; 474 | transition: none !important; 475 | } 476 | 477 | .ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] { 478 | font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; 479 | margin: 0; 480 | outline: 0; 481 | -webkit-appearance: none; 482 | -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 483 | line-height: 1.21428571em; 484 | padding: .67857143em 1em; 485 | font-size: 1em; 486 | background: #545454; 487 | border: 1px solid rgba(34, 36, 38, .15); 488 | color: rgb(23, 210, 20); 489 | border-radius: .28571429rem; 490 | -webkit-box-shadow: 0 0 0 0 transparent inset; 491 | box-shadow: 0 0 0 0 transparent inset; 492 | -webkit-transition: color .1s ease, border-color .1s ease; 493 | transition: color .1s ease, border-color .1s ease; 494 | } 495 | 496 | .ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus { 497 | color: rgba(0, 0, 0, .95); 498 | border-color: #85b7d9; 499 | border-radius: .28571429rem; 500 | background: #767676; 501 | -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, .35) inset; 502 | box-shadow: 0 0 0 0 rgba(34, 36, 38, .35) inset; 503 | } 504 | 505 | .ui.input.focus>input, .ui.input>input:focus { 506 | border-color: #85b7d9; 507 | background: #d4d4d5; 508 | color: rgba(0, 0, 0, .8); 509 | -webkit-box-shadow: none; 510 | box-shadow: none; 511 | } 512 | 513 | .ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover { 514 | background-color: rgba(0, 0, 0, .05); 515 | color: #21ba45; 516 | } 517 | 518 | .ui.checkbox label, .ui.checkbox+label { 519 | color: #83f20d; 520 | -webkit-transition: color .1s ease; 521 | transition: color .1s ease; 522 | } 523 | 524 | .ui.input>input { 525 | margin: 0; 526 | max-width: 100%; 527 | -webkit-box-flex: 1; 528 | -ms-flex: 1 0 auto; 529 | flex: 1 0 auto; 530 | outline: 0; 531 | -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 532 | text-align: left; 533 | line-height: 1.21428571em; 534 | font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; 535 | padding: .67857143em 1em; 536 | background: #545454; 537 | border: 1px solid rgba(34, 36, 38, .15); 538 | color: rgb(23, 210, 20); 539 | border-radius: .28571429rem; 540 | -webkit-transition: border-color .1s ease, -webkit-box-shadow .1s ease; 541 | transition: border-color .1s ease, -webkit-box-shadow .1s ease; 542 | transition: box-shadow .1s ease, border-color .1s ease; 543 | transition: box-shadow .1s ease, border-color .1s ease, -webkit-box-shadow .1s ease; 544 | -webkit-box-shadow: none; 545 | box-shadow: none; 546 | } 547 | 548 | .ui.breadcrumb .divider { 549 | display: inline-block; 550 | opacity: .7; 551 | margin: 0 .21428571rem 0; 552 | font-size: .92857143em; 553 | color: #17d214; 554 | vertical-align: baseline; 555 | } 556 | 557 | .ui.tabular.menu .item { 558 | background: #1b1c1d; 559 | border-bottom: none; 560 | border-left: 1px solid transparent; 561 | border-right: 1px solid transparent; 562 | border-top: 2px solid transparent; 563 | padding: .92857143em 1.42857143em; 564 | color: #1b1c1d; 565 | } 566 | 567 | .ui.menu { 568 | display: -webkit-box; 569 | display: -ms-flexbox; 570 | display: flex; 571 | margin: 1rem 0; 572 | font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; 573 | background: #1b1c1d; 574 | font-weight: 400; 575 | border: 1px solid rgba(34, 36, 38, .15); 576 | -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); 577 | box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); 578 | border-radius: .28571429rem; 579 | min-height: 2.85714286em; 580 | } 581 | 582 | .ui.menu.new-menu:after { 583 | position: absolute; 584 | margin-top: -15px; 585 | display: block; 586 | background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .95)); 587 | content: " "; 588 | right: 0; 589 | height: 53px; 590 | z-index: 1000; 591 | width: 60px; 592 | clear: none; 593 | visibility: visible; 594 | } 595 | 596 | .ui.pagination.menu .active.item { 597 | border-top: none; 598 | padding-top: .92857143em; 599 | background-color: rgba(0, 0, 0, .05); 600 | color: rgb(131, 242, 13); 601 | -webkit-box-shadow: none; 602 | box-shadow: none; 603 | } 604 | 605 | .ui.ui.menu .item.disabled { 606 | cursor: default; 607 | background-color: transparent; 608 | color: rgb(57, 156, 60); 609 | pointer-events: none; 610 | } 611 | 612 | .ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover { 613 | cursor: pointer; 614 | background: rgba(0, 0, 0, .03); 615 | color: rgba(71, 216, 11, 0.95); 616 | } 617 | 618 | .ui.basic.button, .ui.basic.buttons .button { 619 | background: #1b1c1d none; 620 | color: rgb(131, 242, 13); 621 | font-weight: 400; 622 | border-radius: .28571429rem; 623 | text-transform: none; 624 | text-shadow: none !important; 625 | -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset; 626 | box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset; 627 | } 628 | 629 | .ui.basic.active.button:hover, .ui.basic.buttons .active.button:hover { 630 | background-color: rgba(118, 218, 11, 0.8); 631 | } 632 | 633 | .ui.basic.active.button, .ui.basic.buttons .active.button { 634 | background: rgb(118, 218, 11); 635 | -webkit-box-shadow: ''; 636 | box-shadow: ''; 637 | color: rgba(0, 0, 0, .95); 638 | } 639 | 640 | .ui.attached.header { 641 | background: rgba(0, 0, 0, .95); 642 | } 643 | 644 | .ui.header { 645 | border: none; 646 | margin: calc(2rem - .1428571428571429em) 0 1rem; 647 | padding: 0 0; 648 | font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; 649 | font-weight: 700; 650 | line-height: 1.28571429em; 651 | text-transform: none; 652 | color: rgb(131, 242, 6); 653 | } 654 | 655 | .ui.form .inline.field>label, .ui.form .inline.field>p, .ui.form .inline.fields .field>label, .ui.form .inline.fields .field>p, .ui.form .inline.fields>label { 656 | display: inline-block; 657 | width: auto; 658 | margin-top: 0; 659 | margin-bottom: 0; 660 | vertical-align: baseline; 661 | font-size: .92857143em; 662 | font-weight: 700; 663 | color: rgb(131, 242, 6); 664 | text-transform: none; 665 | } 666 | 667 | .ui.menu .active.item { 668 | background: rgba(0, 0, 0, .95); 669 | color: rgb(97, 242, 9); 670 | font-weight: 400; 671 | -webkit-box-shadow: none; 672 | box-shadow: none; 673 | } 674 | 675 | .ui.attached.header { 676 | background: rgba(0, 0, 0, .95); 677 | } 678 | 679 | .ui.header { 680 | border: none; 681 | margin: calc(2rem - .1428571428571429em) 0 1rem; 682 | padding: 0 0; 683 | font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; 684 | font-weight: 700; 685 | line-height: 1.28571429em; 686 | text-transform: none; 687 | color: rgb(76, 227, 13); 688 | } 689 | 690 | .ui.secondary.segment { 691 | background: rgba(0, 0, 0, .95); 692 | color: rgba(0, 0, 0, .6); 693 | } 694 | 695 | .ui.menu .item { 696 | position: relative; 697 | vertical-align: middle; 698 | line-height: 1; 699 | text-decoration: none; 700 | -webkit-tap-highlight-color: transparent; 701 | -webkit-box-flex: 0; 702 | -ms-flex: 0 0 auto; 703 | flex: 0 0 auto; 704 | -webkit-user-select: none; 705 | -moz-user-select: none; 706 | -ms-user-select: none; 707 | user-select: none; 708 | background: #1b1c1d; 709 | padding: .92857143em 1.14285714em; 710 | text-transform: none; 711 | color: #399c3c; 712 | font-weight: 400; 713 | -webkit-transition: background .1s ease, color .1s ease, -webkit-box-shadow .1s ease; 714 | transition: background .1s ease, color .1s ease, -webkit-box-shadow .1s ease; 715 | transition: background .1s ease, box-shadow .1s ease, color .1s ease; 716 | transition: background .1s ease, box-shadow .1s ease, color .1s ease, -webkit-box-shadow .1s ease; 717 | } 718 | 719 | .repository .header-wrapper { 720 | background-color: rgba(0, 0, 0, .95); 721 | margin-top: -15px; 722 | padding-top: 15px; 723 | } 724 | 725 | .ui.basic.label, .ui.basic.labels .label { 726 | background: none #17d214; 727 | border: 1px solid rgba(34, 36, 38, .15); 728 | color: rgba(0, 0, 0, .87); 729 | -webkit-box-shadow: none; 730 | box-shadow: none; 731 | } 732 | 733 | .ui.tabular.menu .active.item { 734 | background: none #17d214; 735 | color: rgba(0, 0, 0, .95); 736 | border-top-width: 1px; 737 | border-color: #37d80f; 738 | font-weight: 700; 739 | margin-bottom: -1px; 740 | -webkit-box-shadow: none; 741 | box-shadow: none; 742 | border-radius: .28571429rem .28571429rem 0 0 !important; 743 | } 744 | 745 | .ui.tabular.menu .item { 746 | color: rgba(6, 245, 47, 0.98); 747 | } 748 | 749 | .ui.segment { 750 | position: relative; 751 | background: #1b1c1d; 752 | -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); 753 | box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); 754 | margin: 1rem 0; 755 | padding: 1em 1em; 756 | border-radius: .28571429rem; 757 | border: 1px solid rgba(34, 36, 38, .15); 758 | } 759 | 760 | .repository .ui.segment.sub-menu .list .item a { 761 | color: #83f20d; 762 | } 763 | 764 | .ui.table { 765 | width: 100%; 766 | background: #1b1c1d; 767 | margin: 1em 0; 768 | border: 1px solid rgba(34, 36, 38, .15); 769 | -webkit-box-shadow: none; 770 | box-shadow: none; 771 | border-radius: .28571429rem; 772 | text-align: left; 773 | vertical-align: middle; 774 | color: rgb(131, 242, 13); 775 | border-collapse: separate; 776 | border-spacing: 0; 777 | } 778 | 779 | .ui.table>thead>tr>th { 780 | cursor: auto; 781 | background: #1b1c1d; 782 | text-align: inherit; 783 | color: rgb(131, 242, 13); 784 | padding: .92857143em .78571429em; 785 | vertical-align: inherit; 786 | font-style: none; 787 | font-weight: 700; 788 | text-transform: none; 789 | border-bottom: 1px solid rgba(34, 36, 38, .1); 790 | border-left: none; 791 | } 792 | 793 | .ui.label { 794 | display: inline-block; 795 | line-height: 1; 796 | vertical-align: baseline; 797 | margin: 0 .14285714em; 798 | background-color: #5ad80c; 799 | background-image: none; 800 | padding: .5833em .833em; 801 | color: rgba(0, 0, 0, .6); 802 | text-transform: none; 803 | font-weight: 700; 804 | border: 0 solid transparent; 805 | border-radius: .28571429rem; 806 | -webkit-transition: background .1s ease; 807 | transition: background .1s ease; 808 | } 809 | 810 | .ui .info.segment.top { 811 | background-color: #1b1c1d !important; 812 | } 813 | 814 | .repository.file.list #repo-files-table tr:hover { 815 | background-color: #1b1c1d; 816 | } 817 | 818 | .ui.tabular.menu .item:hover { 819 | color: rgba(6, 239, 142, 0.8); 820 | } 821 | 822 | .ui.message { 823 | position: relative; 824 | min-height: 1em; 825 | margin: 1em 0; 826 | background: #1b1c1d00; 827 | padding: 1em 1.5em; 828 | line-height: 1.4285em; 829 | color: #1b1c1d; 830 | -webkit-transition: opacity .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease; 831 | transition: opacity .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease; 832 | transition: opacity .1s ease, color .1s ease, background .1s ease, box-shadow .1s ease; 833 | transition: opacity .1s ease, color .1s ease, background .1s ease, box-shadow .1s ease, -webkit-box-shadow .1s ease; 834 | border-radius: .28571429rem; 835 | -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 0 0 0 transparent; 836 | box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 0 0 0 transparent; 837 | } 838 | 839 | .ui.button { 840 | cursor: pointer; 841 | display: inline-block; 842 | min-height: 1em; 843 | outline: 0; 844 | border: none; 845 | vertical-align: baseline; 846 | background: #2f3031 none; 847 | color: rgb(18, 230, 15); 848 | font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; 849 | margin: 0 .25em 0 0; 850 | padding: .78571429em 1.5em .78571429em; 851 | text-transform: none; 852 | text-shadow: none; 853 | font-weight: 700; 854 | line-height: 1em; 855 | font-style: normal; 856 | text-align: center; 857 | text-decoration: none; 858 | border-radius: .28571429rem; 859 | -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset; 860 | box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset; 861 | -webkit-user-select: none; 862 | -moz-user-select: none; 863 | -ms-user-select: none; 864 | user-select: none; 865 | -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease; 866 | transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease; 867 | transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease; 868 | transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease, -webkit-box-shadow .1s ease; 869 | will-change: auto; 870 | -webkit-tap-highlight-color: transparent; 871 | } 872 | 873 | .repository .ui.segment.sub-menu .list .item a:hover { 874 | color: #00b92c; 875 | } 876 | 877 | .lines-code .hljs, .lines-code ol, .lines-code pre, .lines-num .hljs, .lines-num ol, .lines-num pre { 878 | background-color: #d4d4d5; 879 | margin: 0; 880 | padding: 0 !important; 881 | } 882 | 883 | .lines-num { 884 | vertical-align: top; 885 | text-align: right !important; 886 | color: #17d214; 887 | background: #1b1c1d; 888 | width: 1%; 889 | -webkit-user-select: none; 890 | -ms-user-select: none; 891 | user-select: none; 892 | } 893 | 894 | .ui.bottom.attached.message { 895 | font-weight: 700; 896 | text-align: left; 897 | color: #e01010; 898 | } 899 | 900 | .ui.bottom.attached.message .pull-right { 901 | color: #e01717; 902 | } 903 | 904 | .repository .diff-detail-box { 905 | padding: 7px 0; 906 | background: #1b1c1d; 907 | line-height: 30px; 908 | } 909 | 910 | .repository .diff-file-box .file-body.file-code .lines-num { 911 | text-align: right; 912 | color: #83f20f; 913 | background: #1b1c1d; 914 | width: 1%; 915 | min-width: 50px; 916 | -webkit-user-select: none; 917 | -ms-user-select: none; 918 | user-select: none; 919 | vertical-align: top; 920 | } 921 | 922 | .tag-code, .tag-code td { 923 | background-color: #545454 !important; 924 | border-color: #545454 !important; 925 | padding-top: 8px; 926 | padding-bottom: 8px; 927 | } 928 | 929 | .repository .diff-file-box .code-diff-unified tbody tr.del-code td { 930 | background-color: #ec4040 !important; 931 | border-color: #5d0a0a !important; 932 | } 933 | 934 | .repository .diff-file-box .code-diff-unified tbody tr.add-code td { 935 | background-color: #066d06 !important; 936 | border-color: #7bde7b !important; 937 | } 938 | 939 | .ui.secondary.menu .active.item { 940 | color: #83f20d !important 941 | } 942 | 943 | .ui.secondary.menu .item { 944 | color: #5AA509 !important 945 | } 946 | 947 | .ui.secondary.menu .active.item:hover, .ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover { 948 | color: #83f20d !important 949 | } 950 | 951 | .brand-logo { 952 | font-size: 35px; 953 | } 954 | 955 | body { 956 | background-color: black !important; 957 | color: #83f20d !important; 958 | } 959 | 960 | .following.bar.light { 961 | background-color: black; 962 | border-bottom: 1px solid #83f20d !important; 963 | box-shadow: 0 2px 3px rgba(0, 0, 0, .04) 964 | } 965 | 966 | footer { 967 | background-color: black !important; 968 | border-top: 1px solid #83f20d !important; 969 | width: 100%; 970 | flex-basis: 40px; 971 | color: #83f20d 972 | } 973 | 974 | .ui.secondary.menu { 975 | background-color: black !important; 976 | } 977 | 978 | .footer { 979 | background: black !important; 980 | border-top: 1px solid #313131; 981 | position: relative; 982 | margin-bottom: 0px 983 | } 984 | 985 | .ui.avatar { 986 | border-color: #5AA509 !important; 987 | border-style: solid; 988 | border-width: 1px; 989 | } 990 | 991 | .ui.attached { 992 | background: black !important; 993 | } 994 | 995 | .badge { 996 | background: black !important; 997 | border-color: #5AA509 !important; 998 | border-style: solid; 999 | } 1000 | --------------------------------------------------------------------------------