diff --git a/src/renderer/components/ft-input/ft-input.css b/src/renderer/components/ft-input/ft-input.css index 12a26bdec..46c15355b 100644 --- a/src/renderer/components/ft-input/ft-input.css +++ b/src/renderer/components/ft-input/ft-input.css @@ -14,12 +14,12 @@ margin-bottom: 10px; font: 16px; height: 45px; - color: var(--teritary-text-color); - border-bottom: 1px solid var(--teritary-text-color); + color: var(--secondary-text-color); + border-bottom: 1px solid var(--secondary-text-color); } .ft-input-component ::-webkit-input-placeholder { - color: var(--teritary-text-color); + color: var(--tertiary-text-color); } .search .ft-input { @@ -57,7 +57,7 @@ } .inputAction:active { - background-color: var(--teritary-text-color); + background-color: var(--tertiary-text-color); -moz-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; transition: background 0.2s ease-in; diff --git a/src/renderer/components/ft-list-dropdown/ft-list-dropdown.css b/src/renderer/components/ft-list-dropdown/ft-list-dropdown.css index cbe33e1c3..d61933a91 100644 --- a/src/renderer/components/ft-list-dropdown/ft-list-dropdown.css +++ b/src/renderer/components/ft-list-dropdown/ft-list-dropdown.css @@ -38,7 +38,7 @@ padding-left: 15px; padding-right: 15px; cursor: pointer; - color: var(--teritary-text-color); + color: var(--tertiary-text-color); background-color: var(--secondary-card-bg-color); } @@ -52,7 +52,7 @@ padding-left: 15px; padding-right: 15px; cursor: pointer; - color: var(--teritary-text-color); + color: var(--tertiary-text-color); background-color: var(--secondary-card-bg-color); -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; diff --git a/src/renderer/components/ft-select/ft-select.css b/src/renderer/components/ft-select/ft-select.css index 4946f86bf..f6cbe2aba 100644 --- a/src/renderer/components/ft-select/ft-select.css +++ b/src/renderer/components/ft-select/ft-select.css @@ -65,7 +65,7 @@ border-left: 6px solid transparent; border-right: 6px solid transparent; pointer-events: none; - color: var(--teritary-text-color); + color: var(--tertiary-text-color); } @@ -78,7 +78,7 @@ left: 0; top: 10px; transition: 0.2s ease all; - color: var(--teritary-text-color); + color: var(--tertiary-text-color); } /* active state */ diff --git a/src/renderer/components/watch-video-info/watch-video-info.css b/src/renderer/components/watch-video-info/watch-video-info.css index 92abbf4d8..da65114e2 100644 --- a/src/renderer/components/watch-video-info/watch-video-info.css +++ b/src/renderer/components/watch-video-info/watch-video-info.css @@ -82,7 +82,7 @@ right: 15px; bottom: 0px; font-size: 12px; - color: var(--teritary-text-color); + color: var(--tertiary-text-color); } .videoOptions { diff --git a/src/renderer/themes.css b/src/renderer/themes.css index a5512b272..6dda83633 100644 --- a/src/renderer/themes.css +++ b/src/renderer/themes.css @@ -1,7 +1,7 @@ .light { --primary-text-color: #212121; --secondary-text-color: #424242; - --teritary-text-color: #757575; + --tertiary-text-color: #757575; --primary-input-color: rgba(0, 0, 0, 0.50); --primary-shadow-color: rgba(232, 232, 232, 1); --title-color: #3f7ac6; @@ -19,8 +19,8 @@ .dark { --primary-text-color: #EEEEEE; - --secondary-text-color: #E0E0E0; - --teritary-text-color: #F5F5F5; + --secondary-text-color: #ddd; + --tertiary-text-color: #888; --primary-input-color: rgba(0, 0, 0, 0.50); --primary-shadow-color: rgba(0, 0, 0, 0.75); --title-color: #EEEEEE; @@ -39,7 +39,7 @@ .gray { --primary-text-color: #EEEEEE; --secondary-text-color: #E0E0E0; - --teritary-text-color: #F5F5F5; + --tertiary-text-color: #F5F5F5; --primary-input-color: rgba(0, 0, 0, 0.50); --primary-shadow-color: rgba(0, 0, 0, 0.75); --title-color: #EEEEEE; diff --git a/src/renderer/views/Channel/Channel.css b/src/renderer/views/Channel/Channel.css index f2decc63d..5ce595b5e 100644 --- a/src/renderer/views/Channel/Channel.css +++ b/src/renderer/views/Channel/Channel.css @@ -47,7 +47,7 @@ .channelSubCount { position: absolute; - color: var(--teritary-text-color); + color: var(--tertiary-text-color); top: 50px; left: 120px; }