summaryrefslogtreecommitdiff
path: root/kiwiirc/static/themes/grayfox
diff options
context:
space:
mode:
Diffstat (limited to 'kiwiirc/static/themes/grayfox')
-rw-r--r--kiwiirc/static/themes/grayfox/theme.css143
1 files changed, 143 insertions, 0 deletions
diff --git a/kiwiirc/static/themes/grayfox/theme.css b/kiwiirc/static/themes/grayfox/theme.css
new file mode 100644
index 0000000..3542b13
--- /dev/null
+++ b/kiwiirc/static/themes/grayfox/theme.css
@@ -0,0 +1,143 @@
+@import '../common/base.css';
+
+:root {
+ /* Primary Variables */
+ --brand-primary: #747c88;
+ --brand-primary-hover: #9098a2;
+ --brand-midtone: #f1f1f1;
+ --brand-darktone: #969696;
+ --brand-default-bg: #fff;
+ --brand-default-fg: #22231f;
+
+ /* Warning colors */
+ --brand-notice: #f6c358;
+ --brand-warning: #fcb46e;
+ --brand-error: #bf5155;
+
+ /* Connection Indicator top */
+ --comp-workspace-before-bg: var(--brand-primary);
+ --comp-bg-kiwi-workspace--disconnected-after-bg: var(--brand-error);
+
+ /* Container Header */
+ --comp-header-bg: var(--brand-default-bg);
+ --comp-header-name-fg: var(--brand-default-fg);
+ --comp-header-option-active-fg: var(--brand-default-bg);
+ --comp-header-option-active-bg: var(--brand-primary);
+
+ /* StateBrowser */
+ --comp-statebrowser-fg: #fff;
+ --comp-statebrowser-bg: #414956;
+ --comp-statebrowser-bg-networkname: #626975;
+ --comp-statebrowser-channel-active-bg: #ffffff0d;
+ --comp-statebrowser-channel-active-fg: #fff;
+ --comp-usermenu-open-bg: #303742;
+ --comp-statebrowser-network-border: #bda28e;
+
+
+ /* Sidebars ( Right Side ) */
+ --comp-sidebar-bg: #fff;
+ --comp-sidebar-fg: #22231f;
+ --comp-aboutbuffer-bg: rgba(0, 0, 0, 0.03);
+ --comp-aboutbuffer-header-bg: #42b992;
+
+ /* Misc */
+ --brand-link-normal: var(--brand-primary);
+ --brand-link--hover: var(--brand-primary-hover);
+ --brand-shadow: rgba(0, 0, 0, 0.1);
+ --comp-border: #b2b2b2;
+}
+
+.kiwi-appsettings-close,
+.kiwi-appsettings-block h3,
+.kiwi-networksettings .kiwi-title,
+.u-form input[type='checkbox']:after, .u-form input[type='radio']:after {
+ background-color: var(--brand-primary);
+}
+
+.kiwi-networksettings .kiwi-title {
+ border-top-color: var(--brand-primary-hover);
+}
+
+.kiwi-statebrowser-network.kiwi-statebrowser-network--active .kiwi-statebrowser-network-header {
+ border-left: 3px solid var(--brand-primary-hover);
+}
+
+.u-tabbed-view-tabs .u-tabbed-view-tab:hover,
+.u-tabbed-view-tabs .u-tabbed-view-tab.u-tabbed-view-tab--active {
+ border-bottom-color: var(--brand-primary);
+}
+
+.kiwi-statebrowser-newnetwork {
+ border-top-color: var(--brand-primary-hover);
+}
+
+.kiwi-statebrowser-newnetwork a:hover {
+ background: var(--brand-primary-hover);
+}
+
+.kiwi-network-name-options {
+ background-color: var(--comp-statebrowser-bg);
+}
+
+.kiwi-statebrowser-channel-leave {
+ background: transparent;
+}
+
+.kiwi-statebrowser-channelfilter a,
+.kiwi-statebrowser-channelfilter a:hover {
+ color: #fff;
+}
+
+.kiwi-awaystatusindicator {
+ background: #41e8c9;
+}
+.kiwi-awaystatusindicator.kiwi-awaystatusindicator--away {
+ background: var(--brand-error);
+}
+
+.kiwi-startup-common-section-info {
+ border-left-color: var(--brand-primary);
+}
+
+.kiwi-aboutbuffer h4 {
+ background-color: #4b5160;
+}
+
+.kiwi-appsettings-section {
+ background: #f1f1f1;
+}
+
+/* IRC Text Colours */
+.irc-fg-colour-white { color: #fff; }
+.irc-fg-colour-black { color: #000; }
+.irc-fg-colour-blue { color: #00f; }
+.irc-fg-colour-green { color: #009300; }
+.irc-fg-colour-light-red { color: #ff5959; }
+.irc-fg-colour-brown { color: #743a00; }
+.irc-fg-colour-purple { color: #a500ff; }
+.irc-fg-colour-orange { color: #ff8c00; }
+.irc-fg-colour-yellow { color: #ff0; }
+.irc-fg-colour-light-green { color: #6fff6f; }
+.irc-fg-colour-cyan { color: #0cc; }
+.irc-fg-colour-light-cyan { color: #6dffff; }
+.irc-fg-colour-light-blue { color: #59b4ff; }
+.irc-fg-colour-pink { color: #f0f; }
+.irc-fg-colour-grey { color: #a6a6a6; }
+.irc-fg-colour-light-grey { color: #e2e2e2; }
+
+.irc-bg-colour-white { background-color: #fff; }
+.irc-bg-colour-black { background-color: #000; }
+.irc-bg-colour-blue { background-color: #00f; }
+.irc-bg-colour-green { background-color: #009300; }
+.irc-bg-colour-light-red { background-color: #ff5959; }
+.irc-bg-colour-brown { background-color: #743a00; }
+.irc-bg-colour-purple { background-color: #a500ff; }
+.irc-bg-colour-orange { background-color: #ff8c00; }
+.irc-bg-colour-yellow { background-color: #ff0; }
+.irc-bg-colour-light-green { background-color: #6fff6f; }
+.irc-bg-colour-cyan { background-color: #0cc; }
+.irc-bg-colour-light-cyan { background-color: #6dffff; }
+.irc-bg-colour-light-blue { background-color: #59b4ff; }
+.irc-bg-colour-pink { background-color: #f0f; }
+.irc-bg-colour-grey { background-color: #a6a6a6; }
+.irc-bg-colour-light-grey { background-color: #e2e2e2; }