Skip to content

Commit

Permalink
Rename sb item groups and fix styling
Browse files Browse the repository at this point in the history
  • Loading branch information
@e9gille
e9gille committed Dec 13, 2021
1 parent e92bae7 commit 163631d
Show file tree
Hide file tree
Showing 6 changed files with 828 additions and 823 deletions.
6 changes: 3 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -270,12 +270,11 @@
</div>
<div id=lb_tip hidden><div id=lb_tip_desc></div><hr><div id=lb_tip_body><pre id=lb_tip_text></pre></div></div>
<div id=sb hidden>
<div id=left_group>
<div id=sb_left>
<div id=sb_prf><a class=tb_btn href=# title=Preferences><span class="fas fa-cog"></span></a></div>
<div id=sb_busy title="Busy" hidden><span class="fas fa-clock"></span></div>
</div>
<div id=right_group>
<div id=sb_cp ></div>
<div id=sb_right>
<div id=sb_gc title="Garbage collections" hidden>GC: </div>
<div id=sb_cc title="Compaction Count" hidden>CC: </div>
<div id=sb_threads title="Thread Count" hidden>&: </div>
Expand All @@ -284,6 +283,7 @@
<div id=sb_sis title="State Indicator" hidden>⎕SI: </div>
<div id=sb_io title="Index Origin" hidden>⎕IO: </div>
<div id=sb_ml title="Migration Level" hidden>⎕ML: </div>
<div id=sb_cp></div>
</div>
</div>
<div id=ed_tmpl class="ride_win edit_trace" style=display:none>
Expand Down
307 changes: 153 additions & 154 deletions style/dark-theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -96,55 +96,38 @@
#debug .ctl_listview_header h2 {
font-size: 16px;
}
/*various dialogs*/
#dlg_modal_overlay {
background-color: black;
opacity: 0.2;
}
.dlg {
#lb {
background-color: #1c1e28;
outline: none;
}
.dlg div {
outline: none;
border-bottom: 1px black solid;
}
.dlg_title,
.dlg_close {
color: #7688d9;
#lb #lb_inner {
background: #1c1e28;
}
.dlg_close:hover {
background-color: white;
#lb b {
color: #a9a9a9;
}
#cn_listen_dlg,
#cn_connecting_dlg {
border: 1px solid #7688d9;
#lb b:hover {
color: #7688d9;
}
#gd.dlg {
background-color: #1c1e28;
#lb b:active,
#lb b.pressed {
background-color: rgba(0, 0, 0, 0.2);
color: white;
}
#gd .dlg_title,
#gd .dlg_close {
color: #828282;
#lb .lb_placeholder {
background: rgba(0, 0, 0, 0.2);
}
#gd .dlg_close:hover {
color: white;
background-color: #323446;
#lb .ui-sortable-helper {
color: black;
}
#gd_content {
#lb_tip {
background: #1c1e28;
border: 1px solid black;
color: #a9a9a9;
}
.dlg_btns {
background-color: #323446;
}
.dlg_btns button.task {
background-image: none;
background-color: rgba(0, 0, 0, 0);
color: #7688d9;
text-transform: none;
font-size: small;
font-weight: normal;
text-align: left;
border: 1px solid transparent;
#lb_tip hr {
border-top: 1px solid black;
border-bottom: 1px solid #2e303e;
}
label {
color: #a9a9a9;
Expand Down Expand Up @@ -200,6 +183,56 @@ select {
border: 1px solid rgba(169, 169, 169, 0.3);
color: white;
}
/*various dialogs*/
#dlg_modal_overlay {
background-color: black;
opacity: 0.2;
}
.dlg {
background-color: #1c1e28;
outline: none;
}
.dlg div {
outline: none;
}
.dlg_title,
.dlg_close {
color: #7688d9;
}
.dlg_close:hover {
background-color: white;
}
#cn_listen_dlg,
#cn_connecting_dlg {
border: 1px solid #7688d9;
}
#gd.dlg {
background-color: #1c1e28;
}
#gd .dlg_title,
#gd .dlg_close {
color: #828282;
}
#gd .dlg_close:hover {
color: white;
background-color: #323446;
}
#gd_content {
color: #a9a9a9;
}
.dlg_btns {
background-color: #323446;
}
.dlg_btns button.task {
background-image: none;
background-color: rgba(0, 0, 0, 0);
color: #7688d9;
text-transform: none;
font-size: small;
font-weight: normal;
text-align: left;
border: 1px solid transparent;
}
/*Golden Layout*/
.lm_goldenlayout {
background: #272937 !important;
Expand Down Expand Up @@ -286,39 +319,6 @@ select {
background-color: white;
border: 1px dashed #7688d9;
}
#lb {
background-color: #1c1e28;
border-bottom: 1px black solid;
}
#lb #lb_inner {
background: #1c1e28;
}
#lb b {
color: #a9a9a9;
}
#lb b:hover {
color: #7688d9;
}
#lb b:active,
#lb b.pressed {
background-color: rgba(0, 0, 0, 0.2);
color: white;
}
#lb .lb_placeholder {
background: rgba(0, 0, 0, 0.2);
}
#lb .ui-sortable-helper {
color: black;
}
#lb_tip {
background: #1c1e28;
border: 1px solid black;
color: #a9a9a9;
}
#lb_tip hr {
border-top: 1px solid black;
border-bottom: 1px solid #2e303e;
}
/*menu (see ../src/menu.js for the DOM structure)*/
.menu {
background-color: #edeff5;
Expand Down Expand Up @@ -362,6 +362,61 @@ select {
border: none;
outline: solid red 1px;
}
#splash {
background: url(img/RideLogo.png) center no-repeat, url(img/bg.jpg) center no-repeat #1c1e28;
}
#ide {
background-color: #1c1e28;
}
#apl_font {
color: #1c1e28;
}
::selection {
background: #7688d9;
color: white;
}
/*must be separate rules*/
::-moz-selection {
background: #7688d9;
color: white;
}
/*must be separate rules*/
body {
font-family: Roboto, sans-serif;
}
#demo-keys span {
border: solid #333 1px;
background-color: grey;
color: white;
}
::-webkit-scrollbar {
background-color: #1c1e28;
}
::-webkit-scrollbar-corner {
background-color: #1c1e28;
}
::-webkit-scrollbar-track {
background-color: #272937;
border: 1px solid #1c1e28;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(118, 136, 217, 0.3);
border: 1px solid #1c1e28;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
border-width: 1px 0;
}
::-webkit-scrollbar-thumb:vertical {
border-width: 0 1px;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(118, 136, 217, 0.6);
}
::-webkit-scrollbar-thumb:active {
background-color: rgba(118, 136, 217, 0.9);
}
#prf_dlg hr {
border-top: 1px solid black;
border-bottom: 1px solid #2e303e;
Expand Down Expand Up @@ -545,104 +600,27 @@ a:hover {
display: none;
}
}
::-webkit-scrollbar {
background-color: #1c1e28;
}
::-webkit-scrollbar-corner {
background-color: #1c1e28;
}
::-webkit-scrollbar-track {
background-color: #272937;
border: 1px solid #1c1e28;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(118, 136, 217, 0.3);
border: 1px solid #1c1e28;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
border-width: 1px 0;
}
::-webkit-scrollbar-thumb:vertical {
border-width: 0 1px;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(118, 136, 217, 0.6);
}
::-webkit-scrollbar-thumb:active {
background-color: rgba(118, 136, 217, 0.9);
}
#splash {
background: url(img/RideLogo.png) center no-repeat, url(img/bg.jpg) center no-repeat #1c1e28;
}
#ide {
background-color: #1c1e28;
}
#apl_font {
color: #1c1e28;
}
::selection {
background: #7688d9;
color: white;
}
/*must be separate rules*/
::-moz-selection {
background: #7688d9;
color: white;
}
/*must be separate rules*/
body {
font-family: Roboto, sans-serif;
}
#demo-keys span {
border: solid #333 1px;
background-color: grey;
color: white;
}
#sb {
background-color: #1c1e28;
border-top: 1px solid black;
color: #a9a9a9;
font-family: apl, monospace;
}
#sb div {
#sb div.active {
color: #7688d9;
}
#sb_left > div {
border-right: 1px solid #272937;
}
#sb div.right {
border-right: none;
#sb_right > div {
border-left: 1px solid #272937;
}
#sb div.active {
color: #7688d9;
}
#sb_prf:active {
background-color: rgba(0, 0, 0, 0.2);
}
#status_body {
background-color: #1c1e28;
}
#toast-container {
font-family: Roboto;
font-size: 14px;
line-height: 20px;
}
#toast-container > div {
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}
.tooltip {
color: #7688d9;
}
/* Tooltip text */
.tooltip .tooltiptext {
background-color: #1c1e28;
color: #a9a9a9;
}
.tooltip .tooltiptext::after {
border-color: transparent #1c1e28 transparent transparent;
}
.toolbar {
background-color: #1c1e28;
border-bottom: 1px solid #272937;
Expand Down Expand Up @@ -670,6 +648,27 @@ body {
border: 0 solid #272937;
border-right-width: 1px;
}
.tooltip {
color: #7688d9;
}
/* Tooltip text */
.tooltip .tooltiptext {
background-color: #1c1e28;
color: #a9a9a9;
}
.tooltip .tooltiptext::after {
border-color: transparent #1c1e28 transparent transparent;
}
#toast-container {
font-family: Roboto;
font-size: 14px;
line-height: 20px;
}
#toast-container > div {
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}
#vt_bln {
border: solid black 1px;
background-color: black;
Expand Down
Loading

0 comments on commit 163631d

Please sign in to comment.