88
99 < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css "
1010 integrity ="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn " crossorigin ="anonymous ">
11- < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.12/themes/default/style.min.css " />
11+ < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.12/themes/default/style.min.css "/>
12+ < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.64.0/theme/darcula.min.css "
13+ integrity ="sha512-kqCOYFDdyQF4JM8RddA6rMBi9oaLdR0aEACdB95Xl1EgaBhaXMIe8T4uxmPitfq4qRmHqo+nBU2d1l+M4zUx1g== "
14+ crossorigin ="anonymous " referrerpolicy ="no-referrer " />
1215 < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.64.0/codemirror.min.css "
1316 integrity ="sha512-CCnciBUnVXwa6IQT9q8EmGcarNit9GdKI5nJnj56B1iu0LuD13Qn/GZ+IUkrZROZaBdutN718NK6mIXdUjZGqg== "
14- crossorigin ="anonymous " referrerpolicy ="no-referrer " />
17+ crossorigin ="anonymous " referrerpolicy ="no-referrer "/>
1518
1619 < script src ="https://code.jquery.com/jquery-3.6.0.min.js "
1720 integrity ="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4= " crossorigin ="anonymous "> </ script >
2932 integrity ="sha512-GAled7oA9WlRkBaUQlUEgxm37hf43V2KEMaEiWlvBO/ueP2BLvBLKN5tIJu4VZOTwo6Z4XvrojYngoN9dJw2ug== "
3033 crossorigin ="anonymous " referrerpolicy ="no-referrer "> </ script >
3134
35+ < style >
36+ a {
37+ color : rgb (205 , 205 , 205 );
38+ }
39+ a : hover {
40+ color : rgb (61 , 64 , 67 );
41+ }
42+ .nav-pills .show > .nav-link {
43+ color : # fff ;
44+ background-color : rgb (61 , 64 , 67 );
45+ }
46+ .nav-link , .nav-tabs .nav-link .active {
47+ color : # 495057 ;
48+ background-color : rgb (61 , 64 , 67 );
49+ border-color : # dee2e6 # dee2e6 # fff ;
50+ }
51+ .nav .nav-tabs .card-header-tabs {
52+ background-color : rgb (32 , 33 , 36 );
53+ }
54+ .form-control [readonly ] {
55+ color : rgb (205 , 205 , 205 );
56+ background-color : # 0a0a0a ;
57+ }
58+ .jstree-default .jstree-wholerow-clicked {
59+ background : rgb (13 , 41 , 42 );
60+ }
61+ .dropdown-menu {
62+ background-color : rgb (32 , 33 , 36 );
63+ }
64+ dropdown-item {
65+ color : rgb (205 , 205 , 205 );
66+ }
67+ </ style >
68+
3269 < title > Web IDE</ title >
3370</ head >
3471
35- < body class ="container-fluid ">
72+ < body class ="container-fluid " style =" background-color: rgb(32,33,36); " >
3673< div class ="row ">
3774 < div class ="col ">
3875 < ul class ="nav nav-pills ">
3976 < li class ="nav-item dropdown ">
40- < a class ="nav-link dropdown-toggle text-dark " data-toggle ="dropdown " href ="# " role ="button "
77+ < a class ="nav-link dropdown-toggle " data-toggle ="dropdown " href ="# " role ="button "
4178 aria-expanded ="false "> File</ a >
4279 < div class ="dropdown-menu ">
4380 < a class ="dropdown-item " href ="# "> Create File or folder</ a >
4885 </ div >
4986 </ li >
5087 < li class ="nav-item dropdown ">
51- < a class ="nav-link dropdown-toggle text-dark " data-toggle ="dropdown " href ="# " role ="button "
88+ < a class ="nav-link dropdown-toggle " data-toggle ="dropdown " href ="# " role ="button "
5289 aria-expanded ="false "> Git</ a >
5390 < div class ="dropdown-menu ">
5491 < a class ="dropdown-item " href ="# "> Clone Project From GitHub</ a >
6097 </ div >
6198 </ li >
6299 < li class ="nav-item dropdown ">
63- < a class ="nav-link dropdown-toggle text-dark " data-toggle ="dropdown " href ="# " role ="button "
100+ < a class ="nav-link dropdown-toggle " data-toggle ="dropdown " href ="# " role ="button "
64101 aria-expanded ="false "> Help</ a >
65102 < div class ="dropdown-menu ">
66103 < a class ="dropdown-item " href ="# " data-toggle ="modal " data-target ="#aboutModal "> About</ a >
70107 </ div >
71108 </ li >
72109 < li class ="nav-item ">
73- < a id ="execute " class ="nav-link text-dark " role ="button ">
110+ < a id ="execute " class ="nav-link " role ="button ">
74111 Run
75112 < span id ="loading " class ="spinner-border spinner-border-sm " role ="status " aria-hidden ="true "
76113 style ="display: none "> </ span > </ a >
81118< div class ="row ">
82119 < div class ="col-2 " style ="padding-right:0px;padding-left:0px; ">
83120 < div class ="card " style ="border:0em; ">
84- < div class ="card-header " style ="padding-left:0.5rem;padding-top: 0px;width: 100rem ; ">
121+ < div class ="card-header " style ="padding-left:0.5rem;padding-top: 0px;width: 50rem ; ">
85122 < ul class ="nav nav-tabs card-header-tabs ">
86123 < li class ="nav-item ">
87124 < a class ="nav-link active " href ="# "> Project</ a >
88125 </ li >
89126 </ ul >
90127 </ div >
91- < div class ="card-body overflow-auto " style ="padding-right:0px;padding-left:0px;padding:0px;height: 600px; ">
128+ < div class ="card-body overflow-auto " style ="padding-right:0px;padding-left:0px;padding:0px;height: 600px;background-color: rgb(61,64,67);color: rgb(205,205,205); ">
92129 < div id ="jstree "> </ div >
93130 </ div >
94131 </ div >
@@ -207,9 +244,10 @@ <h5 class="modal-title" id="aboutModalLabel">项目简介</h5>
207244 lineNumbers : true ,
208245 matchBrackets : true ,
209246 indentUnit : 4 ,
210- indentWithTabs : true ,
247+ indentWithTabs : true , ambiance , blackboard
211248 } ) ;
212249 editor . setSize ( 'auto' , '600' ) ;
250+ editor . setOption ( "theme" , 'darcula' ) ;
213251
214252 function getFileByPath ( filePath ) {
215253 console . log ( "当前选择的节点:" + filePath ) ;
@@ -264,7 +302,8 @@ <h5 class="modal-title" id="aboutModalLabel">项目简介</h5>
264302 $ ( '#loading' ) . hide ( ) ;
265303 } ) ;
266304 } ) ;
267- </ script >
305+
306+ </ script >
268307</ body >
269308
270309</ html >
0 commit comments