mirror of
https://github.com/ION606/browser-chromium.git
synced 2026-05-14 22:26:56 +00:00
initial commit/backup
This commit is contained in:
@@ -0,0 +1,163 @@
|
||||
/* general styles */
|
||||
body {
|
||||
background-color: #181818; /* darker background */
|
||||
color: #E0E0E0; /* light text for readability */
|
||||
font-family: Arial, sans-serif;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #9BBFFF; /* more muted blue links */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #74A0FF; /* slightly lighter blue on hover */
|
||||
}
|
||||
|
||||
/* header */
|
||||
#header {
|
||||
background-color: #212121; /* consistent dark background */
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #D9534F; /* softer red for DuckDuckGo title */
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* search bar */
|
||||
form {
|
||||
/* display: flex; */
|
||||
justify-content: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
width: 50%;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background-color: #2C2C2C;
|
||||
color: #E0E0E0;
|
||||
font-size: 16px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background-color: #74A0FF;
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type="submit"]:hover {
|
||||
background-color: #578AFF;
|
||||
}
|
||||
|
||||
/* search results */
|
||||
#results {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.result {
|
||||
padding: 15px;
|
||||
margin-bottom: 15px; /* more spacing between results */
|
||||
background-color: #222;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.result:hover {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.result a {
|
||||
font-size: 18px;
|
||||
color: #9BBFFF;
|
||||
}
|
||||
|
||||
.result a:hover {
|
||||
color: #74A0FF;
|
||||
}
|
||||
|
||||
.result .snippet {
|
||||
color: #B0B0B0;
|
||||
font-size: 14px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* buttons */
|
||||
button, input[type="submit"] {
|
||||
background-color: #505CFF;
|
||||
color: white;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #4266F5;
|
||||
}
|
||||
|
||||
#footer {
|
||||
background-color: #212121;
|
||||
color: #777;
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#footer a {
|
||||
color: #9BBFFF;
|
||||
}
|
||||
|
||||
#footer a:hover {
|
||||
color: #74A0FF;
|
||||
}
|
||||
|
||||
/* fine-tune form elements */
|
||||
input[type="text"]::placeholder {
|
||||
color: #999; /* dimmed placeholder */
|
||||
}
|
||||
|
||||
input[type="text"]:focus {
|
||||
outline: none;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
input[type="submit"]:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.link-text {
|
||||
color: lightblue;
|
||||
}
|
||||
|
||||
|
||||
/* scrollbar styling */
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #888;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
/* mobile responsiveness */
|
||||
@media (max-width: 768px) {
|
||||
input[type="text"] {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
#historybar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 20%;
|
||||
min-width: 100px;
|
||||
margin-left: -100%; /* initially off-screen */
|
||||
transition: margin-left 0.5s ease; /* smooth slide-in/out */
|
||||
background-color: rgba(100, 100, 100, 0.6) !important; /* translucent black background */
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
padding: 10px 2px;
|
||||
padding-left: 5px;
|
||||
z-index: 99999999999999999999999999999999999999999999999; /* fuck you in particular howtogeek and your goddamn sidebar */
|
||||
font-size: medium !important;
|
||||
color: lightblue !important;
|
||||
}
|
||||
|
||||
|
||||
#historybar table {
|
||||
border-collapse: separate; /* keep cells separate */
|
||||
border-spacing: 0 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
#historybar table td {
|
||||
cursor: pointer;
|
||||
/* padding: 5px; */
|
||||
border-bottom: 1px solid rgba(100, 100, 100, 0.8);
|
||||
}
|
||||
|
||||
|
||||
#historybar table td:hover {
|
||||
background-color: rgba(100, 100, 100, 0.8);;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/* style.css */
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
text-align: center;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
webview {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.open-webview {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#tabwebview {
|
||||
display: block !important;
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
html {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.tabs-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #ccc;
|
||||
overflow-y: hidden; /* no y overflow */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.browser-tabs {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
overflow-y: hidden;
|
||||
overflow-x: auto; /* allow horizontal scrolling if needed */
|
||||
scrollbar-width: thin; /* Firefox-specific scrollbar width */
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.tab {
|
||||
padding: 10px 15px;
|
||||
border: none;
|
||||
background-color: #f0f0f0;
|
||||
cursor: pointer;
|
||||
margin-right: 5px;
|
||||
transition: background-color 0.3s;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
white-space: nowrap; /* keep text on a single line */
|
||||
}
|
||||
|
||||
.tab:hover,
|
||||
.tab.active {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.add-tab {
|
||||
padding: 7px 12px;
|
||||
border: none;
|
||||
background-color: #4b4b6b; /* dark purple-gray background */
|
||||
color: #ddd; /* light gray text color */
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
border-radius: 5px;
|
||||
white-space: nowrap;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
transition: background-color 0.3s, color 0.3s;
|
||||
}
|
||||
|
||||
.add-tab:hover {
|
||||
background-color: #3b3b5a; /* slightly darker shade for hover */
|
||||
color: #fff; /* lighter color on hover */
|
||||
}
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
}
|
||||
+149
@@ -0,0 +1,149 @@
|
||||
/* general background and text */
|
||||
body,
|
||||
#page-manager,
|
||||
ytd-app {
|
||||
background-color: #11111b !important;
|
||||
/* dark purpleish black */
|
||||
color: #d1d1e9 !important;
|
||||
/* soft light purple text */
|
||||
}
|
||||
|
||||
/* video background */
|
||||
#player-container,
|
||||
#movie_player,
|
||||
.html5-video-player {
|
||||
background-color: #0f0f17 !important;
|
||||
/* darker background for video */
|
||||
}
|
||||
|
||||
/* sidebar and primary navigation */
|
||||
#container,
|
||||
ytd-guide-entry-renderer,
|
||||
ytd-mini-guide-renderer {
|
||||
background-color: #181828 !important;
|
||||
/* deep dark purple */
|
||||
}
|
||||
|
||||
#sections,
|
||||
ytd-guide-renderer {
|
||||
background-color: #1b1b2f !important;
|
||||
/* matches body */
|
||||
}
|
||||
|
||||
/* header and search bar */
|
||||
#masthead-container {
|
||||
background-color: #2a2a4d !important;
|
||||
/* dark purplish shade */
|
||||
}
|
||||
|
||||
#search-icon-legacy {
|
||||
color: #d1d1e9 !important;
|
||||
}
|
||||
|
||||
/* video title and descriptions */
|
||||
#video-title,
|
||||
.ytp-chrome-top,
|
||||
.ytp-title-text {
|
||||
color: #d1d1e9 !important;
|
||||
}
|
||||
|
||||
|
||||
/* video progress bar */
|
||||
.ytp-play-progress {
|
||||
background-color: #6b5b95 !important;
|
||||
/* purplish progress bar */
|
||||
}
|
||||
|
||||
.ytp-scrubber-button {
|
||||
background-color: #b794f4 !important;
|
||||
/* purplish scrubber */
|
||||
}
|
||||
|
||||
/* links and video titles */
|
||||
a,
|
||||
.yt-simple-endpoint {
|
||||
color: #b794f4 !important;
|
||||
/* purplish links */
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #d1d1e9 !important;
|
||||
/* lighter on hover */
|
||||
}
|
||||
|
||||
/* comments section */
|
||||
ytd-comment-thread-renderer {
|
||||
background-color: #181828 !important;
|
||||
/* dark purpleish black */
|
||||
border: 1px solid #262646 !important;
|
||||
}
|
||||
|
||||
ytd-comment-renderer #content-text {
|
||||
color: #d1d1e9 !important;
|
||||
}
|
||||
|
||||
/* misc elements */
|
||||
#related,
|
||||
#items,
|
||||
#panels {
|
||||
background-color: #1b1b2f !important;
|
||||
}
|
||||
|
||||
/* subscribe button */
|
||||
ytd-subscribe-button-renderer {
|
||||
background-color: #6b5b95 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
ytd-subscribe-button-renderer:hover {
|
||||
background-color: #9d7bcf !important;
|
||||
}
|
||||
|
||||
#search-form {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#voice-search-button .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
#voice-search-button .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {
|
||||
background-color: coral;
|
||||
}
|
||||
|
||||
#search-clear-button {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
ytd-button-renderer {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response:hover {
|
||||
background-color: rgba(255, 255, 255, 0.596);
|
||||
}
|
||||
|
||||
yt-icon.ytd-logo {
|
||||
color: inherit;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.guide-icon.ytd-guide-entry-renderer {
|
||||
color: white;
|
||||
color: white;
|
||||
}
|
||||
|
||||
html[darker-dark-theme], [darker-dark-theme] [light] {
|
||||
--yt-spec-text-primary: white;
|
||||
--ytd-searchbox-legacy-button-color: grey;
|
||||
--yt-spec-raised-background: rgb(20, 70, 37);
|
||||
--yt-spec-text-secondary: offwhite;
|
||||
--ytd-searchbox-text-color: white;
|
||||
|
||||
--yt-spec-icon-active-other: white;;
|
||||
--yt-spec-icon-inactive: darkgrey;
|
||||
--yt-spec-icon-disabled: darkgrey;
|
||||
--yt-spec-brand-icon-active: white;
|
||||
--yt-spec-brand-icon-inactive: grey;
|
||||
--yt-button-icon-button-text-color: black;
|
||||
}
|
||||
Reference in New Issue
Block a user