diff --git a/src/theme.js b/src/theme.js
index 5e5d5c3..016f283 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -476,6 +476,28 @@ module.exports = function createTheme({ name, colors }) {
           foreground: colors.white,
         },
       },
+      {
+        name: 'CSS variables',
+        scope: 'variable.css, variable.argument.css',
+        settings: {
+          foreground: colors.yellow,
+        },
+      },
+      {
+        name: 'CSS meta selector',
+        scope:
+          'entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css',
+        settings: {
+          foreground: colors.pink,
+        },
+      },
+      {
+        name: 'CSS properties',
+        scope: 'meta.property-name.css',
+        settings: {
+          foreground: colors.dark5,
+        },
+      },
       {
         name: 'CSS value',
         scope: 'support.constant.property-value.css',