diff --git a/public/css/arf.css b/public/css/arf.css index 8ae2e9b..3e1b959 100644 --- a/public/css/arf.css +++ b/public/css/arf.css @@ -13,6 +13,12 @@ --color-noscript-border: #7a4a00; --color-legend: #e0e0e0; --color-header: #e0e0e0; + + /* Status badge colors — saturated enough for both light and dark backgrounds */ + --badge-T: #4a9eda; + --badge-D: #e8944a; + --badge-R: #c8a030; + --badge-M: #9a7eda; --color-accent: #4a9eda; --color-border: #444; @@ -142,6 +148,20 @@ a { color: var(--color-node-stroke); } +/* Status badge pills (used in legend) */ +.badge { + display: inline-block; + font-size: 10px; + font-weight: bold; + padding: 1px 4px; + border-radius: 3px; + color: #fff; + vertical-align: middle; +} +.badge-T { background-color: var(--badge-T); } +.badge-D { background-color: var(--badge-D); } +.badge-R { background-color: var(--badge-R); } +.badge-M { background-color: var(--badge-M); } /* Search */ #search-container { text-align: center; diff --git a/public/index.html b/public/index.html index f55f4eb..dd3dbf5 100644 --- a/public/index.html +++ b/public/index.html @@ -36,10 +36,12 @@ -
(T) - Indicates a link to a tool that must be installed and run locally
- (D) - Google Dork, for more information: Google Hacking
- (R) - Requires registration
- (M) - Indicates a URL that contains the search term and the URL itself must be edited manually
+ T - Indicates a link to a tool that must be installed and run locally
+ D - Google Dork, for more information: Google Hacking
+ R - Requires registration
+ M - Indicates a URL that contains the search term and the URL itself must be edited manually
+