mirror of
https://github.com/MichMich/MagicMirror.git
synced 2026-04-23 14:27:01 +00:00
6324ec2116
This is another change to cleanup structure, already mentioned in https://github.com/MagicMirrorOrg/MagicMirror/pull/4019#issuecomment-3792953018 After separating default and 3rd-party modules this PR moves the `custom.css` from the mm-owned directory `css` into user owned directory `config`. It has a built-in function which moves the `css/custom.css` to the new location `config/custom.css` (if the target not exists). Let me know if there's a majority in favor of this change.
30 lines
757 B
Plaintext
30 lines
757 B
Plaintext
/* Custom CSS Sample
|
|
*
|
|
* Change color and fonts here.
|
|
*
|
|
* Beware that properties cannot be unitless, so for example write '--gap-body: 0px;' instead of just '--gap-body: 0;'
|
|
*/
|
|
|
|
/* Uncomment and adjust accordingly if you want to import another font from the google-fonts-api: */
|
|
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;700&display=swap'); */
|
|
|
|
:root {
|
|
--color-text: #999;
|
|
--color-text-dimmed: #666;
|
|
--color-text-bright: #fff;
|
|
--color-background: black;
|
|
|
|
--font-primary: "Roboto Condensed";
|
|
--font-secondary: "Roboto";
|
|
|
|
--font-size: 20px;
|
|
--font-size-small: 0.75rem;
|
|
|
|
--gap-body-top: 60px;
|
|
--gap-body-right: 60px;
|
|
--gap-body-bottom: 60px;
|
|
--gap-body-left: 60px;
|
|
|
|
--gap-modules: 30px;
|
|
}
|