Skip to content

modifier color option #349

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
JohnPHowe wants to merge 3 commits into
base: master
Choose a base branch
from
Open

modifier color option #349

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
8354f5c
Add modifierColor style option for independent modifier decorator str…
Jun 26, 2026
e898f13
Apply prettier formatting to modifier.js and symbol.js
Jun 26, 2026
f64381d
Add modifierColor to TypeScript definitions and documentation
Jun 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions docs/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -154,6 +154,7 @@ different ways.
| infoOutlineColor | String or `false` | rgb(239, 239, 239) | The color of the outline that should be drawn around text fields, or `false` to use the value of `outlineColor`. |
| infoOutlineWidth | Number or `false` | false | The width of the outline that should be drawn around text fields, or `false` to use the value of `outlineWidth`. |
| infoSize | Number | 40 | The size of the text fields surrounding the symbol. This is relative to the size of the symbol, so you can consider 40 to be 40% of the default size that is 100. |
| modifierColor | String | '' | Overrides the stroke color used for modifier decorators (HQ staff, task force brackets, feint/dummy arrow, echelon indicator). When set, this color takes priority over `frameColor` and `iconColor` for those elements. Useful when rendering unfilled symbols with affiliation-colored frames but black modifiers. |
| monoColor | String | '' | A color that is either a keyword or a numerical RGB specification. If you set this the symbol will be monochrome and unfilled using the color provided. |
| outlineColor | ColorMode or String | rgb(239, 239, 239) | A color that is either a keyword or a numerical RGB specification. The color of the outline of the symbol, if any. Defaults to an off-white color. |
| outlineWidth | Number | 0 | The width of the outline that should be drawn around all symbol parts, if any. |
Expand Down
1 change: 1 addition & 0 deletions index.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,7 @@ export interface SymbolOptions {
infoSize?: number;
installationComposition?: string;
location?: string;
modifierColor?: string;
monoColor?: string;
outlineColor?: ColorMode | string;
outlineWidth?: number;
Expand Down
1 change: 1 addition & 0 deletions src/ms/symbol.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,7 @@ function Symbol() {
this.style.square = false; // If the symbol should be square
this.style.standard = ""; // Set standard override
this.style.strokeWidth = 4; // The stroke width of he icon frame.
this.style.modifierColor = ""; // Optional override for modifier decorator stroke colour (HQ staff, TF brackets, feint/dummy, echelon). When set, takes priority over frameColor and iconColor.
this.style.styleFill = false;

this.symbolAnchor = { x: 50, y: 50 }; // The anchor point for the current symbol
Expand Down
Loading