adam/vscode-front-matter
1
0 Fork 0
mirror of https://github.com/estruyf/vscode-front-matter.git synced 2026-11-04 09:32:21 +01:00
Code Issues 77 Packages Projects Releases Wiki Activity

Enhancement: VS Code theme support for the dashboards #399

New Issue
Closed
opened 2026-10-05 02:44:59 +02:00 by adam · 6 comments
adam commented 2026-10-05 02:44:59 +02:00
Owner
Copy link
Copy source

Bring Visual Studio Code theme support to the dashboards. This would also solve the issue with high contrast mode #485

Bring Visual Studio Code theme support to the dashboards. This would also solve the issue with high contrast mode #485 <!-- github-sync-id:1572326049 -->
adam closed this issue 2026-10-05 02:44:59 +02:00
adam commented 2026-10-05 02:45:00 +02:00
Author
Owner
Copy link
Copy source

This will be implemented as an experimental feature to see which themes work and which fail.

If the experimental mode is turned on, the VSCode theme colors are used; otherwise, it keeps using the default colors.

Once we have a good mapping for all controls, we could make the whole switch.

This will be implemented as an experimental feature to see which themes work and which fail. If the experimental mode is turned on, the VSCode theme colors are used; otherwise, it keeps using the default colors. Once we have a good mapping for all controls, we could make the whole switch. <!-- github-comment-id:1418952262 -->
adam commented 2026-10-05 02:45:01 +02:00
Author
Owner
Copy link
Copy source

Looking forward to testing this out!

Looking forward to testing this out! <!-- github-comment-id:1419170825 -->
adam commented 2026-10-05 02:45:02 +02:00
Author
Owner
Copy link
Copy source

Todo:

  • Contents
  • Data view
  • Error view
  • Header
  • Layouts
  • Media view
  • Menu
  • Modals
    • Alert
    • Form
    • Info
  • Preview
  • Snippets view
  • Steps
  • Taxonomy view
  • Unknown view
  • Welcome screen
  • Other files
  • CSS Data fields
Todo: - [x] Contents - [x] Data view - [x] Error view - [x] Header - [x] Layouts - [x] Media view - [x] Menu - [x] Modals - [x] Alert - [x] Form - [x] Info - [x] Preview - [x] Snippets view - [x] Steps - [x] Taxonomy view - [x] Unknown view - [x] Welcome screen - [x] Other files - [x] CSS Data fields <!-- github-comment-id:1420653985 -->
adam commented 2026-10-05 02:45:03 +02:00
Author
Owner
Copy link
Copy source

Here are a couple of WIP screenshots

Screenshot 2023-02-06 at 14 42 25
Screenshot 2023-02-06 at 14 40 34
Screenshot 2023-02-06 at 14 40 06
Screenshot 2023-02-06 at 14 39 47

Here are a couple of WIP screenshots ![Screenshot 2023-02-06 at 14 42 25](https://user-images.githubusercontent.com/2900833/217458155-11cd1a3c-3db1-4a0c-949c-cdcfdc319300.png) ![Screenshot 2023-02-06 at 14 40 34](https://user-images.githubusercontent.com/2900833/217458158-ebd0f9f0-5a71-41ac-9213-60ebb8333b40.png) ![Screenshot 2023-02-06 at 14 40 06](https://user-images.githubusercontent.com/2900833/217458160-faa860a0-dd35-4534-8ba2-0087caddaa9e.png) ![Screenshot 2023-02-06 at 14 39 47](https://user-images.githubusercontent.com/2900833/217458166-ffe9f9bd-eb64-4002-98a5-7078a7b6a193.png) <!-- github-comment-id:1422108143 -->
adam commented 2026-10-05 02:45:03 +02:00
Author
Owner
Copy link
Copy source

An example of the welcome view changing its colors based on the theme selection.

https://user-images.githubusercontent.com/2900833/217765313-aba62bc8-8789-4994-8014-fa3d7d00e3c6.mov

An example of the welcome view changing its colors based on the theme selection. https://user-images.githubusercontent.com/2900833/217765313-aba62bc8-8789-4994-8014-fa3d7d00e3c6.mov <!-- github-comment-id:1423846891 -->
adam commented 2026-10-05 02:45:04 +02:00
Author
Owner
Copy link
Copy source

Good news, all the views/components have been updated to use your VSCode' theme colors. As mentioned, this is under an experimental flag, to test it out, you can set the frontMatter.experimental feature to true.

frontmatter.json

{
	"frontMatter.experimental": true,
}
Good news, all the views/components have been updated to use your VSCode' theme colors. As mentioned, this is under an experimental flag, to test it out, you can set the `frontMatter.experimental` feature to `true`. *frontmatter.json* ```json { "frontMatter.experimental": true, } ``` <!-- github-comment-id:1424482884 -->
Sign in to join this conversation.
No Branch/Tag Specified
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
adam (Adam Wojcieszonek)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: adam/vscode-front-matter#399