From 8c8c5b6751b8f0739ab559e283d6d1fbb7d02307 Mon Sep 17 00:00:00 2001
From: Alex Ross <38270282+alexr00@users.noreply.github.com>
Date: Fri, 4 Apr 2025 11:14:43 +0200
Subject: [PATCH] !important different color (#245654)

Fixes #244632
---
 .../test/colorize-fixtures/test.css           |  2 +-
 .../test/colorize-results/test_css.json       | 28 +++++++++++++++++++
 .../test_css.json                             | 14 ++++++++++
 .../common/languages/highlights/css.scm       |  4 +++
 4 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/extensions/vscode-colorize-tests/test/colorize-fixtures/test.css b/extensions/vscode-colorize-tests/test/colorize-fixtures/test.css
index 9add9ea3c41..c162855cb23 100644
--- a/extensions/vscode-colorize-tests/test/colorize-fixtures/test.css
+++ b/extensions/vscode-colorize-tests/test/colorize-fixtures/test.css
@@ -16,7 +16,7 @@
 }
 body {
     font: 75% georgia, sans-serif;
-    line-height: 1.88889;
+    line-height: 1.88889 !important;
     color: #555753;
     background: #fff url(blossoms.jpg) no-repeat bottom right;
     margin: 0;
diff --git a/extensions/vscode-colorize-tests/test/colorize-results/test_css.json b/extensions/vscode-colorize-tests/test/colorize-results/test_css.json
index b9baccb980e..c5d3b3cb282 100644
--- a/extensions/vscode-colorize-tests/test/colorize-results/test_css.json
+++ b/extensions/vscode-colorize-tests/test/colorize-results/test_css.json
@@ -1259,6 +1259,34 @@
 			"light_modern": "constant.numeric: #098658"
 		}
 	},
+	{
+		"c": " ",
+		"t": "source.css meta.property-list.css meta.property-value.css",
+		"r": {
+			"dark_plus": "default: #D4D4D4",
+			"light_plus": "default: #000000",
+			"dark_vs": "default: #D4D4D4",
+			"light_vs": "default: #000000",
+			"hc_black": "default: #FFFFFF",
+			"dark_modern": "default: #CCCCCC",
+			"hc_light": "default: #292929",
+			"light_modern": "default: #3B3B3B"
+		}
+	},
+	{
+		"c": "!important",
+		"t": "source.css meta.property-list.css meta.property-value.css keyword.other.important.css",
+		"r": {
+			"dark_plus": "keyword: #569CD6",
+			"light_plus": "keyword: #0000FF",
+			"dark_vs": "keyword: #569CD6",
+			"light_vs": "keyword: #0000FF",
+			"hc_black": "keyword: #569CD6",
+			"dark_modern": "keyword: #569CD6",
+			"hc_light": "keyword: #0F4A85",
+			"light_modern": "keyword: #0000FF"
+		}
+	},
 	{
 		"c": ";",
 		"t": "source.css meta.property-list.css punctuation.terminator.rule.css",
diff --git a/extensions/vscode-colorize-tests/test/colorize-tree-sitter-results/test_css.json b/extensions/vscode-colorize-tests/test/colorize-tree-sitter-results/test_css.json
index 16ad6d9dee9..89fce3cb140 100644
--- a/extensions/vscode-colorize-tests/test/colorize-tree-sitter-results/test_css.json
+++ b/extensions/vscode-colorize-tests/test/colorize-tree-sitter-results/test_css.json
@@ -727,6 +727,20 @@
 			"light_modern": "constant.numeric: #098658"
 		}
 	},
+	{
+		"c": "!important",
+		"t": "keyword.other.important.css",
+		"r": {
+			"dark_plus": "keyword: #569CD6",
+			"light_plus": "keyword: #0000FF",
+			"dark_vs": "keyword: #569CD6",
+			"light_vs": "keyword: #0000FF",
+			"hc_black": "keyword: #569CD6",
+			"dark_modern": "keyword: #569CD6",
+			"hc_light": "keyword: #0F4A85",
+			"light_modern": "keyword: #0000FF"
+		}
+	},
 	{
 		"c": ";",
 		"t": "",
diff --git a/src/vs/editor/common/languages/highlights/css.scm b/src/vs/editor/common/languages/highlights/css.scm
index 7a03e127aeb..b70c6204c6e 100644
--- a/src/vs/editor/common/languages/highlights/css.scm
+++ b/src/vs/editor/common/languages/highlights/css.scm
@@ -104,3 +104,7 @@
     (#eq? @support.function.url.css "url"))
   (arguments
     (plain_value) @variable.parameter.url.css))
+
+; Keywords
+
+(important) @keyword.other.important.css