-
-
Save diego3g/b1b189063d21b96d6144ca896755be64 to your computer and use it in GitHub Desktop.
{ | |
"workbench.startupEditor": "newUntitledFile", | |
"editor.fontSize": 15, | |
"editor.lineHeight": 1.8, | |
"javascript.suggest.autoImports": true, | |
"javascript.updateImportsOnFileMove.enabled": "always", | |
"editor.rulers": [ | |
80, | |
120 | |
], | |
"extensions.ignoreRecommendations": true, | |
"typescript.tsserver.log": "off", | |
"editor.stickyScroll.enabled": false, | |
"workbench.tree.enableStickyScroll": false, | |
"files.associations": { | |
".env.*": "dotenv", | |
".prettierrc": "json", | |
"*.css": "css", | |
".dev.vars": "dotenv" | |
}, | |
"symbols.files.associations": { | |
"*.module.ts": "nest", | |
"*.guard.ts": "typescript", | |
"*.spec.ts": "ts-test", | |
"*.e2e-spec.ts": "ts-test", | |
"*.mock.ts": "ts-test", | |
"vitest.config.e2e.ts": "vite", | |
".env.development.local": "gear", | |
".env.test.local": "gear", | |
".env.local": "gear", | |
".env.example": "gear" | |
}, | |
"tailwindCSS.experimental.classRegex": [ | |
[ | |
"tv\\(([^)]*)\\)", | |
"[\"'`]([^\"'`]*).*?[\"'`]" | |
], | |
"class:\\s*?[\"'`]([^\"'`]*).*?," | |
], | |
"editor.parameterHints.enabled": false, | |
"editor.renderLineHighlight": "gutter", | |
"cSpell.language": "en,pt", | |
"typescript.updateImportsOnFileMove.enabled": "always", | |
"editor.suggestSelection": "first", | |
"explorer.confirmDelete": false, | |
"gitlens.codeLens.recentChange.enabled": false, | |
"terminal.integrated.showExitAlert": false, | |
"[prisma]": { | |
"editor.formatOnSave": true | |
}, | |
"typescript.suggest.autoImports": true, | |
"typescript.preferences.preferTypeOnlyAutoImports": true, | |
"terminal.integrated.env.osx": { | |
"FIG_NEW_SESSION": "1" | |
}, | |
"workbench.editor.labelFormat": "short", | |
// "editor.fontLigatures": true, | |
"emmet.includeLanguages": { | |
"javascript": "javascriptreact" | |
}, | |
"emmet.syntaxProfiles": { | |
"javascript": "jsx" | |
}, | |
"cSpell.enableFiletypes": [ | |
"!asciidoc", | |
"!c", | |
"!cpp", | |
"!csharp", | |
"!go", | |
"!handlebars", | |
"!haskell", | |
"!jade", | |
"!java", | |
"!latex", | |
"!php", | |
"!pug", | |
"!python", | |
"!restructuredtext", | |
"!rust", | |
"!scala", | |
"!scss" | |
], | |
"editor.acceptSuggestionOnCommitCharacter": false, | |
"explorer.compactFolders": false, | |
"git.enableSmartCommit": true, | |
"editor.accessibilitySupport": "off", | |
"explorer.confirmDragAndDrop": false, | |
"terminal.integrated.fontSize": 14, | |
"terminal.integrated.fontFamily": "JetBrainsMono Nerd Font", | |
"editor.codeActionsOnSave": { | |
"source.fixAll.eslint": "explicit" | |
}, | |
"eslint.validate": [ | |
"javascript", | |
"javascriptreact", | |
"graphql" | |
], | |
"editor.semanticHighlighting.enabled": false, | |
"breadcrumbs.enabled": false, | |
"workbench.productIconTheme": "fluent-icons", | |
"editor.fontFamily": "JetBrains Mono", | |
"gitlens.codeLens.authors.enabled": false, | |
"editor.tabSize": 2, | |
"security.workspace.trust.untrustedFiles": "newWindow", | |
"files.exclude": { | |
"**\/CVS": true, | |
"**\/.DS_Store": true, | |
"**\/.hg": true, | |
"**\/.svn": true, | |
"**\/.git": true, | |
".vscode": true | |
// "node_modules": true | |
}, | |
"workbench.iconTheme": "symbols", | |
"update.mode": "default", | |
"terminal.integrated.gpuAcceleration": "on", | |
"terminal.integrated.defaultProfile.osx": "fish", | |
"[jsonc]": { | |
"editor.defaultFormatter": "vscode.json-language-features" | |
}, | |
"[json]": { | |
"editor.defaultFormatter": "vscode.json-language-features" | |
}, | |
"window.commandCenter": false, | |
"git.openRepositoryInParentFolders": "always", | |
"symbols.hidesExplorerArrows": false, | |
"[javascript]": { | |
"editor.defaultFormatter": "vscode.typescript-language-features" | |
}, | |
"console-ninja.featureSet": "Community", | |
"workbench.editor.empty.hint": "hidden", | |
"update.showReleaseNotes": false, | |
"security.promptForLocalFileProtocolHandling": false, | |
"workbench.activityBar.location": "hidden", | |
"apc.activityBar": { | |
"position": "bottom", | |
"hideSettings": true, | |
"size": 48, | |
"itemMargin": 8, | |
"itemSize": 32 | |
}, | |
"editor.hideCursorInOverviewRuler": true, | |
"editor.minimap.enabled": false, | |
"window.titleBarStyle": "native", | |
"apc.electron": { | |
"titleBarStyle": "hiddenInset", | |
"trafficLightPosition": { | |
"x": 11, | |
"y": 10 | |
}, | |
"opacity": 1, | |
"vibrancy": "dark", | |
"frame": false | |
}, | |
"apc.header": { | |
"height": 36 | |
}, | |
"apc.listRow": { | |
"height": 24 | |
}, | |
"apc.font.family": "Inter", | |
"apc.stylesheet": { | |
".title-label > h2": "display: none", | |
".editor-actions": "display: none", | |
".nosidebar .inline-tabs-placeholder": "width: 75px", | |
".pane-header": "padding: 0 8px", | |
".pane-body": "padding: 8px", | |
".split-view-view:first-child .pane-header": "display: none !important;", | |
".monaco-list-row": "border-radius: 4px;", | |
".monaco-workbench .monaco-list:not(.element-focused):focus:before": "display: none;" | |
}, | |
"editor.scrollbar.vertical": "hidden", | |
"explorer.sortOrder": "foldersNestsFiles", | |
"explorer.fileNesting.patterns": { | |
"package.json": ".eslint*, prettier*, tsconfig*, vite*, pnpm-*, bun.lockb, nest*, package-lock*", | |
"tailwind.config.*": "tailwind.config*, postcss.config*", | |
".env.local": ".env*", | |
".env": ".env*" | |
}, | |
"explorer.fileNesting.enabled": true, | |
"workbench.statusBar.visible": false, | |
"editor.tokenColorCustomizations": { | |
"textMateRules": [] | |
}, | |
"workbench.layoutControl.enabled": false, | |
"workbench.colorTheme": "Catppuccin Latte" | |
} |
Opa galera, beleza?
Eu criei um novo tema para o VSCode nessa pegada minimalista que acho que vocês podem gostar, vou deixar algumas imagens aqui em baixo.
Miraculous Theme Visual Studio Code
Dark theme for Visual Studio Code
Miraculous Theme Preview
Miraculous Terminal Preview
Miraculous Json Preview
Installation
- Install theme from the Marketplace
- Go to
File > Preferences > Color Theme
- Select
Miraculous Theme
Team
This theme is maintained by Gabbezeira
License
![json-preview](https://private-user-images.githubusercontent.com/68339733/324070474-fb3c8e4b-e123-43ac-9a37-a2fdb5e63f60.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE2NzM1NjcsIm5iZiI6MTcyMTY3MzI2NywicGF0aCI6Ii82ODMzOTczMy8zMjQwNzA0NzQtZmIzYzhlNGItZTEyMy00M2FjLTlhMzctYTJmZGI1ZTYzZjYwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIyVDE4MzQyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZlZmQwMGU5MWIwYjE2ZjU0NzAyYmRkNDE0MjZmMTljNTdlZGJhOGU5YjdlMDViNDQ3NzkxODI2NTA5ODIwMjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Khnl7LDG89qs5dLBDaLHF5A6ZOH42Ipp21hC53_ND_s)
Opa galera, beleza?
Eu criei um novo tema para o VSCode nessa pegada minimalista que acho que vocês podem gostar, vou deixar algumas imagens aqui em baixo.
Miraculous Theme [Visual Studio Code](https://code.visualstudio.com/) **Dark theme for Visual Studio Code**
Miraculous Theme Preview
Miraculous Terminal Preview
Miraculous Json Preview
Installation
- Install theme from the Marketplace
- Go to
File > Preferences > Color Theme
- Select
Miraculous Theme
Team
This theme is maintained by Gabbezeira
License
![]()
Achei muito foda mano, parabéns!
Opa galera, beleza?
Eu criei um novo tema para o VSCode nessa pegada minimalista que acho que vocês podem gostar, vou deixar algumas imagens aqui em baixo.
Miraculous Theme [Visual Studio Code](https://code.visualstudio.com/) **Dark theme for Visual Studio Code**
Miraculous Theme Preview
Miraculous Terminal Preview
Miraculous Json Preview
Installation
- Install theme from the Marketplace
- Go to
File > Preferences > Color Theme
- Select
Miraculous Theme
Team
This theme is maintained by Gabbezeira
License
![]()
Parabéns man, ficou muito fod@@@
Cara como foi o processo de criar um tema do zero ? tenho interesse nesse assunto.
Cara eu segui esse post e foi bem tranquilo, usei essa plataforma pra ir deixando do jeito que eu queria as abas, bordas e cores em geral, porém a as configurações das cores da sintaxe não eram salvas, aí fui alterando direto no arquivo do tema, foi muito tranquilo mesmo.
De qual imagem vocês dizem ?
acho que ele está falando da foto que eu mandei. ela é mais amarelada, não acho que seja o MinDark, mas pode ser apenas um filtro de tela
min theme
Olá, tem um problema. Primeiramente parabéns! Gostei muito! Só tem 1 probleminha aqui comigo que é aquele "quick start" de opcoes quando o @diego3g fala no vídeo: Pressione CTRL + Q, que abre aquele menu de opções. Eu estou na ultima versão do vscode, ultima versão do ubuntu e não tenho esse menu, olhando o mapeamento esse atalho basicamente fecha o vscode, não que eu não tenha procurado algo que abrisse isso mas sem sucesso kkk
No maximo o CTRL+SHIFT+P, mas são muitas opçoes por exemplo pra abrir um arquivo novo, ou abrir as extensoes, basicamente minerar até achar a opção que pra mim foi o mais proximo (embora bagunçado) que encontrei do CTRL + Q do video.
Também criei uma versão mais focada no Linux e bem simples, caso algum iniciante, assim como eu, teve alguns probleminhas pra fazer funcionar haha.
Olá, tem um problema. Primeiramente parabéns! Gostei muito! Só tem 1 probleminha aqui comigo que é aquele "quick start" de opcoes quando o @diego3g fala no vídeo: Pressione CTRL + Q, que abre aquele menu de opções. Eu estou na ultima versão do vscode, ultima versão do ubuntu e não tenho esse menu, olhando o mapeamento esse atalho basicamente fecha o vscode, não que eu não tenha procurado algo que abrisse isso mas sem sucesso kkk
No maximo o CTRL+SHIFT+P, mas são muitas opçoes por exemplo pra abrir um arquivo novo, ou abrir as extensoes, basicamente minerar até achar a opção que pra mim foi o mais proximo (embora bagunçado) que encontrei do CTRL + Q do video.
Também criei uma versão mais focada no Linux e bem simples, caso algum iniciante, assim como eu, teve alguns probleminhas pra fazer funcionar haha.
Minimalist VSCode - Linux
mano tem um problema q no ubuntu o atalho CTRL + Q é usado pra sair dos aplicativos, então tu vai ter q setar esse atalho manualmente no VSCODE
Ola como faço para ter as cores dos "{}" nos arquivos tailwind.js settings.json etc... ?
Ola como faço para ter as cores dos "{}" nos arquivos tailwind.js settings.json etc... ?
Tenta adicionar essa linha aqui no settings.json
:
"editor.bracketPairColorization.enabled": true,
Eu consegui colocar a barra mas não consegui tirar os títulos, vê ai se você gosta
{
"workbench.startupEditor": "newUntitledFile",
"editor.fontSize": 15,
"editor.lineHeight": 1.8,
"javascript.suggest.autoImports": true,
"javascript.updateImportsOnFileMove.enabled": "always",
"editor.rulers": [80, 120],
"extensions.ignoreRecommendations": true,
"typescript.tsserver.log": "off",
"editor.stickyScroll.enabled": false,
"workbench.tree.enableStickyScroll": false,
"files.associations": {
".env.": "dotenv",
".prettierrc": "json",
".css": "css",
".dev.vars": "dotenv"
},
"symbols.files.associations": {
".module.ts": "nest",
".guard.ts": "typescript",
".spec.ts": "ts-test",
".e2e-spec.ts": "ts-test",
".mock.ts": "ts-test",
"vitest.config.e2e.ts": "vite",
".env.development.local": "gear",
".env.test.local": "gear",
".env.local": "gear",
".env.example": "gear"
},
"tailwindCSS.experimental.classRegex": [
["tv\(([^)])\)", "["']([^\"'
]).?"']"], "class:\\s*?[\"'
.?,"
],
"editor.parameterHints.enabled": false,
"editor.renderLineHighlight": "gutter",
"cSpell.language": "en,pt",
"typescript.updateImportsOnFileMove.enabled": "always",
"editor.suggestSelection": "first",
"explorer.confirmDelete": false,
"gitlens.codeLens.recentChange.enabled": false,
"terminal.integrated.showExitAlert": false,
"[prisma]": {
"editor.formatOnSave": true
},
"typescript.suggest.autoImports": true,
"typescript.preferences.preferTypeOnlyAutoImports": true,
"workbench.editor.labelFormat": "short",
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"emmet.syntaxProfiles": {
"javascript": "jsx"
},
"cSpell.enableFiletypes": [
"!asciidoc",
"!c",
"!cpp",
"!csharp",
"!go",
"!handlebars",
"!haskell",
"!jade",
"!java",
"!latex",
"!php",
"!pug",
"!python",
"!restructuredtext",
"!rust",
"!scala",
"!scss"
],
"editor.acceptSuggestionOnCommitCharacter": false,
"explorer.compactFolders": false,
"git.enableSmartCommit": true,
"editor.accessibilitySupport": "off",
"explorer.confirmDragAndDrop": false,
"terminal.integrated.fontSize": 14,
"terminal.integrated.fontFamily": "JetBrainsMono Nerd Font",
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit"
},
"eslint.validate": ["javascript", "javascriptreact", "graphql"],
"editor.semanticHighlighting.enabled": false,
"breadcrumbs.enabled": false,
"workbench.productIconTheme": "fluent-icons",
"editor.fontFamily": "JetBrains Mono",
"gitlens.codeLens.authors.enabled": false,
"editor.tabSize": 2,
"security.workspace.trust.untrustedFiles": "newWindow",
"files.exclude": {
"/CVS": true,
"/.DS_Store": true,
"/.hg": true,
"/.svn": true,
"**/.git": true,
".vscode": true
// "node_modules": true
},
"update.mode": "default",
"terminal.integrated.gpuAcceleration": "on",
"[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"window.commandCenter": false,
"git.openRepositoryInParentFolders": "always",
"symbols.hidesExplorerArrows": false,
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"console-ninja.featureSet": "Community",
"workbench.editor.empty.hint": "hidden",
"update.showReleaseNotes": false,
"security.promptForLocalFileProtocolHandling": false,
"workbench.activityBar.location": "hidden",
"editor.hideCursorInOverviewRuler": true,
"editor.minimap.enabled": false,
"window.titleBarStyle": "custom",
"window.menuBarVisibility": "toggle",
"explorer.sortOrder": "foldersNestsFiles",
"explorer.fileNesting.patterns": {
"package.json": ".eslint, prettier*, tsconfig*, vite*, pnpm-, bun.lockb, nest, package-lock*",
"tailwind.config.": "tailwind.config, postcss.config*",
".env.local": ".env*",
".env": ".env*"
},
"explorer.fileNesting.enabled": true,
"workbench.statusBar.visible": true,
"editor.tokenColorCustomizations": {
"textMateRules": []
},
"workbench.layoutControl.enabled": false,
"liveServer.settings.donotShowInfoMsg": true,
"editor.codeLensFontFamily": "JetBrains Mono",
"editor.fontLigatures": true,
"workbench.colorTheme": "Monokai Pirokai - Arctic Frost",
"files.autoSave": "afterDelay"
`}```
Ola como faço para ter as cores dos "{}" nos arquivos tailwind.js settings.json etc... ?
Tenta adicionar essa linha aqui no
settings.json
:"editor.bracketPairColorization.enabled": true,
Não funcionou, tem algum codigo dentro do settings que faz isso mas não encontrei
Como faz pra voltar com a barra de menu superior? tô usando essa versão mas quando mudo a visibilidade dela, não faz diferença nenhuma