Update jekyll-theme-chirpy.scss

assets/css/jekyll-theme-chirpy.scss

@@ -42,4 +42,128 @@ pre {
     color: $foreground;
 }
 
-/* Additional customizations can go here */
+/* Dracula Theme Full Custom Styles */
+body {
+    background-color: $background;
+    color: $foreground;
+    font-family: 'Roboto', sans-serif;
+}
+
+/* Links */
+a {
+    color: $purple;
+    text-decoration: none;
+}
+a:hover {
+    color: $green;
+    text-decoration: underline;
+}
+
+/* Buttons */
+button, .btn {
+    background-color: $purple;
+    color: $white;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 4px;
+    cursor: pointer;
+}
+button:hover, .btn:hover {
+    background-color: $green;
+}
+
+/* Forms */
+input, textarea, select {
+    background-color: $selection;
+    color: $foreground;
+    border: 1px solid $blue;
+    padding: 8px;
+    border-radius: 4px;
+}
+input:focus, textarea:focus, select:focus {
+    border-color: $green;
+}
+
+/* Tables */
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 20px 0;
+}
+th, td {
+    padding: 12px 15px;
+    text-align: left;
+    border-bottom: 1px solid $selection;
+}
+th {
+    background-color: $blue;
+    color: $white;
+}
+tr:nth-child(even) {
+    background-color: $selection;
+}
+
+/* Navigation */
+nav {
+    background-color: $black;
+    padding: 10px 20px;
+}
+nav a {
+    color: $white;
+    margin: 0 10px;
+}
+nav a:hover {
+    color: $green;
+}
+
+/* Headers and Footers */
+header, footer {
+    background-color: $black;
+    color: $white;
+    padding: 20px;
+    text-align: center;
+}
+
+/* Typography */
+h1, h2, h3, h4, h5, h6 {
+    color: $purple;
+}
+p {
+    line-height: 1.6;
+    color: $foreground;
+}
+blockquote {
+    border-left: 5px solid $purple;
+    padding-left: 15px;
+    color: $comment;
+}
+
+/* Cards, sections, and other layout elements */
+.card {
+    background-color: $selection;
+    border: 1px solid $blue;
+    border-radius: 4px;
+    padding: 20px;
+}
+.section {
+    padding: 40px 20px;
+    background-color: $background;
+}
+
+/* Code blocks */
+pre {
+    background-color: $selection;
+    color: $white;
+    padding: 15px;
+    border-radius: 5px;
+    overflow: auto;
+}
+
+code {
+    background-color: $selection;
+    color: $yellow;
+    padding: 2px 4px;
+    border-radius: 4px;
+}
+
+/* Add any additional elements here */