From 7df3d8fd897e92c145772a4f6e2827513836595e Mon Sep 17 00:00:00 2001 From: chomnr Date: Tue, 13 May 2025 11:41:43 -0400 Subject: [PATCH] Add solid-circle-flags to README --- README.md | 66 +++++++++++++++++++++++++------------------------------ 1 file changed, 30 insertions(+), 36 deletions(-) diff --git a/README.md b/README.md index 9e74943..6df8fd0 100644 --- a/README.md +++ b/README.md @@ -13,32 +13,27 @@ https://hatscripts.github.io/circle-flags/flags/xx.svg For example, the following code: ```html - - - - - - - - + + + + + + + + ``` -...produces this:

- - - - - - - - +...produces this:

To view all the available flags, check [the gallery](https://hatscripts.github.io/circle-flags/gallery). ### React -If you're using [React](https://reactjs.org), you may want to try the -[react-circle-flags](https://www.npmjs.com/package/react-circle-flags) package. +If you're using [React](https://reactjs.org), you may want to try the [react-circle-flags](https://www.npmjs.com/package/react-circle-flags) package. + +### SolidJS + +If you're using [SolidJS](https://www.solidjs.com/), you may want to try the [solid-circle-flags](https://www.npmjs.com/package/solid-circle-flags) package. ### NPM @@ -51,7 +46,7 @@ npm install --save https://github.com/HatScripts/circle-flags ### Userscripts - [Google Translate: Filter & Flags](https://github.com/HatScripts/google-translate-filter-and-flags) - Filters languages and shows country flags on Google Translate -- [Wiktionary: Filter & Flags](https://github.com/HatScripts/wiktionary-filter-and-flags) - Filters languages and shows country flags on Wiktionary +- [Wiktionary: Filter & Flags](https://github.com/HatScripts/wiktionary-filter-and-flags) - Filters languages and shows country flags on Wiktionary ## Contributing @@ -69,26 +64,25 @@ Then commit the changes, and submit them as a pull request. ### The color palette -Submitted flags should conform to the following color palette.
-Try to match the flag's original colors with the nearest color from the palette. +Submitted flags should conform to the following color palette.
Try to match the flag's original colors with the nearest color from the palette. -* `#eeeeee`: white -* `#acabb1`: gray -* `#333333`: black -* `#a2001d`: dark red -* `#d80027`: red -* `#ff9811`: orange -* `#ffda44`: yellow -* `#6da544`: green -* `#496e2d`: dark green -* `#338af3`: light blue -* `#0052b4`: blue +- `#eeeeee`: white +- `#acabb1`: gray +- `#333333`: black +- `#a2001d`: dark red +- `#d80027`: red +- `#ff9811`: orange +- `#ffda44`: yellow +- `#6da544`: green +- `#496e2d`: dark green +- `#338af3`: light blue +- `#0052b4`: blue Special cases: -* `#002266`: dark blue (only one usage: [ Chad](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/td.svg), to differentiate from [ Romania](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/ro.svg)) -* `#4a1f63`: purple (only one usage: [ Balearic Islands](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/es-ib.svg)) -* `#751a46`: dark pink (only one usage: [ Qatar](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/qa.svg)) +- `#002266`: dark blue (only one usage: [ Chad](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/td.svg), to differentiate from [ Romania](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/ro.svg)) +- `#4a1f63`: purple (only one usage: [ Balearic Islands](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/es-ib.svg)) +- `#751a46`: dark pink (only one usage: [ Qatar](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/qa.svg)) ## License