{"id":16530989,"url":"https://github.com/brunnerlivio/vscode-material-snippets","last_synced_at":"2026-02-04T13:35:47.706Z","repository":{"id":91282750,"uuid":"71344716","full_name":"BrunnerLivio/vscode-material-snippets","owner":"BrunnerLivio","description":":lipstick: This extension for Visual Studio Code adds snippets for material design.","archived":false,"fork":false,"pushed_at":"2017-03-14T20:21:31.000Z","size":76,"stargazers_count":1,"open_issues_count":1,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-03T09:23:07.533Z","etag":null,"topics":["material-color-snippets","material-colors","snippets","visual-studio","visual-studio-code"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BrunnerLivio.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-10-19T10:12:24.000Z","updated_at":"2017-06-07T20:53:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"99b5fc4f-236d-4452-b295-44aacd6a2798","html_url":"https://github.com/BrunnerLivio/vscode-material-snippets","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/BrunnerLivio/vscode-material-snippets","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunnerLivio%2Fvscode-material-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunnerLivio%2Fvscode-material-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunnerLivio%2Fvscode-material-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunnerLivio%2Fvscode-material-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BrunnerLivio","download_url":"https://codeload.github.com/BrunnerLivio/vscode-material-snippets/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunnerLivio%2Fvscode-material-snippets/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264916028,"owners_count":23682957,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["material-color-snippets","material-colors","snippets","visual-studio","visual-studio-code"],"created_at":"2024-10-11T18:07:39.565Z","updated_at":"2026-02-04T13:35:47.682Z","avatar_url":"https://github.com/BrunnerLivio.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Material Snippets for VS Code\n\nThis extension for Visual Studio Code adds snippets for material colors and material shadows.\n\n![Material Color Example](images/example.png)\n\n## Usage\nType part of a snippet, press `enter`, and the snippet unfolds.\n\nAlternatively, press `Ctrl`+`Space` (Windows, Linux) or `Cmd`+`Space` (OSX) to activate snippets from within the editor.\n#### Material Colors\n```css\nmd-red-*\nmd-pink\nmd-purple-*\nmd-deep-purple-*\nmd-indigo-*\nmd-blue-*\nmd-light-blue-*\nmd-cyan-*\nmd-teal-*\nmd-green-*\nmd-light-green-*\nmd-lime-*\nmd-yellow-*\nmd-amber-*\nmd-orange-*\nmd-deep-orange-*\nmd-brown-*\nmd-grey-*\nmd-blue-grey-*\nmd-black\nmd-white\n```\n\n[Read More](https://material.io/guidelines/style/color.html) about Material Color\n\n#### Material Shadows\n```css\nmd-shadows-2dp\nmd-shadows-3dp\nmd-shadows-4dp\nmd-shadows-6dp\nmd-shadows-8dp\nmd-shadows-12dp\nmd-shadows-16dp\nmd-shadows-24dp\n```\n[Read More](https://material.io/guidelines/material-design/elevation-shadows.html#elevation-shadows-elevation-android) about shadows\n\n#### Text and background colors\n\n```css\nmd-primary-text-light\nmd-secondary-text-light\nmd-hint-text-light\nmd-dividers-text-light\nmd-primary-text-dark\nmd-secondy-text-dark\nmd-dividers-text-dark\nmd-active-icon-dark\nmd-inactive-icon-dark\nmd-active-icon-light\nmd-inactive-icon-light\n```\n[Read More](https://material.io/guidelines/style/color.html#color-text-background-colors) about text and background colors\n\n\n## Languages\n\nYou can use this snippets in\n- *.scss\n- *.sass\n- *.css\n- *.less\n- *.vue\n\n\n[Read More](https://material.io/guidelines/material-design/elevation-shadows.html) about Material Shadows\n\n\n## Installation\n\n1. Install Visual Studio Code 0.10.1 or higher\n2. Launch Code\n3. From the command palette `Ctrl`-`Shift`-`P` (Windows, Linux) or `Cmd`-`Shift`-`P` (OSX)\n4. Select `Install Extension`\n5. Choose the extension\n6. Reload Visual Studio Code\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrunnerlivio%2Fvscode-material-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrunnerlivio%2Fvscode-material-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrunnerlivio%2Fvscode-material-snippets/lists"}