Skip to content

Commit 2dcd4c6

Browse files
codekilncodekiln
committed
Add VSCode configuration, extensions, and theme documentation
- Create new pages for VSCode settings, extensions, and themes - Document VSCode sidebar readability improvements - Add pages for font and person references related to VSCode customization - Include journal entry detailing VSCode configuration and extension exploration
1 parent 2618a3a commit 2dcd4c6

23 files changed

+157
-0
lines changed

‎journals/2025_03_08.md‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
## [[VSCode]]
2+
- #Filed
3+
- ### [[VSCode/Q/How do I increase the readability of file explorer in the sidebar]]
4+
- [[VSCode/Q/Is there any way to toggle the visibility of gitignored items in the sidebar]]
5+
- **This works** [[VSCode/Extension/Toggle Exclude Git Ignore]]
6+
- [[VSCode/Command/Explorer/Toggle Git Ignore]]
7+
- Extensions
8+
- [[VSCode/Extension/indent-rainbow]] didn't install, but okay idea. for main editor.
9+
- [[VSCode/Extension/Material Icon Theme]]
10+
- Settings
11+
- {{embed ((67cc128c-6383-46c7-ba0a-6d512e32fde5))}}
12+
- [[VSCode/Setting/Workbench/Tree: Render Indent Guides]] changed to `always`
13+
- Other Settings
14+
- [[VSCode/Setting/Editor/Font/Size]] increased it to 14
15+
- [[VSCode/Setting/Editor/Font/Family]]
16+
- changed to `'Robotization Mono', 'Noto Sans Mono', 'IBM Plex Mono', 'Kawkab Mono', 'DejaVu Sans Mono', Cousine, 'ST1X Two Math For Robot0 Mono', 'Symbola For Robot0 Mono', 'Source Han Sans', Menlo, Monaco, 'Courier New', monospace`
17+
- [[VSCode/Setting/Accessibility/Dim Unfocused/Enabled]] and [[VSCode/Setting/Accessibility/Dim Unfocused/Opacity]] - I turned on and set unfocused opacity to 0.75 to try it out. it does make it slightly easier to see where the focus is, at the expense of making it easier to read the places where the focus is not. I turned it off because I don't want to change my focus in order to read things.
18+
- [[VSCode/Setting/Workbench/Color Theme]]
19+
- [[VSCode/Setting/Window/Auto Detect/Color Scheme]]
20+
- [[VSCode/Setting/Workbench/Color Theme/Light]]
21+
- I set this to [[VSCode/Theme/Laravel PyCharm Theme by kiwi0fruit]]
22+
- [[VSCode/Theme/vscodethemes.com]] useful for finding different themes
23+
- *I do wish there was a way to sort by average contrast ratio or accessibility compliance level*
24+
- [[VSCode Light Themes]]
25+
- [[VSCode/Theme/Laravel PyCharm Theme by kiwi0fruit]]
26+
- [LinkedIn Learning Theme by LinkedIn Learning | VS Code Themes](https://vscodethemes.com/e/linkedinlearning.linkedinlearning-vscode-theme/linkedin-learning-light)
27+
- Accessible light and dark variant theme for VS Code.
28+
- #Discovered [[tinte.railly.dev]], a theme editor for VSCode, [[shadcn]], etc. created by [[Person/Railly Hugo]]
29+
- [[VSCode/Theme/WCAG/AA]]
30+
- *In general, searching for keywords related to WCAG helps with finding accessible themes*
31+
- [exastone/exa-theme: exa-theme • theme pack for vscode](https://github.com/exastone/exa-theme)
32+
- I like the darker themes, but the light one is so blue
33+
- #TIL [[VSCode/Quirk/Customized Keyboard Shortcuts Remain After Uninstalling Extensions]]
34+
- I created custom shortcuts to show and hide `.gitignore`'d files here ((67cc2a32-036d-499f-bcdb-1b4aa3036e04)) - then I uninstalled it. The keyboard shortcuts remained. This was astonishing to me, but I suppose it might make sense; if I re-installed it, the keyboard shortcuts would remain.
35+
- ### [[Typography]]
36+
- Installed [[Font/Robotization Mono]]

‎pages/Font___Robotization Mono.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
tags:: [[Person/Peter Zagubisalo/GitHub]]
2+
3+
- [kiwi0fruit/open-fonts: A collection of beautiful free and open source fonts: instructions for installing, Unicode fallback chains, instructions to replace Windows ClearType and fix browser fonts](https://github.com/kiwi0fruit/open-fonts?tab=readme-ov-file#roboto-mono)
4+
- designed by Steve Matteson and Christian Robertson
5+
- [Preview](https://fonts.google.com/specimen/Roboto+Mono), [Download Robotization Mono](https://github.com/kiwi0fruit/open-fonts/blob/master/Fonts/RobotizationMono.zip?raw=true), [Backup](https://github.com/kiwi0fruit/fonts/tree/master/apache/robotomono)
6+
- kiwi0fruit's favorite!
7+
- Italic in [[Font/Roboto/Mono]] has different width so it's recommended to use [Robotization Mono](https://github.com/kiwi0fruit/open-fonts/blob/master/Fonts/RobotizationMono.zip?raw=true) fork that is simply a renamed monospacified version of Roboto Mono.
8+
- [[Font/Fallback]] chain: `'Robotization Mono', 'Noto Sans Mono', 'IBM Plex Mono', 'Kawkab Mono', 'DejaVu Sans Mono', Cousine, 'ST1X Two Math For Robot0 Mono', 'Symbola For Robot0 Mono', 'Source Han Sans', monospace`.

‎pages/Person___Peter Zagubisalo.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# [kiwi0fruit (Peter Zagubisalo)](https://github.com/kiwi0fruit)
2+
- [[Person/Peter Zagubisalo/GitHub]] https://github.com/kiwi0fruit

‎pages/Person___Railly Hugo.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
- [[Person/Railly Hugo/Web]] [Railly Hugo](https://www.railly.dev/)
2+
- I work as a full-stack engineer at [Globant](https://www.globant.com/), contributing to Disney O&I Engineering Team.
3+
- I like to build developer tools for myself and make them open source for the community.
4+
-

‎pages/VSCode___.dev.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
alias:: [[vscode.dev]]
2+
3+
- # https://vscode.dev/
4+
- online version of vscode
5+
- [[VSCode/Blog/21/10/vscode.dev(!)]]
6+
- [vscode.dev(!)](https://code.visualstudio.com/blogs/2021/10/20/vscode-dev)
7+
- October 20, 2021 by Chris Dias
8+
- Fast forward to today. Now when you go to [https://vscode.dev](https://vscode.dev), you'll be presented with a lightweight version of VS Code running fully in the browser. Open a folder on your local machine and start coding.
9+
- No install required.

‎pages/VSCode___Command.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
alias:: [[VSCode Commands]]

‎pages/VSCode___Extension.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
alias:: [[VSCode Extension]], [[VSCode Extensions]]

‎pages/VSCode___Extension___Custom CSS and JS Loader.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# [Custom CSS and JS Loader - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css) - `be5invis.vscode-custom-css`
2+
- lets one customize the CSS and JS
3+
- there are many headings in this extension's page which highlight how challenging it can be to try to do this;
4+
- > every time after VSCode is updated, please re-enable Custom CSS
5+
- > This extension modifies some Visual Studio Code files so use it at your own risk. Currently, icons are not supported by the extension functionality that Visual Studio Code provides so this extension solves this issue by injecting code into `electron-browser/index.html`.
6+
- presumably I'd have to write my own change here
7+
-

‎pages/VSCode___Extension___Hide Files.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
- [Hide Files - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=JeremyFunk.hidefiles)
2+
- fairly complex and feature-full extension that puts a new "Hiden Files" section into the [[VSCode/View/Files Explorer]]
3+
- one can right click a file and add it to the hidden files section, which moves it down there and hides it from the view up above
4+
- example
5+
- ![hidden files section animtion](https://i.imgur.com/mNNSGvz.gif)
6+
- unhiding a file
7+
- ![](https://i.imgur.com/MKg9EH6.gif)
8+
- there are different "Profiles" one can use, it's unclear whether this maps to [[VSCode/Docs/Editor/Profiles]] or not
9+
- > Profiles are used to easily switch between different levels of hiding. This way you can be very restrictive with visible files. You can hide anything that is not often needed in a strict profile and anything that is (almost) never needed in a default profile.
10+
- there's a config file

‎pages/VSCode___Extension___Material Icon Theme.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# [Material Icon Theme - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)
2+
- Changes the file icons in the [[VSCode/Term/Sidebar]] to the material theme. There are many icons, so the sidebar ends up having a more visually diverse set of icons. This especially helps in distinguishing folders from files.

0 commit comments

Comments
 (0)