removed '--blue'
This commit is contained in:
parent
7eb3e107c0
commit
90967ede93
11 changed files with 58 additions and 98 deletions
35
static/css/style-fonts.css
Normal file
35
static/css/style-fonts.css
Normal file
|
@ -0,0 +1,35 @@
|
||||||
|
/* Font Definitions */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
src: local(''),
|
||||||
|
url('/static/fonts/inter-v12-latin-300.woff2') format('woff2'),
|
||||||
|
url('/static/fonts/inter-v12-latin-300.woff') format('woff');
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local(''),
|
||||||
|
url('/static/fonts/inter-v12-latin-regular.woff2') format('woff2'),
|
||||||
|
url('/static/fonts/inter-v12-latin-regular.woff') format('woff');
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
src: local(''),
|
||||||
|
url('/static/fonts/inter-v12-latin-700.woff2') format('woff2'),
|
||||||
|
url('/static/fonts/inter-v12-latin-700.woff') format('woff');
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Material Icons Round';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url('/static/fonts/material-icons-round-v108-latin-regular.woff2') format('woff2');
|
||||||
|
}
|
|
@ -1,39 +1,3 @@
|
||||||
/* Font Definitions */
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Inter';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 300;
|
|
||||||
src: local(''),
|
|
||||||
url('/static/fonts/inter-v12-latin-300.woff2') format('woff2'),
|
|
||||||
url('/static/fonts/inter-v12-latin-300.woff') format('woff');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Inter';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
src: local(''),
|
|
||||||
url('/static/fonts/inter-v12-latin-regular.woff2') format('woff2'),
|
|
||||||
url('/static/fonts/inter-v12-latin-regular.woff') format('woff');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Inter';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
src: local(''),
|
|
||||||
url('/static/fonts/inter-v12-latin-700.woff2') format('woff2'),
|
|
||||||
url('/static/fonts/inter-v12-latin-700.woff') format('woff');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-display: swap;
|
|
||||||
font-family: 'Material Icons Round';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
src: url('/static/fonts/material-icons-round-v108-latin-regular.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
/* General Styles */
|
/* General Styles */
|
||||||
body, html {
|
body, html {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -92,7 +56,7 @@ body.menu-open {
|
||||||
|
|
||||||
#search-wrapper-ico:hover {
|
#search-wrapper-ico:hover {
|
||||||
transition: color 0.3s ease;
|
transition: color 0.3s ease;
|
||||||
color: var(--blue);
|
color: var(--font-fg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
|
@ -227,7 +191,7 @@ body.menu-open {
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-button button:hover {
|
.icon-button button:hover {
|
||||||
color: var(--blue);
|
color: var(--font-fg);
|
||||||
transition: color 0.3s ease;
|
transition: color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -240,7 +204,7 @@ body.menu-open {
|
||||||
|
|
||||||
.icon-button:hover button,
|
.icon-button:hover button,
|
||||||
.icon-button:hover p {
|
.icon-button:hover p {
|
||||||
color: var(--blue);
|
color: var(--font-fg);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
transform: none;
|
transform: none;
|
||||||
}
|
}
|
||||||
|
@ -261,7 +225,7 @@ body.menu-open {
|
||||||
|
|
||||||
.settings-icon-link-search:hover {
|
.settings-icon-link-search:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--blue);
|
color: var(--font-fg);
|
||||||
transition: color 0.3s ease;
|
transition: color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -303,7 +267,7 @@ body.menu-open {
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-nav:hover .closebtn:hover {
|
.side-nav:hover .closebtn:hover {
|
||||||
color: var(--blue);
|
color: var(--font-fg);
|
||||||
transition: color 0.3s ease;
|
transition: color 0.3s ease;
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
|
@ -328,7 +292,7 @@ body.menu-open {
|
||||||
.side-nav button:hover,
|
.side-nav button:hover,
|
||||||
.side-nav select:hover {
|
.side-nav select:hover {
|
||||||
background-color: var(--search-select);
|
background-color: var(--search-select);
|
||||||
color: var(--blue);
|
color: var(--font-fg);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
@ -434,6 +398,6 @@ html, body {
|
||||||
Remove default focus outline and add custom focus style
|
Remove default focus outline and add custom focus style
|
||||||
.wrapper input[type="text"]:focus {
|
.wrapper input[type="text"]:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
border: 1px solid var(--blue);
|
border: 1px solid var(--font-fg);
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
} */
|
} */
|
||||||
|
|
|
@ -1,50 +1,3 @@
|
||||||
/* inter-300 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Inter';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 300;
|
|
||||||
src: local(''),
|
|
||||||
url('/static/fonts/inter-v12-latin-300.woff2') format('woff2'),
|
|
||||||
/* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
||||||
url('/static/fonts/inter-v12-latin-300.woff') format('woff');
|
|
||||||
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* inter-regular - latin */
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Inter';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
src: local(''),
|
|
||||||
url('/static/fonts/inter-v12-latin-regular.woff2') format('woff2'),
|
|
||||||
/* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
||||||
url('/static/fonts/inter-v12-latin-regular.woff') format('woff');
|
|
||||||
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* inter-700 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Inter';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
src: local(''),
|
|
||||||
url('/static/fonts/inter-v12-latin-700.woff2') format('woff2'),
|
|
||||||
/* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
||||||
url('/static/fonts/inter-v12-latin-700.woff') format('woff');
|
|
||||||
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* material-icons-round-regular - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap;
|
|
||||||
/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: 'Material Icons Round';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
src: url('/static/fonts/material-icons-round-v108-latin-regular.woff2') format('woff2');
|
|
||||||
/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
|
|
||||||
.highlight {
|
.highlight {
|
||||||
color: var(--highlight);
|
color: var(--highlight);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -89,7 +42,7 @@
|
||||||
#search-wrapper-ico:hover,
|
#search-wrapper-ico:hover,
|
||||||
#clearSearch:hover {
|
#clearSearch:hover {
|
||||||
transition: all .3s ease;
|
transition: all .3s ease;
|
||||||
color: var(--blue);
|
color: var(--font-fg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#sub-search-wrapper-ico {
|
#sub-search-wrapper-ico {
|
||||||
|
@ -219,7 +172,7 @@ html {
|
||||||
color: var(--fff);
|
color: var(--fff);
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: var(--blue);
|
background-color: var(--font-fg);
|
||||||
height: 50px;
|
height: 50px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
margin: 4px;
|
margin: 4px;
|
||||||
|
@ -323,7 +276,7 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
.img_title {
|
.img_title {
|
||||||
color: var(--blue);
|
color: var(--font-fg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.image img {
|
.image img {
|
||||||
|
@ -845,7 +798,7 @@ form.torrent-sort {
|
||||||
.settings-search-div:hover a,
|
.settings-search-div:hover a,
|
||||||
.settings-search-div:hover button {
|
.settings-search-div:hover button {
|
||||||
transition: all .3s ease;
|
transition: all .3s ease;
|
||||||
color: var(--blue);
|
color: var(--font-fg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings-results-link,
|
.settings-results-link,
|
||||||
|
@ -922,7 +875,7 @@ button {
|
||||||
}
|
}
|
||||||
|
|
||||||
.X {
|
.X {
|
||||||
color: var(--blue);
|
color: var(--font-fg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-container input {
|
.search-container input {
|
||||||
|
@ -1148,17 +1101,17 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-active {
|
.search-active {
|
||||||
color: var(--blue) !important;
|
color: var(--font-fg) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-container-results-btn {
|
.search-container-results-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
color: var(--blue);
|
color: var(--font-fg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-container-results-btn:hover button {
|
.search-container-results-btn:hover button {
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
color: var(--blue);
|
color: var(--font-fg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sub-search-button-wrapper img {
|
.sub-search-button-wrapper img {
|
||||||
|
|
|
@ -9,6 +9,7 @@
|
||||||
<title>{{ .Query }} - {{ translate "site_name" }}</title>
|
<title>{{ .Query }} - {{ translate "site_name" }}</title>
|
||||||
<link rel="stylesheet" href="/static/css/style.css">
|
<link rel="stylesheet" href="/static/css/style.css">
|
||||||
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
||||||
|
<link rel="stylesheet" href="/static/css/style-fonts.css">
|
||||||
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
||||||
<!-- Icons -->
|
<!-- Icons -->
|
||||||
<link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml">
|
<link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml">
|
||||||
|
|
|
@ -9,6 +9,7 @@
|
||||||
<title>{{ .Query }} - {{ translate "site_name" }}</title>
|
<title>{{ .Query }} - {{ translate "site_name" }}</title>
|
||||||
<link rel="stylesheet" href="/static/css/style.css">
|
<link rel="stylesheet" href="/static/css/style.css">
|
||||||
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
||||||
|
<link rel="stylesheet" href="/static/css/style-fonts.css">
|
||||||
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
||||||
<!-- Icons -->
|
<!-- Icons -->
|
||||||
<link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml">
|
<link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml">
|
||||||
|
|
|
@ -18,6 +18,7 @@
|
||||||
<link rel="stylesheet" href="/static/css/style-imageviewer.css">
|
<link rel="stylesheet" href="/static/css/style-imageviewer.css">
|
||||||
<link rel="stylesheet" href="/static/css/style-fixedwidth.css">
|
<link rel="stylesheet" href="/static/css/style-fixedwidth.css">
|
||||||
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
||||||
|
<link rel="stylesheet" href="/static/css/style-fonts.css">
|
||||||
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
||||||
<!-- Icons -->
|
<!-- Icons -->
|
||||||
<link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml">
|
<link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml">
|
||||||
|
|
|
@ -9,6 +9,7 @@
|
||||||
<title>{{ translate "site_name" }} - {{ .Query }}</title>
|
<title>{{ translate "site_name" }} - {{ .Query }}</title>
|
||||||
<link rel="stylesheet" href="/static/css/style.css">
|
<link rel="stylesheet" href="/static/css/style.css">
|
||||||
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
||||||
|
<link rel="stylesheet" href="/static/css/style-fonts.css">
|
||||||
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.4/dist/leaflet.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.4/dist/leaflet.js"></script>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.4/dist/leaflet.css" />
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.4/dist/leaflet.css" />
|
||||||
|
|
|
@ -23,6 +23,7 @@
|
||||||
|
|
||||||
<link rel="stylesheet" href="/static/css/style-search.css">
|
<link rel="stylesheet" href="/static/css/style-search.css">
|
||||||
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
||||||
|
<link rel="stylesheet" href="/static/css/style-fonts.css">
|
||||||
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
||||||
|
|
||||||
<!-- Icons -->
|
<!-- Icons -->
|
||||||
|
|
|
@ -10,6 +10,7 @@
|
||||||
<link rel="stylesheet" href="/static/css/style.css">
|
<link rel="stylesheet" href="/static/css/style.css">
|
||||||
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
||||||
<link rel="stylesheet" href="/static/css/style-settings.css">
|
<link rel="stylesheet" href="/static/css/style-settings.css">
|
||||||
|
<link rel="stylesheet" href="/static/css/style-fonts.css">
|
||||||
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
||||||
<!-- Icons -->
|
<!-- Icons -->
|
||||||
<link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml">
|
<link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml">
|
||||||
|
|
|
@ -9,6 +9,7 @@
|
||||||
<title>{{ .Query }} - {{ translate "site_name" }}</title>
|
<title>{{ .Query }} - {{ translate "site_name" }}</title>
|
||||||
<link rel="stylesheet" href="/static/css/style.css">
|
<link rel="stylesheet" href="/static/css/style.css">
|
||||||
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
||||||
|
<link rel="stylesheet" href="/static/css/style-fonts.css">
|
||||||
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
||||||
<!-- Icons -->
|
<!-- Icons -->
|
||||||
<link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml">
|
<link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml">
|
||||||
|
|
|
@ -9,6 +9,7 @@
|
||||||
<title>{{ .Query }} - {{ translate "site_name" }}</title>
|
<title>{{ .Query }} - {{ translate "site_name" }}</title>
|
||||||
<link rel="stylesheet" href="/static/css/style.css">
|
<link rel="stylesheet" href="/static/css/style.css">
|
||||||
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
||||||
|
<link rel="stylesheet" href="/static/css/style-fonts.css">
|
||||||
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
|
||||||
<!-- Icons -->
|
<!-- Icons -->
|
||||||
<link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml">
|
<link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml">
|
||||||
|
|
Loading…
Add table
Reference in a new issue