tyler.durden
/
cockpit-navigator
mirror of https://github.com/45Drives/cockpit-navigator.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

update css stylings

This commit is contained in:
joshuaboud 2021-05-28 12:17:42 -03:00
parent e6b39567a2
commit 66b040841d
No known key found for this signature in database
GPG Key ID: 17EFB59E2A8BF50E
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
navigator/navigator.css
View File

@ -20,7 +20,7 @@
/* white style */ /* white style */
--container: #fff; --container: #fff;
--border: #bebebe; --border: #bebebe;
--navigation: #f0f0f0; --navigation: #fff;
--font: #1c1c1c; --font: #1c1c1c;
--selected: #fff; --selected: #fff;
--toggle-light: #151515; --toggle-light: #151515;
@ -31,6 +31,8 @@
--loading-bg-color: rgba(255, 255, 255, 0.5); --loading-bg-color: rgba(255, 255, 255, 0.5);
--textarea-bg: var(--navigation); --textarea-bg: var(--navigation);
--logo-45: #333; --logo-45: #333;
--nav-entry-color: #4f99e4;
--nav-border-radius: 4px;
} }
[data-theme="dark"] { [data-theme="dark"] {
@ -46,6 +48,7 @@
--loading-bg-color: rgba(33, 36, 39, 0.5); --loading-bg-color: rgba(33, 36, 39, 0.5);
--textarea-bg: var(--navigation); --textarea-bg: var(--navigation);
--logo-45: #fff; --logo-45: #fff;
--nav-entry-color: var(--border);
} }
.pf-c-button:disabled[data-theme="dark"] { .pf-c-button:disabled[data-theme="dark"] {
@ -114,7 +117,6 @@ body::-webkit-scrollbar-thumb {
border: 3px solid var(--scrollbar-bg); border: 3px solid var(--scrollbar-bg);
} }
.flex-row { .flex-row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -178,7 +180,7 @@ input[type="text"] {
flex-grow: 8; flex-grow: 8;
background-color: var(--navigation); background-color: var(--navigation);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 4px; border-radius: var(--nav-border-radius);
padding: 0.5em; padding: 0.5em;
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
@ -202,7 +204,7 @@ input[type="text"] {
.nav-item-selected { .nav-item-selected {
background-color: var(--selected); background-color: var(--selected);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 4px; border-radius: var(--nav-border-radius);
box-sizing: border-box; box-sizing: border-box;
padding: 2px; padding: 2px;
} }
@ -212,11 +214,11 @@ input[type="text"] {
overflow-wrap: anywhere; overflow-wrap: anywhere;
} }
.nav-item .nav-file-icon { .nav-item .nav-item-icon {
text-align: center; text-align: center;
width: 100px; width: 100px;
font-size: 80px; font-size: 80px;
color: var(--border); color: var(--nav-entry-color);
} }
.nav-info-column { .nav-info-column {
@ -225,7 +227,7 @@ input[type="text"] {
flex-grow: 3; flex-grow: 3;
padding: 1em; padding: 1em;
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 4px; border-radius: var(--nav-border-radius);
} }
.nav-info-column-filename { .nav-info-column-filename {
@ -291,7 +293,7 @@ input[type="text"] {
overflow: auto; overflow: auto;
resize: none; resize: none;
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 4px; border-radius: var(--nav-border-radius);
outline: none; outline: none;
padding: 5px; padding: 5px;
color: var(--font); color: var(--font);