diff --git a/static/css/style-fonts.css b/static/css/style-fonts.css new file mode 100644 index 0000000..c49eb14 --- /dev/null +++ b/static/css/style-fonts.css @@ -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'); +} \ No newline at end of file diff --git a/static/css/style-search.css b/static/css/style-search.css index 839deaf..446f3d2 100644 --- a/static/css/style-search.css +++ b/static/css/style-search.css @@ -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 */ body, html { margin: 0; @@ -92,7 +56,7 @@ body.menu-open { #search-wrapper-ico:hover { transition: color 0.3s ease; - color: var(--blue); + color: var(--font-fg); } .wrapper { @@ -227,7 +191,7 @@ body.menu-open { } .icon-button button:hover { - color: var(--blue); + color: var(--font-fg); transition: color 0.3s ease; } @@ -240,7 +204,7 @@ body.menu-open { .icon-button:hover button, .icon-button:hover p { - color: var(--blue); + color: var(--font-fg); font-weight: normal; transform: none; } @@ -261,7 +225,7 @@ body.menu-open { .settings-icon-link-search:hover { text-decoration: none; - color: var(--blue); + color: var(--font-fg); transition: color 0.3s ease; } @@ -303,7 +267,7 @@ body.menu-open { } .side-nav:hover .closebtn:hover { - color: var(--blue); + color: var(--font-fg); transition: color 0.3s ease; background: none; } @@ -328,7 +292,7 @@ body.menu-open { .side-nav button:hover, .side-nav select:hover { background-color: var(--search-select); - color: var(--blue); + color: var(--font-fg); cursor: pointer; text-decoration: none; } @@ -434,6 +398,6 @@ html, body { Remove default focus outline and add custom focus style .wrapper input[type="text"]:focus { outline: none; - border: 1px solid var(--blue); + border: 1px solid var(--font-fg); box-shadow: none; } */ diff --git a/static/css/style.css b/static/css/style.css index 4346e71..a63e79c 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -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 { color: var(--highlight); font-weight: bold; @@ -89,7 +42,7 @@ #search-wrapper-ico:hover, #clearSearch:hover { transition: all .3s ease; - color: var(--blue); + color: var(--font-fg); } #sub-search-wrapper-ico { @@ -219,7 +172,7 @@ html { color: var(--fff); letter-spacing: normal; border-radius: 8px; - background-color: var(--blue); + background-color: var(--font-fg); height: 50px; margin: auto; margin: 4px; @@ -323,7 +276,7 @@ html { } .img_title { - color: var(--blue); + color: var(--font-fg); } .image img { @@ -845,7 +798,7 @@ form.torrent-sort { .settings-search-div:hover a, .settings-search-div:hover button { transition: all .3s ease; - color: var(--blue); + color: var(--font-fg); } .settings-results-link, @@ -922,7 +875,7 @@ button { } .X { - color: var(--blue); + color: var(--font-fg); } .search-container input { @@ -1148,17 +1101,17 @@ p { } .search-active { - color: var(--blue) !important; + color: var(--font-fg) !important; } .search-container-results-btn { display: flex; - color: var(--blue); + color: var(--font-fg); } .search-container-results-btn:hover button { transition: all 0.3s ease; - color: var(--blue); + color: var(--font-fg); } .sub-search-button-wrapper img { diff --git a/templates/files.html b/templates/files.html index 80bb818..42d249f 100755 --- a/templates/files.html +++ b/templates/files.html @@ -9,6 +9,7 @@