Initial commit
This commit is contained in:
184
target/classes/styles/browser.css
Normal file
184
target/classes/styles/browser.css
Normal file
@@ -0,0 +1,184 @@
|
||||
/* Lightweight Modern Theme */
|
||||
.browser-root {
|
||||
-fx-background-color: #0f0f1a;
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
-fx-background-color: #1a1a2e;
|
||||
-fx-padding: 10px 16px;
|
||||
-fx-border-color: #2a2a4a;
|
||||
-fx-border-width: 0 0 1px 0;
|
||||
}
|
||||
|
||||
.nav-button {
|
||||
-fx-background-color: #252542;
|
||||
-fx-text-fill: #e0e0e0;
|
||||
-fx-font-size: 14px;
|
||||
-fx-padding: 8px 14px;
|
||||
-fx-background-radius: 8px;
|
||||
-fx-border-radius: 8px;
|
||||
-fx-border-color: #3a3a5a;
|
||||
-fx-border-width: 1px;
|
||||
-fx-cursor: hand;
|
||||
}
|
||||
|
||||
.nav-button:hover {
|
||||
-fx-background-color: #8b5cf6;
|
||||
-fx-border-color: #8b5cf6;
|
||||
}
|
||||
|
||||
.nav-button:pressed {
|
||||
-fx-background-color: #7c3aed;
|
||||
}
|
||||
|
||||
.url-field {
|
||||
-fx-background-color: #1e1e32;
|
||||
-fx-text-fill: white;
|
||||
-fx-prompt-text-fill: #666;
|
||||
-fx-font-size: 14px;
|
||||
-fx-padding: 10px 20px;
|
||||
-fx-background-radius: 12px;
|
||||
-fx-border-radius: 12px;
|
||||
-fx-border-color: #3a3a5a;
|
||||
-fx-border-width: 1px;
|
||||
}
|
||||
|
||||
.url-field:focused {
|
||||
-fx-border-color: #8b5cf6;
|
||||
}
|
||||
|
||||
.search-combo {
|
||||
-fx-background-color: #252542;
|
||||
-fx-border-color: #3a3a5a;
|
||||
-fx-border-radius: 8px;
|
||||
-fx-background-radius: 8px;
|
||||
-fx-padding: 6px 12px;
|
||||
}
|
||||
|
||||
.search-combo .list-cell {
|
||||
-fx-text-fill: white;
|
||||
-fx-background-color: transparent;
|
||||
}
|
||||
|
||||
.search-combo .combo-box-popup .list-view {
|
||||
-fx-background-color: #1a1a2e;
|
||||
}
|
||||
|
||||
.search-combo .combo-box-popup .list-cell {
|
||||
-fx-background-color: #1a1a2e;
|
||||
-fx-text-fill: white;
|
||||
-fx-padding: 10px 14px;
|
||||
}
|
||||
|
||||
.search-combo .combo-box-popup .list-cell:hover {
|
||||
-fx-background-color: #8b5cf6;
|
||||
}
|
||||
|
||||
.browser-tabs {
|
||||
-fx-background-color: #0f0f1a;
|
||||
}
|
||||
|
||||
.browser-tabs .tab-header-area {
|
||||
-fx-background-color: #12121f;
|
||||
-fx-padding: 6px 6px 0 6px;
|
||||
}
|
||||
|
||||
.browser-tabs .tab-header-background {
|
||||
-fx-background-color: #12121f;
|
||||
}
|
||||
|
||||
.browser-tabs .tab {
|
||||
-fx-background-color: #1a1a2e;
|
||||
-fx-background-radius: 8px 8px 0 0;
|
||||
-fx-padding: 8px 16px;
|
||||
}
|
||||
|
||||
.browser-tabs .tab:selected {
|
||||
-fx-background-color: #252542;
|
||||
}
|
||||
|
||||
.browser-tabs .tab .tab-label {
|
||||
-fx-text-fill: #aaa;
|
||||
-fx-font-size: 13px;
|
||||
}
|
||||
|
||||
.browser-tabs .tab:selected .tab-label {
|
||||
-fx-text-fill: white;
|
||||
}
|
||||
|
||||
.side-panel {
|
||||
-fx-background-color: #1a1a2e;
|
||||
-fx-border-color: #2a2a4a;
|
||||
-fx-border-width: 0 0 0 1px;
|
||||
}
|
||||
|
||||
.panel-label {
|
||||
-fx-text-fill: white;
|
||||
-fx-font-size: 15px;
|
||||
-fx-font-weight: bold;
|
||||
-fx-padding: 6px 0;
|
||||
}
|
||||
|
||||
.panel-list {
|
||||
-fx-background-color: #1e1e32;
|
||||
-fx-background-radius: 8px;
|
||||
}
|
||||
|
||||
.panel-list .list-cell {
|
||||
-fx-background-color: transparent;
|
||||
-fx-text-fill: #ccc;
|
||||
-fx-padding: 10px 12px;
|
||||
-fx-font-size: 12px;
|
||||
}
|
||||
|
||||
.panel-list .list-cell:hover {
|
||||
-fx-background-color: #2a2a4a;
|
||||
}
|
||||
|
||||
.panel-list .list-cell:selected {
|
||||
-fx-background-color: #8b5cf6;
|
||||
-fx-text-fill: white;
|
||||
}
|
||||
|
||||
.panel-button {
|
||||
-fx-background-color: #8b5cf6;
|
||||
-fx-text-fill: white;
|
||||
-fx-padding: 10px 16px;
|
||||
-fx-background-radius: 8px;
|
||||
-fx-cursor: hand;
|
||||
-fx-font-size: 12px;
|
||||
}
|
||||
|
||||
.panel-button:hover {
|
||||
-fx-background-color: #7c3aed;
|
||||
}
|
||||
|
||||
.separator .line {
|
||||
-fx-border-color: #2a2a4a;
|
||||
}
|
||||
|
||||
.scroll-bar {
|
||||
-fx-background-color: transparent;
|
||||
}
|
||||
|
||||
.scroll-bar .thumb {
|
||||
-fx-background-color: #3a3a5a;
|
||||
-fx-background-radius: 4px;
|
||||
}
|
||||
|
||||
.scroll-bar .thumb:hover {
|
||||
-fx-background-color: #8b5cf6;
|
||||
}
|
||||
|
||||
.scroll-bar .increment-button, .scroll-bar .decrement-button {
|
||||
-fx-background-color: transparent;
|
||||
-fx-padding: 0;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
-fx-background-color: #252542;
|
||||
-fx-text-fill: white;
|
||||
-fx-font-size: 12px;
|
||||
-fx-padding: 8px 12px;
|
||||
-fx-background-radius: 6px;
|
||||
}
|
||||
Reference in New Issue
Block a user