Robot
/
Basic.css
mirror of https://github.com/vladocar/Basic.css.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add color themes

This commit is contained in:
vladocar 2020-06-06 12:56:56 +02:00
parent 14704c5bd9
commit 372f6dc13c
8 changed files with 48 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
Looking-Glass.html
View File

File diff suppressed because one or more lines are too long

5
css/_mobile.css Normal file
View File

@ -0,0 +1,5 @@
@media (max-width: 481px) {
body {font-size: 18px}
main,header,footer {width: calc(100% - 32px)}
section,article {flex:none; width:100%; margin-left: 0}
}

2
css/basic.css
View File

@ -15,7 +15,7 @@
}
@media (prefers-color-scheme: dark) {
:root {
:root {
--c2:#333;
--c3:#1e1f20;
--c4:#fff;

7
css/theme/_dark-classic.css Normal file
View File

@ -0,0 +1,7 @@
@media (prefers-color-scheme: dark) {
:root {
--c2:#1d4770;
--c3:#0e2439;
--c4:#b9c9da;
}
}

8
css/theme/_dark-orange.css Normal file
View File

@ -0,0 +1,8 @@
@media (prefers-color-scheme: dark) {
:root {
--c1:#ff8906;
--c2:#333;
--c3:#0f0e17;
--c4:#a7a9be;
}
}

10
css/theme/_light-aquamarine.css Normal file
View File

@ -0,0 +1,10 @@
:root{
--c1:#00ebc7;
--c2:#f2f4f6;
--c3:#fff;
--c4:#1b2d45;
--c5:#fff;
}
blockquote {border-left: 5px solid var(--c1)}
thead,tfoot {background: var(--c1)}

10
css/theme/_light-classic.css Normal file
View File

@ -0,0 +1,10 @@
:root{
--c1:#ff8e3c;
--c2:#fff;
--c3:#eff0f3;
--c4:#2a2a2a;
--c5:#fff;
}
blockquote {border-left: 5px solid var(--c1)}
thead,tfoot {background: var(--c1)}

2
index.html
View File

@ -26,11 +26,11 @@
}
@media (max-width: 481px) {
body {font-size: 18px}
main,footer {width: 98%}
section,article {flex:none; width:100%; margin-left: 0;}
}
</style>
</head>
<body>