kirigaya/digital-ide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add wave viewer

Browse Source
This commit is contained in:
锦恢 2024-04-21 23:36:26 +08:00
parent 801912e786
commit 5476c46f1c
29 changed files with 18862 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
images/system.drawio
View File

@ -1,6 +1,6 @@
<mxfile host="65bd71144e">
<diagram id="E9SxX19eNgA6MUTyjjO6" name="Icon-黑白">
<mxGraphModel dx="10" dy="7" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
<mxGraphModel dx="1283" dy="721" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
<root>
<mxCell id="dBwEeFoJ6bCwSJ_cmpG_-0"/>
<mxCell id="dBwEeFoJ6bCwSJ_cmpG_-1" parent="dBwEeFoJ6bCwSJ_cmpG_-0"/>
@ -19,7 +19,7 @@
<mxCell id="dBwEeFoJ6bCwSJ_cmpG_-8" value="" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;strokeWidth=2;fillColor=#CB81DA;strokeColor=#CB81DA;" parent="dBwEeFoJ6bCwSJ_cmpG_-1" vertex="1">
<mxGeometry x="557.5" y="267.5" width="15" height="15" as="geometry"/>
</mxCell>
<mxCell id="xxSupAsLB5ZiEGwhB62V-6" value="" style="group;" vertex="1" connectable="0" parent="dBwEeFoJ6bCwSJ_cmpG_-1">
<mxCell id="xxSupAsLB5ZiEGwhB62V-6" value="" style="group;" parent="dBwEeFoJ6bCwSJ_cmpG_-1" vertex="1" connectable="0">
<mxGeometry x="495" y="300" width="55" height="35" as="geometry"/>
</mxCell>
<mxCell id="dBwEeFoJ6bCwSJ_cmpG_-9" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.logic_gate;operation=and;strokeWidth=2;fillColor=#CB81DA;strokeColor=#CB81DA;" parent="xxSupAsLB5ZiEGwhB62V-6" vertex="1">
@ -40,13 +40,13 @@
<mxCell id="1" value="" style="whiteSpace=wrap;html=1;aspect=fixed;fontFamily=Comic Sans MS;fontSize=8;strokeWidth=1;fillColor=#000000;strokeColor=#000000;" parent="xxSupAsLB5ZiEGwhB62V-6" vertex="1">
<mxGeometry width="11" height="11" as="geometry"/>
</mxCell>
<mxCell id="xxSupAsLB5ZiEGwhB62V-3" value="" style="whiteSpace=wrap;html=1;aspect=fixed;fontFamily=Comic Sans MS;fontSize=8;strokeWidth=1;fillColor=#CB81DA;strokeColor=#CB81DA;" vertex="1" parent="xxSupAsLB5ZiEGwhB62V-6">
<mxCell id="xxSupAsLB5ZiEGwhB62V-3" value="" style="whiteSpace=wrap;html=1;aspect=fixed;fontFamily=Comic Sans MS;fontSize=8;strokeWidth=1;fillColor=#CB81DA;strokeColor=#CB81DA;" parent="xxSupAsLB5ZiEGwhB62V-6" vertex="1">
<mxGeometry width="11" height="11" as="geometry"/>
</mxCell>
<mxCell id="xxSupAsLB5ZiEGwhB62V-4" value="" style="whiteSpace=wrap;html=1;aspect=fixed;fontFamily=Comic Sans MS;fontSize=8;strokeWidth=1;fillColor=#CB81DA;strokeColor=#CB81DA;" vertex="1" parent="xxSupAsLB5ZiEGwhB62V-6">
<mxCell id="xxSupAsLB5ZiEGwhB62V-4" value="" style="whiteSpace=wrap;html=1;aspect=fixed;fontFamily=Comic Sans MS;fontSize=8;strokeWidth=1;fillColor=#CB81DA;strokeColor=#CB81DA;" parent="xxSupAsLB5ZiEGwhB62V-6" vertex="1">
<mxGeometry y="22.719298245614034" width="11" height="11" as="geometry"/>
</mxCell>
<mxCell id="xxSupAsLB5ZiEGwhB62V-5" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.25;entryDx=0;entryDy=0;entryPerimeter=0;fontFamily=Comic Sans MS;fontSize=8;endArrow=none;endFill=0;strokeColor=#CB81DA;strokeWidth=2;" edge="1" parent="xxSupAsLB5ZiEGwhB62V-6">
<mxCell id="xxSupAsLB5ZiEGwhB62V-5" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.25;entryDx=0;entryDy=0;entryPerimeter=0;fontFamily=Comic Sans MS;fontSize=8;endArrow=none;endFill=0;strokeColor=#CB81DA;strokeWidth=2;" parent="xxSupAsLB5ZiEGwhB62V-6" edge="1">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="16.5" y="6.140350877192982"/>
@ -56,14 +56,14 @@
<mxPoint x="22" y="19.342105263157894" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="cQGz6XN4_H-P5_UxNPfj-3" value="" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;strokeWidth=2;fillColor=#CB81DA;strokeColor=#CB81DA;" vertex="1" parent="dBwEeFoJ6bCwSJ_cmpG_-1">
<mxCell id="cQGz6XN4_H-P5_UxNPfj-3" value="" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;strokeWidth=2;fillColor=#CB81DA;strokeColor=#CB81DA;" parent="dBwEeFoJ6bCwSJ_cmpG_-1" vertex="1">
<mxGeometry x="467.5" y="267.5" width="15" height="15" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
<diagram id="2oZjiazD9LnPP1Vpl2Fo" name="第 2 页">
<mxGraphModel dx="2039" dy="1062" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<mxGraphModel dx="1683" dy="721" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>

36
package.json
View File

@ -560,6 +560,15 @@
},
"category": "Digital-IDE",
"title": "%digital-ide.netlist.show.title%"
},
{
"command": "digital-ide.waveviewer.show",
"icon": {
"light": "images/svg/light/vcd.svg",
"dark": "images/svg/dark/vcd.svg"
},
"category": "Digital-IDE",
"title": "%digital-ide.waveviewer.show.title%"
}
],
"menus": {
@ -623,15 +632,20 @@
"command": "digital-ide.netlist.show",
"group": "navigation@3"
},
{
"when": "editorLangId == vcd",
"command": "digital-ide.waveviewer.show",
"group": "navigation@4"
},
{
"when": "editorLangId == verilog || editorLangId == systemverilog || editorLangId == vhdl",
"command": "digital-ide.hdlDoc.showWebview",
"group": "navigation@4"
"group": "navigation@5"
},
{
"when": "resourceLangId == vhdl",
"command": "digital-ide.vhdl2vlog",
"group": "navigation@5"
"group": "navigation@6"
}
],
"editor/context": [
@ -665,15 +679,20 @@
"command": "digital-ide.netlist.show",
"group": "navigation@6"
},
{
"when": "resourceLangId == vcd",
"command": "digital-ide.waveviewer.show",
"group": "navigation@7"
},
{
"when": "resourceLangId == verilog || resourceLangId == systemverilog || resourceLangId == vhdl",
"command": "digital-ide.fsm.show",
"group": "navigation@7"
"group": "navigation@8"
},
{
"when": "resourceLangId == vhdl",
"command": "digital-ide.vhdl2vlog",
"group": "navigation@8"
"group": "navigation@9"
}
],
"explorer/context": [
@ -702,15 +721,20 @@
"command": "digital-ide.netlist.show",
"group": "navigation@9"
},
{
"when": "resourceLangId == vcd",
"command": "digital-ide.waveviewer.show",
"group": "navigation@10"
},
{
"when": "resourceLangId == verilog || resourceLangId == systemverilog || resourceLangId == vhdl",
"command": "digital-ide.fsm.show",
"group": "navigation@10"
"group": "navigation@11"
},
{
"when": "resourceLangId == vhdl",
"command": "digital-ide.vhdl2vlog",
"group": "navigation@11"
"group": "navigation@12"
}
]
},

1
package.nls.json
View File

@ -41,6 +41,7 @@
"digital-ide.vhdl2vlog.title": "Translate vhdl code to verilog code",
"digital-ide.fsm.show.title": "Show FSM graph of current file",
"digital-ide.netlist.show.title": "Show netlist of current file",
"digital-ide.waveviewer.show.title": "Render the vcd in the dide viewer",
"digital-ide.lsp.vlog.linter.pick.title": "select a diagnostic for verilog",
"digital-ide.lsp.svlog.linter.pick.title": "select a diagnostic for systemverilog verilog",
"digital-ide.lsp.vhdl.linter.pick.title": "select a diagnostic for vhdl",

1
package.nls.zh-cn.json
View File

@ -41,6 +41,7 @@
"digital-ide.vhdl2vlog.title": "vhdl代码翻译为verilog代码",
"digital-ide.fsm.show.title": "显示当前文件的FSM图",
"digital-ide.netlist.show.title": "显示当前文件的netlist",
"digital-ide.waveviewer.show.title": "在 dide viewer 中渲染当前的 vcd",
"digital-ide.lsp.vlog.linter.pick.title": "选择 Verilog 的诊断",
"digital-ide.lsp.svlog.linter.pick.title": "选择 System Verilog 的诊断",
"digital-ide.lsp.vhdl.linter.pick.title": "选择 VHDL 的诊断",

1
package.nls.zh-tw.json
View File

@ -41,6 +41,7 @@
"digital-ide.vhdl2vlog.title": "vhdl代碼翻譯為verilog代碼",
"digital-ide.fsm.show.title": "顯示當前文件的FSM圖",
"digital-ide.netlist.show.title": "顯示當前文件的netlist",
"digital-ide.waveviewer.show.title": "Render the vcd in viewer",
"digital-ide.lsp.vlog.linter.pick.title": "選擇 Verilog 的診斷",
"digital-ide.lsp.svlog.linter.pick.title": "選擇 System Verilog 的診斷",
"digital-ide.lsp.vhdl.linter.pick.title": "選擇 VHDL 的診斷",

3
resources/dide-viewer/index.js Normal file
View File

@ -0,0 +1,3 @@
const fs = require("fs");
const fspath = require("path");
const vscode = require("vscode");

8007
resources/dide-viewer/view/cpu.vcd Normal file
View File

File diff suppressed because it is too large Load Diff

1
resources/dide-viewer/view/css/app.520326c1.css Normal file
View File

File diff suppressed because one or more lines are too long

1
resources/dide-viewer/view/css/chunk-vendors.915d56aa.css Normal file
View File

File diff suppressed because one or more lines are too long

BIN
resources/dide-viewer/view/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
resources/dide-viewer/view/icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

42
resources/dide-viewer/view/icon.svg Normal file
View File

@ -0,0 +1,42 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
width="126px" height="126px" viewBox="-0.5 -0.5 126 126"
content="&lt;mxfile&gt;&lt;diagram id=&quot;E9SxX19eNgA6MUTyjjO6&quot; name=&quot;Icon-黑白&quot;&gt;7VnbktsoEP0aP0YlhG5+HF/GqVSS8pZrd2f3xcVIWGJXEiqEx3K+fsFCN8sXORnNuJL1g003TQN9DtDgEZzG+YKhNPxCfRyNDN3PR3A2MgzoOOJbKvaFwjDNQhEw4hcqUCtW5BtWSl1pt8THWcuQUxpxkraVHk0S7PGWDjFGd22zDY3avaYowB3FykNRV/sn8XmotMAe1xUfMQlC1bVrqAnHqDRWM8lC5NNdQwXnIzhllPKiFOdTHMnYlXHxJ7s5fqSf7OfpbvVp7cXpYv2hcPZ4S5NqCgwn/HVdw8L1C4q2Kl5qrnxfBnAXEo5XKfKkvBMcGcFJyONISEAUUZYWsG1IjkVXkw2JoimNKDs0h8YMGnAi9Bln9N8KA0ta0oQ3LDeHT2VZ1iQ0ET1PGN0mvuyg6JV5imrAFWLPAKlAvmDGcd6ghwrYAtMYc7YXJqrWtBX2JflLedegUsmPsMGiSokUfYPKdw2RKCiUbkDMfC/EYG/ERM104oLZwwXYLH1I2FyoOVYbuYaqAZ5jaFYXvVr76vDZ1+ETXsTmKDl/K5BtwIwutBUs5wELGPIJrmFWy2+4FeZobaSgVWmaq+wETGAokJx7B2koNCzrDtFw/0ejPn/eEo08X23Th+zzxPqbzBe7cGIbf/TZwAKx6adVXDrzrXI99Fy20G8J4fm9ZHzEXb17WlsnYgWHYu74eqxkdIjIVj+jZxwtaUY4oYmoeqac01jSrsw65YHpoyw8HKZSQBEJpKknYoZZm+el2wdlw2la+Eplv3EeyFxfw5FAgUk7LaIB8dYB4jhrlEUbmmKG1KBQMtySuUi23kumjLBiADA1B9quKW4jlmFDYHf4AOGJteNqVQvLccdD0QOA6/y4OZcTGdojikkkIzClMfGEvxVKMvHzZaUMVA7mdsAER2D6eIO2ER8CsOb+BU5gAIYKuvELB708RgzNAWNj7BqmZQNTh2b3THlTTJzuie6LW7wSKeMhDWiConmtbdws9DY8OCf8Sall+S9Zlsl/Ic7yRt1s3xCWmBExIbmXFrpETO6p9CqFwpVVirWrg1T6uoUOAB6a+w/yqaNOt4XmkcggHhye30e7e/FtnMnolnn4+hHGEQvwxZNZrSKJ20UKMhyJ4+Sl/TrzI4zS7309j2QiIj+nkKxqfsK1fvfH2zsh8wahPznCIR77XhuP3rnjiWtFP4juB48hnvJ+Bjzef+c6OVpriCSlLDcyi/M5SpmPVELRyriWkByk4+zmVqq8fpJylCt8P2F65xSHpmIWaN8wSClJeNbwvJSK+k4J7KNXGFuTbLR011H8bFLrenMw1mxzDAzD1R0dOJZpHVGzGOAZb6DHUKqpFemdcnFhjMfX5rEGWzdgs+22yAY7bg+rqoKl10Lzflt8s5++muuPH5bW+vf863LzT59z6h4e/K7seN/zgNV5DB/0wU+I9b+XBXj1X8Bw/h8=&lt;/diagram&gt;&lt;diagram id=&quot;2oZjiazD9LnPP1Vpl2Fo&quot; name=&quot;第 2 页&quot;&gt;5ZZdb4IwFEB/DY8m0DLQV5m6h7nEuGXPDVToVigpVXC/fkUuX+Lilui2RF+k515u29ObBgN7cbGQJI2WIqDcQGZQGPjeQAiZeKL/SrKviGU6qCKhZAGwFqzZB60TgW5ZQLNeohKCK5b2oS+ShPqqx4iUIu+nbQTvz5qSEGY0W7D2CaeDtFcWqKiiY+S2/IGyMKpnthzYcUzqZCicRSQQeQfhmYE9KYSqnuLCo7y0V3up3pt/EW0WJmmivvNCulw+b3YrwlZPycub9Tgd52oEVXaEb2HDsFi1rw1IsU0CWhaxDDzNI6boOiV+Gc31oWsWqZhDeMM49wQXUo8TkeikaaakeG/kIVuj4dLrdVCpaNFBsJUFFTFVcq9TIDqyXPAKnYVtGOftMWEMLOocUQMJtEbYFG/t6QcQ+AOZ6NdlmheS6Y57Lm2MBi4t2xm6bODFXeLzLnUVfQvQ8x5JllZXw4YVpfsji+Mj1QbC88OvyTwVuUgP20c97A572D7Rwva1OvjuBqxP/plz5/acO+YfO3dvwPngdrmidT1sP2QOsc73IJ59Ag==&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs />
<g>
<rect x="2" y="2" width="120" height="120" rx="21.6" ry="21.6" fill="#2d323b" stroke="none"
pointer-events="all" />
<rect x="25.75" y="25.75" width="72.5" height="72.5" rx="36.25" ry="36.25" fill="#2d323b"
stroke="#cb81da" stroke-width="3" pointer-events="all" />
<ellipse cx="17" cy="107" rx="7.500000000000001" ry="7.500000000000001" fill="#cb81da"
stroke="#cb81da" stroke-width="2" pointer-events="all" />
<ellipse cx="107" cy="107" rx="7.500000000000001" ry="7.500000000000001" fill="#cb81da"
stroke="#cb81da" stroke-width="2" pointer-events="all" />
<ellipse cx="107" cy="17" rx="7.500000000000001" ry="7.500000000000001" fill="#cb81da"
stroke="#cb81da" stroke-width="2" pointer-events="all" />
<path d="M 85.4 65.95 L 92 65.95 M 59 61.34 L 65.6 61.34 M 59 70.55 L 65.6 70.55"
fill="none" stroke="#cb81da" stroke-width="2" stroke-miterlimit="10"
pointer-events="none" />
<path
d="M 65.6 56.74 L 75.5 56.74 C 80.97 56.74 85.4 60.86 85.4 65.95 C 85.4 71.03 80.97 75.16 75.5 75.16 L 65.6 75.16 Z"
fill="#cb81da" stroke="#cb81da" stroke-width="2" stroke-miterlimit="10"
pointer-events="none" />
<rect x="37" y="42" width="11" height="11" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)"
pointer-events="none" />
<rect x="37" y="64.72" width="11" height="11" fill="rgb(255, 255, 255)"
stroke="rgb(0, 0, 0)" pointer-events="none" />
<path d="M 59 70.55 L 48.01 70.6" fill="none" stroke="#cb81da" stroke-width="2"
stroke-miterlimit="10" pointer-events="none" />
<rect x="37" y="64.72" width="11" height="11" fill="#000000" stroke="#000000"
pointer-events="none" />
<rect x="37" y="42" width="11" height="11" fill="#000000" stroke="#000000"
pointer-events="none" />
<rect x="37" y="42" width="11" height="11" fill="#cb81da" stroke="#cb81da"
pointer-events="none" />
<rect x="37" y="64.72" width="11" height="11" fill="#cb81da" stroke="#cb81da"
pointer-events="none" />
<path d="M 48 48.14 L 53.51 48.09 L 53.51 61.31 L 59 61.34" fill="none" stroke="#cb81da"
stroke-width="2" stroke-miterlimit="10" pointer-events="none" />
<ellipse cx="17" cy="17" rx="7.500000000000001" ry="7.500000000000001" fill="#cb81da"
stroke="#cb81da" stroke-width="2" pointer-events="none" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

97
resources/dide-viewer/view/iconfont.css Normal file
View File

@ -0,0 +1,97 @@
@font-face {
font-family: "iconfont"; /* Project id 4440655 */
src: url('iconfont.woff2?t=1713691301672') format('woff2');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-ctrl:before {
content: "\e605";
}
.icon-shift:before {
content: "\e626";
}
.icon-mouse:before {
content: "\e69e";
}
.icon-left-right:before {
content: "\e61c";
}
.icon-up-down:before {
content: "\e61d";
}
.icon-help:before {
content: "\e87a";
}
.icon-parameter:before {
content: "\e6be";
}
.icon-task:before {
content: "\e602";
}
.icon-fork:before {
content: "\e735";
}
.icon-prevent:before {
content: "\e69d";
}
.icon-function:before {
content: "\e90e";
}
.icon-real:before {
content: "\e6ec";
}
.icon-integer:before {
content: "\e603";
}
.icon-string:before {
content: "\e614";
}
.icon-brackets:before {
content: "\e613";
}
.icon-register:before {
content: "\e611";
}
.icon-about:before {
content: "\e601";
}
.icon-setting:before {
content: "\e657";
}
.icon-collections:before {
content: "\e689";
}
.icon-memory-chip:before {
content: "\e600";
}
.icon-wave-square:before {
content: "\ebd0";
}

BIN
resources/dide-viewer/view/iconfont.woff2 Normal file
View File

Binary file not shown.

13
resources/dide-viewer/view/index.html Normal file
View File

@ -0,0 +1,13 @@
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="icon.png"><title>Vcd Viewer</title><link rel="stylesheet" href="ondark.css"><link rel="stylesheet" href="vscode.css"><link rel="stylesheet" href="vcd.css"><link rel="stylesheet" href="iconfont.css"><script src="vcd.js"></script><script>window.readVcdFile = async () => {
const response = await fetch('test.vcd');
const blob = await response.blob();
const reader = new FileReader();
return new Promise((resolve, reject) => {
reader.onload = event => {
const fileContent = event.target.result;
const unintarray = new Uint8Array(fileContent);
resolve(unintarray);
};
reader.readAsArrayBuffer(blob);
});
}</script><script defer="defer" src="js/chunk-vendors.9a8e8b73.js"></script><script defer="defer" src="js/app.d35abdbf.js"></script><link href="css/chunk-vendors.915d56aa.css" rel="stylesheet"><link href="css/app.520326c1.css" rel="stylesheet"></head><body><div id="app"></div></body></html>

1
resources/dide-viewer/view/js/app.d35abdbf.js Normal file
View File

File diff suppressed because one or more lines are too long

61
resources/dide-viewer/view/js/chunk-vendors.9a8e8b73.js Normal file
View File

File diff suppressed because one or more lines are too long

697
resources/dide-viewer/view/ondark.css Normal file
View File

@ -0,0 +1,697 @@
:root {
--vscode-foreground: #cccccc;
--vscode-disabledForeground: rgba(204, 204, 204, 0.5);
--vscode-errorForeground: #f48771;
--vscode-descriptionForeground: #abb2bf;
--vscode-icon-foreground: #c5c5c5;
--vscode-focusBorder: #3e4452;
--vscode-textSeparator-foreground: rgba(255, 255, 255, 0.18);
--vscode-textLink-foreground: #61afef;
--vscode-textLink-activeForeground: #3794ff;
--vscode-textPreformat-foreground: #d19a66;
--vscode-textPreformat-background: rgba(255, 255, 255, 0.1);
--vscode-textBlockQuote-background: #2e3440;
--vscode-textBlockQuote-border: #4b5362;
--vscode-textCodeBlock-background: rgba(10, 10, 10, 0.4);
--vscode-widget-shadow: rgba(0, 0, 0, 0.36);
--vscode-input-background: #1d1f23;
--vscode-input-foreground: #abb2bf;
--vscode-inputOption-activeBorder: #007acc;
--vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5);
--vscode-inputOption-activeBackground: rgba(62, 68, 82, 0.4);
--vscode-inputOption-activeForeground: #ffffff;
--vscode-input-placeholderForeground: rgba(204, 204, 204, 0.5);
--vscode-inputValidation-infoBackground: #063b49;
--vscode-inputValidation-infoBorder: #007acc;
--vscode-inputValidation-warningBackground: #352a05;
--vscode-inputValidation-warningBorder: #b89500;
--vscode-inputValidation-errorBackground: #5a1d1d;
--vscode-inputValidation-errorBorder: #be1100;
--vscode-dropdown-background: #21252b;
--vscode-dropdown-foreground: #f0f0f0;
--vscode-dropdown-border: #21252b;
--vscode-button-foreground: #ffffff;
--vscode-button-separator: rgba(255, 255, 255, 0.4);
--vscode-button-background: #404754;
--vscode-button-hoverBackground: #4d5565;
--vscode-button-secondaryForeground: #c0bdbd;
--vscode-button-secondaryBackground: #30333d;
--vscode-button-secondaryHoverBackground: #3a3d49;
--vscode-badge-background: #282c34;
--vscode-badge-foreground: #ffffff;
--vscode-scrollbar-shadow: #23252c;
--vscode-scrollbarSlider-background: rgba(78, 86, 102, 0.38);
--vscode-scrollbarSlider-hoverBackground: rgba(90, 99, 117, 0.5);
--vscode-scrollbarSlider-activeBackground: rgba(116, 125, 145, 0.5);
--vscode-progressBar-background: #0e70c0;
--vscode-editorError-foreground: #c24038;
--vscode-editorWarning-foreground: #d19a66;
--vscode-editorInfo-foreground: #3794ff;
--vscode-editorHint-foreground: rgba(238, 238, 238, 0.7);
--vscode-sash-hoverBorder: #3e4452;
--vscode-editor-background: #282c34;
--vscode-editor-foreground: #abb2bf;
--vscode-editorStickyScroll-background: #282c34;
--vscode-editorStickyScrollHover-background: #2a2d2e;
--vscode-editorWidget-background: #21252b;
--vscode-editorWidget-foreground: #cccccc;
--vscode-editorWidget-border: #454545;
--vscode-quickInput-background: #21252b;
--vscode-quickInput-foreground: #cccccc;
--vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1);
--vscode-pickerGroup-foreground: #3794ff;
--vscode-pickerGroup-border: #3f3f46;
--vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17);
--vscode-keybindingLabel-foreground: #cccccc;
--vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6);
--vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6);
--vscode-editor-selectionBackground: rgba(103, 118, 150, 0.38);
--vscode-editor-inactiveSelectionBackground: rgba(103, 118, 150, 0.19);
--vscode-editor-selectionHighlightBackground: rgba(255, 255, 255, 0.06);
--vscode-editor-selectionHighlightBorder: #dddddd;
--vscode-editor-findMatchBackground: #42557b;
--vscode-editor-findMatchHighlightBackground: rgba(97, 153, 255, 0.18);
--vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, 0.4);
--vscode-editor-findMatchBorder: #457dff;
--vscode-searchEditor-findMatchBackground: rgba(97, 153, 255, 0.12);
--vscode-search-resultsInfoForeground: rgba(204, 204, 204, 0.65);
--vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, 0.25);
--vscode-editorHoverWidget-background: #21252b;
--vscode-editorHoverWidget-foreground: #cccccc;
--vscode-editorHoverWidget-border: #181a1f;
--vscode-editorHoverWidget-statusBarBackground: #282c34;
--vscode-editorLink-activeForeground: #4e94ce;
--vscode-editorInlayHint-foreground: #abb2bf;
--vscode-editorInlayHint-background: #2c313c;
--vscode-editorInlayHint-typeForeground: #abb2bf;
--vscode-editorInlayHint-typeBackground: #2c313c;
--vscode-editorInlayHint-parameterForeground: #abb2bf;
--vscode-editorInlayHint-parameterBackground: #2c313c;
--vscode-editorLightBulb-foreground: #ffcc00;
--vscode-editorLightBulbAutoFix-foreground: #75beff;
--vscode-editorLightBulbAi-foreground: #767676;
--vscode-diffEditor-insertedTextBackground: rgba(0, 128, 155, 0.2);
--vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2);
--vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, 0.2);
--vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, 0.2);
--vscode-diffEditor-diagonalFill: rgba(204, 204, 204, 0.2);
--vscode-diffEditor-unchangedRegionBackground: #21252b;
--vscode-diffEditor-unchangedRegionForeground: #cccccc;
--vscode-diffEditor-unchangedCodeBackground: rgba(116, 116, 116, 0.16);
--vscode-list-focusBackground: #323842;
--vscode-list-focusForeground: #f0f0f0;
--vscode-list-focusOutline: #3e4452;
--vscode-list-activeSelectionBackground: #2c313a;
--vscode-list-activeSelectionForeground: #d7dae0;
--vscode-list-inactiveSelectionBackground: #323842;
--vscode-list-inactiveSelectionForeground: #d7dae0;
--vscode-list-hoverBackground: #2c313a;
--vscode-list-hoverForeground: #abb2bf;
--vscode-list-dropBackground: #062f4a;
--vscode-list-highlightForeground: #ecebeb;
--vscode-list-focusHighlightForeground: #ecebeb;
--vscode-list-invalidItemForeground: #b89500;
--vscode-list-errorForeground: #f88070;
--vscode-list-warningForeground: #d19a66;
--vscode-listFilterWidget-background: #21252b;
--vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);
--vscode-listFilterWidget-noMatchesOutline: #be1100;
--vscode-listFilterWidget-shadow: rgba(0, 0, 0, 0.36);
--vscode-list-filterMatchBackground: rgba(97, 153, 255, 0.18);
--vscode-tree-indentGuidesStroke: rgba(255, 255, 255, 0.11);
--vscode-tree-inactiveIndentGuidesStroke: rgba(255, 255, 255, 0.05);
--vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13);
--vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, 0.04);
--vscode-list-deemphasizedForeground: #8c8c8c;
--vscode-checkbox-background: #21252b;
--vscode-checkbox-selectBackground: #21252b;
--vscode-checkbox-foreground: #f0f0f0;
--vscode-checkbox-border: #404754;
--vscode-checkbox-selectBorder: #c5c5c5;
--vscode-quickInputList-focusForeground: #d7dae0;
--vscode-quickInputList-focusBackground: #2c313a;
--vscode-menu-foreground: #abb2bf;
--vscode-menu-background: #21252b;
--vscode-menu-selectionForeground: #d7dae0;
--vscode-menu-selectionBackground: #2c313a;
--vscode-menu-separatorBackground: #343a45;
--vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31);
--vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31);
--vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, 0.3);
--vscode-editor-snippetFinalTabstopHighlightBorder: #525252;
--vscode-breadcrumb-foreground: rgba(204, 204, 204, 0.8);
--vscode-breadcrumb-background: #282c34;
--vscode-breadcrumb-focusForeground: #e0e0e0;
--vscode-breadcrumb-activeSelectionForeground: #e0e0e0;
--vscode-breadcrumbPicker-background: #21252b;
--vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5);
--vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2);
--vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5);
--vscode-merge-incomingContentBackground: rgba(64, 166, 255, 0.2);
--vscode-merge-commonHeaderBackground: rgba(96, 96, 96, 0.4);
--vscode-merge-commonContentBackground: rgba(96, 96, 96, 0.16);
--vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, 0.5);
--vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, 0.5);
--vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4);
--vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);
--vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, 0.8);
--vscode-minimap-findMatchHighlight: #d18616;
--vscode-minimap-selectionOccurrenceHighlight: #676767;
--vscode-minimap-selectionHighlight: #264f78;
--vscode-minimap-infoHighlight: #3794ff;
--vscode-minimap-warningHighlight: #d19a66;
--vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7);
--vscode-minimap-foregroundOpacity: #000000;
--vscode-minimapSlider-background: rgba(78, 86, 102, 0.19);
--vscode-minimapSlider-hoverBackground: rgba(90, 99, 117, 0.25);
--vscode-minimapSlider-activeBackground: rgba(116, 125, 145, 0.25);
--vscode-problemsErrorIcon-foreground: #c24038;
--vscode-problemsWarningIcon-foreground: #d19a66;
--vscode-problemsInfoIcon-foreground: #3794ff;
--vscode-charts-foreground: #cccccc;
--vscode-charts-lines: rgba(204, 204, 204, 0.5);
--vscode-charts-red: #c24038;
--vscode-charts-blue: #3794ff;
--vscode-charts-yellow: #d19a66;
--vscode-charts-orange: #d18616;
--vscode-charts-green: #89d185;
--vscode-charts-purple: #b180d7;
--vscode-diffEditor-move-border: rgba(139, 139, 139, 0.61);
--vscode-diffEditor-moveActive-border: #ffa500;
--vscode-diffEditor-unchangedRegionShadow: #000000;
--vscode-multiDiffEditor-headerBackground: #808080;
--vscode-symbolIcon-arrayForeground: #cccccc;
--vscode-symbolIcon-booleanForeground: #cccccc;
--vscode-symbolIcon-classForeground: #ee9d28;
--vscode-symbolIcon-colorForeground: #cccccc;
--vscode-symbolIcon-constantForeground: #cccccc;
--vscode-symbolIcon-constructorForeground: #b180d7;
--vscode-symbolIcon-enumeratorForeground: #ee9d28;
--vscode-symbolIcon-enumeratorMemberForeground: #75beff;
--vscode-symbolIcon-eventForeground: #ee9d28;
--vscode-symbolIcon-fieldForeground: #75beff;
--vscode-symbolIcon-fileForeground: #cccccc;
--vscode-symbolIcon-folderForeground: #cccccc;
--vscode-symbolicon-functionForeground: #b180d7;
--vscode-symbolIcon-interfaceForeground: #75beff;
--vscode-symbolIcon-keyForeground: #cccccc;
--vscode-symbolIcon-keywordForeground: #cccccc;
--vscode-symbolIcon-methodForeground: #b180d7;
--vscode-symbolIcon-moduleForeground: #cccccc;
--vscode-symbolIcon-namespaceForeground: #cccccc;
--vscode-symbolIcon-nullForeground: #cccccc;
--vscode-symbolIcon-numberForeground: #cccccc;
--vscode-symbolIcon-objectForeground: #cccccc;
--vscode-symbolIcon-operatorForeground: #cccccc;
--vscode-symbolIcon-packageForeground: #cccccc;
--vscode-symbolIcon-propertyForeground: #cccccc;
--vscode-symbolicon-realeferenceForeground: #cccccc;
--vscode-symbolIcon-snippetForeground: #cccccc;
--vscode-symbolicon-stringForeground: #cccccc;
--vscode-symbolIcon-structForeground: #cccccc;
--vscode-symbolIcon-textForeground: #cccccc;
--vscode-symbolIcon-typeParameterForeground: #cccccc;
--vscode-symbolIcon-unitForeground: #cccccc;
--vscode-symbolIcon-variableForeground: #75beff;
--vscode-actionBar-toggledBackground: rgba(62, 68, 82, 0.4);
--vscode-editorHoverWidget-highlightForeground: #61afef;
--vscode-editor-lineHighlightBackground: #2c313c;
--vscode-editor-lineHighlightBorder: #282828;
--vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, 0.04);
--vscode-editor-symbolHighlightBackground: rgba(97, 153, 255, 0.18);
--vscode-editorCursor-foreground: #528bff;
--vscode-editorCursor-background: rgba(255, 255, 255, 0.79);
--vscode-editorWhitespace-foreground: rgba(255, 255, 255, 0.11);
--vscode-editorLineNumber-foreground: #495162;
--vscode-editorIndentGuide-background: #3b4048;
--vscode-editorIndentGuide-activeBackground: rgba(200, 200, 200, 0.35);
--vscode-editorIndentGuide-background1: #3b4048;
--vscode-editorIndentGuide-background2: rgba(0, 0, 0, 0);
--vscode-editorIndentGuide-background3: rgba(0, 0, 0, 0);
--vscode-editorIndentGuide-background4: rgba(0, 0, 0, 0);
--vscode-editorIndentGuide-background5: rgba(0, 0, 0, 0);
--vscode-editorIndentGuide-background6: rgba(0, 0, 0, 0);
--vscode-editorIndentGuide-activeBackground1: rgba(200, 200, 200, 0.35);
--vscode-editorIndentGuide-activeBackground2: rgba(0, 0, 0, 0);
--vscode-editorIndentGuide-activeBackground3: rgba(0, 0, 0, 0);
--vscode-editorIndentGuide-activeBackground4: rgba(0, 0, 0, 0);
--vscode-editorIndentGuide-activeBackground5: rgba(0, 0, 0, 0);
--vscode-editorIndentGuide-activeBackground6: rgba(0, 0, 0, 0);
--vscode-editorActiveLineNumber-foreground: #c6c6c6;
--vscode-editorLineNumber-activeForeground: #abb2bf;
--vscode-editorRuler-foreground: rgba(171, 178, 191, 0.15);
--vscode-editorCodeLens-foreground: #999999;
--vscode-editorBracketMatch-background: #515a6b;
--vscode-editorBracketMatch-border: #515a6b;
--vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3);
--vscode-editorGutter-background: #282c34;
--vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.67);
--vscode-editorGhostText-foreground: rgba(255, 255, 255, 0.34);
--vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6);
--vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7);
--vscode-editorOverviewRuler-warningForeground: #d19a66;
--vscode-editorOverviewRuler-infoForeground: #3794ff;
--vscode-editorBracketHighlight-foreground1: #d19a66;
--vscode-editorBracketHighlight-foreground2: #c678dd;
--vscode-editorBracketHighlight-foreground3: #56b6c2;
--vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);
--vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);
--vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);
--vscode-editorBracketHighlight-unexpectedBracket-foreground: rgba(255, 18, 18, 0.8);
--vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);
--vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);
--vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);
--vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);
--vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);
--vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);
--vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);
--vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);
--vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);
--vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);
--vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);
--vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);
--vscode-editorUnicodeHighlight-border: #bd9b03;
--vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, 0.15);
--vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;
--vscode-editor-foldBackground: rgba(103, 118, 150, 0.11);
--vscode-editorGutter-foldingControlForeground: #c5c5c5;
--vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3);
--vscode-editor-wordHighlightBackground: rgba(210, 224, 255, 0.18);
--vscode-editor-wordHighlightStrongBackground: rgba(171, 178, 191, 0.15);
--vscode-editor-wordHighlightTextBackground: rgba(210, 224, 255, 0.18);
--vscode-editor-wordHighlightBorder: #7f848e;
--vscode-editor-wordHighlightStrongBorder: #7f848e;
--vscode-editor-wordHighlightTextBorder: #7f848e;
--vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, 0.8);
--vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, 0.8);
--vscode-editorOverviewRuler-wordHighlightTextForeground: rgba(160, 160, 160, 0.8);
--vscode-peekViewTitle-background: #252526;
--vscode-peekViewTitleLabel-foreground: #ffffff;
--vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, 0.7);
--vscode-peekView-border: #3794ff;
--vscode-peekViewResult-background: #22262b;
--vscode-peekViewResult-lineForeground: #bbbbbb;
--vscode-peekViewResult-fileForeground: #ffffff;
--vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2);
--vscode-peekViewResult-selectionForeground: #ffffff;
--vscode-peekViewEditor-background: #1b1d23;
--vscode-peekViewEditorGutter-background: #1b1d23;
--vscode-peekViewEditorStickyScroll-background: #1b1d23;
--vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3);
--vscode-peekViewEditor-matchHighlightBackground: #29244b;
--vscode-editorMarkerNavigationError-background: #c24038;
--vscode-editorMarkerNavigationError-headerBackground: rgba(194, 64, 56, 0.1);
--vscode-editorMarkerNavigationWarning-background: #d19a66;
--vscode-editorMarkerNavigationWarning-headerBackground: rgba(209, 154, 102, 0.1);
--vscode-editorMarkerNavigationInfo-background: #3794ff;
--vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, 0.1);
--vscode-editorMarkerNavigation-background: #21252b;
--vscode-editorSuggestWidget-background: #21252b;
--vscode-editorSuggestWidget-border: #181a1f;
--vscode-editorSuggestWidget-foreground: #abb2bf;
--vscode-editorSuggestWidget-selectedForeground: #d7dae0;
--vscode-editorSuggestWidget-selectedBackground: #2c313a;
--vscode-editorSuggestWidget-highlightForeground: #ecebeb;
--vscode-editorSuggestWidget-focusHighlightForeground: #ecebeb;
--vscode-editorSuggestWidgetStatus-foreground: rgba(171, 178, 191, 0.5);
--vscode-tab-activeBackground: #282c34;
--vscode-tab-unfocusedActiveBackground: #282c34;
--vscode-tab-inactiveBackground: #21252b;
--vscode-tab-unfocusedInactiveBackground: #21252b;
--vscode-tab-activeForeground: #dcdcdc;
--vscode-tab-inactiveForeground: rgba(220, 220, 220, 0.5);
--vscode-tab-unfocusedActiveForeground: rgba(220, 220, 220, 0.5);
--vscode-tab-unfocusedInactiveForeground: rgba(220, 220, 220, 0.25);
--vscode-tab-hoverBackground: #323842;
--vscode-tab-unfocusedHoverBackground: #323842;
--vscode-tab-border: #181a1f;
--vscode-tab-lastPinnedBorder: rgba(255, 255, 255, 0.11);
--vscode-tab-activeBorder: #b4b4b4;
--vscode-tab-unfocusedActiveBorder: rgba(180, 180, 180, 0.5);
--vscode-tab-activeModifiedBorder: #3399cc;
--vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, 0.5);
--vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, 0.5);
--vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, 0.25);
--vscode-editorPane-background: #282c34;
--vscode-editorGroupHeader-tabsBackground: #21252b;
--vscode-editorGroupHeader-noTabsBackground: #282c34;
--vscode-editorGroup-border: #181a1f;
--vscode-editorGroup-dropBackground: rgba(83, 89, 93, 0.5);
--vscode-editorGroup-dropIntoPromptForeground: #cccccc;
--vscode-editorGroup-dropIntoPromptBackground: #21252b;
--vscode-sideBySideEditor-horizontalBorder: #181a1f;
--vscode-sideBySideEditor-verticalBorder: #181a1f;
--vscode-panel-background: #282c34;
--vscode-panel-border: #3e4452;
--vscode-panelTitle-activeForeground: #e7e7e7;
--vscode-panelTitle-inactiveForeground: rgba(231, 231, 231, 0.6);
--vscode-panelTitle-activeBorder: #e7e7e7;
--vscode-panel-dropBorder: #e7e7e7;
--vscode-panelSection-dropBackground: rgba(83, 89, 93, 0.5);
--vscode-panelSectionHeader-background: #21252b;
--vscode-panelSection-border: #3e4452;
--vscode-banner-background: #2c313a;
--vscode-banner-foreground: #d7dae0;
--vscode-banner-iconForeground: #3794ff;
--vscode-statusBar-foreground: #9da5b4;
--vscode-statusBar-noFolderForeground: #9da5b4;
--vscode-statusBar-background: #21252b;
--vscode-statusBar-noFolderBackground: #21252b;
--vscode-statusBar-focusBorder: #9da5b4;
--vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18);
--vscode-statusBarItem-focusBorder: #9da5b4;
--vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12);
--vscode-statusBarItem-hoverForeground: #9da5b4;
--vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2);
--vscode-statusBarItem-prominentForeground: #9da5b4;
--vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5);
--vscode-statusBarItem-prominentHoverForeground: #9da5b4;
--vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3);
--vscode-statusBarItem-errorBackground: #c72e0f;
--vscode-statusBarItem-errorForeground: #ffffff;
--vscode-statusBarItem-errorHoverForeground: #9da5b4;
--vscode-statusBarItem-errorHoverBackground: rgba(255, 255, 255, 0.12);
--vscode-statusBarItem-warningBackground: #905c2b;
--vscode-statusBarItem-warningForeground: #ffffff;
--vscode-statusBarItem-warningHoverForeground: #9da5b4;
--vscode-statusBarItem-warningHoverBackground: rgba(255, 255, 255, 0.12);
--vscode-activityBar-background: #282c34;
--vscode-activityBar-foreground: #d7dae0;
--vscode-activityBar-inactiveForeground: rgba(215, 218, 224, 0.4);
--vscode-activityBar-activeBorder: #d7dae0;
--vscode-activityBar-dropBorder: #d7dae0;
--vscode-activityBarBadge-background: #4d78cc;
--vscode-activityBarBadge-foreground: #f8fafd;
--vscode-profileBadge-background: #4d4d4d;
--vscode-profileBadge-foreground: #ffffff;
--vscode-statusBarItem-remoteBackground: #4d78cc;
--vscode-statusBarItem-remoteForeground: #f8fafd;
--vscode-statusBarItem-remoteHoverForeground: #9da5b4;
--vscode-statusBarItem-remoteHoverBackground: rgba(255, 255, 255, 0.12);
--vscode-statusBarItem-offlineBackground: #6c1717;
--vscode-statusBarItem-offlineForeground: #f8fafd;
--vscode-statusBarItem-offlineHoverForeground: #9da5b4;
--vscode-statusBarItem-offlineHoverBackground: rgba(255, 255, 255, 0.12);
--vscode-extensionBadge-remoteBackground: #4d78cc;
--vscode-extensionBadge-remoteForeground: #f8fafd;
--vscode-sideBar-background: #21252b;
--vscode-sideBar-foreground: #abb2bf;
--vscode-sideBarTitle-foreground: #abb2bf;
--vscode-sideBar-dropBackground: rgba(83, 89, 93, 0.5);
--vscode-sideBarSectionHeader-background: #282c34;
--vscode-sideBarSectionHeader-foreground: #abb2bf;
--vscode-titleBar-activeForeground: #9da5b4;
--vscode-titleBar-inactiveForeground: #6b717d;
--vscode-titleBar-activeBackground: #282c34;
--vscode-titleBar-inactiveBackground: #282c34;
--vscode-menubar-selectionForeground: #9da5b4;
--vscode-menubar-selectionBackground: rgba(90, 93, 94, 0.31);
--vscode-commandCenter-foreground: #9da5b4;
--vscode-commandCenter-activeForeground: #9da5b4;
--vscode-commandCenter-inactiveForeground: #6b717d;
--vscode-commandCenter-background: rgba(255, 255, 255, 0.05);
--vscode-commandCenter-activeBackground: rgba(255, 255, 255, 0.08);
--vscode-commandCenter-border: rgba(157, 165, 180, 0.2);
--vscode-commandCenter-activeBorder: rgba(157, 165, 180, 0.3);
--vscode-commandCenter-inactiveBorder: rgba(107, 113, 125, 0.25);
--vscode-notifications-foreground: #cccccc;
--vscode-notifications-background: #21252b;
--vscode-notificationLink-foreground: #61afef;
--vscode-notificationCenterHeader-background: #2b3038;
--vscode-notifications-border: #2b3038;
--vscode-notificationsErrorIcon-foreground: #c24038;
--vscode-notificationsWarningIcon-foreground: #d19a66;
--vscode-notificationsInfoIcon-foreground: #3794ff;
--vscode-chat-requestBorder: rgba(255, 255, 255, 0.1);
--vscode-chat-slashCommandBackground: #34414b;
--vscode-chat-slashCommandForeground: #40a6ff;
--vscode-chat-avatarBackground: #1f1f1f;
--vscode-chat-avatarForeground: #cccccc;
--vscode-simpleFindWidget-sashBorder: #454545;
--vscode-commentsView-resolvedIcon: rgba(204, 204, 204, 0.5);
--vscode-commentsView-unresolvedIcon: #3e4452;
--vscode-editorCommentsWidget-replyInputBackground: #252526;
--vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, 0.5);
--vscode-editorCommentsWidget-unresolvedBorder: #3e4452;
--vscode-editorCommentsWidget-rangeBackground: rgba(62, 68, 82, 0.1);
--vscode-editorCommentsWidget-rangeActiveBackground: rgba(62, 68, 82, 0.1);
--vscode-editorGutter-commentRangeForeground: #323842;
--vscode-editorOverviewRuler-commentForeground: #323842;
--vscode-editorOverviewRuler-commentUnresolvedForeground: #323842;
--vscode-editorGutter-commentGlyphForeground: #abb2bf;
--vscode-editorGutter-commentUnresolvedGlyphForeground: #abb2bf;
--vscode-debugToolBar-background: #21252b;
--vscode-debugIcon-startForeground: #89d185;
--vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, 0.2);
--vscode-editor-focusedStackFrameHighlightBackground: rgba(122, 189, 122, 0.3);
--vscode-mergeEditor-change-background: rgba(155, 185, 85, 0.2);
--vscode-mergeEditor-change-word-background: rgba(156, 204, 44, 0.2);
--vscode-mergeEditor-changeBase-background: #4b1818;
--vscode-mergeEditor-changeBase-word-background: #6f1313;
--vscode-mergeEditor-conflict-unhandledUnfocused-border: rgba(255, 166, 0, 0.48);
--vscode-mergeEditor-conflict-unhandledFocused-border: #ffa600;
--vscode-mergeEditor-conflict-handledUnfocused-border: rgba(134, 134, 134, 0.29);
--vscode-mergeEditor-conflict-handledFocused-border: rgba(193, 193, 193, 0.8);
--vscode-mergeEditor-conflict-handled-minimapOverViewRuler: rgba(173, 172, 168, 0.93);
--vscode-mergeEditor-conflict-unhandled-minimapOverViewRuler: #fcba03;
--vscode-mergeEditor-conflictingLines-background: rgba(255, 234, 0, 0.28);
--vscode-mergeEditor-conflict-input1-background: rgba(64, 200, 174, 0.2);
--vscode-mergeEditor-conflict-input2-background: rgba(64, 166, 255, 0.2);
--vscode-settings-headerForeground: #ffffff;
--vscode-settings-settingsHeaderHoverForeground: rgba(255, 255, 255, 0.7);
--vscode-settings-modifiedItemIndicator: #0c7d9d;
--vscode-settings-headerBorder: #3e4452;
--vscode-settings-sashBorder: #3e4452;
--vscode-settings-dropdownBackground: #21252b;
--vscode-settings-dropdownForeground: #f0f0f0;
--vscode-settings-dropdownBorder: #21252b;
--vscode-settings-dropdownListBorder: #454545;
--vscode-settings-checkboxBackground: #21252b;
--vscode-settings-checkboxForeground: #f0f0f0;
--vscode-settings-checkboxBorder: #404754;
--vscode-settings-textInputBackground: #1d1f23;
--vscode-settings-textInputForeground: #abb2bf;
--vscode-settings-numberInputBackground: #1d1f23;
--vscode-settings-numberInputForeground: #abb2bf;
--vscode-settings-focusedRowBackground: #282c34;
--vscode-settings-rowHoverBackground: rgba(44, 49, 58, 0.3);
--vscode-settings-focusedRowBorder: #3e4452;
--vscode-terminal-background: #282c34;
--vscode-terminal-foreground: #abb2bf;
--vscode-terminal-selectionBackground: rgba(171, 178, 191, 0.19);
--vscode-terminal-inactiveSelectionBackground: rgba(171, 178, 191, 0.09);
--vscode-terminalCommandDecoration-defaultBackground: rgba(255, 255, 255, 0.25);
--vscode-terminalCommandDecoration-successBackground: #1b81a8;
--vscode-terminalCommandDecoration-errorBackground: #f14c4c;
--vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8);
--vscode-terminal-border: #3e4452;
--vscode-terminal-findMatchBackground: #42557b;
--vscode-terminal-hoverHighlightBackground: rgba(38, 79, 120, 0.13);
--vscode-terminal-findMatchHighlightBackground: rgba(97, 153, 255, 0.18);
--vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);
--vscode-terminal-dropBackground: rgba(83, 89, 93, 0.5);
--vscode-terminal-tab-activeBorder: #b4b4b4;
--vscode-terminalStickyScrollHover-background: #2a2d2e;
--vscode-testing-iconFailed: #f14c4c;
--vscode-testing-iconErrored: #f14c4c;
--vscode-testing-iconPassed: #73c991;
--vscode-testing-runAction: #73c991;
--vscode-testing-iconQueued: #cca700;
--vscode-testing-iconUnset: #848484;
--vscode-testing-iconSkipped: #848484;
--vscode-testing-peekBorder: #c24038;
--vscode-testing-peekHeaderBackground: rgba(194, 64, 56, 0.1);
--vscode-testing-message-error-decorationForeground: #c24038;
--vscode-testing-message-error-lineBackground: rgba(255, 0, 0, 0.2);
--vscode-testing-message-info-decorationForeground: rgba(171, 178, 191, 0.5);
--vscode-welcomePage-tileBackground: #21252b;
--vscode-welcomePage-tileHoverBackground: #282c34;
--vscode-welcomePage-tileBorder: rgba(255, 255, 255, 0.1);
--vscode-welcomePage-progress-background: #1d1f23;
--vscode-welcomePage-progress-foreground: #61afef;
--vscode-walkthrough-stepTitle-foreground: #ffffff;
--vscode-walkThrough-embeddedEditorBackground: #2e3440;
--vscode-inlineChat-background: #21252b;
--vscode-inlineChat-border: #454545;
--vscode-inlineChat-shadow: rgba(0, 0, 0, 0.36);
--vscode-inlineChat-regionHighlight: rgba(38, 79, 120, 0.25);
--vscode-inlineChatInput-border: #454545;
--vscode-inlineChatInput-focusBorder: #3e4452;
--vscode-inlineChatInput-placeholderForeground: rgba(204, 204, 204, 0.5);
--vscode-inlineChatInput-background: #1d1f23;
--vscode-inlineChatDiff-inserted: rgba(0, 128, 155, 0.1);
--vscode-inlineChatDiff-removed: rgba(255, 0, 0, 0.1);
--vscode-debugExceptionWidget-border: #a31515;
--vscode-debugExceptionWidget-background: #420b0d;
--vscode-ports-iconRunningProcessForeground: #4d78cc;
--vscode-statusBar-debuggingBackground: #cc6633;
--vscode-statusBar-debuggingForeground: #ffffff;
--vscode-statusBar-debuggingBorder: rgba(255, 0, 0, 0);
--vscode-commandCenter-debuggingBackground: rgba(204, 102, 51, 0.26);
--vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5);
--vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2);
--vscode-editorGutter-modifiedBackground: #948b60;
--vscode-editorGutter-addedBackground: #109868;
--vscode-editorGutter-deletedBackground: #9a353d;
--vscode-minimapGutter-modifiedBackground: #948b60;
--vscode-minimapGutter-addedBackground: #109868;
--vscode-minimapGutter-deletedBackground: #9a353d;
--vscode-editorOverviewRuler-modifiedForeground: rgba(148, 139, 96, 0.6);
--vscode-editorOverviewRuler-addedForeground: rgba(16, 152, 104, 0.6);
--vscode-editorOverviewRuler-deletedForeground: rgba(154, 53, 61, 0.6);
--vscode-debugIcon-breakpointForeground: #e51400;
--vscode-debugIcon-breakpointDisabledForeground: #848484;
--vscode-debugIcon-breakpointUnverifiedForeground: #848484;
--vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00;
--vscode-debugIcon-breakpointStackframeForeground: #89d185;
--vscode-keybindingTable-headerBackground: rgba(204, 204, 204, 0.04);
--vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, 0.04);
--vscode-debugTokenExpression-name: #c586c0;
--vscode-debugTokenExpression-value: rgba(204, 204, 204, 0.6);
--vscode-debugTokenExpression-string: #ce9178;
--vscode-debugTokenExpression-boolean: #4e94ce;
--vscode-debugTokenExpression-number: #b5cea8;
--vscode-debugTokenExpression-error: #f48771;
--vscode-debugView-exceptionLabelForeground: #cccccc;
--vscode-debugView-exceptionLabelBackground: #6c2022;
--vscode-debugView-stateLabelForeground: #cccccc;
--vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27);
--vscode-debugView-valueChangedHighlight: #569cd6;
--vscode-debugConsole-infoForeground: #3794ff;
--vscode-debugConsole-warningForeground: #d19a66;
--vscode-debugConsole-errorForeground: #f48771;
--vscode-debugConsole-sourceForeground: #cccccc;
--vscode-debugConsoleInputIcon-foreground: #cccccc;
--vscode-debugIcon-pauseForeground: #75beff;
--vscode-debugIcon-stopForeground: #f48771;
--vscode-debugIcon-disconnectForeground: #f48771;
--vscode-debugicon-realestartForeground: #89d185;
--vscode-debugIcon-stepOverForeground: #75beff;
--vscode-debugIcon-stepIntoForeground: #75beff;
--vscode-debugIcon-stepOutForeground: #75beff;
--vscode-debugIcon-continueForeground: #75beff;
--vscode-debugIcon-stepBackForeground: #75beff;
--vscode-notebook-cellBorderColor: #323842;
--vscode-notebook-focusedEditorBorder: #3e4452;
--vscode-notebookStatusSuccessIcon-foreground: #89d185;
--vscode-notebookEditorOverviewRuler-runningCellForeground: #89d185;
--vscode-notebookStatusErrorIcon-foreground: #f48771;
--vscode-notebookStatusRunningIcon-foreground: #cccccc;
--vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35);
--vscode-notebook-selectedCellBackground: #323842;
--vscode-notebook-selectedCellBorder: #323842;
--vscode-notebook-focusedCellBorder: #3e4452;
--vscode-notebook-inactiveFocusedCellBorder: #323842;
--vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15);
--vscode-notebook-cellInsertionIndicator: #3e4452;
--vscode-notebookScrollbarSlider-background: rgba(78, 86, 102, 0.38);
--vscode-notebookScrollbarSlider-hoverBackground: rgba(90, 99, 117, 0.5);
--vscode-notebookScrollbarSlider-activeBackground: rgba(116, 125, 145, 0.5);
--vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04);
--vscode-notebook-cellEditorBackground: #21252b;
--vscode-notebook-editorBackground: #282c34;
--vscode-scm-historyItemAdditionsForeground: #81b88b;
--vscode-scm-historyItemDeletionsForeground: #c74e39;
--vscode-scm-historyItemStatisticsBorder: rgba(204, 204, 204, 0.2);
--vscode-scm-historyItemSelectedStatisticsBorder: rgba(215, 218, 224, 0.2);
--vscode-extensionButton-background: #404754;
--vscode-extensionButton-foreground: #ffffff;
--vscode-extensionButton-hoverBackground: #4d5565;
--vscode-extensionButton-separator: rgba(255, 255, 255, 0.4);
--vscode-extensionButton-prominentBackground: #404754;
--vscode-extensionButton-prominentForeground: #ffffff;
--vscode-extensionButton-prominentHoverBackground: #4d5565;
--vscode-extensionIcon-starForeground: #ff8e00;
--vscode-extensionIcon-verifiedForeground: #61afef;
--vscode-extensionIcon-preReleaseForeground: #1d9271;
--vscode-extensionIcon-sponsorForeground: #d758b3;
--vscode-terminal-ansiBlack: #3f4451;
--vscode-terminal-ansiRed: #e05561;
--vscode-terminal-ansiGreen: #8cc265;
--vscode-terminal-ansiYellow: #d18f52;
--vscode-terminal-ansiBlue: #4aa5f0;
--vscode-terminal-ansiMagenta: #c162de;
--vscode-terminal-ansiCyan: #42b3c2;
--vscode-terminal-ansiWhite: #d7dae0;
--vscode-terminal-ansiBrightBlack: #4f5666;
--vscode-terminal-ansiBrightRed: #ff616e;
--vscode-terminal-ansiBrightGreen: #a5e075;
--vscode-terminal-ansiBrightYellow: #f0a45d;
--vscode-terminal-ansiBrightBlue: #4dc4ff;
--vscode-terminal-ansiBrightMagenta: #de73ff;
--vscode-terminal-ansiBrightCyan: #4cd1e0;
--vscode-terminal-ansiBrightWhite: #e6e6e6;
--vscode-interactive-activeCodeBorder: #3794ff;
--vscode-interactive-inactiveCodeBorder: #323842;
--vscode-gitDecoration-addedResourceForeground: #81b88b;
--vscode-gitDecoration-modifiedResourceForeground: #e2c08d;
--vscode-gitDecoration-deletedResourceForeground: #c74e39;
--vscode-gitDecoration-renamedResourceForeground: #73c991;
--vscode-gitDecoration-untrackedResourceForeground: #73c991;
--vscode-gitDecoration-ignoredResourceForeground: #636b78;
--vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d;
--vscode-gitDecoration-stageDeletedResourceForeground: #c74e39;
--vscode-gitDecoration-conflictingResourceForeground: #e4676b;
--vscode-gitDecoration-submoduleResourceForeground: #8db9e2;
--vscode-gitlens-gutterBackgroundColor: rgba(255, 255, 255, 0.07);
--vscode-gitlens-gutterForegroundColor: #bebebe;
--vscode-gitlens-gutterUncommittedForegroundColor: rgba(0, 188, 242, 0.6);
--vscode-gitlens-trailingLineBackgroundColor: rgba(0, 0, 0, 0);
--vscode-gitlens-trailingLineForegroundColor: rgba(153, 153, 153, 0.35);
--vscode-gitlens-lineHighlightBackgroundColor: rgba(0, 188, 242, 0.2);
--vscode-gitlens-lineHighlightOverviewRulerColor: rgba(0, 188, 242, 0.6);
--vscode-gitlens-openAutolinkedIssueIconColor: #3fb950;
--vscode-gitlens-closedAutolinkedIssueIconColor: #a371f7;
--vscode-gitlens-closedPullRequestIconColor: #f85149;
--vscode-gitlens-openPullRequestIconColor: #3fb950;
--vscode-gitlens-mergedPullRequestIconColor: #a371f7;
--vscode-gitlens-unpublishedChangesIconColor: #35b15e;
--vscode-gitlens-unpublishedCommitIconColor: #35b15e;
--vscode-gitlens-unpulledChangesIconColor: #b15e35;
--vscode-gitlens-decorations-addedForegroundColor: #81b88b;
--vscode-gitlens-decorations-copiedForegroundColor: #73c991;
--vscode-gitlens-decorations-deletedForegroundColor: #c74e39;
--vscode-gitlens-decorations-ignoredForegroundColor: #636b78;
--vscode-gitlens-decorations-modifiedForegroundColor: #e2c08d;
--vscode-gitlens-decorations-untrackedForegroundColor: #73c991;
--vscode-gitlens-decorations-renamedForegroundColor: #73c991;
--vscode-gitlens-decorations-branchAheadForegroundColor: #35b15e;
--vscode-gitlens-decorations-branchBehindForegroundColor: #b15e35;
--vscode-gitlens-decorations-branchDivergedForegroundColor: #d8af1b;
--vscode-gitlens-decorations-branchUpToDateForegroundColor: #abb2bf;
--vscode-gitlens-decorations-branchUnpublishedForegroundColor: #35b15e;
--vscode-gitlens-decorations-branchMissingUpstreamForegroundColor: #c74e39;
--vscode-gitlens-decorations-statusMergingOrRebasingConflictForegroundColor: #c74e39;
--vscode-gitlens-decorations-statusMergingOrRebasingForegroundColor: #d8af1b;
--vscode-gitlens-decorations-workspaceRepoMissingForegroundColor: #909090;
--vscode-gitlens-decorations-workspaceCurrentForegroundColor: #35b15e;
--vscode-gitlens-decorations-workspaceRepoOpenForegroundColor: #35b15e;
--vscode-gitlens-decorations-worktreeHasUncommittedChangesForegroundColor: #e2c08d;
--vscode-gitlens-decorations-worktreeMissingForegroundColor: #c74e39;
--vscode-gitlens-graphLane1Color: #15a0bf;
--vscode-gitlens-graphLane2Color: #0669f7;
--vscode-gitlens-graphLane3Color: #8e00c2;
--vscode-gitlens-graphLane4Color: #c517b6;
--vscode-gitlens-graphLane5Color: #d90171;
--vscode-gitlens-graphLane6Color: #cd0101;
--vscode-gitlens-graphLane7Color: #f25d2e;
--vscode-gitlens-graphLane8Color: #f2ca33;
--vscode-gitlens-graphLane9Color: #7bd938;
--vscode-gitlens-graphLane10Color: #2ece9d;
--vscode-gitlens-graphChangesColumnAddedColor: #347d39;
--vscode-gitlens-graphChangesColumnDeletedColor: #c93c37;
--vscode-gitlens-graphMinimapMarkerHeadColor: #05e617;
--vscode-gitlens-graphScrollMarkerHeadColor: #05e617;
--vscode-gitlens-graphMinimapMarkerUpstreamColor: #09ae17;
--vscode-gitlens-graphScrollMarkerUpstreamColor: #09ae17;
--vscode-gitlens-graphMinimapMarkerHighlightsColor: #fbff0a;
--vscode-gitlens-graphScrollMarkerHighlightsColor: #fbff0a;
--vscode-gitlens-graphMinimapMarkerLocalBranchesColor: #3087cf;
--vscode-gitlens-graphScrollMarkerLocalBranchesColor: #3087cf;
--vscode-gitlens-graphMinimapMarkerRemoteBranchesColor: #2b5e88;
--vscode-gitlens-graphScrollMarkerRemoteBranchesColor: #2b5e88;
--vscode-gitlens-graphMinimapMarkerStashesColor: #b34db3;
--vscode-gitlens-graphScrollMarkerStashesColor: #b34db3;
--vscode-gitlens-graphMinimapMarkerTagsColor: #6b562e;
--vscode-gitlens-graphScrollMarkerTagsColor: #6b562e;
}

9529
resources/dide-viewer/view/test.vcd Normal file
View File

File diff suppressed because it is too large Load Diff

117
resources/dide-viewer/view/vcd.css Normal file
View File

@ -0,0 +1,117 @@
:root {
--display-signal-info-height: 50px;
--signal-default-color: #4CAF50;
--main-color: #CB81DA;
--main-dark-color: #2D323B;
--main-light-color: var(--main-color);
--sidebar-width: 230px;
--right-nav-width: 60px;
--time-scale-height: 50px;
--sidebar-padding: 10px;
--sidebar-item-margin: 5px;
--vcd-render-padding: 30px;
/* 需要满足如下公式 --time-scale-height + --sidebar-padding = --vcd-render-padding + canvas预留 高度 */
--render-scale-x: 1;
/* css 动画属性 */
--animation-7s: .7s cubic-bezier(0.23,1,0.32,1);
--animation-5s: .5s cubic-bezier(0.23,1,0.32,1);
--animation-3s: .35s cubic-bezier(0.23,1,0.32,1);
--gray-box-shadow-0: 0 0 8px 3px rgba(182, 181, 182, 0.9);
}
html, body {
background-color: var(--background);
color: var(--foreground);
overflow: hidden;
}
body::-webkit-scrollbar {
width: 0;
}
* hr {
border: none;
background-color: var(--vscode-focusBorder);
height: 2px;
width: 95%;
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
background: var(--sidebar);
}
::-webkit-scrollbar-thumb {
background: var(--scrollbar-background);
border-radius: .3em;
}
::-webkit-scrollbar-thumb:hover {
background: var(--scrollbar-hover);
border-radius: .3em;
}
::-webkit-scrollbar-thumb:active {
background: var(--scrollbar-active);
border-radius: .3em;
}
::-webkit-scrollbar-button {
height: 0;
width: 0;
}
::-webkit-scrollbar-corner {
background: none;
display: none;
}
.el-select__wrapper {
background-color: transparent !important;
width: 50% !important;
min-width: 200px !important;
padding: 13px !important;
font-size: 16px !important;
color: var(--sidebar-item-text) !important;
}
.el-select__placeholder {
color: var(--sidebar-item-text) !important;
}
.el-select-dropdown {
min-width: 300px !important;
background-color: var(--sidebar);
border: 1.0px solid var(--main-color);
outline: none;
}
.el-checkbox-button__inner {
font-size: 16px !important;
}
.el-select {
width: fit-content !important;
}
a {
color: var(--main-color);
}
.digital-ide-icon {
background-image: url(./icon.svg);
background-size: 100%;
height: 50px;
width: 50px;
}
.digital-ide-icon.big {
background-image: url(./icon.svg);
background-size: 100%;
height: 200px;
width: 200px;
}

12
resources/dide-viewer/view/vcd.js Normal file
View File

File diff suppressed because one or more lines are too long

BIN
resources/dide-viewer/view/vcd.wasm Normal file
View File

Binary file not shown.

149
resources/dide-viewer/view/vscode.css Normal file
View File

@ -0,0 +1,149 @@
:root {
--font-monospace-family: var(--vscode-editor-font-family);
--font-monospace-weight: var(--vscode-editor-font-weight);
--font-monospace-size: var(--vscode-editor-font-size);
--link-foreground: var(--vscode-textLink-foreground);
--link-active: var(--vscode-textLink-activeForeground);
/* UI & Control */
--input-active-background: var(--vscode-input-background);
--input-active-border: var(--vscode-focusBorder);
--input-active-foreground: var(--vscode-input-foreground);
--input-error-background: var(--vscode-inputValidation-errorBackground);
--input-error-border: var(--vscode-inputValidation-errorBorder);
--input-error-foreground: var(--vscode-inputValidation-errorForeground);
--input-foreground: var(--vscode-input-foreground);
--input-background: var(--vscode-input-background);
--input-border: var(--vscode-input-border);
--input-hover: var(--vscode-input-background);
--input-placeholder: var(--vscode-input-placeholderForeground);
--input-radius: 0px;
--scrollbar-background: var(--vscode-scrollbarSlider-background);
--scrollbar-hover: var(--vscode-scrollbarSlider-hoverBackground);
--scrollbar-active: var(--vscode-scrollbarSlider-activeBackground);
/* Window */
--title-bar: #1f1f1f;
--title-color: #fff;
--foreground: var(--vscode-editor-foreground);
--background: var(--vscode-editor-background);
--label: rgb(189, 189, 189);
--shadow: #000;
--border: var(--vscode-input-border);
--window-button-hover: rgba(255,255,255,0.1);
--window-button-active: rgba(255,255,255,0.2);
--window-blur-background: rgba(0,0,0,0.25);
--window-title-foreground: var(--foreground);
--window-background: var(--sidebar);
--window-border: transparent;
--window-radius: 0px;
/* Sidebar */
--sidebar: var(--vscode-sideBar-background);
--sidebar-border: var(--vscode-sideBar-border);
--sidebar-min-width: 280px;
--sidebar-item-text: var(--vscode-list-inactiveSelectionForeground);
--sidebar-item-border: var(--vscode-input-border);
--sidebar-item-background: var(--sidebar);
--sidebar-item-selected: var(--vscode-list-inactiveSelectionBackground);
--sidebar-item-hover: var(--vscode-list-hoverBackground);
--sidebar-item-max-height: 40px;
--sidebar-item-radix-background: var(--vscode-breadcrumb-background);
--sidebar-group-text: var(--vscode-sideBarSectionHeader-foreground);
--sidebar-group-border: var(--vscode-sideBarSectionHeader-border);
--sidebar-group-background: var(--vscode-sideBarSectionHeader-background);
/* Labels */
--signalSize-background: rgba(0,0,0,0.5);
--signalSize-border: rgba(255,255,255,0.2);
--signalSize-color: var(--foreground);
/* Color Picker */
--picker-swatch-size: 15px;
--picker-swatch-cols: 8;
--picker-background: var(--vscode-breadcrumbPicker-background);
--picker-border: var(--vscode-dropdown-border);
/* Search */
--search-background: var(--vscode-quickInput-background);
--search-border: var(--border);
--search-panel-background: transparent;
--search-panel-border: var(--vscode-pickerGroup-border);
--search-panel-text: var(--vscode-quickInput-foreground);
--search-label: var(--foreground);
--search-selected-background: var(--vscode-list-inactiveSelectionBackground);
/* Properties */
--properties-background: var(--vscode-breadcrumb-background);
--properties-border: var(--border);
/* Navbar */
--navBar-background: var(--sidebar);
--navBar-height: 32px;
--navBar-button: transparent;
--navBar-button-text: var(--foreground);
--navBar-group-background: var(--background);
--navBar-preview-background: var(--vscode-scrollbarSlider-background);
--navBar-slider-border: var(--foreground);
/* Buttons */
--button: var(--vscode-button-background);
--button-text: var(--vscode-button-foreground);
--button-hover: var(--vscode-button-hoverBackground);
--button-active: var(--vscode-button-hoverBackground);
--button-disabled: var(--vscode-activityBar-background);
--button-disabled-text: var(--vscode-activityBar-inactiveForeground);
/* Grid Lines */
--grid-dash: 2;
--grid-space: 4;
--grid-line: var(--vscode-editorIndentGuide-background);
--grid-tick: var(--vscode-editorIndentGuide-activeBackground);
/* Cursor */
--cursor: var(--vscode-editorCursor-foreground);
--cursor-ghost: rgba(255, 255, 255, 0.2);
--cursor-width: 2;
/* X-Axis */
--axis-height: 38px;
--axis-line: var(--border);
--axis-background: var(--vscode-sideBar-background);
--axis-foreground: var(--foreground);
/* Signals */
--signal-highlight: var(--vscode-list-inactiveSelectionBackground);
/* Colors */
--accent: var(--vscode-button-background);
--accent-dim: #234175;
--accent-bright: #24c5f7;
--accent-hover: var(--vscode-button-hoverBackground);
--color-red: #ff5252;
--color-pink: #ff4081;
--color-purple: #e040fb;
--color-deepPurple: #7c4dff;
--color-indigo: #536dfe;
--color-blue: #448aff;
--color-lightBlue: #40c4ff;
--color-cyan: #18ffff;
--color-teal: #64ffda;
--color-green: #69f0ae;
--color-lightGreen: #b2ff59;
--color-lime: #eeff41;
--color-yellow: #ffff00;
--color-amber: #ffd740;
--color-orange: #ffab40;
--color-deepOrange: #ff6e40;
/* Settings */
--settings-action-background: var(--background);
}

2
resources/fsm/index.js
View File

@ -40,7 +40,7 @@ class FsmViewer {
open(uri) {
this.current_uri = uri;
const docPath = uri.fsPath.replace(/\\/g, '/');
if (this.panel == undefined) {
if (this.panel === undefined) {
this.create();
}
this.send(docPath);

1
src/extension.ts
View File

@ -15,6 +15,7 @@ async function registerCommand(context: vscode.ExtensionContext) {
func.registerToolCommands(context);
func.registerFSM(context);
func.registerNetlist(context);
func.registerWaveViewer(context);
}

77
src/function/dide-viewer/index.ts Normal file
View File

@ -0,0 +1,77 @@
import * as vscode from 'vscode';
import * as fspath from 'path';
import { hdlFile, hdlPath } from '../../hdlFs';
import { opeParam, ReportType, WaveViewOutput } from '../../global';
class WaveViewer {
context: vscode.ExtensionContext;
panel?: vscode.WebviewPanel;
constructor(context: vscode.ExtensionContext) {
this.context = context;
}
public async open(uri: vscode.Uri) {
this.create(uri);
}
private create(uri: vscode.Uri) {
this.panel = vscode.window.createWebviewPanel(
'Wave Viewer',
'Wave Viewer',
vscode.ViewColumn.One,
{
enableScripts: true,
enableForms: true,
retainContextWhenHidden: true
}
);
this.panel.onDidDispose(() => {
this.panel?.dispose();
this.panel = undefined;
}, null, this.context.subscriptions);
this.panel.webview.onDidReceiveMessage(message => {
console.log(message);
}, null, this.context.subscriptions);
const previewHtml = this.getWebviewContent();
if (this.panel && previewHtml) {
const webviewUri = this.panel.webview.asWebviewUri(uri);
this.panel.webview.html = previewHtml.replace('test.vcd', webviewUri.toString());
const iconPath = hdlPath.join(opeParam.extensionPath, 'images', 'icon.svg');
this.panel.iconPath = vscode.Uri.file(iconPath);
} else {
WaveViewOutput.report('preview html in <WaveViewer.create> is empty', ReportType.Warn);
}
}
public send(uri: vscode.Uri) {
this.panel?.webview.postMessage({
});
}
public getWebviewContent(): string | undefined {
const dideviewerPath = hdlPath.join(opeParam.extensionPath, 'resources', 'dide-viewer', 'view');
const htmlIndexPath = hdlPath.join(dideviewerPath, 'index.html');
const html = hdlFile.readFile(htmlIndexPath)?.replace(/(<link.+?href="|<script.+?src="|<img.+?src=")(.+?)"/g, (m, $1, $2) => {
const absLocalPath = fspath.resolve(dideviewerPath, $2);
const webviewUri = this.panel?.webview.asWebviewUri(vscode.Uri.file(absLocalPath));
const replaceHref = $1 + webviewUri?.toString() + '"';
return replaceHref;
});
return html;
}
}
async function openWaveViewer(context: vscode.ExtensionContext, uri: vscode.Uri) {
const viewer = new WaveViewer(context);
viewer.open(uri);
}
export {
openWaveViewer
};

10
src/function/index.ts
View File

@ -19,6 +19,7 @@ import * as lspCore from './lsp/core';
// special function
import * as FSM from './fsm';
import * as Netlist from './netlist';
import * as WaveView from './dide-viewer';
function registerDocumentation(context: vscode.ExtensionContext) {
vscode.commands.registerCommand('digital-ide.hdlDoc.showWebview', hdlDoc.showDocWebview);
@ -55,7 +56,6 @@ function registerTreeView(context: vscode.ExtensionContext) {
vscode.commands.registerCommand('digital-ide.treeView.arch.openFile', treeView.openFileByUri);
}
function registerLsp(context: vscode.ExtensionContext) {
const vlogSelector: vscode.DocumentSelector = {scheme: 'file', language: 'verilog'};
const svlogSelector: vscode.DocumentSelector = {scheme: 'file', language: 'systemverilog'};
@ -80,7 +80,6 @@ function registerLsp(context: vscode.ExtensionContext) {
vscode.languages.registerCompletionItemProvider(vlogSelector, lspCompletion.vlogCompletionProvider);
// vscode.languages.registerDocumentSemanticTokensProvider(vlogSelector, lspDocSemantic.vlogDocSenmanticProvider, lspDocSemantic.vlogLegend);
// vhdl lsp
vscode.languages.registerDocumentSymbolProvider(vhdlSelector, lspDocSymbol.vhdlDocSymbolProvider);
@ -118,10 +117,15 @@ function registerNetlist(context: vscode.ExtensionContext) {
vscode.commands.registerCommand('digital-ide.netlist.show', uri => Netlist.openNetlistViewer(context, uri));
}
function registerWaveViewer(context: vscode.ExtensionContext) {
vscode.commands.registerCommand('digital-ide.waveviewer.show', uri => WaveView.openWaveViewer(context, uri));
}
export {
registerFunctionCommands,
registerLsp,
registerToolCommands,
registerFSM,
registerNetlist
registerNetlist,
registerWaveViewer
};

3
src/global/index.ts
View File

@ -1,6 +1,6 @@
import { opeParam, OpeParamDefaults } from './opeParam';
import { PrjInfo, PrjInfoDefaults } from './prjInfo';
import { MainOutput, LspOutput, YosysOutput, ReportType } from './outputChannel';
import { MainOutput, LspOutput, YosysOutput, WaveViewOutput, ReportType } from './outputChannel';
import * as Enum from './enum';
import * as Lang from './lang';
@ -22,6 +22,7 @@ export {
MainOutput,
LspOutput,
YosysOutput,
WaveViewOutput,
ReportType,
AllowNull
};

6
src/global/outputChannel.ts
View File

@ -75,11 +75,13 @@ class Output {
const MainOutput = new Output('Digital-IDE');
const LspOutput = new Output('Digital-IDE Language Server');
const YosysOutput = new Output('Yosys');
const YosysOutput = new Output('Digital-IDE Yosys');
const WaveViewOutput = new Output('Digital-IDE Wave Viewer');
export {
ReportType,
MainOutput,
LspOutput,
YosysOutput
YosysOutput,
WaveViewOutput
};