From 61a9e847072631c4c822a15f77fd75e963441ba5 Mon Sep 17 00:00:00 2001 From: Muhammad Rohan Ghalib <83542347+RohanGhalib@users.noreply.github.com> Date: Sat, 14 Dec 2024 15:48:50 +0500 Subject: [PATCH] added themes --- changetheme.php | 7 +++ header.php | 12 ++++- index.php | 2 +- settings.php | 34 ++++++++++++ sidebar.php | 10 +++- style.css | 11 ++++ styles/1.css | 128 ++++++++++++++++++++++++++++++++++++++++++++ styles/2.css | 130 +++++++++++++++++++++++++++++++++++++++++++++ styles/3.css | 137 ++++++++++++++++++++++++++++++++++++++++++++++++ 9 files changed, 467 insertions(+), 4 deletions(-) create mode 100644 changetheme.php create mode 100644 settings.php create mode 100644 styles/1.css create mode 100644 styles/2.css create mode 100644 styles/3.css diff --git a/changetheme.php b/changetheme.php new file mode 100644 index 0000000..8e6aaf0 --- /dev/null +++ b/changetheme.php @@ -0,0 +1,7 @@ + - + - + diff --git a/index.php b/index.php index 2d71529..39f949f 100644 --- a/index.php +++ b/index.php @@ -10,7 +10,7 @@
- +

Try the new GruvBox Dark and GruvBox Light theme

Anything you type will be engraved in the code of this site, forever!

Confess your crush, share your thoughts or do whatever you want!

diff --git a/settings.php b/settings.php new file mode 100644 index 0000000..36f9bfc --- /dev/null +++ b/settings.php @@ -0,0 +1,34 @@ + + +
+
+ +
+
+

Change Theme

+
+ Current Theme: Classic +

+
Choose a theme and click Save
+

Thanks for the advice, RandomGuy!

+
+ +
+ + +
+ +
+
+
+ + + \ No newline at end of file diff --git a/sidebar.php b/sidebar.php index a0fa241..2ba05b1 100644 --- a/sidebar.php +++ b/sidebar.php @@ -18,7 +18,7 @@
+ +
+
+ + Appearance (NEW!) + +
+
diff --git a/style.css b/style.css index aa11b4a..b276616 100644 --- a/style.css +++ b/style.css @@ -114,4 +114,15 @@ body{ body a{ text-decoration: none; color: black; +} +.settingsbutton{ + background-color: #e6c046; + border: 0px; + padding: 5px; + font-size: 25px; + width: 100%; + border-radius: 20px; + transition: 0.2s; + text-align: center; + cursor: pointer; } \ No newline at end of file diff --git a/styles/1.css b/styles/1.css new file mode 100644 index 0000000..b276616 --- /dev/null +++ b/styles/1.css @@ -0,0 +1,128 @@ +/* Custom scrollbar styles */ +::-webkit-scrollbar { + width: 10px; +} + +::-webkit-scrollbar-track { + background: #f1f1f1; + border-radius: 10px; +} + +::-webkit-scrollbar-thumb { + background: #e6c046; + border-radius: 10px; +} + +::-webkit-scrollbar-thumb:hover { + background: #b4b650; +} +body{ + background-color: #f3f56f !important; + font-family: 'Poppins', sans-serif !important; +} +.sidebar{ + background-color: white; + border-radius: 50px; + height: 90vh; + padding: 25px; + box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.336); + +} +.notepadbox{ + height: 90vh; + background-color: white; + border-radius: 50px; + box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.336); + padding: 50px; +} +.logo-text{ + background-color: #e6c046; + height: 50px; + border-radius: 20px; + font-family: 'Poppins', sans-serif; + font-size: 25px; + display: flex; + text-align: center; + justify-content: center; + align-items: center; +} +.submitbutton{ + background-color: rgb(230, 192, 70); + border: 0px;; + padding: 5px; + font-size: 25px; + width: 100%; + border-radius: 20px; + font-weight: bold; + transition: 0.2s; +} +.submitbutton:hover{ + background-color: rgb(0, 0, 0); + color: white; + transition: 0.2s; + transform: scale(1.05); +} +.searchbox{ + background-color: rgba(227, 236, 255, 0.555); + padding: 10px; + font-size: 20px; + border-radius: 20px; +} +.searchbox input{ + border: 0px; + background-color: transparent; + font-size: 20px; + width: 70%; + margin-left: 5px; +} +.searchbox input:focus{ + outline: none; +} +.note{ + background-color: rgba(227, 236, 255, 0.555); + padding: 10px; + margin-top: 4px; + border-radius: 20px; + display: flex; + align-items: center; + font-size: 20px; + cursor: pointer; +} +.note:hover{ + background-color: rgba(227, 236, 255, 0.755); +} +.addnewbutton{ + padding: 20px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + font-size: 30px; + background-color: #e6c046; + border-radius: 20px; + + +} +.addnewbutton a{ + text-decoration: none; + color: rgb(49, 48, 48); +} +.addnewbutton:hover{ + background-color: #000000; + color: white !important; +} +body a{ + text-decoration: none; + color: black; +} +.settingsbutton{ + background-color: #e6c046; + border: 0px; + padding: 5px; + font-size: 25px; + width: 100%; + border-radius: 20px; + transition: 0.2s; + text-align: center; + cursor: pointer; +} \ No newline at end of file diff --git a/styles/2.css b/styles/2.css new file mode 100644 index 0000000..67658ec --- /dev/null +++ b/styles/2.css @@ -0,0 +1,130 @@ +/* Custom scrollbar styles */ +::-webkit-scrollbar { + width: 10px; +} + +::-webkit-scrollbar-track { + background: #D5C4A3; + border-radius: 10px; +} + +::-webkit-scrollbar-thumb { + background: #D5C4A3; + border-radius: 10px; +} + +::-webkit-scrollbar-thumb:hover { + background: #b4b650; +} +body{ + background-color: #EBDAB4 !important; + font-family: 'Poppins', sans-serif !important; + color: #3C3836 !important; +} +.sidebar{ + background-color: #FBF0C9; + border-radius: 50px; + height: 90vh; + padding: 25px; + box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.336); + +} +.notepadbox{ + height: 90vh; + background-color: #FBF0C9; + border-radius: 50px; + box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.336); + padding: 50px; +} + +.logo-text{ + background-color: #D5C4A3; + height: 50px; + border-radius: 20px; + font-family: 'Poppins', sans-serif; + font-size: 25px; + display: flex; + text-align: center; + justify-content: center; + align-items: center; +} +.submitbutton{ + background-color: #D5C4A3; + border: 0px;; + padding: 5px; + font-size: 25px; + width: 100%; + border-radius: 20px; + font-weight: bold; + transition: 0.2s; +} +.submitbutton:hover{ + background-color: rgb(0, 0, 0); + color: white; + transition: 0.2s; + transform: scale(1.05); +} +.searchbox{ + background-color: #D5C4A3; + padding: 10px; + font-size: 20px; + border-radius: 20px; +} +.searchbox input{ + border: 0px; + background-color: transparent; + font-size: 20px; + width: 70%; + margin-left: 5px; +} +.searchbox input:focus{ + outline: none; +} +.note{ + background-color: #EBDAB4; + padding: 10px; + margin-top: 4px; + border-radius: 20px; + display: flex; + align-items: center; + font-size: 20px; + cursor: pointer; +} +.note:hover{ + background-color: rgba(227, 236, 255, 0.755); +} +.addnewbutton{ + padding: 20px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + font-size: 30px; + background-color: #D5C4A3; + border-radius: 20px; + + +} +.addnewbutton a{ + text-decoration: none; + color: rgb(49, 48, 48); +} +.addnewbutton:hover{ + background-color: #000000; + color: white !important; +} +body a{ + text-decoration: none; + color: black; +} +.settingsbutton{ + background-color: #D5C4A3; + border: 0px; + padding: 5px; + font-size: 25px; + width: 100%; + border-radius: 20px; + transition: 0.2s; + text-align: center; + cursor: pointer; +} \ No newline at end of file diff --git a/styles/3.css b/styles/3.css new file mode 100644 index 0000000..c75cdea --- /dev/null +++ b/styles/3.css @@ -0,0 +1,137 @@ +/* Custom scrollbar styles */ +::-webkit-scrollbar { + width: 10px; +} + +::-webkit-scrollbar-track { + background: #3C3836; + border-radius: 10px; +} + +::-webkit-scrollbar-thumb { + background: #EBDAB4; + border-radius: 10px; +} + +::-webkit-scrollbar-thumb:hover { + background: #b4b650; +} +.notepadbox a{ + color: white !important; +} +body{ + background-color: #3C3836 !important; + font-family: 'Poppins', sans-serif !important; + color: #EBDAB4 !important; +} +.sidebar{ + background-color: #282828; + border-radius: 50px; + height: 90vh; + padding: 25px; + box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.336); + +} +.notepadbox{ + height: 90vh; + background-color: #282828; + border-radius: 50px; + box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.336); + padding: 50px; +} +.logo-text{ + background-color: #EBDAB4; + height: 50px; + border-radius: 20px; + font-family: 'Poppins', sans-serif; + font-size: 25px; + display: flex; + text-align: center; + justify-content: center; + align-items: center; +} +.submitbutton{ + background-color: #ebdab4; + border: 0px;; + padding: 5px; + font-size: 25px; + width: 100%; + border-radius: 20px; + font-weight: bold; + transition: 0.2s; +} +.submitbutton:hover{ + background-color: rgb(0, 0, 0); + color: white; + transition: 0.2s; + transform: scale(1.05); +} +.searchbox{ + background-color: #3C3836; + padding: 10px; + font-size: 20px; + border-radius: 20px; +} +.searchbox input{ + border: 0px; + background-color: transparent; + font-size: 20px; + width: 70%; + margin-left: 5px; + color: white !important; +} +.searchbox input:focus{ + outline: none; +} +.note{ + background-color: #3C3836; + padding: 10px; + margin-top: 4px; + border-radius: 20px; + display: flex; + align-items: center; + font-size: 20px; + cursor: pointer; + color: white !important; +} +.note:hover{ + background-color: rgba(227, 236, 255, 0.755); +} +.addnewbutton{ + padding: 20px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + font-size: 30px; + background-color: #EBDAB4; + border-radius: 20px; + + +} +.note a{ + color: #EBDAB4 !important; +} +.addnewbutton a{ + text-decoration: none; + color: WHITE; +} +.addnewbutton:hover{ + background-color: #000000; + color: white !important; +} +body a{ + text-decoration: none; + color: black; +} +.settingsbutton{ + background-color: #EBDAB4; + border: 0px; + padding: 5px; + font-size: 25px; + width: 100%; + border-radius: 20px; + transition: 0.2s; + text-align: center; + cursor: pointer; +} \ No newline at end of file