---
id: 5d822fd413a79914d39e993e
title: Part 118
challengeType: 0
dashedName: part-118
---
# --description--
Lastly, in the `:root` selector of the media query, redefine all four of the `--window-color` variables to use `#777`. When you're done, resize the window and watch it go from day to night.
Variables are primarily used with colors, and that's how you used them here. But they can be given any value and used on any property. Your project looks great!
# --hints--
test-text
```js
const root = code.match(/:root\s*{[\s\S]+?[^}]}/g)[1];
assert(
/--window-color1\s*:\s*#777\s*(;|})/g.test(root) &&
/--window-color2\s*:\s*#777\s*(;|})/g.test(root) &&
/--window-color3\s*:\s*#777\s*(;|})/g.test(root) &&
/--window-color4\s*:\s*#777\s*(;|})/g.test(root)
);
```
# --seed--
## --seed-contents--
```html
freeCodeCamp Skyline Project
```
# --solutions--
```html
freeCodeCamp Skyline Project
```