Skip to content

Commit

Permalink
Merge pull request #3 from altwalker/2-integrate-css-for-vscode-theme
Browse files Browse the repository at this point in the history
Use the colors from the current VS Code theme
  • Loading branch information
Robert-96 authored Jun 17, 2023
2 parents 3435841 + d238755 commit 24117ab
Show file tree
Hide file tree
Showing 9 changed files with 4,582 additions and 2,600 deletions.
129 changes: 125 additions & 4 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,9 +1,130 @@
out
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
.pnpm-debug.log*

node_modules
# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json

.vscode-test
# Runtime data
pids
*.pid
*.seed
*.pid.lock

# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov

# Coverage directory used by tools like istanbul
coverage
*.lcov

# nyc test coverage
.nyc_output

# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt

# Bower dependency directory (https://bower.io/)
bower_components

# node-waf configuration
.lock-wscript

# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release

# Dependency directories
node_modules/
jspm_packages/

# Snowpack dependency directory (https://snowpack.dev/)
web_modules/

# TypeScript cache
*.tsbuildinfo

# Optional npm cache directory
.npm

# Optional eslint cache
.eslintcache

# Optional stylelint cache
.stylelintcache

# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/

# Optional REPL history
.node_repl_history

# Output of 'npm pack'
*.tgz

# Yarn Integrity file
.yarn-integrity

# dotenv environment variable files
.env
.env.development.local
.env.test.local
.env.production.local
.env.local

# parcel-bundler cache (https://parceljs.org/)
.cache
.parcel-cache

# Next.js build output
.next
out

# Nuxt.js build / generate output
.nuxt
dist

*.vsix
# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and not Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public

# vuepress build output
.vuepress/dist

# vuepress v2.x temp and cache directory
.temp
.cache

# Docusaurus cache and generated files
.docusaurus

# Serverless directories
.serverless/

# FuseBox cache
.fusebox/

# DynamoDB Local files
.dynamodb/

# TernJS port file
.tern-port

# Stores VSCode versions used for testing VSCode extensions
.vscode-test

# yarn v2
.yarn/cache
.yarn/unplugged
.yarn/build-state.yml
.yarn/install-state.gz
.pnp.*
2 changes: 1 addition & 1 deletion .vscodeignore
Original file line number Diff line number Diff line change
Expand Up @@ -13,4 +13,4 @@ src/**
.vscodeignore
model.json
tsconfig.json
webpack.config.js
webpack.config.js
85 changes: 85 additions & 0 deletions css/app.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
:root {
--error-bg-color: #e2e8f0;
--error-bf-color: #f56565;
--error-text-color: #742a2a;
--dark-edge-label-color: #cccccc;
--dark-vertex-text-color: #000000;
--dark-vertex-color: #4e94ce;
--dark-edge-color: rgba(153,153,153,0.9);
--high-contrast-edge-text-color: #fff;
--high-contrast-vertex-color: #fcf5f5;
}

.error {
position: fixed;
background-color: var(--error-bg-color);
top: 0;
width: 100%;
height: 100px;
border-bottom: 5px solid var(--error-bf-color);
}

.error h1 {
height: 50px;
color: var(--error-text-color);
padding-left: 20px;
padding-top: 20px;
font-size: 2vh;
margin: 0;
}

.error p {
color: var(--error-text-color);
padding-left: 20px;
margin-top: -10px;
font-size: 1.5vh;
white-space: nowrap;
}

body {
height: 100vh;
padding: 0;
margin: 0;
}

#legend {
position: fixed;
bottom: 0;
width: 500px;
}

svg {
vertical-align: top;
}

.hide {
display: none;
}

.cell text.label {
fill: var(--vscode-checkbox-foreground);
}

.legendTitle {
fill: var(--vscode-checkbox-foreground);
}

body.vscode-dark {
--vertex-color: var(--dark-vertex-color);
--vertex-label-color: var(--dark-vertex-text-color);

--edge-color: var(--dark-edge-color);
--edge-label-color: var(--dark-edge-label-color);

--tooltip-text-color: var(--dark-edge-label-color);
}

body.vscode-high-contrast {
--vertex-color: var(--high-contrast-vertex-color);
--vertex-label-color: var(--dark-vertex-text-color);

--edge-color: var(--high-contrast-vertex-color);
--edge-label-color: var(--high-contrast-edge-text-color);

--tooltip-text-color: var(--high-contrast-edge-text-color);
}
Binary file removed images/icon.png
Binary file not shown.
7 changes: 7 additions & 0 deletions images/icon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 24117ab

Please sign in to comment.