PonyMirrors/Pony-Fusion
1
0
Fork 0
mirror of https://github.com/Tailszefox/Pony-Fusion.git synced 2024-11-27 07:57:58 +01:00
Code Issues Projects Releases Packages Wiki Activity

Added dark mode stylesheet

Browse source
This commit is contained in:
Tailszefox 2021-02-12 10:16:13 +01:00
parent 1b63ca8fe1
commit ae12972d54
2 changed files with 57 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
css/dark.css Normal file
View file

@ -0,0 +1,56 @@
body
{
color: #dbdbdb;
background-color: #2b2b2b;
}
a
{
color: #00abff;
}
a:hover
{
color: #3ebfff;
}
#header
{
background-color: #373737;
}
#resultDiv
{
background-color: #202020;
border-color: #4a4a4a;
}
.fusionChoice
{
background-color: #343442;
color: #dbdbdb;
border-color: #262626;
}
.btn-info, .btn-info:hover, .btn-info:focus
{
background-color: #000;
color: #dfdfdf;
background-image: linear-gradient(to bottom, #373737, #1e1e1e);
}
#legal
{
background-color: #202020;
border-color: #4a4a4a;
}
#faq
{
background-color: #202020;
}
#faqClose
{
background-color: #202020;
}

1
index.php
View file

@ -48,6 +48,7 @@ else
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/style.css" rel="stylesheet" media="screen"> <link href="css/style.css" rel="stylesheet" media="screen">
<link href="css/style-small.css" rel="stylesheet" media="screen and (max-width: 800px)"> <link href="css/style-small.css" rel="stylesheet" media="screen and (max-width: 800px)">
<link href="css/dark.css" rel="stylesheet" media="screen and (prefers-color-scheme: dark)">
</head> </head>
<body> <body>
<div id="faqWrapper"> <div id="faqWrapper">