mirror of https://github.com/lukechilds/polar.git
jamaljsr
5 years ago
9 changed files with 46900 additions and 92 deletions
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -0,0 +1,5 @@ |
|||
# Polar Themes |
|||
|
|||
Polar currently supports two themes, `light` and `dark`, based primarily on the two themes available in [antd](https://next.ant.design/docs/react/customize-theme). The only reason to change the files in this folder is if you wish to customize the global styles provided by antd. |
|||
|
|||
If you update one of these files, be sure to run `yarn theme` to update the CSS files that the app actually uses. The reason for using css files is to simplify swapping the styles during runtime. Since the antd stylesheets are in LESS format, they first need to be compiled into CSS before they can be used in Electron. Compiling the LESS files at runtime would be an unnecessary performance burden on the user as they toggle between the themes. |
@ -0,0 +1,3 @@ |
|||
@import 'antd/dist/antd.dark.less'; |
|||
|
|||
@primary-color: #d46b08; |
@ -1,40 +0,0 @@ |
|||
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|||
const { blue, red, gold } = require('@ant-design/colors'); |
|||
|
|||
module.exports = { |
|||
'@body-background': '#000C17', |
|||
'@component-background': '#08121C', |
|||
'@layout-header-background': '#001529', |
|||
'@layout-sider-background': '#001529', |
|||
'@text-color': '#D9D9D9', |
|||
'@text-color-secondary': '#D9D9D9', |
|||
'@heading-color': 'fade(#D9D9D9,85%)', |
|||
'@layout-body-background': '#000C17', |
|||
'@pro-header-box-shadow': '0 1px 4px 0 rgba(0,21,41,0.12)', |
|||
'@btn-default-bg': '#13222E', |
|||
'@btn-primary-bg': '#052F61', |
|||
'@border-color-split': '#172C41', |
|||
'@input-bg': '#08121C', |
|||
'@border-color-base': 'rgba(255, 255, 255, 0.25)', |
|||
'@btn-default-border': '#13222E', |
|||
|
|||
'@table-header-bg': '#0A1A2B', |
|||
'@table-row-hover-bg': '#0F2239', |
|||
'@table-selected-row-bg': '#0F2239', |
|||
|
|||
'@tag-default-bg': '#13222E', |
|||
'@alert-info-bg-color': '#102134', |
|||
'@highlight-color': red[7], |
|||
'@warning-color': gold[9], |
|||
'@card-actions-background': '#08121C', |
|||
'@primary-color': '#FF9500', |
|||
'@item-hover-bg': `fade(${blue[5]}, 20%)`, |
|||
'@item-active-bg': `fade(${blue[5]}, 40%)`, |
|||
'@checkbox-check-color': '#13222E', |
|||
'@disabled-color': '#404C56', |
|||
'@input-disabled-bg': '#404C56', |
|||
|
|||
'@background-color-light': '#001529', |
|||
|
|||
'@popover-bg': '#08121C', |
|||
}; |
@ -0,0 +1,3 @@ |
|||
@import 'antd/dist/antd.less'; |
|||
|
|||
@primary-color: #fa8c16; |
Loading…
Reference in new issue