consul/.changelog
John Cowen b8166de30d
ui: Replaces almost all remaining instances of SASS variables with CSS (#11200)
From an engineers perspective, whenever specifying colors from now on we should use the form:

```
color: rgb(var(--tone-red-500));
```

Please note:

- Use rgb. This lets us do this like rgb(var(--tone-red-500) / 10%) so we can use a 10% opacity red-500 if we ever need to whilst still making use of our color tokens.
- Use --tone-colorName-000 (so the prefix tone). Previously we could use a mix of --gray-500: $gray-500 (note the left hand CSS prop and right hand SASS var) for the things we need to theme currently. As we no longer use SASS we can't do --gray-500: --gray-500, so we now do --tone-gray-500: --gray-500.

Just for clarity after that, whenever specifying a color anywhere, use rgb and --tone. There is only one reason where you might not use tone, and that is if you never want a color to be affected by a theme (for example a background shadow probably always should use --black)

There are a 2 or 3 left for the code editor, plus our custom-query values
2021-10-07 19:21:11 +01:00
..
2020-10-09 10:51:37 -04:00
2021-04-14 19:41:04 -04:00
2021-04-14 11:50:15 -04:00
2021-05-20 12:57:15 -04:00
2021-09-16 18:21:39 -04:00
2021-08-25 19:46:21 -06:00
2021-08-25 19:46:21 -06:00
2020-10-13 18:16:33 -04:00
2020-08-06 23:15:29 +02:00
2020-08-06 23:15:29 +02:00
2020-08-06 23:15:29 +02:00
2020-08-06 23:15:29 +02:00
2020-08-06 23:15:29 +02:00
2020-08-06 23:15:29 +02:00
2020-08-06 23:15:29 +02:00
2020-08-06 23:15:29 +02:00
2020-08-06 23:15:29 +02:00
2020-08-06 23:15:29 +02:00
2020-08-06 23:15:29 +02:00
2020-08-06 23:15:29 +02:00
2020-08-06 23:15:29 +02:00
2020-08-06 23:15:29 +02:00
2020-08-12 11:21:54 -05:00
2020-08-28 23:01:04 +02:00
2020-09-15 13:33:55 -07:00
2020-09-14 14:16:47 -06:00
2020-09-10 18:53:36 +02:00
2020-09-02 10:48:11 -05:00
2020-09-15 10:05:23 -07:00
2020-09-25 12:03:49 -04:00
2020-10-20 16:42:06 -04:00
2020-10-09 08:01:55 -07:00
2021-05-18 15:04:12 -04:00
2020-10-07 10:22:40 -05:00
2021-04-06 17:12:10 +08:00
2020-12-30 14:09:50 -06:00
2020-11-11 11:33:38 -06:00
2020-11-09 17:29:06 -05:00
2020-11-17 10:35:56 -05:00
2020-11-13 14:31:14 -08:00
2020-11-20 18:23:01 +01:00
2020-11-30 17:27:39 +00:00
2021-03-16 18:22:25 -04:00
2021-01-05 13:05:42 -05:00
2021-01-20 18:18:46 +00:00
2021-02-26 17:08:33 -06:00
2021-01-29 16:08:39 +00:00
2021-03-11 11:47:35 -08:00
2021-02-08 09:45:58 -07:00
2021-02-08 18:16:07 +01:00
2021-02-16 12:52:23 -05:00
2021-03-11 09:46:53 -08:00
2021-03-09 09:30:01 +00:00
2021-03-17 10:46:21 +00:00
2021-04-29 13:54:05 -05:00
2021-03-17 22:09:02 -06:00
2021-06-14 17:01:16 -04:00
2021-05-04 12:41:43 -07:00
2021-04-27 14:29:48 -04:00
2021-07-14 17:50:00 -04:00
2021-04-15 13:58:28 -06:00
2021-04-14 16:51:21 -04:00
2021-05-03 16:19:09 +01:00
2021-04-27 19:03:17 -04:00
2021-04-29 12:08:03 -04:00
2021-05-04 14:09:14 -04:00
2021-05-06 18:35:52 -04:00
2021-05-21 11:08:50 -04:00
2021-06-02 17:39:30 -04:00
2021-06-15 12:05:52 -04:00
2021-07-26 17:53:32 -04:00
2021-06-15 14:15:30 -06:00
2021-06-17 12:06:26 -07:00
2021-07-07 09:41:01 -04:00
2021-07-06 17:57:36 -04:00
2021-07-06 18:39:40 -04:00
2021-07-15 09:27:46 -06:00
2021-07-28 17:50:01 -04:00
2021-07-30 09:58:11 -07:00
2021-08-18 12:54:11 -04:00
2021-08-20 17:40:33 -06:00
2021-09-20 12:52:19 -05:00
2021-09-22 10:57:36 -07:00
2021-09-29 12:45:42 -04:00
2020-10-09 22:44:51 -04:00