add news page
This commit is contained in:
parent
d9928ecc5d
commit
2ce5830df9
30
news/.gitignore
vendored
Normal file
30
news/.gitignore
vendored
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
.DS_Store
|
||||||
|
dist
|
||||||
|
dist-ssr
|
||||||
|
coverage
|
||||||
|
*.local
|
||||||
|
|
||||||
|
/cypress/videos/
|
||||||
|
/cypress/screenshots/
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.idea
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
||||||
|
|
||||||
|
*.tsbuildinfo
|
||||||
3
news/.vscode/extensions.json
vendored
Normal file
3
news/.vscode/extensions.json
vendored
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"recommendations": ["Vue.volar"]
|
||||||
|
}
|
||||||
183
news/README.md
Normal file
183
news/README.md
Normal file
@ -0,0 +1,183 @@
|
|||||||
|
## OpenMCP News
|
||||||
|
|
||||||
|
Change when user update extension
|
||||||
|
|
||||||
|
|
||||||
|
## Context
|
||||||
|
|
||||||
|
You are a clever bot to write SPA page to display the changelog and news of my software OpenMCP.
|
||||||
|
|
||||||
|
### Some basic information you should know
|
||||||
|
|
||||||
|
- Release is: https://github.com/LSTM-Kirigaya/openmcp-client/releases
|
||||||
|
- OpenMCP website is: https://kirigaya.cn/openmcp/
|
||||||
|
- Github: https://github.com/LSTM-Kirigaya/openmcp-client
|
||||||
|
- Discord: https://discord.com/invite/SKTZRf6NzU
|
||||||
|
- QQ: https://qm.qq.com/cgi-bin/qm/qr?k=C6ZUTZvfqWoI12lWe7L93cWa1hUsuVT0&jump_from=webapi&authKey=McW6B1ogTPjPDrCyGttS890tMZGQ1KB3QLuG4aqVNRaYp4vlTSgf2c6dMcNjMuBD
|
||||||
|
|
||||||
|
### Design framework
|
||||||
|
|
||||||
|
You should obey the following order to make the page:
|
||||||
|
|
||||||
|
1. 📣 What is news in xxx
|
||||||
|
2. 🐳 Learn more features
|
||||||
|
3. ✨ Core Features
|
||||||
|
4. ❤️ How to sponsor
|
||||||
|
5. 📚 Resources
|
||||||
|
6. 🔧 Troubleshooting
|
||||||
|
|
||||||
|
### Some design requirements
|
||||||
|
|
||||||
|
- Theme color of openmcp is #B988D1, you should use it wisely and don't use light blue as default theme color, use #B988D1 instead.
|
||||||
|
- This is a website designed to be opened in vscode, so you should make vscode oriented design, where you should use following css macro to dev css class:
|
||||||
|
```css
|
||||||
|
: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);
|
||||||
|
}
|
||||||
|
```
|
||||||
1
news/env.d.ts
vendored
Normal file
1
news/env.d.ts
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
/// <reference types="vite/client" />
|
||||||
18
news/index.html
Normal file
18
news/index.html
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<link rel="icon" href="/favicon.svg">
|
||||||
|
<link rel="stylesheet" href="/default-dark.css">
|
||||||
|
<link rel="stylesheet" href="/vscode.css">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Vite App</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
<script type="module" src="/src/main.ts"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
3248
news/package-lock.json
generated
Normal file
3248
news/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
28
news/package.json
Normal file
28
news/package.json
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
{
|
||||||
|
"name": "news",
|
||||||
|
"version": "0.0.0",
|
||||||
|
"private": true,
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "run-p type-check \"build-only {@}\" --",
|
||||||
|
"preview": "vite preview",
|
||||||
|
"build-only": "vite build",
|
||||||
|
"type-check": "vue-tsc --build"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"vue": "^3.5.17"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@tsconfig/node22": "^22.0.2",
|
||||||
|
"@types/node": "^22.15.32",
|
||||||
|
"@vitejs/plugin-vue": "^6.0.0",
|
||||||
|
"@vue/tsconfig": "^0.7.0",
|
||||||
|
"npm-run-all2": "^8.0.4",
|
||||||
|
"typescript": "~5.8.0",
|
||||||
|
"vite": "^7.0.0",
|
||||||
|
"vite-plugin-singlefile": "^2.3.0",
|
||||||
|
"vite-plugin-vue-devtools": "^7.7.7",
|
||||||
|
"vue-tsc": "^2.2.10"
|
||||||
|
}
|
||||||
|
}
|
||||||
772
news/public/default-dark.css
Normal file
772
news/public/default-dark.css
Normal file
@ -0,0 +1,772 @@
|
|||||||
|
:root {
|
||||||
|
--vscode-foreground: #cccccc;
|
||||||
|
--vscode-disabledForeground: rgba(204, 204, 204, 0.5);
|
||||||
|
--vscode-errorForeground: #f48771;
|
||||||
|
--vscode-descriptionForeground: rgba(204, 204, 204, 0.7);
|
||||||
|
--vscode-icon-foreground: #c5c5c5;
|
||||||
|
--vscode-focusBorder: #007fd4;
|
||||||
|
--vscode-textLink-foreground: #3794ff;
|
||||||
|
--vscode-textLink-activeForeground: #3794ff;
|
||||||
|
--vscode-textSeparator-foreground: rgba(255, 255, 255, 0.18);
|
||||||
|
--vscode-textPreformat-foreground: #d7ba7d;
|
||||||
|
--vscode-textPreformat-background: rgba(255, 255, 255, 0.1);
|
||||||
|
--vscode-textBlockQuote-background: #222222;
|
||||||
|
--vscode-textBlockQuote-border: rgba(0, 122, 204, 0.5);
|
||||||
|
--vscode-textCodeBlock-background: rgba(10, 10, 10, 0.4);
|
||||||
|
--vscode-sash-hoverBorder: #007fd4;
|
||||||
|
--vscode-badge-background: #4d4d4d;
|
||||||
|
--vscode-badge-foreground: #ffffff;
|
||||||
|
--vscode-scrollbar-shadow: #000000;
|
||||||
|
--vscode-scrollbarSlider-background: rgba(121, 121, 121, 0.4);
|
||||||
|
--vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);
|
||||||
|
--vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4);
|
||||||
|
--vscode-progressBar-background: #0e70c0;
|
||||||
|
--vscode-editor-background: #1e1e1e;
|
||||||
|
--vscode-editor-foreground: #d4d4d4;
|
||||||
|
--vscode-editorStickyScroll-background: #1e1e1e;
|
||||||
|
--vscode-editorStickyScrollHover-background: #2a2d2e;
|
||||||
|
--vscode-editorStickyScroll-shadow: #000000;
|
||||||
|
--vscode-editorWidget-background: #252526;
|
||||||
|
--vscode-editorWidget-foreground: #cccccc;
|
||||||
|
--vscode-editorWidget-border: #454545;
|
||||||
|
--vscode-editorError-foreground: #f14c4c;
|
||||||
|
--vscode-editorWarning-foreground: #cca700;
|
||||||
|
--vscode-editorInfo-foreground: #3794ff;
|
||||||
|
--vscode-editorHint-foreground: rgba(238, 238, 238, 0.7);
|
||||||
|
--vscode-editorLink-activeForeground: #4e94ce;
|
||||||
|
--vscode-editor-selectionBackground: #264f78;
|
||||||
|
--vscode-editor-inactiveSelectionBackground: #3a3d41;
|
||||||
|
--vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.15);
|
||||||
|
--vscode-editor-findMatchBackground: #515c6a;
|
||||||
|
--vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33);
|
||||||
|
--vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, 0.4);
|
||||||
|
--vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, 0.25);
|
||||||
|
--vscode-editorHoverWidget-background: #252526;
|
||||||
|
--vscode-editorHoverWidget-foreground: #cccccc;
|
||||||
|
--vscode-editorHoverWidget-border: #454545;
|
||||||
|
--vscode-editorHoverWidget-statusBarBackground: #2c2c2d;
|
||||||
|
--vscode-editorInlayHint-foreground: #969696;
|
||||||
|
--vscode-editorInlayHint-background: rgba(77, 77, 77, 0.1);
|
||||||
|
--vscode-editorInlayHint-typeForeground: #969696;
|
||||||
|
--vscode-editorInlayHint-typeBackground: rgba(77, 77, 77, 0.1);
|
||||||
|
--vscode-editorInlayHint-parameterForeground: #969696;
|
||||||
|
--vscode-editorInlayHint-parameterBackground: rgba(77, 77, 77, 0.1);
|
||||||
|
--vscode-editorLightBulb-foreground: #ffcc00;
|
||||||
|
--vscode-editorLightBulbAutoFix-foreground: #75beff;
|
||||||
|
--vscode-editorLightBulbAi-foreground: #ffcc00;
|
||||||
|
--vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, 0.3);
|
||||||
|
--vscode-editor-snippetFinalTabstopHighlightBorder: #525252;
|
||||||
|
--vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, 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: #252526;
|
||||||
|
--vscode-diffEditor-unchangedRegionForeground: #cccccc;
|
||||||
|
--vscode-diffEditor-unchangedCodeBackground: rgba(116, 116, 116, 0.16);
|
||||||
|
--vscode-widget-shadow: rgba(0, 0, 0, 0.36);
|
||||||
|
--vscode-widget-border: #303031;
|
||||||
|
--vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31);
|
||||||
|
--vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31);
|
||||||
|
--vscode-breadcrumb-foreground: rgba(204, 204, 204, 0.8);
|
||||||
|
--vscode-breadcrumb-background: #1e1e1e;
|
||||||
|
--vscode-breadcrumb-focusForeground: #e0e0e0;
|
||||||
|
--vscode-breadcrumb-activeSelectionForeground: #e0e0e0;
|
||||||
|
--vscode-breadcrumbPicker-background: #252526;
|
||||||
|
--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-problemsErrorIcon-foreground: #f14c4c;
|
||||||
|
--vscode-problemsWarningIcon-foreground: #cca700;
|
||||||
|
--vscode-problemsInfoIcon-foreground: #3794ff;
|
||||||
|
--vscode-minimap-findMatchHighlight: #d18616;
|
||||||
|
--vscode-minimap-selectionOccurrenceHighlight: #676767;
|
||||||
|
--vscode-minimap-selectionHighlight: #264f78;
|
||||||
|
--vscode-minimap-infoHighlight: #3794ff;
|
||||||
|
--vscode-minimap-warningHighlight: #cca700;
|
||||||
|
--vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7);
|
||||||
|
--vscode-minimap-foregroundOpacity: #000000;
|
||||||
|
--vscode-minimapSlider-background: rgba(121, 121, 121, 0.2);
|
||||||
|
--vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35);
|
||||||
|
--vscode-minimapSlider-activeBackground: rgba(191, 191, 191, 0.2);
|
||||||
|
--vscode-charts-foreground: #cccccc;
|
||||||
|
--vscode-charts-lines: rgba(204, 204, 204, 0.5);
|
||||||
|
--vscode-charts-red: #f14c4c;
|
||||||
|
--vscode-charts-blue: #3794ff;
|
||||||
|
--vscode-charts-yellow: #cca700;
|
||||||
|
--vscode-charts-orange: #d18616;
|
||||||
|
--vscode-charts-green: #89d185;
|
||||||
|
--vscode-charts-purple: #b180d7;
|
||||||
|
--vscode-input-background: #3c3c3c;
|
||||||
|
--vscode-input-foreground: #cccccc;
|
||||||
|
--vscode-inputOption-activeBorder: #007acc;
|
||||||
|
--vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5);
|
||||||
|
--vscode-inputOption-activeBackground: rgba(0, 127, 212, 0.4);
|
||||||
|
--vscode-inputOption-activeForeground: #ffffff;
|
||||||
|
--vscode-input-placeholderForeground: #a6a6a6;
|
||||||
|
--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: #3c3c3c;
|
||||||
|
--vscode-dropdown-foreground: #f0f0f0;
|
||||||
|
--vscode-dropdown-border: #3c3c3c;
|
||||||
|
--vscode-button-foreground: #ffffff;
|
||||||
|
--vscode-button-separator: rgba(255, 255, 255, 0.4);
|
||||||
|
--vscode-button-background: #0e639c;
|
||||||
|
--vscode-button-hoverBackground: #1177bb;
|
||||||
|
--vscode-button-secondaryForeground: #ffffff;
|
||||||
|
--vscode-button-secondaryBackground: #3a3d41;
|
||||||
|
--vscode-button-secondaryHoverBackground: #45494e;
|
||||||
|
--vscode-radio-activeForeground: #ffffff;
|
||||||
|
--vscode-radio-activeBackground: rgba(0, 127, 212, 0.4);
|
||||||
|
--vscode-radio-activeBorder: #007acc;
|
||||||
|
--vscode-radio-inactiveBorder: rgba(255, 255, 255, 0.2);
|
||||||
|
--vscode-radio-inactiveHoverBackground: rgba(90, 93, 94, 0.5);
|
||||||
|
--vscode-checkbox-background: #3c3c3c;
|
||||||
|
--vscode-checkbox-selectBackground: #252526;
|
||||||
|
--vscode-checkbox-foreground: #f0f0f0;
|
||||||
|
--vscode-checkbox-border: #6b6b6b;
|
||||||
|
--vscode-checkbox-selectBorder: #c5c5c5;
|
||||||
|
--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-list-focusOutline: #007fd4;
|
||||||
|
--vscode-list-activeSelectionBackground: #04395e;
|
||||||
|
--vscode-list-activeSelectionForeground: #ffffff;
|
||||||
|
--vscode-list-activeSelectionIconForeground: #ffffff;
|
||||||
|
--vscode-list-inactiveSelectionBackground: #37373d;
|
||||||
|
--vscode-list-hoverBackground: #2a2d2e;
|
||||||
|
--vscode-list-dropBackground: #383b3d;
|
||||||
|
--vscode-list-dropBetweenBackground: #c5c5c5;
|
||||||
|
--vscode-list-highlightForeground: #2aaaff;
|
||||||
|
--vscode-list-focusHighlightForeground: #2aaaff;
|
||||||
|
--vscode-list-invalidItemForeground: #b89500;
|
||||||
|
--vscode-list-errorForeground: #f88070;
|
||||||
|
--vscode-list-warningForeground: #cca700;
|
||||||
|
--vscode-listFilterWidget-background: #252526;
|
||||||
|
--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(234, 92, 0, 0.33);
|
||||||
|
--vscode-list-deemphasizedForeground: #8c8c8c;
|
||||||
|
--vscode-tree-indentGuidesStroke: #585858;
|
||||||
|
--vscode-tree-inactiveIndentGuidesStroke: rgba(88, 88, 88, 0.4);
|
||||||
|
--vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13);
|
||||||
|
--vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, 0.04);
|
||||||
|
--vscode-editorActionList-background: #252526;
|
||||||
|
--vscode-editorActionList-foreground: #cccccc;
|
||||||
|
--vscode-editorActionList-focusForeground: #ffffff;
|
||||||
|
--vscode-editorActionList-focusBackground: #04395e;
|
||||||
|
--vscode-menu-border: #454545;
|
||||||
|
--vscode-menu-foreground: #cccccc;
|
||||||
|
--vscode-menu-background: #252526;
|
||||||
|
--vscode-menu-selectionForeground: #ffffff;
|
||||||
|
--vscode-menu-selectionBackground: #0078d4;
|
||||||
|
--vscode-menu-separatorBackground: #454545;
|
||||||
|
--vscode-quickInput-background: #252526;
|
||||||
|
--vscode-quickInput-foreground: #cccccc;
|
||||||
|
--vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1);
|
||||||
|
--vscode-pickerGroup-foreground: #3794ff;
|
||||||
|
--vscode-pickerGroup-border: #3f3f46;
|
||||||
|
--vscode-quickInputList-focusForeground: #ffffff;
|
||||||
|
--vscode-quickInputList-focusIconForeground: #ffffff;
|
||||||
|
--vscode-quickInputList-focusBackground: #04395e;
|
||||||
|
--vscode-search-resultsInfoForeground: rgba(204, 204, 204, 0.65);
|
||||||
|
--vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22);
|
||||||
|
--vscode-editor-lineHighlightBorder: #282828;
|
||||||
|
--vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, 0.04);
|
||||||
|
--vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33);
|
||||||
|
--vscode-editorCursor-foreground: #aeafad;
|
||||||
|
--vscode-editorMultiCursor-primary-foreground: #aeafad;
|
||||||
|
--vscode-editorMultiCursor-secondary-foreground: #aeafad;
|
||||||
|
--vscode-editorWhitespace-foreground: rgba(227, 228, 226, 0.16);
|
||||||
|
--vscode-editorLineNumber-foreground: #858585;
|
||||||
|
--vscode-editorIndentGuide-background: rgba(227, 228, 226, 0.16);
|
||||||
|
--vscode-editorIndentGuide-activeBackground: rgba(227, 228, 226, 0.16);
|
||||||
|
--vscode-editorIndentGuide-background1: #404040;
|
||||||
|
--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: #707070;
|
||||||
|
--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: #c6c6c6;
|
||||||
|
--vscode-editorRuler-foreground: #5a5a5a;
|
||||||
|
--vscode-editorCodeLens-foreground: #999999;
|
||||||
|
--vscode-editorBracketMatch-background: rgba(0, 100, 0, 0.1);
|
||||||
|
--vscode-editorBracketMatch-border: #888888;
|
||||||
|
--vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3);
|
||||||
|
--vscode-editorGutter-background: #1e1e1e;
|
||||||
|
--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: #cca700;
|
||||||
|
--vscode-editorOverviewRuler-infoForeground: #3794ff;
|
||||||
|
--vscode-editorBracketHighlight-foreground1: #ffd700;
|
||||||
|
--vscode-editorBracketHighlight-foreground2: #da70d6;
|
||||||
|
--vscode-editorBracketHighlight-foreground3: #179fff;
|
||||||
|
--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: #cca700;
|
||||||
|
--vscode-diffEditor-move-border: rgba(139, 139, 139, 0.61);
|
||||||
|
--vscode-diffEditor-moveActive-border: #ffa500;
|
||||||
|
--vscode-diffEditor-unchangedRegionShadow: #000000;
|
||||||
|
--vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;
|
||||||
|
--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-referenceForeground: #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: #383a49;
|
||||||
|
--vscode-peekViewTitle-background: #252526;
|
||||||
|
--vscode-peekViewTitleLabel-foreground: #ffffff;
|
||||||
|
--vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, 0.7);
|
||||||
|
--vscode-peekView-border: #3794ff;
|
||||||
|
--vscode-peekViewResult-background: #252526;
|
||||||
|
--vscode-peekViewResult-lineForeground: #bbbbbb;
|
||||||
|
--vscode-peekViewResult-fileForeground: #ffffff;
|
||||||
|
--vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2);
|
||||||
|
--vscode-peekViewResult-selectionForeground: #ffffff;
|
||||||
|
--vscode-peekViewEditor-background: #001f33;
|
||||||
|
--vscode-peekViewEditorGutter-background: #001f33;
|
||||||
|
--vscode-peekViewEditorStickyScroll-background: #001f33;
|
||||||
|
--vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3);
|
||||||
|
--vscode-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, 0.6);
|
||||||
|
--vscode-editor-foldBackground: rgba(38, 79, 120, 0.3);
|
||||||
|
--vscode-editor-foldPlaceholderForeground: #808080;
|
||||||
|
--vscode-editorGutter-foldingControlForeground: #c5c5c5;
|
||||||
|
--vscode-editorSuggestWidget-background: #252526;
|
||||||
|
--vscode-editorSuggestWidget-border: #454545;
|
||||||
|
--vscode-editorSuggestWidget-foreground: #d4d4d4;
|
||||||
|
--vscode-editorSuggestWidget-selectedForeground: #ffffff;
|
||||||
|
--vscode-editorSuggestWidget-selectedIconForeground: #ffffff;
|
||||||
|
--vscode-editorSuggestWidget-selectedBackground: #04395e;
|
||||||
|
--vscode-editorSuggestWidget-highlightForeground: #2aaaff;
|
||||||
|
--vscode-editorSuggestWidget-focusHighlightForeground: #2aaaff;
|
||||||
|
--vscode-editorSuggestWidgetStatus-foreground: rgba(212, 212, 212, 0.5);
|
||||||
|
--vscode-editorMarkerNavigationError-background: #f14c4c;
|
||||||
|
--vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, 0.1);
|
||||||
|
--vscode-editorMarkerNavigationWarning-background: #cca700;
|
||||||
|
--vscode-editorMarkerNavigationWarning-headerBackground: rgba(204, 167, 0, 0.1);
|
||||||
|
--vscode-editorMarkerNavigationInfo-background: #3794ff;
|
||||||
|
--vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, 0.1);
|
||||||
|
--vscode-editorMarkerNavigation-background: #1e1e1e;
|
||||||
|
--vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3);
|
||||||
|
--vscode-editor-wordHighlightBackground: rgba(87, 87, 87, 0.72);
|
||||||
|
--vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, 0.72);
|
||||||
|
--vscode-editor-wordHighlightTextBackground: rgba(87, 87, 87, 0.72);
|
||||||
|
--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-editorHoverWidget-highlightForeground: #2aaaff;
|
||||||
|
--vscode-editor-placeholder-foreground: rgba(255, 255, 255, 0.34);
|
||||||
|
--vscode-tab-activeBackground: #1e1e1e;
|
||||||
|
--vscode-tab-unfocusedActiveBackground: #1e1e1e;
|
||||||
|
--vscode-tab-inactiveBackground: #2d2d2d;
|
||||||
|
--vscode-tab-unfocusedInactiveBackground: #2d2d2d;
|
||||||
|
--vscode-tab-activeForeground: #ffffff;
|
||||||
|
--vscode-tab-inactiveForeground: rgba(255, 255, 255, 0.5);
|
||||||
|
--vscode-tab-unfocusedActiveForeground: rgba(255, 255, 255, 0.5);
|
||||||
|
--vscode-tab-unfocusedInactiveForeground: rgba(255, 255, 255, 0.25);
|
||||||
|
--vscode-tab-border: #252526;
|
||||||
|
--vscode-tab-lastPinnedBorder: rgba(204, 204, 204, 0.2);
|
||||||
|
--vscode-tab-selectedBackground: #222222;
|
||||||
|
--vscode-tab-selectedForeground: rgba(255, 255, 255, 0.63);
|
||||||
|
--vscode-tab-dragAndDropBorder: #ffffff;
|
||||||
|
--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: #1e1e1e;
|
||||||
|
--vscode-editorGroupHeader-tabsBackground: #252526;
|
||||||
|
--vscode-editorGroupHeader-noTabsBackground: #1e1e1e;
|
||||||
|
--vscode-editorGroup-border: #444444;
|
||||||
|
--vscode-editorGroup-dropBackground: rgba(83, 89, 93, 0.5);
|
||||||
|
--vscode-editorGroup-dropIntoPromptForeground: #cccccc;
|
||||||
|
--vscode-editorGroup-dropIntoPromptBackground: #252526;
|
||||||
|
--vscode-sideBySideEditor-horizontalBorder: #444444;
|
||||||
|
--vscode-sideBySideEditor-verticalBorder: #444444;
|
||||||
|
--vscode-panel-background: #1e1e1e;
|
||||||
|
--vscode-panel-border: rgba(128, 128, 128, 0.35);
|
||||||
|
--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: rgba(128, 128, 128, 0.2);
|
||||||
|
--vscode-panelSection-border: rgba(128, 128, 128, 0.35);
|
||||||
|
--vscode-panelStickyScroll-background: #1e1e1e;
|
||||||
|
--vscode-panelStickyScroll-shadow: #000000;
|
||||||
|
--vscode-banner-background: #04395e;
|
||||||
|
--vscode-banner-foreground: #ffffff;
|
||||||
|
--vscode-banner-iconForeground: #3794ff;
|
||||||
|
--vscode-statusBar-foreground: #ffffff;
|
||||||
|
--vscode-statusBar-noFolderForeground: #ffffff;
|
||||||
|
--vscode-statusBar-background: #007acc;
|
||||||
|
--vscode-statusBar-noFolderBackground: #68217a;
|
||||||
|
--vscode-statusBar-focusBorder: #ffffff;
|
||||||
|
--vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18);
|
||||||
|
--vscode-statusBarItem-focusBorder: #ffffff;
|
||||||
|
--vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12);
|
||||||
|
--vscode-statusBarItem-hoverForeground: #ffffff;
|
||||||
|
--vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2);
|
||||||
|
--vscode-statusBarItem-prominentForeground: #ffffff;
|
||||||
|
--vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5);
|
||||||
|
--vscode-statusBarItem-prominentHoverForeground: #ffffff;
|
||||||
|
--vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3);
|
||||||
|
--vscode-statusBarItem-errorBackground: #c72e0f;
|
||||||
|
--vscode-statusBarItem-errorForeground: #ffffff;
|
||||||
|
--vscode-statusBarItem-errorHoverForeground: #ffffff;
|
||||||
|
--vscode-statusBarItem-errorHoverBackground: rgba(255, 255, 255, 0.12);
|
||||||
|
--vscode-statusBarItem-warningBackground: #7a6400;
|
||||||
|
--vscode-statusBarItem-warningForeground: #ffffff;
|
||||||
|
--vscode-statusBarItem-warningHoverForeground: #ffffff;
|
||||||
|
--vscode-statusBarItem-warningHoverBackground: rgba(255, 255, 255, 0.12);
|
||||||
|
--vscode-activityBar-background: #333333;
|
||||||
|
--vscode-activityBar-foreground: #ffffff;
|
||||||
|
--vscode-activityBar-inactiveForeground: rgba(255, 255, 255, 0.4);
|
||||||
|
--vscode-activityBar-activeBorder: #ffffff;
|
||||||
|
--vscode-activityBar-dropBorder: #ffffff;
|
||||||
|
--vscode-activityBarBadge-background: #007acc;
|
||||||
|
--vscode-activityBarBadge-foreground: #ffffff;
|
||||||
|
--vscode-activityBarTop-foreground: #e7e7e7;
|
||||||
|
--vscode-activityBarTop-activeBorder: #e7e7e7;
|
||||||
|
--vscode-activityBarTop-inactiveForeground: rgba(231, 231, 231, 0.6);
|
||||||
|
--vscode-activityBarTop-dropBorder: #e7e7e7;
|
||||||
|
--vscode-profileBadge-background: #4d4d4d;
|
||||||
|
--vscode-profileBadge-foreground: #ffffff;
|
||||||
|
--vscode-statusBarItem-remoteBackground: #16825d;
|
||||||
|
--vscode-statusBarItem-remoteForeground: #ffffff;
|
||||||
|
--vscode-statusBarItem-remoteHoverForeground: #ffffff;
|
||||||
|
--vscode-statusBarItem-remoteHoverBackground: rgba(255, 255, 255, 0.12);
|
||||||
|
--vscode-statusBarItem-offlineBackground: #6c1717;
|
||||||
|
--vscode-statusBarItem-offlineForeground: #ffffff;
|
||||||
|
--vscode-statusBarItem-offlineHoverForeground: #ffffff;
|
||||||
|
--vscode-statusBarItem-offlineHoverBackground: rgba(255, 255, 255, 0.12);
|
||||||
|
--vscode-extensionBadge-remoteBackground: #007acc;
|
||||||
|
--vscode-extensionBadge-remoteForeground: #ffffff;
|
||||||
|
--vscode-sideBar-background: #252526;
|
||||||
|
--vscode-sideBarTitle-background: #252526;
|
||||||
|
--vscode-sideBarTitle-foreground: #bbbbbb;
|
||||||
|
--vscode-sideBar-dropBackground: rgba(83, 89, 93, 0.5);
|
||||||
|
--vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0);
|
||||||
|
--vscode-sideBarSectionHeader-border: rgba(204, 204, 204, 0.2);
|
||||||
|
--vscode-sideBarActivityBarTop-border: rgba(204, 204, 204, 0.2);
|
||||||
|
--vscode-sideBarStickyScroll-background: #252526;
|
||||||
|
--vscode-sideBarStickyScroll-shadow: #000000;
|
||||||
|
--vscode-titleBar-activeForeground: #cccccc;
|
||||||
|
--vscode-titleBar-inactiveForeground: rgba(204, 204, 204, 0.6);
|
||||||
|
--vscode-titleBar-activeBackground: #3c3c3c;
|
||||||
|
--vscode-titleBar-inactiveBackground: rgba(60, 60, 60, 0.6);
|
||||||
|
--vscode-menubar-selectionForeground: #cccccc;
|
||||||
|
--vscode-menubar-selectionBackground: rgba(90, 93, 94, 0.31);
|
||||||
|
--vscode-commandCenter-foreground: #cccccc;
|
||||||
|
--vscode-commandCenter-activeForeground: #cccccc;
|
||||||
|
--vscode-commandCenter-inactiveForeground: rgba(204, 204, 204, 0.6);
|
||||||
|
--vscode-commandCenter-background: rgba(255, 255, 255, 0.05);
|
||||||
|
--vscode-commandCenter-activeBackground: rgba(255, 255, 255, 0.08);
|
||||||
|
--vscode-commandCenter-border: rgba(204, 204, 204, 0.2);
|
||||||
|
--vscode-commandCenter-activeBorder: rgba(204, 204, 204, 0.3);
|
||||||
|
--vscode-commandCenter-inactiveBorder: rgba(204, 204, 204, 0.15);
|
||||||
|
--vscode-notificationCenter-border: #303031;
|
||||||
|
--vscode-notificationToast-border: #303031;
|
||||||
|
--vscode-notifications-foreground: #cccccc;
|
||||||
|
--vscode-notifications-background: #252526;
|
||||||
|
--vscode-notificationLink-foreground: #3794ff;
|
||||||
|
--vscode-notificationCenterHeader-background: #303031;
|
||||||
|
--vscode-notifications-border: #303031;
|
||||||
|
--vscode-notificationsErrorIcon-foreground: #f14c4c;
|
||||||
|
--vscode-notificationsWarningIcon-foreground: #cca700;
|
||||||
|
--vscode-notificationsInfoIcon-foreground: #3794ff;
|
||||||
|
--vscode-inlineChat-foreground: #cccccc;
|
||||||
|
--vscode-inlineChat-background: #252526;
|
||||||
|
--vscode-inlineChat-border: #454545;
|
||||||
|
--vscode-inlineChat-shadow: rgba(0, 0, 0, 0.36);
|
||||||
|
--vscode-inlineChatInput-border: #454545;
|
||||||
|
--vscode-inlineChatInput-focusBorder: #007fd4;
|
||||||
|
--vscode-inlineChatInput-placeholderForeground: #a6a6a6;
|
||||||
|
--vscode-inlineChatInput-background: #3c3c3c;
|
||||||
|
--vscode-inlineChatDiff-inserted: rgba(156, 204, 44, 0.1);
|
||||||
|
--vscode-editorOverviewRuler-inlineChatInserted: rgba(156, 204, 44, 0.12);
|
||||||
|
--vscode-inlineChatDiff-removed: rgba(255, 0, 0, 0.1);
|
||||||
|
--vscode-editorOverviewRuler-inlineChatRemoved: rgba(255, 0, 0, 0.12);
|
||||||
|
--vscode-extensionButton-background: #0e639c;
|
||||||
|
--vscode-extensionButton-foreground: #ffffff;
|
||||||
|
--vscode-extensionButton-hoverBackground: #1177bb;
|
||||||
|
--vscode-extensionButton-separator: rgba(255, 255, 255, 0.4);
|
||||||
|
--vscode-extensionButton-prominentBackground: #0e639c;
|
||||||
|
--vscode-extensionButton-prominentForeground: #ffffff;
|
||||||
|
--vscode-extensionButton-prominentHoverBackground: #1177bb;
|
||||||
|
--vscode-chat-requestBorder: rgba(255, 255, 255, 0.1);
|
||||||
|
--vscode-chat-requestBackground: rgba(30, 30, 30, 0.62);
|
||||||
|
--vscode-chat-slashCommandBackground: rgba(52, 65, 75, 0.56);
|
||||||
|
--vscode-chat-slashCommandForeground: #40a6ff;
|
||||||
|
--vscode-chat-avatarBackground: #1f1f1f;
|
||||||
|
--vscode-chat-avatarForeground: #cccccc;
|
||||||
|
--vscode-terminal-foreground: #cccccc;
|
||||||
|
--vscode-terminal-selectionBackground: #264f78;
|
||||||
|
--vscode-terminal-inactiveSelectionBackground: #3a3d41;
|
||||||
|
--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: rgba(128, 128, 128, 0.35);
|
||||||
|
--vscode-terminalOverviewRuler-border: rgba(127, 127, 127, 0.3);
|
||||||
|
--vscode-terminal-findMatchBackground: #515c6a;
|
||||||
|
--vscode-terminal-hoverHighlightBackground: rgba(38, 79, 120, 0.13);
|
||||||
|
--vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33);
|
||||||
|
--vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);
|
||||||
|
--vscode-terminal-dropBackground: rgba(83, 89, 93, 0.5);
|
||||||
|
--vscode-terminal-initialHintForeground: rgba(255, 255, 255, 0.34);
|
||||||
|
--vscode-terminalStickyScrollHover-background: #2a2d2e;
|
||||||
|
--vscode-scmGraph-historyItemRefColor: #3794ff;
|
||||||
|
--vscode-scmGraph-historyItemRemoteRefColor: #b180d7;
|
||||||
|
--vscode-scmGraph-historyItemBaseRefColor: #ea5c00;
|
||||||
|
--vscode-scmGraph-historyItemHoverDefaultLabelForeground: #cccccc;
|
||||||
|
--vscode-scmGraph-historyItemHoverDefaultLabelBackground: #4d4d4d;
|
||||||
|
--vscode-scmGraph-historyItemHoverLabelForeground: #ffffff;
|
||||||
|
--vscode-scmGraph-historyItemHoverAdditionsForeground: #81b88b;
|
||||||
|
--vscode-scmGraph-historyItemHoverDeletionsForeground: #c74e39;
|
||||||
|
--vscode-scmGraph-foreground1: #ffb000;
|
||||||
|
--vscode-scmGraph-foreground2: #dc267f;
|
||||||
|
--vscode-scmGraph-foreground3: #994f00;
|
||||||
|
--vscode-scmGraph-foreground4: #40b0a6;
|
||||||
|
--vscode-scmGraph-foreground5: #b66dff;
|
||||||
|
--vscode-commentsView-resolvedIcon: rgba(204, 204, 204, 0.5);
|
||||||
|
--vscode-commentsView-unresolvedIcon: #007fd4;
|
||||||
|
--vscode-editorCommentsWidget-replyInputBackground: #252526;
|
||||||
|
--vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, 0.5);
|
||||||
|
--vscode-editorCommentsWidget-unresolvedBorder: #007fd4;
|
||||||
|
--vscode-editorCommentsWidget-rangeBackground: rgba(0, 127, 212, 0.1);
|
||||||
|
--vscode-editorCommentsWidget-rangeActiveBackground: rgba(0, 127, 212, 0.1);
|
||||||
|
--vscode-editorGutter-commentRangeForeground: #37373d;
|
||||||
|
--vscode-editorOverviewRuler-commentForeground: #37373d;
|
||||||
|
--vscode-editorOverviewRuler-commentUnresolvedForeground: #37373d;
|
||||||
|
--vscode-editorGutter-commentGlyphForeground: #d4d4d4;
|
||||||
|
--vscode-editorGutter-commentUnresolvedGlyphForeground: #d4d4d4;
|
||||||
|
--vscode-activityWarningBadge-foreground: #000000;
|
||||||
|
--vscode-activityWarningBadge-background: #cca700;
|
||||||
|
--vscode-activityErrorBadge-foreground: #000000;
|
||||||
|
--vscode-activityErrorBadge-background: #f14c4c;
|
||||||
|
--vscode-ports-iconRunningProcessForeground: #369432;
|
||||||
|
--vscode-editorWatermark-foreground: rgba(212, 212, 212, 0.6);
|
||||||
|
--vscode-settings-headerForeground: #e7e7e7;
|
||||||
|
--vscode-settings-settingsHeaderHoverForeground: rgba(231, 231, 231, 0.7);
|
||||||
|
--vscode-settings-modifiedItemIndicator: #0c7d9d;
|
||||||
|
--vscode-settings-headerBorder: rgba(128, 128, 128, 0.35);
|
||||||
|
--vscode-settings-sashBorder: rgba(128, 128, 128, 0.35);
|
||||||
|
--vscode-settings-dropdownBackground: #3c3c3c;
|
||||||
|
--vscode-settings-dropdownForeground: #f0f0f0;
|
||||||
|
--vscode-settings-dropdownBorder: #3c3c3c;
|
||||||
|
--vscode-settings-dropdownListBorder: #454545;
|
||||||
|
--vscode-settings-checkboxBackground: #3c3c3c;
|
||||||
|
--vscode-settings-checkboxForeground: #f0f0f0;
|
||||||
|
--vscode-settings-checkboxBorder: #6b6b6b;
|
||||||
|
--vscode-settings-textInputBackground: #3c3c3c;
|
||||||
|
--vscode-settings-textInputForeground: #cccccc;
|
||||||
|
--vscode-settings-numberInputBackground: #3c3c3c;
|
||||||
|
--vscode-settings-numberInputForeground: #cccccc;
|
||||||
|
--vscode-settings-focusedRowBackground: rgba(42, 45, 46, 0.6);
|
||||||
|
--vscode-settings-rowHoverBackground: rgba(42, 45, 46, 0.3);
|
||||||
|
--vscode-settings-focusedRowBorder: #007fd4;
|
||||||
|
--vscode-keybindingTable-headerBackground: rgba(204, 204, 204, 0.04);
|
||||||
|
--vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, 0.04);
|
||||||
|
--vscode-debugToolBar-background: #333333;
|
||||||
|
--vscode-debugIcon-startForeground: #89d185;
|
||||||
|
--vscode-notebook-cellBorderColor: #37373d;
|
||||||
|
--vscode-notebook-focusedEditorBorder: #007fd4;
|
||||||
|
--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: #37373d;
|
||||||
|
--vscode-notebook-selectedCellBorder: #37373d;
|
||||||
|
--vscode-notebook-focusedCellBorder: #007fd4;
|
||||||
|
--vscode-notebook-inactiveFocusedCellBorder: #37373d;
|
||||||
|
--vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15);
|
||||||
|
--vscode-notebook-cellInsertionIndicator: #007fd4;
|
||||||
|
--vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, 0.4);
|
||||||
|
--vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);
|
||||||
|
--vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4);
|
||||||
|
--vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04);
|
||||||
|
--vscode-notebook-cellEditorBackground: #252526;
|
||||||
|
--vscode-notebook-editorBackground: #1e1e1e;
|
||||||
|
--vscode-debugIcon-breakpointForeground: #e51400;
|
||||||
|
--vscode-debugIcon-breakpointDisabledForeground: #848484;
|
||||||
|
--vscode-debugIcon-breakpointUnverifiedForeground: #848484;
|
||||||
|
--vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00;
|
||||||
|
--vscode-debugIcon-breakpointStackframeForeground: #89d185;
|
||||||
|
--vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, 0.2);
|
||||||
|
--vscode-editor-focusedStackFrameHighlightBackground: rgba(122, 189, 122, 0.3);
|
||||||
|
--vscode-multiDiffEditor-headerBackground: #262626;
|
||||||
|
--vscode-multiDiffEditor-background: #1e1e1e;
|
||||||
|
--vscode-multiDiffEditor-border: rgba(204, 204, 204, 0.2);
|
||||||
|
--vscode-interactive-activeCodeBorder: #007acc;
|
||||||
|
--vscode-interactive-inactiveCodeBorder: #37373d;
|
||||||
|
--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: #f14c4c;
|
||||||
|
--vscode-testing-messagePeekBorder: #3794ff;
|
||||||
|
--vscode-testing-peekHeaderBackground: rgba(241, 76, 76, 0.1);
|
||||||
|
--vscode-testing-messagePeekHeaderBackground: rgba(55, 148, 255, 0.1);
|
||||||
|
--vscode-testing-coveredBackground: rgba(156, 204, 44, 0.2);
|
||||||
|
--vscode-testing-coveredBorder: rgba(156, 204, 44, 0.15);
|
||||||
|
--vscode-testing-coveredGutterBackground: rgba(156, 204, 44, 0.12);
|
||||||
|
--vscode-testing-uncoveredBranchBackground: #781212;
|
||||||
|
--vscode-testing-uncoveredBackground: rgba(255, 0, 0, 0.2);
|
||||||
|
--vscode-testing-uncoveredBorder: rgba(255, 0, 0, 0.15);
|
||||||
|
--vscode-testing-uncoveredGutterBackground: rgba(255, 0, 0, 0.3);
|
||||||
|
--vscode-testing-coverCountBadgeBackground: #4d4d4d;
|
||||||
|
--vscode-testing-coverCountBadgeForeground: #ffffff;
|
||||||
|
--vscode-testing-message-error-decorationForeground: #f14c4c;
|
||||||
|
--vscode-testing-message-error-lineBackground: rgba(255, 0, 0, 0.1);
|
||||||
|
--vscode-testing-message-info-decorationForeground: rgba(212, 212, 212, 0.5);
|
||||||
|
--vscode-testing-iconErrored-retired: rgba(241, 76, 76, 0.7);
|
||||||
|
--vscode-testing-iconFailed-retired: rgba(241, 76, 76, 0.7);
|
||||||
|
--vscode-testing-iconPassed-retired: rgba(115, 201, 145, 0.7);
|
||||||
|
--vscode-testing-iconQueued-retired: rgba(204, 167, 0, 0.7);
|
||||||
|
--vscode-testing-iconUnset-retired: rgba(132, 132, 132, 0.7);
|
||||||
|
--vscode-testing-iconSkipped-retired: rgba(132, 132, 132, 0.7);
|
||||||
|
--vscode-editorGutter-modifiedBackground: #1b81a8;
|
||||||
|
--vscode-editorGutter-addedBackground: #487e02;
|
||||||
|
--vscode-editorGutter-deletedBackground: #f14c4c;
|
||||||
|
--vscode-minimapGutter-modifiedBackground: #1b81a8;
|
||||||
|
--vscode-minimapGutter-addedBackground: #487e02;
|
||||||
|
--vscode-minimapGutter-deletedBackground: #f14c4c;
|
||||||
|
--vscode-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, 0.6);
|
||||||
|
--vscode-editorOverviewRuler-addedForeground: rgba(72, 126, 2, 0.6);
|
||||||
|
--vscode-editorOverviewRuler-deletedForeground: rgba(241, 76, 76, 0.6);
|
||||||
|
--vscode-debugExceptionWidget-border: #a31515;
|
||||||
|
--vscode-debugExceptionWidget-background: #420b0d;
|
||||||
|
--vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5);
|
||||||
|
--vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2);
|
||||||
|
--vscode-statusBar-debuggingBackground: #cc6633;
|
||||||
|
--vscode-statusBar-debuggingForeground: #ffffff;
|
||||||
|
--vscode-commandCenter-debuggingBackground: rgba(204, 102, 51, 0.26);
|
||||||
|
--vscode-debugTokenExpression-name: #c586c0;
|
||||||
|
--vscode-debugTokenExpression-type: #4a90e2;
|
||||||
|
--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: #cca700;
|
||||||
|
--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-restartForeground: #89d185;
|
||||||
|
--vscode-debugIcon-stepOverForeground: #75beff;
|
||||||
|
--vscode-debugIcon-stepIntoForeground: #75beff;
|
||||||
|
--vscode-debugIcon-stepOutForeground: #75beff;
|
||||||
|
--vscode-debugIcon-continueForeground: #75beff;
|
||||||
|
--vscode-debugIcon-stepBackForeground: #75beff;
|
||||||
|
--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-extensionIcon-starForeground: #ff8e00;
|
||||||
|
--vscode-extensionIcon-verifiedForeground: #3794ff;
|
||||||
|
--vscode-extensionIcon-preReleaseForeground: #1d9271;
|
||||||
|
--vscode-extensionIcon-sponsorForeground: #d758b3;
|
||||||
|
--vscode-terminal-ansiBlack: #000000;
|
||||||
|
--vscode-terminal-ansiRed: #cd3131;
|
||||||
|
--vscode-terminal-ansiGreen: #0dbc79;
|
||||||
|
--vscode-terminal-ansiYellow: #e5e510;
|
||||||
|
--vscode-terminal-ansiBlue: #2472c8;
|
||||||
|
--vscode-terminal-ansiMagenta: #bc3fbc;
|
||||||
|
--vscode-terminal-ansiCyan: #11a8cd;
|
||||||
|
--vscode-terminal-ansiWhite: #e5e5e5;
|
||||||
|
--vscode-terminal-ansiBrightBlack: #666666;
|
||||||
|
--vscode-terminal-ansiBrightRed: #f14c4c;
|
||||||
|
--vscode-terminal-ansiBrightGreen: #23d18b;
|
||||||
|
--vscode-terminal-ansiBrightYellow: #f5f543;
|
||||||
|
--vscode-terminal-ansiBrightBlue: #3b8eea;
|
||||||
|
--vscode-terminal-ansiBrightMagenta: #d670d6;
|
||||||
|
--vscode-terminal-ansiBrightCyan: #29b8db;
|
||||||
|
--vscode-terminal-ansiBrightWhite: #e5e5e5;
|
||||||
|
--vscode-simpleFindWidget-sashBorder: #454545;
|
||||||
|
--vscode-terminalCommandGuide-foreground: #37373d;
|
||||||
|
--vscode-welcomePage-tileBackground: #252526;
|
||||||
|
--vscode-welcomePage-tileHoverBackground: #2c2c2d;
|
||||||
|
--vscode-welcomePage-tileBorder: rgba(255, 255, 255, 0.1);
|
||||||
|
--vscode-welcomePage-progress-background: #3c3c3c;
|
||||||
|
--vscode-welcomePage-progress-foreground: #3794ff;
|
||||||
|
--vscode-walkthrough-stepTitle-foreground: #ffffff;
|
||||||
|
--vscode-walkThrough-embeddedEditorBackground: rgba(0, 0, 0, 0.4);
|
||||||
|
--vscode-profiles-sashBorder: rgba(128, 128, 128, 0.35);
|
||||||
|
--vscode-gitDecoration-addedResourceForeground: #81b88b;
|
||||||
|
--vscode-gitDecoration-modifiedResourceForeground: #e2c08d;
|
||||||
|
--vscode-gitDecoration-deletedResourceForeground: #c74e39;
|
||||||
|
--vscode-gitDecoration-renamedResourceForeground: #73c991;
|
||||||
|
--vscode-gitDecoration-untrackedResourceForeground: #73c991;
|
||||||
|
--vscode-gitDecoration-ignoredResourceForeground: #8c8c8c;
|
||||||
|
--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: #8c8c8c;
|
||||||
|
--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-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-graphMinimapMarkerPullRequestsColor: #c76801;
|
||||||
|
--vscode-gitlens-graphScrollMarkerPullRequestsColor: #c76801;
|
||||||
|
--vscode-gitlens-graphMinimapMarkerRemoteBranchesColor: #2b5e88;
|
||||||
|
--vscode-gitlens-graphScrollMarkerRemoteBranchesColor: #2b5e88;
|
||||||
|
--vscode-gitlens-graphMinimapMarkerStashesColor: #b34db3;
|
||||||
|
--vscode-gitlens-graphScrollMarkerStashesColor: #b34db3;
|
||||||
|
--vscode-gitlens-graphMinimapMarkerTagsColor: #6b562e;
|
||||||
|
--vscode-gitlens-graphScrollMarkerTagsColor: #6b562e;
|
||||||
|
--vscode-gitlens-launchpadIndicatorMergeableColor: #3fb950;
|
||||||
|
--vscode-gitlens-launchpadIndicatorMergeableHoverColor: #3fb950;
|
||||||
|
--vscode-gitlens-launchpadIndicatorBlockedColor: #c74e39;
|
||||||
|
--vscode-gitlens-launchpadIndicatorBlockedHoverColor: #c74e39;
|
||||||
|
--vscode-gitlens-launchpadIndicatorAttentionColor: #d8af1b;
|
||||||
|
--vscode-gitlens-launchpadIndicatorAttentionHoverColor: #d8af1b;
|
||||||
|
--vscode-remoteHub-decorations-addedForegroundColor: #81b88b;
|
||||||
|
--vscode-remoteHub-decorations-modifiedForegroundColor: #e2c08d;
|
||||||
|
--vscode-remoteHub-decorations-deletedForegroundColor: #c74e39;
|
||||||
|
--vscode-remoteHub-decorations-submoduleForegroundColor: #8db9e2;
|
||||||
|
--vscode-remoteHub-decorations-conflictForegroundColor: #e4676b;
|
||||||
|
--vscode-remoteHub-decorations-incomingAddedForegroundColor: #81b88b;
|
||||||
|
--vscode-remoteHub-decorations-incomingModifiedForegroundColor: #e2c08d;
|
||||||
|
--vscode-remoteHub-decorations-incomingDeletedForegroundColor: #c74e39;
|
||||||
|
--vscode-remoteHub-decorations-incomingRenamedForegroundColor: #73c991;
|
||||||
|
--vscode-remoteHub-decorations-possibleConflictForegroundColor: #cca700;
|
||||||
|
--vscode-remoteHub-decorations-ignoredResourceForeground: #8c8c8c;
|
||||||
|
--vscode-remoteHub-decorations-workspaceRepositoriesView-hasUncommittedChangesForegroundColor: #e2c08d;
|
||||||
|
--vscode-rust_analyzer-syntaxTreeBorder: #ffffff;
|
||||||
|
}
|
||||||
71
news/public/favicon.svg
Normal file
71
news/public/favicon.svg
Normal file
@ -0,0 +1,71 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg width="612" height="612" viewBox="0 0 612 612" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="gradient_1" gradientUnits="userSpaceOnUse" x1="300" y1="0" x2="300" y2="600">
|
||||||
|
<stop offset="0" stop-color="#A1A7F6" />
|
||||||
|
<stop offset="1" stop-color="#FFFFFF" stop-opacity="0.2" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="gradient_2" gradientUnits="userSpaceOnUse" x1="110.5" y1="0" x2="110.5" y2="221">
|
||||||
|
<stop offset="0.468" stop-color="#BFBAF6" />
|
||||||
|
<stop offset="1" stop-color="#FFFFFF" />
|
||||||
|
</linearGradient>
|
||||||
|
<filter color-interpolation-filters="sRGB" x="-219" y="-219" width="221" height="221" id="filter_3">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix_1" />
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0" in="SourceAlpha" />
|
||||||
|
<feOffset dx="0" dy="4" />
|
||||||
|
<feGaussianBlur stdDeviation="2" />
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.251 0" />
|
||||||
|
<feBlend mode="normal" in2="BackgroundImageFix_1" result="Shadow_2" />
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="Shadow_2" result="Shape_3" />
|
||||||
|
</filter>
|
||||||
|
<linearGradient id="gradient_4" gradientUnits="userSpaceOnUse" x1="55.5" y1="0" x2="55.5" y2="111">
|
||||||
|
<stop offset="0" stop-color="#FFFFFF" />
|
||||||
|
<stop offset="1" stop-color="#A8A7F3" />
|
||||||
|
</linearGradient>
|
||||||
|
<filter color-interpolation-filters="sRGB" x="-109" y="-109" width="111" height="111" id="filter_5">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix_1" />
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0" in="SourceAlpha" />
|
||||||
|
<feOffset dx="0" dy="4" />
|
||||||
|
<feGaussianBlur stdDeviation="2" />
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.251 0" />
|
||||||
|
<feBlend mode="normal" in2="BackgroundImageFix_1" result="Shadow_2" />
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="Shadow_2" result="Shape_3" />
|
||||||
|
</filter>
|
||||||
|
<linearGradient id="gradient_6" gradientUnits="userSpaceOnUse" x1="174" y1="0" x2="174" y2="348">
|
||||||
|
<stop offset="0.182" stop-color="#A594F6" />
|
||||||
|
<stop offset="1" stop-color="#F4E5FF" />
|
||||||
|
</linearGradient>
|
||||||
|
<filter color-interpolation-filters="sRGB" x="-346" y="-346" width="348" height="348" id="filter_7">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix_1" />
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0" in="SourceAlpha" />
|
||||||
|
<feOffset dx="0" dy="4" />
|
||||||
|
<feGaussianBlur stdDeviation="2" />
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.251 0" />
|
||||||
|
<feBlend mode="normal" in2="BackgroundImageFix_1" result="Shadow_2" />
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="Shadow_2" result="Shape_3" />
|
||||||
|
</filter>
|
||||||
|
<linearGradient id="gradient_8" gradientUnits="userSpaceOnUse" x1="57" y1="0" x2="57" y2="114">
|
||||||
|
<stop offset="0" stop-color="#FFFFFF" />
|
||||||
|
<stop offset="0.614" stop-color="#C7BAF8" />
|
||||||
|
</linearGradient>
|
||||||
|
<filter color-interpolation-filters="sRGB" x="-112" y="-112" width="114" height="114" id="filter_9">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix_1" />
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0" in="SourceAlpha" />
|
||||||
|
<feOffset dx="0" dy="4" />
|
||||||
|
<feGaussianBlur stdDeviation="2" />
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.251 0" />
|
||||||
|
<feBlend mode="normal" in2="BackgroundImageFix_1" result="Shadow_2" />
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="Shadow_2" result="Shape_3" />
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
<g transform="translate(6 2)">
|
||||||
|
<g>
|
||||||
|
<path d="M300 0C465.708 0 600 134.292 600 300C600 300 600 300 600 300C600 465.708 465.708 600 300 600C300 600 300 600 300 600C134.292 600 0 465.708 0 300C0 300 0 300 0 300C0 134.292 134.292 0 300 0Z" fill="#5A00FF" fill-rule="evenodd" />
|
||||||
|
<path d="M300 0C465.708 0 600 134.292 600 300C600 300 600 300 600 300C600 465.708 465.708 600 300 600C300 600 300 600 300 600C134.292 600 0 465.708 0 300C0 300 0 300 0 300C0 134.292 134.292 0 300 0Z" fill="url(#gradient_1)" fill-rule="evenodd" />
|
||||||
|
</g>
|
||||||
|
<path d="M0 110.5C0 49.4725 49.4725 0 110.5 0C171.527 0 221 49.4725 221 110.5C221 171.527 171.527 221 110.5 221C49.4725 221 0 171.527 0 110.5Z" fill="url(#gradient_2)" fill-rule="evenodd" filter="url(#filter_3)" transform="translate(293 324)" />
|
||||||
|
<path d="M0 55.5C0 24.8482 24.8482 0 55.5 0C86.1518 0 111 24.8482 111 55.5C111 86.1518 86.1518 111 55.5 111C24.8482 111 0 86.1518 0 55.5Z" fill="url(#gradient_4)" fill-rule="evenodd" filter="url(#filter_5)" transform="translate(48 269)" />
|
||||||
|
<path d="M0 174C0 77.9024 77.9024 0 174 0C270.098 0 348 77.9024 348 174C348 270.098 270.098 348 174 348C77.9024 348 0 270.098 0 174Z" fill="url(#gradient_6)" fill-rule="evenodd" filter="url(#filter_7)" transform="translate(188 56)" />
|
||||||
|
<path d="M0 57C0 25.5198 25.5198 0 57 0C88.4802 0 114 25.5198 114 57C114 88.4802 88.4802 114 57 114C25.5198 114 0 88.4802 0 57Z" fill="url(#gradient_8)" fill-rule="evenodd" filter="url(#filter_9)" transform="translate(388 129)" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 5.1 KiB |
151
news/public/vscode.css
Normal file
151
news/public/vscode.css
Normal file
@ -0,0 +1,151 @@
|
|||||||
|
: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);
|
||||||
|
|
||||||
|
--vscode-font-size: 13px;
|
||||||
|
|
||||||
|
--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);
|
||||||
|
}
|
||||||
120
news/src/App.vue
Normal file
120
news/src/App.vue
Normal file
@ -0,0 +1,120 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import OmHeader from './components/Header.vue';
|
||||||
|
import OmWhatNews from './components/WhatNews.vue';
|
||||||
|
import OmMoreFeature from './components/MoreFeature.vue';
|
||||||
|
import OmCoreFeature from './components/CoreFeature.vue';
|
||||||
|
import OmSponsor from './components/Sponsor.vue';
|
||||||
|
import OmResource from './components/Resource.vue';
|
||||||
|
import OmTroubleshoot from './components/Troubleshoot.vue';
|
||||||
|
|
||||||
|
const version = '0.1.9';
|
||||||
|
const changelogs = [
|
||||||
|
'增加 mook 功能：可以利用随机种子或者AI生成来自动化填充测试 tool 的表单数据',
|
||||||
|
'增加工具自检功能：openmcp 的 tool 下可以点击「工具模块」 右侧的 「工具自检」进入自检模式，该模式下，用户可以自己定义工具执行的拓扑顺序，然后一次性进行自动检测。',
|
||||||
|
'修复 issue #44: 完成链接跳转的平台适配',
|
||||||
|
'修复 issue #36: 完成非文件夹打开下的成功启动',
|
||||||
|
'修复 issue #45: 数组类型参数不支持',
|
||||||
|
'修复多行对话粘贴进入对话框样式异常的问题'
|
||||||
|
];
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<main class="openmcp-news-root">
|
||||||
|
<om-header :version="version" />
|
||||||
|
|
||||||
|
<!-- 1. 📣 What is news in OpenMCP -->
|
||||||
|
<om-what-news :version="version" :changelogs="changelogs" />
|
||||||
|
|
||||||
|
<!-- 2. 🐳 Learn more features -->
|
||||||
|
<om-more-feature />
|
||||||
|
|
||||||
|
<!-- 3. ✨ Core Features -->
|
||||||
|
<om-core-feature />
|
||||||
|
|
||||||
|
<!-- 4. ❤️ How to sponsor -->
|
||||||
|
<om-sponsor />
|
||||||
|
|
||||||
|
<!-- 5. 📚 Resources -->
|
||||||
|
<om-resource />
|
||||||
|
|
||||||
|
<!-- 6. 🔧 Troubleshooting -->
|
||||||
|
<om-troubleshoot />
|
||||||
|
</main>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
color: var(--foreground, #222);
|
||||||
|
background: var(--background, #fff);
|
||||||
|
font-size: var(--vscode-font-size);
|
||||||
|
max-width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 2rem;
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.openmcp-news-root {
|
||||||
|
color: var(--foreground, #222);
|
||||||
|
background: var(--background, #fff);
|
||||||
|
padding: 32px 0 64px 0;
|
||||||
|
min-height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
max-width: 820px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.release-link {
|
||||||
|
color: #B988D1;
|
||||||
|
font-weight: 500;
|
||||||
|
text-decoration: underline;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
display: inline-block;
|
||||||
|
transition: color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.release-link:hover {
|
||||||
|
color: #8e5bbf;
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-list {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-badge {
|
||||||
|
display: inline-block;
|
||||||
|
background: #B988D1;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 0.85em;
|
||||||
|
padding: 2px 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
font-weight: 500;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.openmcp-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
gap: 24px;
|
||||||
|
margin: 0 0 32px 0;
|
||||||
|
padding: 0 0 16px 0;
|
||||||
|
border-bottom: 1px solid #B988D1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.openmcp-logo {
|
||||||
|
width: 84px;
|
||||||
|
height: 84px;
|
||||||
|
border-radius: 16px;
|
||||||
|
background: var(--vscode-sideBar-background);
|
||||||
|
box-shadow: 0 2px 8px 0 rgba(185, 136, 209, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.margin-bottom {
|
||||||
|
margin-bottom: 32px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
92
news/src/components/CoreFeature.vue
Normal file
92
news/src/components/CoreFeature.vue
Normal file
@ -0,0 +1,92 @@
|
|||||||
|
<template>
|
||||||
|
<section class="core-section">
|
||||||
|
<div class="section-title">✨ Core Features</div>
|
||||||
|
<ul class="core-list">
|
||||||
|
<li class="core-card">
|
||||||
|
<span class="core-dot">🧩</span>
|
||||||
|
<span>Full support for all MCP protocols, including <b>stdio</b>, <b>SSE</b>, and <b>streamable HTTP</b> connection modes.</span>
|
||||||
|
<a href="https://kirigaya.cn/openmcp/plugin-tutorial/usage/debug.html" target="_blank">Learn more</a>
|
||||||
|
</li>
|
||||||
|
<li class="core-card">
|
||||||
|
<span class="core-dot">🧩</span>
|
||||||
|
<span>Connect Multiple MCP Servers and combine more mcp tools in just one instance.</span>
|
||||||
|
<a href="https://kirigaya.cn/openmcp/plugin-tutorial/usage/multi-server.html" target="_blank">Learn more</a>
|
||||||
|
</li>
|
||||||
|
<li class="core-card">
|
||||||
|
<span class="core-dot">🧩</span>
|
||||||
|
<span>One-click AI Mock data generation & Automatic mcp tool testing width custom and flexible order.</span>
|
||||||
|
<a href="https://kirigaya.cn/openmcp/sdk-tutorial/" target="_blank">Learn more</a>
|
||||||
|
</li>
|
||||||
|
<li class="core-card">
|
||||||
|
<span class="core-dot">🧩</span>
|
||||||
|
<span>Support function calling based on both <strong>XML</strong> and <strong>openai tools protocols.</strong></span>
|
||||||
|
<a href="https://kirigaya.cn/openmcp/sdk-tutorial/" target="_blank">Learn more</a>
|
||||||
|
</li>
|
||||||
|
<li class="core-card">
|
||||||
|
<span class="core-dot">🧩</span>
|
||||||
|
<span>Export connection as mcpconfig.json and deploy in openmcp-sdk</span>
|
||||||
|
<a href="https://kirigaya.cn/openmcp/sdk-tutorial/" target="_blank">Learn more</a>
|
||||||
|
</li>
|
||||||
|
<li class="core-card">
|
||||||
|
<span class="core-dot">🧩</span>
|
||||||
|
<span>Native VSCode experience, cross-platform support</span>
|
||||||
|
<a href="https://kirigaya.cn/openmcp/plugin-tutorial/quick-start/acquire-openmcp.html" target="_blank">Learn more</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.core-section {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.core-list {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: 18px;
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 950px) {
|
||||||
|
.core-list {
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 630px) {
|
||||||
|
.core-list {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.core-card {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 1.5rem;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: var(--vscode-sideBar-background);
|
||||||
|
transition: transform 0.2s ease, box-shadow 0.2s;
|
||||||
|
box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0,0,0,0.08));
|
||||||
|
font-size: 1.05em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.core-card a {
|
||||||
|
color: #B988D1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.core-card:hover {
|
||||||
|
transform: translateY(-4px) scale(1.025);
|
||||||
|
box-shadow: 0 6px 18px var(--vscode-widget-shadow, rgba(0,0,0,0.14));
|
||||||
|
}
|
||||||
|
|
||||||
|
.core-dot {
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 50%;
|
||||||
|
font-size: 30px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
102
news/src/components/Header.vue
Normal file
102
news/src/components/Header.vue
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
const props = defineProps({
|
||||||
|
version: {
|
||||||
|
type: String,
|
||||||
|
default: '0.1.9'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<header class="openmcp-header">
|
||||||
|
<img src="/favicon.svg" alt="OpenMCP Logo" width="72" height="72" class="openmcp-logo" />
|
||||||
|
<div>
|
||||||
|
<h1>
|
||||||
|
OpenMCP Client<sup><small>{{ props.version }}</small></sup>
|
||||||
|
</h1>
|
||||||
|
<div class="links">
|
||||||
|
<a href="https://github.com/LSTM-Kirigaya/openmcp-client" target="_blank" title="GitHub">
|
||||||
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"
|
||||||
|
style="vertical-align: middle;">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||||
|
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z">
|
||||||
|
</path>
|
||||||
|
</svg>
|
||||||
|
GitHub
|
||||||
|
</a>
|
||||||
|
<a href="https://github.com/LSTM-Kirigaya/openmcp-client/releases" target="_blank" title="Releases">
|
||||||
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"
|
||||||
|
style="vertical-align: middle;">
|
||||||
|
<path
|
||||||
|
d="M21 10.975V8a2 2 0 00-2-2h-6V4.688c.305-.274.5-.668.5-1.11a1.5 1.5 0 00-3 0c0 .442.195.836.5 1.11V6H5a2 2 0 00-2 2v2.998l-.072.005A.999.999 0 002 12v2a1 1 0 001 1v5a2 2 0 002 2h14a2 2 0 002-2v-5a1 1 0 001-1v-1.975a1 1 0 00-.928-.997L21 10.975zm-5 5.025H8v-3h8v3z">
|
||||||
|
</path>
|
||||||
|
</svg>
|
||||||
|
Releases
|
||||||
|
</a>
|
||||||
|
<a href="https://kirigaya.cn/openmcp/" target="_blank" title="Website">
|
||||||
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"
|
||||||
|
style="vertical-align: middle;">
|
||||||
|
<path
|
||||||
|
d="M12.001 1.993C6.486 1.994 2 6.48 2 11.994c0 5.514 4.486 9.999 10 10 5.515 0 10.001-4.485 10.001-10s-4.486-10-10-10.001zM12 19.994c-4.412 0-8.001-3.589-8.001-8s3.589-8 8-8.001C16.411 3.994 20 7.583 20 11.994c0 4.41-3.589 8-8 8z">
|
||||||
|
</path>
|
||||||
|
<path
|
||||||
|
d="M12.001 8.994l-4.005 4.005 1.414 1.414 2.591-2.591 2.591 2.591 1.414-1.414-4.005-4.005z">
|
||||||
|
</path>
|
||||||
|
</svg>
|
||||||
|
Website
|
||||||
|
</a>
|
||||||
|
<a href="https://discord.com/invite/SKTZRf6NzU" target="_blank" title="Discord">
|
||||||
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"
|
||||||
|
style="vertical-align: middle;">
|
||||||
|
<path
|
||||||
|
d="M19.27 5.33C17.94 4.71 16.5 4.26 15 4a.09.09 0 00-.07.03c-.18.33-.39.76-.53 1.09a16.09 16.09 0 00-4.8 0c-.14-.34-.35-.76-.54-1.09-.01-.02-.04-.03-.07-.03-1.5.26-2.93.71-4.27 1.33-.01 0-.02.01-.03.02-2.72 4.07-3.47 8.03-3.1 11.95 0 .02.01.04.03.05 1.8 1.32 3.53 2.12 5.24 2.65.03.01.06 0 .07-.02.4-.55.76-1.13 1.07-1.74.02-.04 0-.08-.04-.09-.57-.22-1.11-.48-1.64-.78-.04-.02-.04-.08-.01-.11.11-.08.22-.17.33-.25.02-.02.05-.02.07-.01 3.44 1.57 7.15 1.57 10.55 0 .02-.01.05-.01.07.01.11.09.22.17.33.26.04.03.04.09-.01.11-.52.31-1.07.56-1.64.78-.04.01-.05.06-.04.09.32.61.68 1.19 1.07 1.74.03.01.06.02.09.01 1.72-.53 3.45-1.33 5.25-2.65.02-.01.03-.03.03-.05.44-4.53-.73-8.46-3.1-11.95-.01-.01-.02-.02-.04-.02zM8.52 14.91c-.99 0-1.8-.9-1.8-2s.79-2.01 1.8-2.01c1 0 1.81.9 1.81 2.01-.01 1.1-.8 2-1.81 2zm6.96 0c-.99 0-1.8-.9-1.8-2s.79-2.01 1.8-2.01c1 0 1.81.9 1.81 2.01-.01 1.1-.8 2-1.81 2z">
|
||||||
|
</path>
|
||||||
|
</svg>
|
||||||
|
Discord
|
||||||
|
</a>
|
||||||
|
<a href="https://qm.qq.com/cgi-bin/qm/qr?k=C6ZUTZvfqWoI12lWe7L93cWa1hUsuVT0&jump_from=webapi&authKey=McW6B1ogTPjPDrCyGttS890tMZGQ1KB3QLuG4aqVNRaYp4vlTSgf2c6dMcNjMuBD"
|
||||||
|
target="_blank" title="QQ Group">
|
||||||
|
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor">
|
||||||
|
<path d="M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112 331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3-34 109.5-23 154.8-14.6 155.8 18 2.2 70.1-82.4 70.1-82.4 0 49 25.2 112.9 79.8 159-26.4 8.1-85.7 29.9-71.6 53.8 11.4 19.3 196.2 12.3 249.5 6.3 53.3 6 238.1 13 249.5-6.3 14.1-23.8-45.3-45.7-71.6-53.8 54.6-46.2 79.8-110.1 79.8-159 0 0 52.1 84.6 70.1 82.4 8.5-1.1 19.5-46.4-14.5-155.8z"></path>
|
||||||
|
</svg>
|
||||||
|
QQ Group
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.openmcp-header h1 {
|
||||||
|
font-size: 2.1rem;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0 0 20px 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
color: #B988D1;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.openmcp-header .links {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 16px;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.openmcp-header .links a {
|
||||||
|
color: var(--vscode-textLink-foreground);
|
||||||
|
font-weight: 500;
|
||||||
|
text-decoration: none;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
transition: color 0.18s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.openmcp-header .links a:hover {
|
||||||
|
color: #8e5bbf;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
106
news/src/components/MoreFeature.vue
Normal file
106
news/src/components/MoreFeature.vue
Normal file
@ -0,0 +1,106 @@
|
|||||||
|
<template>
|
||||||
|
<section class="feature-section">
|
||||||
|
<div class="section-title">🐳 Learn More Features & Usage</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="margin-bottom: 1.1rem;"
|
||||||
|
>Learn more about how to use openmcp to build your AI Agent & MCP fast</div>
|
||||||
|
|
||||||
|
<div class="bilibili-player-container" style="display:flex; width: 100%; justify-content: center;">
|
||||||
|
<iframe width="100%" height="580" src="https://www.youtube.com/embed/S7igsEhcLiw?si=6sqvbYJxSRoFS26g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.feature-section {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #B988D1;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-cards {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-card {
|
||||||
|
background: none;
|
||||||
|
border: 1.5px solid #B988D1;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 18px 22px;
|
||||||
|
min-width: 180px;
|
||||||
|
flex: 1 1 180px;
|
||||||
|
color: var(--foreground, #222);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: box-shadow 0.15s, border 0.15s;
|
||||||
|
box-shadow: 0 2px 8px 0 rgba(185, 136, 209, 0.04);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-card:hover {
|
||||||
|
border-color: #8e5bbf;
|
||||||
|
box-shadow: 0 4px 16px 0 rgba(185, 136, 209, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-card-title {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #B988D1;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-card-desc {
|
||||||
|
font-size: 0.98em;
|
||||||
|
color: var(--foreground, #444);
|
||||||
|
opacity: 0.85;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.bilibili-player-container {
|
||||||
|
position: relative;
|
||||||
|
min-width: 377px;
|
||||||
|
min-height: 225px;
|
||||||
|
width: 52.36vw;
|
||||||
|
height: 580px;
|
||||||
|
border: 2px solid var(--vp-c-brand-3);
|
||||||
|
border-radius: 8px;
|
||||||
|
aspect-ratio: 16/9;
|
||||||
|
margin: 2rem 0;
|
||||||
|
border-radius: .5em;
|
||||||
|
overflow: hidden;
|
||||||
|
transition: box-shadow 0.3s ease, border-color 0.3s ease;
|
||||||
|
box-shadow: 0 4px 12px var(--vscode-widget-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 2700px) {
|
||||||
|
.bilibili-player-container {
|
||||||
|
width: 88%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1200px) {
|
||||||
|
.bilibili-player-container {
|
||||||
|
width: 95%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 741px) {
|
||||||
|
.bilibili-player-container iframe {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bilibili-player-container:hover {
|
||||||
|
border-color: var(--vp-c-brand-1);
|
||||||
|
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
49
news/src/components/Resource.vue
Normal file
49
news/src/components/Resource.vue
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
<template>
|
||||||
|
<section class="resource-section">
|
||||||
|
<div class="section-title">📚 Resources</div>
|
||||||
|
<ul class="resource-list">
|
||||||
|
<li><a data-v-dd258f77="" class="VPNolebaseInlinePreviewLink" relative=""
|
||||||
|
href="https://www.bilibili.com/video/BV1zYGozgEHc" target="_blank" rel="noreferrer">MCP Series Video
|
||||||
|
Tutorials (Under Construction)</a></li>
|
||||||
|
<li><a data-v-dd258f77="" class="VPNolebaseInlinePreviewLink" relative=""
|
||||||
|
href="https://kirigaya.cn/blog/search?q=mcp" target="_blank" rel="noreferrer">Jin Hui's MCP Series
|
||||||
|
Blog</a></li>
|
||||||
|
<li><a data-v-dd258f77="" class="VPNolebaseInlinePreviewLink" relative=""
|
||||||
|
href="https://kirigaya.cn/openmcp/plugin-tutorial" target="_blank" rel="noreferrer">OpenMCP Official
|
||||||
|
Documentation</a></li>
|
||||||
|
<li><a data-v-dd258f77="" class="VPNolebaseInlinePreviewLink" relative=""
|
||||||
|
href="https://kirigaya.cn/openmcp/sdk-tutorial" target="_blank" rel="noreferrer">openmcp-sdk
|
||||||
|
Official Documentation</a></li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.resource-section {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.resource-list {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.resource-list li {
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.resource-list a {
|
||||||
|
color: #B988D1;
|
||||||
|
transition: color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.resource-list a:hover {
|
||||||
|
color: #8e5bbf;
|
||||||
|
}
|
||||||
|
|
||||||
|
.troubleshoot-section {
|
||||||
|
margin-bottom: 32px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
61
news/src/components/Sponsor.vue
Normal file
61
news/src/components/Sponsor.vue
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
<template>
|
||||||
|
<section class="sponsor-section">
|
||||||
|
<div class="section-title">❤️ How to Sponsor</div>
|
||||||
|
<div class="sponsor-content">
|
||||||
|
<p>If you like openmcp, please support our work!</p>
|
||||||
|
|
||||||
|
<a class="sponsor-item" href="https://github.com/LSTM-Kirigaya/openmcp-client" target="_blank">
|
||||||
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="vertical-align: middle;">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||||
|
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z">
|
||||||
|
</path>
|
||||||
|
</svg>
|
||||||
|
Github
|
||||||
|
</a>
|
||||||
|
<br>
|
||||||
|
<a class="sponsor-item" href="sponsor-item" target="_blank">
|
||||||
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
|
||||||
|
<path
|
||||||
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.31-8.86c-1.77-.45-2.34-.94-2.34-1.67 0-.84.79-1.43 2.1-1.43 1.38 0 1.9.66 1.94 1.64h1.71c-.05-1.34-.87-2.57-2.49-2.97V5H10.9v1.69c-1.51.32-2.72 1.3-2.72 2.81 0 1.79 1.49 2.69 3.66 3.21 1.95.46 2.34 1.15 2.34 1.87 0 .53-.39 1.39-2.1 1.39-1.6 0-2.23-.72-2.32-1.64H8.04c.1 1.7 1.36 2.66 2.86 2.97V19h2.34v-1.67c1.52-.29 2.72-1.16 2.73-2.77-.01-2.2-1.9-2.96-3.66-3.42z">
|
||||||
|
</path>
|
||||||
|
</svg>
|
||||||
|
爱发电</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.sponsor-section {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sponsor-content {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sponsor-item {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
background-color: #B988D1;
|
||||||
|
color: var(--vscode-button-foreground);
|
||||||
|
border-radius: 4px;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: transform 0.1s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sponsor-item:hover {
|
||||||
|
background-color: #8e5bbf;
|
||||||
|
transition: transform 0.1s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sponsor-item:active {
|
||||||
|
transform: scale(0.95);
|
||||||
|
transition: transform 0.1s ease;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
36
news/src/components/Troubleshoot.vue
Normal file
36
news/src/components/Troubleshoot.vue
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
<template>
|
||||||
|
<section class="troubleshoot-section">
|
||||||
|
<div class="section-title">🔧 Troubleshooting</div>
|
||||||
|
<ul class="troubleshoot-list">
|
||||||
|
<li>
|
||||||
|
If the interface displays abnormally, try restarting VSCode or report an <a href="https://github.com/LSTM-Kirigaya/openmcp-client/issues" target="_blank">Issue</a>.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
For more questions, refer to the <a href="https://kirigaya.cn/openmcp/" target="_blank">official
|
||||||
|
documentation</a> or join the community.</li>
|
||||||
|
|
||||||
|
<li>Contant Jinhui via <a href="mailto:1193466151@qq.com">1193466151@qq.com</a> to seek technical consultation or business cooperation.</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.troubleshoot-list {
|
||||||
|
list-style: disc inside;
|
||||||
|
padding-left: 18px;
|
||||||
|
color: var(--foreground, #444);
|
||||||
|
}
|
||||||
|
|
||||||
|
.troubleshoot-list li {
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.troubleshoot-list a {
|
||||||
|
color: #B988D1;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.troubleshoot-list a:hover {
|
||||||
|
color: #8e5bbf;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
73
news/src/components/WhatNews.vue
Normal file
73
news/src/components/WhatNews.vue
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
const props = defineProps({
|
||||||
|
version: {
|
||||||
|
type: String,
|
||||||
|
default: '0.1.9'
|
||||||
|
},
|
||||||
|
changelogs: {
|
||||||
|
type: Array as () => string[],
|
||||||
|
default: () => [
|
||||||
|
'Brand new VSCode WebView adaptation, smoother experience',
|
||||||
|
'Support for AI Mock, toolchain visualization, and automatic topology detection',
|
||||||
|
'Multi-model concurrency, enhanced plugin capabilities'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<section class="news-section">
|
||||||
|
<div class="news-title">
|
||||||
|
<span>📣 What's New in <span class="highlight">{{ props.version }}</span></span>
|
||||||
|
</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<ul class="news-list">
|
||||||
|
<li v-for="(log, index) in props.changelogs" :key="index">
|
||||||
|
<span class="news-badge">{{ '/' }}</span>
|
||||||
|
<span>{{ log }}</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<br>
|
||||||
|
<a class="release-link" href="https://kirigaya.cn/openmcp/preview/changelog.html" target="_blank"
|
||||||
|
rel="noopener">View History Changelog →</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.news-section {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-title {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #B988D1;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-title .logo {
|
||||||
|
width: 38px;
|
||||||
|
height: 38px;
|
||||||
|
margin-right: 12px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-title .highlight {
|
||||||
|
color: #B988D1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-content {
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 2rem;
|
||||||
|
margin: 2rem 0;
|
||||||
|
background-color: var(--vscode-sideBar-background);
|
||||||
|
box-shadow: 0 2px 8px var(--vscode-widget-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-content li {
|
||||||
|
margin-bottom: 0.7rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
5
news/src/main.ts
Normal file
5
news/src/main.ts
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
|
||||||
|
import { createApp } from 'vue'
|
||||||
|
import App from './App.vue'
|
||||||
|
|
||||||
|
createApp(App).mount('#app')
|
||||||
12
news/tsconfig.app.json
Normal file
12
news/tsconfig.app.json
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
{
|
||||||
|
"extends": "@vue/tsconfig/tsconfig.dom.json",
|
||||||
|
"include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
|
||||||
|
"exclude": ["src/**/__tests__/*"],
|
||||||
|
"compilerOptions": {
|
||||||
|
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
||||||
|
|
||||||
|
"paths": {
|
||||||
|
"@/*": ["./src/*"]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
11
news/tsconfig.json
Normal file
11
news/tsconfig.json
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
{
|
||||||
|
"files": [],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"path": "./tsconfig.node.json"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "./tsconfig.app.json"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
19
news/tsconfig.node.json
Normal file
19
news/tsconfig.node.json
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
{
|
||||||
|
"extends": "@tsconfig/node22/tsconfig.json",
|
||||||
|
"include": [
|
||||||
|
"vite.config.*",
|
||||||
|
"vitest.config.*",
|
||||||
|
"cypress.config.*",
|
||||||
|
"nightwatch.conf.*",
|
||||||
|
"playwright.config.*",
|
||||||
|
"eslint.config.*"
|
||||||
|
],
|
||||||
|
"compilerOptions": {
|
||||||
|
"noEmit": true,
|
||||||
|
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
||||||
|
|
||||||
|
"module": "ESNext",
|
||||||
|
"moduleResolution": "Bundler",
|
||||||
|
"types": ["node"]
|
||||||
|
}
|
||||||
|
}
|
||||||
20
news/vite.config.ts
Normal file
20
news/vite.config.ts
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
import { fileURLToPath, URL } from 'node:url'
|
||||||
|
|
||||||
|
import { defineConfig } from 'vite'
|
||||||
|
import { viteSingleFile } from 'vite-plugin-singlefile'
|
||||||
|
import vue from '@vitejs/plugin-vue'
|
||||||
|
import vueDevTools from 'vite-plugin-vue-devtools'
|
||||||
|
|
||||||
|
// https://vite.dev/config/
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [
|
||||||
|
vue(),
|
||||||
|
vueDevTools(),
|
||||||
|
viteSingleFile(),
|
||||||
|
],
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
'@': fileURLToPath(new URL('./src', import.meta.url))
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
Loading…
x
Reference in New Issue
Block a user