New design for DistroWatch.com

distrowatch-dark.css

/*
Design Preview: https://imgur.com/DtlEnrp
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

body {
	color: white;
	background: #1e1e1e;
	margin: 0;
}

* {
	font-family: 'Roboto Condensed', sans-serif !important;
}

td {
	margin: 0;
}

td.News1 {
	padding: 0 !important;
	width: 100% !important;
}

table, td, th {
	background: #373133 !important;
	border: none !important;
}

a:link, a:visited {
	color: #8ce7ff;
	text-decoration: none;
	transition: color 0.15s;
}

a:link:hover, a:visited:hover {
	color: #6bc887;
}

ul.dropmenu {
	cursor: default;
}

ul.dropmenu a:link, ul.dropmenu a:visited {
	border: none !important;
	text-decoration: none;
	font-weight: normal !important;
	color: white;
	transition: background 0.2s;
}v

ul.dropmenu a:link:hover, ul.dropmenu a:visited:hover {
	border: none !important;
	text-decoration: none;
}

th.Invert, td.Invert {
	background: #ffffff17 !important;
	border-radius: 3px;
	font-weight: normal;
	font-size: larger;
	padding: 5px 0;
}

td.News, th.News,
p[style="padding: 6px; color: black; background-color: #fdffe3; border: silver 1px groove"],
td.NewsDate,
td.NewsHeadline {
	border: none !important;
	background: #0003 !important;
	border-radius: 3px;
	padding: 5px 0;
	color: white !important;
}

th.News, td.NewsDate, td.NewsHeadline {
	font-weight: normal;
}

input, select, textarea {
	background: #fff3 !important;
	color: #ccc;
	border-radius: 2px;
	border: none !important;
	padding: 3px 5px !important;
	font-size: 13px !important;
	outline: none !important;
	height: 23px !important;
	transition: background 0.2s;
}

select option {
	background: #373133;
	color: white;
}

input[type="text"] {
	height: 15px !important;
}

input:hover, select:hover,
input:focus, select:focus,
textarea:hover, textarea:focus {
	background: #ffffff17 !important;
}

textarea {
	height: auto !important;
	margin-top: 5px !important;
}

td.Introduction b {
	font-weight: normal;
}

td.Introduction {
	padding: 8px 0 !important;
	background: #ffffff0a !important;
	border-radius: 3px;
}

td.NewsLogo {
	padding: 10px;
	padding-bottom: 15px;
}

td.NewsText {
	padding: 5px;
	padding-bottom: 10px;
}

td.NewsText span.Quote {
	color: #aae8bc;
}

hr {
	border-color: #ffffff17;
	border-radius: 3px;
}

td.TablesTitle > ul > li > b {
	font-weight: lighter;
}

td.TablesTitle b {
	font-weight: normal;
}

table.Info tr.Background th.Info {
	font-weight: normal;
}

img[title="DistroWatch.com. Put the fun back into computing, use Linux, BSD."] {
	content: url("https://imgur.com/550LtIW.png");
	height: 78px !important;
}

tr[style="background-color: #f6edc8; width: 100%"] {
	background: #f6edc873 !important;
}

distrowatch-light.css

/*
Design Preview: https://imgur.com/EWDtvB0
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

body {
	color: #000;
	background: #fff;
	margin: 0;
}

* {
	font-family: 'Roboto Condensed', sans-serif !important;
}

td {
	margin: 0;
}

td.News1 {
	padding: 0 !important;
	width: 100% !important;
}

table, td, th {
	background: #fdffdd !important;
	border: none !important;
}

a:link, a:visited {
	color: #00a1ca;
	text-decoration: none;
	transition: color 0.15s;
}

a:link:hover, a:visited:hover {
	color: #27ae51;
}

ul.dropmenu {
	cursor: default;
}

ul.dropmenu a:link, ul.dropmenu a:visited {
	border: none !important;
	text-decoration: none;
	font-weight: normal !important;
	color: white;
	transition: background 0.2s;
}v

ul.dropmenu a:link:hover, ul.dropmenu a:visited:hover {
	border: none !important;
	text-decoration: none;
}

th.Invert, td.Invert {
	background: #e6cf77 !important;
	border-radius: 3px;
	font-weight: normal;
	font-size: larger;
	padding: 5px 0;
	color: #202020;
}

td.News, th.News,
p[style="padding: 6px; color: black; background-color: #fdffe3; border: silver 1px groove"],
td.NewsDate,
td.NewsHeadline {
	border: none !important;
	background: #eaddaa !important;
	border-radius: 3px;
	padding: 5px 0;
	color: #000 !important;
}

th.News, td.NewsDate, td.NewsHeadline {
	font-weight: normal;
}

input, select, textarea {
	background: #4d4d4d1a !important;
	color: #6c6c6c;
	border-radius: 2px;
	border: none !important;
	padding: 3px 5px !important;
	font-size: 13px !important;
	outline: none !important;
	height: 23px !important;
	transition: background 0.2s;
	cursor: pointer;
}

select option {
	background: white;
	color: black;
}

input[type="text"] {
	height: 15px !important;
	cursor: text;
}

input:hover, select:hover,
input:focus, select:focus,
textarea:hover, textarea:focus {
	background: #0000004a !important;
}

textarea {
	height: auto !important;
	margin-top: 5px !important;
}

td.Introduction b {
	font-weight: normal;
}

td.Introduction {
	padding: 8px 0 !important;
	border-radius: 3px;
}

td.NewsLogo {
	padding: 10px;
	padding-bottom: 15px;
}

td.NewsText {
	padding: 5px;
	padding-bottom: 10px;
}

td.NewsText span.Quote {
	color: #046a22;
}

hr {
	border-color: #ffffff17;
	border-radius: 3px;
}

td.TablesTitle > ul > li > b {
	font-weight: lighter;
}

td.TablesTitle b {
	font-weight: normal;
}

table.Info tr.Background th.Info {
	font-weight: normal;
}

img[title="DistroWatch.com. Put the fun back into computing, use Linux, BSD."] {
	content: url("https://imgur.com/VAxIX0L.png");
	height: 78px !important;
}

tr[style="background-color: #f6edc8; width: 100%"] {
	background: #f6edc873 !important;
}