{"id":26925025,"url":"https://github.com/farias-hecdin/cssvarhighlight","last_synced_at":"2025-10-15T05:35:30.572Z","repository":{"id":234836882,"uuid":"789591971","full_name":"farias-hecdin/CSSVarHighlight","owner":"farias-hecdin","description":"📌 A plugin that will help you easily identify the colors defined in CSS variables","archived":false,"fork":false,"pushed_at":"2024-09-24T02:54:12.000Z","size":26,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-19T17:40:01.139Z","etag":null,"topics":["lua","nvim-plugin"],"latest_commit_sha":null,"homepage":"","language":"Lua","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/farias-hecdin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2024-04-21T01:47:00.000Z","updated_at":"2024-11-19T20:00:00.000Z","dependencies_parsed_at":"2024-12-19T17:34:45.012Z","dependency_job_id":"b001884f-6fc9-434e-b18e-3cec3309a791","html_url":"https://github.com/farias-hecdin/CSSVarHighlight","commit_stats":null,"previous_names":["farias-hecdin/colorker.nvim"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/farias-hecdin%2FCSSVarHighlight","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/farias-hecdin%2FCSSVarHighlight/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/farias-hecdin%2FCSSVarHighlight/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/farias-hecdin%2FCSSVarHighlight/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/farias-hecdin","download_url":"https://codeload.github.com/farias-hecdin/CSSVarHighlight/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246743292,"owners_count":20826502,"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":["lua","nvim-plugin"],"created_at":"2025-04-02T02:29:42.598Z","updated_at":"2025-10-15T05:35:25.555Z","avatar_url":"https://github.com/farias-hecdin.png","language":"Lua","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e Translate this file into your native language using `Google Translate` or a [similar service](https://immersivetranslate.com).\n\n# CSSVarHighlight\n\nEste plugin para **Neovim** es una herramienta que te ayudará a identificar los colores definidos en las variables CSS de tus archivos de estilo. El plugin analizará una hoja de estilo específica, como `main.css` o `style.css`, que debe contener todas las variables CSS necesarias. Cuando el plugin detecta un color en una variable CSS, resalta su aparición, lo que facilita su visualización desde otros archivos.\n\n## 🗒️ Requerimientos\n\n* [`Neovim`](https://github.com/neovim/neovim): Versión 0.7 o superior.\n* [`Mini.hipatterns`](https://github.com/echasnovski/mini.hipatterns): El resaltador de colores.\n\n### Instalación\n\nUsando [`folke/lazy.nvim`](https://github.com/folke/lazy.nvim):\n\n```lua\n{\n    'farias-hecdin/CSSVarHighlight',\n    ft = \"css\",\n    dependencies = {\"echasnovski/mini.hipatterns\"},\n    config = true,\n    -- If you want to configure some options, replace the previous line with:\n    -- config = function()\n    -- end,\n}\n```\n\nPosteriormente, en la configuración del plugin `mini.hipatterns`:\n\n```lua\nlocal hipatterns = require(\"mini.hipatterns\")\n\nhipatterns.setup({\n    -- Your other settings...\n    highlighters = {\n        -- Your other settings...\n        css_variables = require(\"CSSVarHighlight\").get_settings()\n    }\n})\n```\n\n## 🗒️ Configuración\n\nEstas son las opciones de configuración predeterminadas:\n\n```lua\nrequire('CSSVarHighlight').setup({\n  parent_search_limit = 5, -- \u003cnumber\u003e Parent search limit (number of levels to search upwards).\n  filename_to_track = \"main\", -- \u003cstring\u003e Name of the file to track (e.g. \"main\" for main.css).\n  variable_pattern = \"%-%-[-_%w]*color[-_%w]*\", -- \u003cstring\u003e Pattern to search for variables containing \"color\".\n  initial_variable_color = \"#000000\", -- \u003cstring\u003e Initial color for variables (in hex format, e.g. \"#000000\" for black).\n  disable_keymaps = false, -- \u003cboolean\u003e Indicates whether keymaps are disabled.\n})\n```\n\n### Comandos y atajos de teclado\n\n| Comandos           | Atajos de teclado | Descripción                         |\n| -------------------|------------------ | ----------------------------------- |\n| `CSSVarHighlight`  | `\u003cleader\u003ech`      | Activa el plugin y/o actualiza el resaltado de colores |\n\n\u003e[!NOTE]\n\u003e * Para actualizar los datos, debes guardar el archivo que contiene tus variables CSS.\n\u003e * Si deseas desactivar los atajos de teclado predeterminados, puedes establecer la opción  `disable_keymaps` en `true`.\n\nPuedes ampliar la búsqueda de archivos hacia un directorio específico o analizar otro archivo utilizando el comando `:CSSVarHighlight`.\n\n\u003cdetails\u003e\n\u003csummary\u003eMás información:\u003c/summary\u003e\n\n* Para buscar hacia arriba, utiliza la sintaxis `:CSSVarHighlight \u003cfilename\u003e \u003cattempt_limit\u003e`, donde `\u003cattempt_limit\u003e` es el número de niveles que deseas buscar hacia arriba, comenzando desde el directorio actual, y `\u003cfilename\u003e` es el nombre del archivo (sin incluir la extensión `*.css`). El plugin analizará cada nivel hasta encontrar el archivo deseado. Por ejemplo:\n\n```sh\n#-- Good\n:CSSVarHighlight my_stylesheet 9\n\n#-- Bad\n:CSSVarHighlight my_stylesheet.css 9\n:CSSVarHighlight \"my_stylesheet.css\" 9\n```\n\n* Para buscar en un directorio específico, utiliza la sintaxis `:CSSVarHighlight \u003cfilename\u003e \u003cpath\u003e`, donde `\u003cpath\u003e` es la ruta del directorio en el que deseas realizar la búsqueda. Por ejemplo:\n\n```sh\n#-- Good\n:CSSVarHighlight my_Stylesheet file/path/to/search\n:CSSVarHighlight my_Stylesheet ../../file/path/to/search\n\n#-- Bad\n:CSSVarHighlight \"my_Stylesheet\" \"file/path/to/search\"\n:CSSVarHighlight \"my_Stylesheet\" \"file/path/to/search.css\"\n```\n\n\u003c/details\u003e\n\n## 🛡️ Licencia\n\nCSSVarHighlight está bajo la licencia MIT. Consulta el archivo `LICENSE` para obtener más información.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffarias-hecdin%2Fcssvarhighlight","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffarias-hecdin%2Fcssvarhighlight","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffarias-hecdin%2Fcssvarhighlight/lists"}