Add default tags to everything in index.scss & python script for creating themes that group duplicate colors
This commit is contained in:
parent
bddee4c921
commit
319ecbc80c
|
@ -0,0 +1,34 @@
|
|||
|
||||
import re
|
||||
|
||||
num_lines = 230
|
||||
scss = open("theme_base/css/index.scss").readlines()
|
||||
|
||||
reused_colors = {}
|
||||
|
||||
for line_num in list(range(0, num_lines)):
|
||||
match = re.search(r'\$([a-z,\-]+): ([0-9,a-f,A-F,#]+)', scss[line_num])
|
||||
if match is None:
|
||||
continue
|
||||
name, value = match.groups()
|
||||
if value in reused_colors:
|
||||
reused_colors[value] += [name]
|
||||
else:
|
||||
reused_colors[value] = [name]
|
||||
|
||||
|
||||
print(reused_colors)
|
||||
|
||||
out = open('out_theme.scss', 'w')
|
||||
|
||||
index = 1
|
||||
for value, names in reused_colors.items():
|
||||
if len(names) > 1: # duplicates! bunch em up
|
||||
new_var_name = f'$unnamed-{index}'
|
||||
out.write(f'{new_var_name}: {value};\n')
|
||||
for n in names:
|
||||
out.write(f'${n}: {new_var_name};\n')
|
||||
index += 1
|
||||
else:
|
||||
out.write(f'${names[0]}: {value};\n')
|
||||
out.write('\n')
|
|
@ -1,232 +1,232 @@
|
|||
$link-fg: #346;
|
||||
$text-fg: #444;
|
||||
$link-fg: #346 !default;
|
||||
$text-fg: #444 !default;
|
||||
$body-bg-top: #375976 !default;
|
||||
$body-bg-bottom: #E9EEF2 !default;
|
||||
|
||||
|
||||
/* generic input elements */
|
||||
$input-fg: #000;
|
||||
$input-bg: #fff;
|
||||
$input-border: #7f9db9;
|
||||
$input-border-hover: #454545;
|
||||
$input-border-focus: #454545;
|
||||
$input-text-disabled-bg: #eee;
|
||||
$input-valid-bg: #f5fff0;
|
||||
$input-invalid-bg: #fff0f0;
|
||||
$input-fg: #000 !default;
|
||||
$input-bg: #fff !default;
|
||||
$input-border: #7f9db9 !default;
|
||||
$input-border-hover: #454545 !default;
|
||||
$input-border-focus: #454545 !default;
|
||||
$input-text-disabled-bg: #eee !default;
|
||||
$input-valid-bg: #f5fff0 !default;
|
||||
$input-invalid-bg: #fff0f0 !default;
|
||||
|
||||
/* buttons */
|
||||
$button-fg: $input-fg;
|
||||
$button-bg: #cde7ff;
|
||||
$button-bg-highlight: #fff;
|
||||
$button-border: #aaa;
|
||||
$button-bg-hover: #dceeff;
|
||||
$button-border-hover: #aaa;
|
||||
$button-fg: $input-fg !default;
|
||||
$button-bg: #cde7ff !default;
|
||||
$button-bg-highlight: #fff !default;
|
||||
$button-border: #aaa !default;
|
||||
$button-bg-hover: #dceeff !default;
|
||||
$button-border-hover: #aaa !default;
|
||||
|
||||
$button-quickbuttons-fg-hover: #aa7700;
|
||||
$button-quickbuttons-fg-hover: #aa7700 !default;
|
||||
|
||||
/* element groups */
|
||||
$fieldset-border: #c4c4c4;
|
||||
$fieldset-legend-fg: #444;
|
||||
$fieldset-border: #c4c4c4 !default;
|
||||
$fieldset-legend-fg: #444 !default;
|
||||
|
||||
$heading-fg: #000;
|
||||
$heading-fg: #000 !default;
|
||||
|
||||
$block-header-fg: #666;
|
||||
$blockquote-fg: #000;
|
||||
$blockquote-border: #99a;
|
||||
$blockquote-bg1: #d7daec;
|
||||
$blockquote-bg2: #e7eafc;
|
||||
$block-header-fg: #666 !default;
|
||||
$blockquote-fg: #000 !default;
|
||||
$blockquote-border: #99a !default;
|
||||
$blockquote-bg1: #d7daec !default;
|
||||
$blockquote-bg2: #e7eafc !default;
|
||||
|
||||
$blockcode-bg: #eef;
|
||||
$blockcode-border: #999;
|
||||
$blockcode-bg: #eef !default;
|
||||
$blockcode-border: #999 !default;
|
||||
|
||||
$bbc-link-fg: #a8b6cf;
|
||||
$bbc-link-hover: #346;
|
||||
$bbc-link-fg: #a8b6cf !default;
|
||||
$bbc-link-hover: #346 !default;
|
||||
|
||||
$slashme-fg: red;
|
||||
$slashme-fg: red !default;
|
||||
|
||||
$highlighted-obvious-text-fg: #ff7200;
|
||||
$highlighted-subtle-text-fg: #000;
|
||||
$highlighted-subtle-text-bg: #d1e1ef;
|
||||
$highlighted-obvious-text-fg: #ff7200 !default;
|
||||
$highlighted-subtle-text-fg: #000 !default;
|
||||
$highlighted-subtle-text-bg: #d1e1ef !default;
|
||||
|
||||
$ui-title-fg: #222;
|
||||
$ui-title-hover-fg: #53616f;
|
||||
$ui-title-bg-top: #e3e9ef;
|
||||
$ui-title-bg-bottom: #d1d6dd;
|
||||
$ui-title-fg: #222 !default;
|
||||
$ui-title-hover-fg: #53616f !default;
|
||||
$ui-title-bg-top: #e3e9ef !default;
|
||||
$ui-title-bg-bottom: #d1d6dd !default;
|
||||
|
||||
$ui-title-bar-bg-top: #ccd6e0;
|
||||
$ui-title-bar-bg-bottom: #b1bbc5;
|
||||
$ui-title-bar-bg-top: #ccd6e0 !default;
|
||||
$ui-title-bar-bg-bottom: #b1bbc5 !default;
|
||||
|
||||
$ui-title-bar-ic-bg-top: #e3e9ef;
|
||||
$ui-title-bar-ic-bg-bottom: #d1d6dd;
|
||||
$ui-title-bar-ic-bg-top: #e3e9ef !default;
|
||||
$ui-title-bar-ic-bg-bottom: #d1d6dd !default;
|
||||
|
||||
$ui-category-fg: #fff;
|
||||
$ui-category-fg2: #feb;
|
||||
$ui-category-hover-fg: #fd9;
|
||||
$ui-category-hover-fg2: #fff;
|
||||
$ui-category-bg-top: #a7b9cd;
|
||||
$ui-category-bg-bottom: #738599;
|
||||
$ui-category-fg: #fff !default;
|
||||
$ui-category-fg2: #feb !default;
|
||||
$ui-category-hover-fg: #fd9 !default;
|
||||
$ui-category-hover-fg2: #fff !default;
|
||||
$ui-category-bg-top: #a7b9cd !default;
|
||||
$ui-category-bg-bottom: #738599 !default;
|
||||
|
||||
$ui-cat-bar-bg-top: #a7b9cd;
|
||||
$ui-cat-bar-bg-bottom: #738599;
|
||||
$ui-cat-bar-bg-top: #a7b9cd !default;
|
||||
$ui-cat-bar-bg-bottom: #738599 !default;
|
||||
|
||||
$ui-title-or-category-border-bottom: $ui-category-fg;
|
||||
$ui-title-or-category-border-bottom: $ui-category-fg !default;
|
||||
|
||||
$ui-grid-border: #fff;
|
||||
$ui-grid-border: #fff !default;
|
||||
|
||||
$ui-window-fg: #000;
|
||||
$ui-window-bg1: #e7eaef;
|
||||
$ui-window-bg2: #f0f4f7;
|
||||
$ui-window-bg3: #cacdd3;
|
||||
$ui-window-fg: #000 !default;
|
||||
$ui-window-bg1: #e7eaef !default;
|
||||
$ui-window-bg2: #f0f4f7 !default;
|
||||
$ui-window-bg3: #cacdd3 !default;
|
||||
|
||||
$ui-post-awaiting-approval-fg: #000;
|
||||
$ui-post-awaiting-approval-bg1: #ffeaea;
|
||||
$ui-post-awaiting-approval-bg2: #fff2f2;
|
||||
$ui-post-awaiting-approval-fg: #000 !default;
|
||||
$ui-post-awaiting-approval-bg1: #ffeaea !default;
|
||||
$ui-post-awaiting-approval-bg2: #fff2f2 !default;
|
||||
|
||||
$ui-topic-awaiting-approval-fg: #000;
|
||||
$ui-topic-awaiting-approval-bg1: #e4a17c;
|
||||
$ui-topic-awaiting-approval-bg2: #f3bd9f;
|
||||
$ui-topic-awaiting-approval-fg: #000 !default;
|
||||
$ui-topic-awaiting-approval-bg1: #e4a17c !default;
|
||||
$ui-topic-awaiting-approval-bg2: #f3bd9f !default;
|
||||
|
||||
$ui-topic-split-post-border-top: #fff;
|
||||
$ui-topic-split-post-border-top: #fff !default;
|
||||
|
||||
$ui-approval-top-slice-bg: $ui-post-awaiting-approval-bg1;
|
||||
$ui-approval-bottom-slice-bg: $ui-window-bg1;
|
||||
$ui-approval-top-slice-bg: $ui-post-awaiting-approval-bg1 !default;
|
||||
$ui-approval-bottom-slice-bg: $ui-window-bg1 !default;
|
||||
|
||||
$ui-topic-sticky-bg1: #e8d8cf;
|
||||
$ui-topic-sticky-bg2: #f2e3d9;
|
||||
$ui-topic-sticky-bg1: #e8d8cf !default;
|
||||
$ui-topic-sticky-bg2: #f2e3d9 !default;
|
||||
|
||||
$ui-topic-locked-bg1: #d4dce2;
|
||||
$ui-topic-locked-bg2: #d8e1e7;
|
||||
$ui-topic-locked-bg1: #d4dce2 !default;
|
||||
$ui-topic-locked-bg2: #d8e1e7 !default;
|
||||
|
||||
$ui-topic-head-bottom-border: #fff;
|
||||
$ui-post-border: #7f7f7f;
|
||||
$ui-topic-head-bottom-border: #fff !default;
|
||||
$ui-post-border: #7f7f7f !default;
|
||||
|
||||
$ui-upshrink-header-last-border-top: #bbb;
|
||||
$ui-upshrink-header-last-border-top: #bbb !default;
|
||||
|
||||
$ui-signature-border-top: #aaa;
|
||||
$ui-signature-border-top: #aaa !default;
|
||||
|
||||
$ui-error-fg: red;
|
||||
$ui-alert-fg: red;
|
||||
$ui-success-fg: green;
|
||||
$ui-calendar-birthday-fg: #920ac4;
|
||||
$ui-calendar-event-fg: #078907;
|
||||
$ui-calendar-holiday-fg: #000080;
|
||||
$ui-calendar-today-bg: #fff;
|
||||
$ui-calendar-modify-fg: red;
|
||||
$ui-error-fg: red !default;
|
||||
$ui-alert-fg: red !default;
|
||||
$ui-success-fg: green !default;
|
||||
$ui-calendar-birthday-fg: #920ac4 !default;
|
||||
$ui-calendar-event-fg: #078907 !default;
|
||||
$ui-calendar-holiday-fg: #000080 !default;
|
||||
$ui-calendar-today-bg: #fff !default;
|
||||
$ui-calendar-modify-fg: red !default;
|
||||
|
||||
$warn-mute-fg: red;
|
||||
$warn-moderate-fg: #ffa500;
|
||||
$warn-watch-fg: green;
|
||||
$warn-mute-fg: red !default;
|
||||
$warn-moderate-fg: #ffa500 !default;
|
||||
$warn-watch-fg: green !default;
|
||||
|
||||
$ui-moderation-link-fg: red;
|
||||
$ui-moderation-link-fg: red !default;
|
||||
|
||||
$ui-registration-error-border: red;
|
||||
$ui-registration-error-border: red !default;
|
||||
|
||||
// not sure what a 'description' is or where it shows up.
|
||||
$ui-description-border: #bbb;
|
||||
$ui-description-bg: #f5f5f0;
|
||||
$ui-description-border: #bbb !default;
|
||||
$ui-description-bg: #f5f5f0 !default;
|
||||
|
||||
$ui-information-border: $ui-description-border;
|
||||
$ui-information-bg: $ui-description-bg;
|
||||
$ui-information-border: $ui-description-border !default;
|
||||
$ui-information-bg: $ui-description-bg !default;
|
||||
|
||||
$ui-ajax-progress-bar-bg: url(../images/theme/loadingbar.png) repeat-x;
|
||||
$ui-ajax-progress-bar-fg: #f96f00;
|
||||
$ui-ajax-progress-link-fg: orange;
|
||||
$ui-ajax-progress-bar-bg: url(../images/theme/loadingbar.png) repeat-x !default;
|
||||
$ui-ajax-progress-bar-fg: #f96f00 !default;
|
||||
$ui-ajax-progress-link-fg: orange !default;
|
||||
|
||||
$ui-table-inside-border: #fff;
|
||||
$ui-table-inside-border: #fff !default;
|
||||
|
||||
$ui-roundframe-bg: #f5f5f5;
|
||||
$ui-roundframe-border: #c5c5c5;
|
||||
$ui-roundframe-bg: #f5f5f5 !default;
|
||||
$ui-roundframe-border: #c5c5c5 !default;
|
||||
|
||||
$ui-autosuggest-border: #000;
|
||||
$ui-autosuggest-item-bg: #ddd;
|
||||
$ui-autosuggest-item-hover-bg: #888;
|
||||
$ui-autosuggest-item-hover-fg: #eee;
|
||||
$ui-autosuggest-border: #000 !default;
|
||||
$ui-autosuggest-item-bg: #ddd !default;
|
||||
$ui-autosuggest-item-hover-bg: #888 !default;
|
||||
$ui-autosuggest-item-hover-fg: #eee !default;
|
||||
|
||||
$ui-dropmenu-fg: #000;
|
||||
$ui-dropmenu-border: #999;
|
||||
$ui-dropmenu-bg-top: #fffffe;
|
||||
$ui-dropmenu-bg-bottom: #dbdfe5;
|
||||
$ui-dropmenu-shadow: #88888866;
|
||||
$ui-dropmenu-active-button-fg: #fff;
|
||||
$ui-dropmenu-active-button-bg: #fd9604;
|
||||
$ui-dropmenu-hover-fg1: #fff;
|
||||
$ui-dropmenu-hover-bg1: #5a6c85;
|
||||
$ui-dropmenu-hover-fg2: #000;
|
||||
$ui-dropmenu-hover-bg2: #d4dbe4;
|
||||
$ui-dropmenu-additional-items-bg: #fff;
|
||||
$ui-dropmenu-fg: #000 !default;
|
||||
$ui-dropmenu-border: #999 !default;
|
||||
$ui-dropmenu-bg-top: #fffffe !default;
|
||||
$ui-dropmenu-bg-bottom: #dbdfe5 !default;
|
||||
$ui-dropmenu-shadow: #88888866 !default;
|
||||
$ui-dropmenu-active-button-fg: #fff !default;
|
||||
$ui-dropmenu-active-button-bg: #fd9604 !default;
|
||||
$ui-dropmenu-hover-fg1: #fff !default;
|
||||
$ui-dropmenu-hover-bg1: #5a6c85 !default;
|
||||
$ui-dropmenu-hover-fg2: #000 !default;
|
||||
$ui-dropmenu-hover-bg2: #d4dbe4 !default;
|
||||
$ui-dropmenu-additional-items-bg: #fff !default;
|
||||
|
||||
$ui-buttonlist-fg: #000;
|
||||
$ui-buttonlist-bg: #e8e8e8;
|
||||
$ui-buttonlist-hover-fg: $ui-dropmenu-active-button-fg;
|
||||
$ui-buttonlist-hover-bg: $ui-dropmenu-active-button-bg;
|
||||
$ui-buttonlist-active-fg: $ui-dropmenu-hover-fg1;
|
||||
$ui-buttonlist-active-bg: $ui-dropmenu-hover-bg1;
|
||||
$ui-buttonlist-active-hover-fg: #ddf;
|
||||
$ui-buttonlist-fg: #000 !default;
|
||||
$ui-buttonlist-bg: #e8e8e8 !default;
|
||||
$ui-buttonlist-hover-fg: $ui-dropmenu-active-button-fg !default;
|
||||
$ui-buttonlist-hover-bg: $ui-dropmenu-active-button-bg !default;
|
||||
$ui-buttonlist-active-fg: $ui-dropmenu-hover-fg1 !default;
|
||||
$ui-buttonlist-active-bg: $ui-dropmenu-hover-bg1 !default;
|
||||
$ui-buttonlist-active-hover-fg: #ddf !default;
|
||||
|
||||
/* viv note: here i realized i might have -top and -bottom backwards for everything above. */
|
||||
$ui-page-bg-top: #c9d7e7;
|
||||
$ui-page-bg-mid: #ffffff;
|
||||
$ui-page-bg-bottom: #e1e9f3;
|
||||
$ui-page-border: #b7b7b7;
|
||||
$ui-page-bg-top: #c9d7e7 !default;
|
||||
$ui-page-bg-mid: #ffffff !default;
|
||||
$ui-page-bg-bottom: #e1e9f3 !default;
|
||||
$ui-page-border: #b7b7b7 !default;
|
||||
|
||||
$ui-upper-section-top: #c2cedeff;
|
||||
$ui-upper-section-bottom: #c2cede00;
|
||||
$ui-upper-section-top: #c2cedeff !default;
|
||||
$ui-upper-section-bottom: #c2cede00 !default;
|
||||
|
||||
$ui-linktree-border-top: #ccc;
|
||||
$ui-linktree-border-top: #ccc !default;
|
||||
|
||||
$ui-board-title-fg: #d97b33;
|
||||
$ui-board-children-fg: #555;
|
||||
$ui-board-title-fg: #d97b33 !default;
|
||||
$ui-board-children-fg: #555 !default;
|
||||
|
||||
$ui-news-fade-scroller-fg: #575757;
|
||||
$ui-news-fade-scroller-fg: #575757 !default;
|
||||
|
||||
$poll-border: #9999aa;
|
||||
$poll-border: #9999aa !default;
|
||||
|
||||
$ui-modify-button-fg: #334466;
|
||||
$ui-modify-button-fg: #334466 !default;
|
||||
|
||||
$activity-stats-border: #000;
|
||||
$activity-stats-bar: #6294ce;
|
||||
$activity-stats-border: #000 !default;
|
||||
$activity-stats-bar: #6294ce !default;
|
||||
|
||||
$horizontal-rule: #ccc;
|
||||
$horizontal-rule: #ccc !default;
|
||||
|
||||
$ui-coppa-fg: #000;
|
||||
$ui-coppa-bg: #fff;
|
||||
$ui-coppa-border: #000;
|
||||
$ui-coppa-fg: #000 !default;
|
||||
$ui-coppa-bg: #fff !default;
|
||||
$ui-coppa-border: #000 !default;
|
||||
|
||||
$ui-errorbox-fg: #000;
|
||||
$ui-errorbox-bg: #ffe4e9;
|
||||
$ui-errorbox-border: #cc3344;
|
||||
$ui-errorbox-fg: #000 !default;
|
||||
$ui-errorbox-bg: #ffe4e9 !default;
|
||||
$ui-errorbox-border: #cc3344 !default;
|
||||
|
||||
$ui-profile-detail-border-bottom: #ccc;
|
||||
$ui-profile-signature-border-top: #ccc;
|
||||
$ui-profile-detail-border-bottom: #ccc !default;
|
||||
$ui-profile-signature-border-top: #ccc !default;
|
||||
|
||||
$ui-profile-error-fg: #ff0000;
|
||||
$ui-profile-error-bg: #fee;
|
||||
$ui-profile-error-border: #ff0000;
|
||||
$ui-profile-error-fg: #ff0000 !default;
|
||||
$ui-profile-error-bg: #fee !default;
|
||||
$ui-profile-error-border: #ff0000 !default;
|
||||
|
||||
$ui-profile-success-fg: green;
|
||||
$ui-profile-success-bg: #efe;
|
||||
$ui-profile-success-border: green;
|
||||
$ui-profile-success-fg: green !default;
|
||||
$ui-profile-success-bg: #efe !default;
|
||||
$ui-profile-success-border: green !default;
|
||||
|
||||
$ui-poster-detail-item-fg: #c06002; /* ??? */
|
||||
$ui-poster-detail-item-fg: #c06002 !default; /* ??? */
|
||||
|
||||
$ui-inner-border-top: #99a; /* inner what? */
|
||||
$ui-inner-border-top: #99a !default; /* inner what? */
|
||||
|
||||
$ui-post-more-options-border-bottom: #cacdd3;
|
||||
$ui-post-attachment-border-bottom: #cacdd3;
|
||||
$ui-post-more-options-border-bottom: #cacdd3 !default;
|
||||
$ui-post-attachment-border-bottom: #cacdd3 !default;
|
||||
|
||||
$ui-post-counter: #3f3f3f; /* what? */
|
||||
$ui-post-list-border-top: #b3b3bf;
|
||||
$ui-post-counter: #3f3f3f !default; /* what? */
|
||||
$ui-post-list-border-top: #b3b3bf !default;
|
||||
|
||||
$ui-ignore-boards-border-bottom: #c4c4c4;
|
||||
$ui-ignore-boards-border-bottom-hover: #334466;
|
||||
$ui-ignore-boards-border-bottom: #c4c4c4 !default;
|
||||
$ui-ignore-boards-border-bottom-hover: #334466 !default;
|
||||
|
||||
$ui-pm-capacity-bar-bg: #f0f4f7;
|
||||
$ui-pm-capacity-bar-border: #adadad;
|
||||
$ui-pm-capacity-bar-bg-empty: #a6d69d;
|
||||
$ui-pm-capacity-bar-bg-filled: #eea800;
|
||||
$ui-pm-capacity-bar-bg-full: #f10909;
|
||||
$ui-pm-capacity-bar-bg: #f0f4f7 !default;
|
||||
$ui-pm-capacity-bar-border: #adadad !default;
|
||||
$ui-pm-capacity-bar-bg-empty: #a6d69d !default;
|
||||
$ui-pm-capacity-bar-bg-filled: #eea800 !default;
|
||||
$ui-pm-capacity-bar-bg-full: #f10909 !default;
|
||||
|
||||
$ui-addrules-fg: #333; /* no idea what this is */
|
||||
$ui-addrules-fg: #333 !default; /* no idea what this is */
|
||||
|
||||
/* Styles for the general looks for the Curve theme.
|
||||
------------------------------------------------------- */
|
||||
|
|
Loading…
Reference in New Issue