diff --git a/Website/css/styles.css b/Website/css/styles.css index 2215eb105..c72749652 100644 --- a/Website/css/styles.css +++ b/Website/css/styles.css @@ -384,6 +384,17 @@ button#toggle-stats:hover { color: rgb(255, 213, 98); } +div { + box-sizing: border-box; + overflow: hidden; +} + +.languages, .milestones { + padding: 10px; + margin: 10px; + word-wrap: break-word; + white-space: normal; +} .language-and-milestone { display: flex; @@ -1729,6 +1740,7 @@ body.blue-mode { } /* Links Styles */ + .light-mode a { /* color: #007bff; Blue link color */ } @@ -1736,6 +1748,13 @@ body.blue-mode { .dark-mode a { color: #1e90ff; /* Lighter blue link color */ } +/* Dark mode */ +@media (prefers-color-scheme: dark) { + .twitter-logo { + filter: invert(1); /* Inverts the colors, making a dark logo appear light */ + } +} + .blue-mode a { color: #f1f1f1; /* Light text color for links */