From 6a25e540b2f11690d84987634a53e1c94d3befe3 Mon Sep 17 00:00:00 2001 From: Chandrashekhar R Date: Wed, 22 Dec 2021 13:15:12 +0400 Subject: [PATCH] Adds support for Dark Mode Follows Material Design's Color standards for Dark Mode viewing and appropriately applied it for the website --- index.html | 91 ++++++++++++++++++++++++++---------------------------- style.css | 31 +++++++++++++++++++ 2 files changed, 75 insertions(+), 47 deletions(-) create mode 100644 style.css diff --git a/index.html b/index.html index 4635b5e..a3a7973 100644 --- a/index.html +++ b/index.html @@ -1,61 +1,58 @@ + P2PRC - + + -P2PRC Logo -

P2PRC

-A peer to peer network designed for computation + P2PRC Logo +

P2PRC

+ A peer to peer network designed for computation -

P2PRC is peer to peer to network designed for computation reasons.

-

This project was developed during my 4th year dissertation at Heriot-Watt University and We are getting the - project to a usable state.

-

It's purpose is for people to use each others computers rather than servers such as AWS and Azure.

+

P2PRC is peer to peer to network designed for computation reasons.

+

This project was developed during my 4th year dissertation at Heriot-Watt University and We are getting the project to a usable state.

+

It's purpose is for people to use each others computers rather than servers such as AWS and Azure.

-

Project:

- +

Project:

+ -

Community Server to download public network

- +

Community Server to download public network

+ -

Main developer:

- - - -

Other links:

- +

Main developer:

+ +

Other links:

+ diff --git a/style.css b/style.css new file mode 100644 index 0000000..ec7b000 --- /dev/null +++ b/style.css @@ -0,0 +1,31 @@ +body { + font-family: sans-serif; +} + +span#discordJoin { + color: red; +} + +/* Dark mode */ +@media (prefers-color-scheme: dark) { + body { + background: #121212; + color: #FFFFFF; + } + + a:link{ + color: #03DAC5; + } + + a:visited { + color: #BB86FC; + } + + a:hover { + color: #018786; + } + + span#discordJoin { + color: #cc0227; + } +}