diff --git a/CHANGELOG.md b/CHANGELOG.md index 8e6055ddc..f8a46deab 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,14 +4,20 @@ All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) +## [Unreleased] + +### Fixed + +- **Divider**: Make component color visible in all themes. + ## [1.9.0] - 2024-11-26 -## Added +### Added - Add support for two-way binding with form controls in Vue. - **ContextMenu**: Added `preventClose` property. -## Fixed +### Fixed - **ContextMenu**: `show` attribute was not synchronized correctly. diff --git a/dev/vscode-divider/basic-example.html b/dev/vscode-divider/basic-example.html new file mode 100644 index 000000000..9dec0fa03 --- /dev/null +++ b/dev/vscode-divider/basic-example.html @@ -0,0 +1,31 @@ + + + + + + + VSCode Elements + + + + + + + +

Divider

+
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis ligula id magna vulputate mollis vel eu massa. Nam cursus velit in egestas viverra. Pellentesque euismod porta elit, sed imperdiet lectus ultrices vel. Aenean eleifend interdum tincidunt. Fusce interdum leo vitae ante egestas imperdiet nec vel quam. Integer dictum eget tortor id porta. Ut faucibus, lacus a interdum molestie, neque urna luctus purus, quis vulputate est est sit amet lectus. Sed eros mauris, lacinia sed lacinia in, fringilla in neque. Nulla eu auctor tortor.

+ +

Maecenas non velit velit. Fusce tempor risus a gravida volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tincidunt condimentum orci, sit amet consequat odio semper non. Ut a pharetra orci. Ut et aliquet quam. Phasellus a ullamcorper metus. Sed eu ornare magna. In ac semper sem. Cras eget fringilla velit. Praesent convallis ex ac massa semper efficitur. Aliquam ac magna ut arcu ultrices ullamcorper a sit amet eros. Nunc congue massa sit amet leo lacinia cursus. Aenean porta non ligula et euismod.

+ +
+ + + diff --git a/package-lock.json b/package-lock.json index cef85f777..832f03e6d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -26,7 +26,7 @@ "@types/node": "^22.9.0", "@typescript-eslint/eslint-plugin": "^8.13.0", "@typescript-eslint/parser": "^8.13.0", - "@vscode-elements/webview-playground": "^1.2.2", + "@vscode-elements/webview-playground": "^1.3.0", "@vscode/codicons": "^0.0.36", "@web/dev-server": "^0.4.6", "@web/dev-server-esbuild": "^1.0.3", @@ -4054,9 +4054,9 @@ } }, "node_modules/@vscode-elements/webview-playground": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@vscode-elements/webview-playground/-/webview-playground-1.2.2.tgz", - "integrity": "sha512-8S7eTr/RjfRcCKztl1guZKUycQ59/POBukugfE2abLNZROJTxaDbCZXKMTvrbjrm3klv1jxC77sFedDhS1IBHQ==", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/@vscode-elements/webview-playground/-/webview-playground-1.3.0.tgz", + "integrity": "sha512-IOGaTjiRcKcdyBsxR/ubPd21J9c2KFTFJKrfJA4IS4fSV+LvVIbW30UhAnysy8njnVbtoLECh7gxmcU+xFfoow==", "dev": true, "license": "MIT" }, @@ -14826,9 +14826,9 @@ } }, "@vscode-elements/webview-playground": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@vscode-elements/webview-playground/-/webview-playground-1.2.2.tgz", - "integrity": "sha512-8S7eTr/RjfRcCKztl1guZKUycQ59/POBukugfE2abLNZROJTxaDbCZXKMTvrbjrm3klv1jxC77sFedDhS1IBHQ==", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/@vscode-elements/webview-playground/-/webview-playground-1.3.0.tgz", + "integrity": "sha512-IOGaTjiRcKcdyBsxR/ubPd21J9c2KFTFJKrfJA4IS4fSV+LvVIbW30UhAnysy8njnVbtoLECh7gxmcU+xFfoow==", "dev": true }, "@vscode/codicons": { diff --git a/package.json b/package.json index 5698c0873..398eda445 100644 --- a/package.json +++ b/package.json @@ -154,7 +154,7 @@ "@types/node": "^22.9.0", "@typescript-eslint/eslint-plugin": "^8.13.0", "@typescript-eslint/parser": "^8.13.0", - "@vscode-elements/webview-playground": "^1.2.2", + "@vscode-elements/webview-playground": "^1.3.0", "@vscode/codicons": "^0.0.36", "@web/dev-server": "^0.4.6", "@web/dev-server-esbuild": "^1.0.3", diff --git a/src/vscode-divider/vscode-divider.styles.ts b/src/vscode-divider/vscode-divider.styles.ts index 38d00c2c8..fd84d9494 100644 --- a/src/vscode-divider/vscode-divider.styles.ts +++ b/src/vscode-divider/vscode-divider.styles.ts @@ -5,11 +5,12 @@ const styles: CSSResultGroup = [ defaultStyles, css` :host { - background-color: var(--vscode-widget-border); + background-color: var(--vscode-foreground); display: block; height: 1px; margin-bottom: 10px; margin-top: 10px; + opacity: 0.4; } `, ];