From 5408a1e08a740c98c0849d907c4354d88deb22b8 Mon Sep 17 00:00:00 2001 From: Zan1456 <62830223+Zan1456@users.noreply.github.com> Date: Fri, 13 Jun 2025 14:02:54 +0200 Subject: [PATCH] . --- forgotpassword/forgotpassword.css | 356 ++++++++++++++---------------- grades/grades.css | 28 --- homework/homework.css | 25 --- roleselect/roleselect.css | 26 --- search/search.css | 25 --- timetable/timetable.css | 29 --- tools/createTemplate.js | 1 + 7 files changed, 166 insertions(+), 324 deletions(-) diff --git a/forgotpassword/forgotpassword.css b/forgotpassword/forgotpassword.css index 45f0d5b..b221216 100644 --- a/forgotpassword/forgotpassword.css +++ b/forgotpassword/forgotpassword.css @@ -1,202 +1,176 @@ -:root { - --primary: #050B15; - --secondary: #3F444F; - --tertiary: #1C469A; - --icon: #0A2456; - --accent: #3673EE; - --bg: #DAE4F7; - --card: #EDF3FF; - --cardsec: #FBFCFF; - --error: #E32D2D; - --error-bg: rgba(227, 45, 45, 0.05); - } - - :root[data-theme="dark"] { - --primary: #EBF1FD; - --secondary: #CFD8E9; - --tertiary: #AEC8FC; - --icon: #BAD1FF; - --accent: #3673ed; - --bg: #070A0E; - --card: #0F131B; - --cardsec: #131822; - --error: #FF4444; - --error-bg: rgba(255, 68, 68, 0.1); - } - - * { - box-sizing: border-box; - margin: 0; - padding: 0; - } - - body { - margin: 0; - padding: 0; - color: var(--primary); - background-color: var(--bg) !important; - font-family: "Montserrat", serif !important; - min-height: 100vh; - font-size: 16px; - display: flex; - align-items: center; - justify-content: center; - } - +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + margin: 0; + padding: 0; + color: var(--primary); + background-color: var(--bg) !important; + font-family: "Montserrat", serif !important; + min-height: 100vh; + font-size: 16px; + display: flex; + align-items: center; + justify-content: center; +} + +.forgot-container { + width: 100%; + max-width: 500px; + padding: 20px; + margin: 0 auto; +} + +.forgot-header { + text-align: center; + margin-bottom: 24px; +} + +.logo-text { + color: var(--icon); + font-size: 24px; + font-weight: 600; + margin: 16px 0; + display: flex; + align-items: center; + justify-content: center; +} + +.logo { + width: 24px; + border-radius: 8px; + margin-right: 8px; +} + +.forgot-card { + background: var(--card); + padding: 24px; + border-radius: 24px; + margin-bottom: 16px; +} + +.forgot-title { + font-size: 18px; + font-weight: 600; + color: var(--primary); + margin-bottom: 24px; + text-align: center; +} + +.form-group { + margin-bottom: 16px; +} + +.form-label { + display: block; + color: var(--secondary); + font-size: 14px; + margin-bottom: 8px; +} + +.form-control { + width: 100%; + padding: 12px 16px; + border: 2px solid transparent; + border-radius: 12px; + font-size: 16px; + font-family: "Montserrat", serif; + background: var(--cardsec); + color: var(--primary); + transition: all 0.2s ease; +} + +.form-control:focus { + outline: none; + border-color: var(--accent); +} + +.form-control::placeholder { + color: var(--secondary); +} + +.form-actions { + margin-top: 24px; + display: flex; + justify-content: space-between; + align-items: center; +} + +.help-link { + color: var(--accent); + text-decoration: none; + font-size: 14px; + transition: color 0.2s ease; +} + +.help-link:hover { + color: var(--tertiary); +} + +.btn-submit { + padding: 12px 24px; + background: var(--accent); + color: white; + border: none; + border-radius: 12px; + font-size: 16px; + font-weight: 600; + font-family: "Montserrat", serif; + cursor: pointer; + transition: background 0.2s ease; +} + +.btn-submit:hover { + background: var(--tertiary); +} + +.btn-submit:disabled { + opacity: 0.7; + cursor: not-allowed; +} + +.error-message { + color: var(--error); + font-size: 14px; + margin-top: 4px; + display: none; +} + +.error-message.show { + display: block; + animation: fadeIn 0.2s ease; +} + +.g-recaptcha { + margin-top: 24px; + display: flex; + justify-content: center; +} + +@keyframes fadeIn { + from { opacity: 0; transform: translateY(-4px); } + to { opacity: 1; transform: translateY(0); } +} + +@media (max-width: 600px) { .forgot-container { - width: 100%; - max-width: 500px; - padding: 20px; - margin: 0 auto; - } - - .forgot-header { - text-align: center; - margin-bottom: 24px; - } - - .logo-text { - color: var(--icon); - font-size: 24px; - font-weight: 600; - margin: 16px 0; - display: flex; - align-items: center; - justify-content: center; - } - - .logo { - width: 24px; - border-radius: 8px; - margin-right: 8px; + padding: 16px; } .forgot-card { - background: var(--card); - padding: 24px; - border-radius: 24px; - margin-bottom: 16px; - } - - .forgot-title { - font-size: 18px; - font-weight: 600; - color: var(--primary); - margin-bottom: 24px; - text-align: center; - } - - .form-group { - margin-bottom: 16px; - } - - .form-label { - display: block; - color: var(--secondary); - font-size: 14px; - margin-bottom: 8px; - } - - .form-control { - width: 100%; - padding: 12px 16px; - border: 2px solid transparent; - border-radius: 12px; - font-size: 16px; - font-family: "Montserrat", serif; - background: var(--cardsec); - color: var(--primary); - transition: all 0.2s ease; - } - - .form-control:focus { - outline: none; - border-color: var(--accent); - } - - .form-control::placeholder { - color: var(--secondary); + padding: 20px; } .form-actions { - margin-top: 24px; - display: flex; - justify-content: space-between; - align-items: center; - } - - .help-link { - color: var(--accent); - text-decoration: none; - font-size: 14px; - transition: color 0.2s ease; - } - - .help-link:hover { - color: var(--tertiary); + flex-direction: column; + gap: 16px; + align-items: stretch; } .btn-submit { - padding: 12px 24px; - background: var(--accent); - color: white; - border: none; - border-radius: 12px; - font-size: 16px; - font-weight: 600; - font-family: "Montserrat", serif; - cursor: pointer; - transition: background 0.2s ease; + width: 100%; } - - .btn-submit:hover { - background: var(--tertiary); - } - - .btn-submit:disabled { - opacity: 0.7; - cursor: not-allowed; - } - - .error-message { - color: var(--error); - font-size: 14px; - margin-top: 4px; - display: none; - } - - .error-message.show { - display: block; - animation: fadeIn 0.2s ease; - } - - .g-recaptcha { - margin-top: 24px; - display: flex; - justify-content: center; - } - - @keyframes fadeIn { - from { opacity: 0; transform: translateY(-4px); } - to { opacity: 1; transform: translateY(0); } - } - - @media (max-width: 600px) { - .forgot-container { - padding: 16px; - } - - .forgot-card { - padding: 20px; - } - - .form-actions { - flex-direction: column; - gap: 16px; - align-items: stretch; - } - - .btn-submit { - width: 100%; - } - } \ No newline at end of file +} \ No newline at end of file diff --git a/grades/grades.css b/grades/grades.css index b2edfa8..94d2407 100644 --- a/grades/grades.css +++ b/grades/grades.css @@ -1,31 +1,3 @@ -@font-face { - font-family: 'Montserrat'; - font-style: normal; - font-weight: 400; - src: url(chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-SemiBold.woff2) format('woff2'); -} - -@font-face { - font-family: 'Montserrat'; - font-style: normal; - font-weight: 500; - src: url(chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Regular.woff2) format('woff2'); -} - -@font-face { - font-family: 'Montserrat'; - font-style: normal; - font-weight: 600; - src: url(chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Medium.woff2) format('woff2'); -} - -@font-face { - font-family: 'Figtree'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Figtree-Regular.woff2') format('woff2'); - font-weight: 400; - font-style: normal; -} - * { box-sizing: border-box; margin: 0; diff --git a/homework/homework.css b/homework/homework.css index f06dadd..376ff6e 100644 --- a/homework/homework.css +++ b/homework/homework.css @@ -1,28 +1,3 @@ -@font-face { - font-family: 'Montserrat'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Regular.woff2') format('woff2'); - font-weight: 400; - font-style: normal; -} -@font-face { - font-family: 'Montserrat'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Medium.woff2') format('woff2'); - font-weight: 500; - font-style: normal; -} -@font-face { - font-family: 'Montserrat'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-SemiBold.woff2') format('woff2'); - font-weight: 600; - font-style: normal; -} -@font-face { - font-family: 'Figtree'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Figtree-Regular.woff2') format('woff2'); - font-weight: 400; - font-style: normal; -} - * { box-sizing: border-box; margin: 0; diff --git a/roleselect/roleselect.css b/roleselect/roleselect.css index 8c3bb16..1df3484 100644 --- a/roleselect/roleselect.css +++ b/roleselect/roleselect.css @@ -1,29 +1,3 @@ -@font-face { - font-family: 'Montserrat'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Regular.woff2') format('woff2'); - font-weight: 400; - font-style: normal; -} -@font-face { - font-family: 'Montserrat'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Medium.woff2') format('woff2'); - font-weight: 500; - font-style: normal; -} -@font-face { - font-family: 'Montserrat'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-SemiBold.woff2') format('woff2'); - font-weight: 600; - font-style: normal; -} -@font-face { - font-family: 'Figtree'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Figtree-Regular.woff2') format('woff2'); - font-weight: 400; - font-style: normal; -} - - * { box-sizing: border-box; margin: 0; diff --git a/search/search.css b/search/search.css index c2527b3..83eef87 100644 --- a/search/search.css +++ b/search/search.css @@ -1,28 +1,3 @@ -@font-face { - font-family: 'Montserrat'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Regular.woff2') format('woff2'); - font-weight: 400; - font-style: normal; -} -@font-face { - font-family: 'Montserrat'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Medium.woff2') format('woff2'); - font-weight: 500; - font-style: normal; -} -@font-face { - font-family: 'Montserrat'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-SemiBold.woff2') format('woff2'); - font-weight: 600; - font-style: normal; -} -@font-face { - font-family: 'Figtree'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Figtree-Regular.woff2') format('woff2'); - font-weight: 400; - font-style: normal; -} - /* Hide original elements */ header, footer, .page-title, .card-kreta { display: none !important; diff --git a/timetable/timetable.css b/timetable/timetable.css index b3a51ff..9dd63dd 100644 --- a/timetable/timetable.css +++ b/timetable/timetable.css @@ -1,32 +1,3 @@ -@font-face { - font-family: 'Montserrat'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXp-p7K4KLg.woff2) format('woff2'); -} - -@font-face { - font-family: 'Montserrat'; - font-style: normal; - font-weight: 500; - src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXp-p7K4KLg.woff2) format('woff2'); -} - -@font-face { - font-family: 'Montserrat'; - font-style: normal; - font-weight: 600; - src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXp-p7K4KLg.woff2) format('woff2'); -} - -@font-face { - font-family: 'Figtree'; - src: url('chrome-extension://__MSG_@@extension_id__/fonts/Figtree-Regular.woff2') format('woff2'); - font-weight: 400; - font-style: normal; -} - - * { box-sizing: border-box; margin: 0; diff --git a/tools/createTemplate.js b/tools/createTemplate.js index 1686dcb..78a5609 100644 --- a/tools/createTemplate.js +++ b/tools/createTemplate.js @@ -111,6 +111,7 @@ const createTemplate = { { rel: 'preconnect', href: 'https://fonts.googleapis.com' }, { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true }, { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap' }, + { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap' }, { rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons+Round' } ];