/* Default to light theme */
        body {
                background-color: #ffffff;
                color: #000000;
        }
        /* Apply dark mode styles if the user has a dark system theme */
        @media (prefers-color-scheme: dark) {
                body {
                        background-color: #212529; /* Bootstrap's dark background color */
                        color: #ffffff;
                }
                .modal-content {
                        background-color: #212529; /* Bootstrap's dark background color */
                        color: #ffffff;
                }

                #inputUrl {
                        border:none;
                        background-color: #212529;
                        color: #ffffff;
                }
                .btn {
                        color: #ffffff;
                }
                .list-group-item {
                        border-style:solid solid solid solid;
                        background-color: #212529;
                        color: #ffffff;
                }
                        .li-link {
                                text-decoration: none; /* Removes the underline */
                                color:#fff !important;
                        }
                        .li-link:hover {
                                  text-decoration: underline;
                        }
                        .li-note {
                                border-style:none !important;
                                color:#fff !important;
                                background-color:#212529 !important;
                        }
        }