Skip to content
This repository has been archived by the owner on Aug 7, 2023. It is now read-only.

Commit

Permalink
feat: optimism viewer
Browse files Browse the repository at this point in the history
  • Loading branch information
@logeast
logeast committed Dec 23, 2020
1 parent d3cdcc5 commit 483593d
Show file tree
Hide file tree
Showing 7 changed files with 184 additions and 24 deletions.
189 changes: 170 additions & 19 deletions css/theme.dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ body[data-theme-mode='dark'] {
--dark-bg-canvas: #222;
--dark-border-primary: #4c4c4c;
--dark-border-secondary: #2f2f2f;
--dark-text-primary: #c9d1d9;
--dark-text-primary: #fff; /*#c9d1d9;*/
--dark-text-secondary: #8b949e;
}

Expand Down Expand Up @@ -140,13 +140,124 @@ body[data-theme-mode='dark'] {
[data-theme-mode='dark'] [class*='pages_panel--pageRow'] {
background-color: var(--dark-bg-canvas);
}
[data-theme-mode='dark'] [class*='profile_resources_grid--selected'],
[data-theme-mode='dark'] [class*='profile_resources_grid--tabLink']:hover {
color: var(--dark-text-primary);
}
[data-theme-mode='dark'] [class*='profile_resources_grid--profileDataHandle'],
[data-theme-mode='dark'] [class*='profile_resources_grid--tabLink'] {
color: var(--dark-text-secondary);
}
[data-theme-mode='dark'] [class*='community_hub_banner--bannerContainer'] {
background-color: var(--dark-bg-primary);
}

[data-theme-mode='dark'] [class*='profile_resources_grid--viewBar'] {
box-shadow: 0 0 0 1px var(--dark-border-secondary);
}

[data-theme-mode='dark']
[class*='avatar--avatarWithHandle']
[class*='avatar--handle'] {
color: var(--dark-text-primary);
}

/* community detail */
[data-theme-mode='dark'] [class*='community_hub_landing--categoryHeader'],
[data-theme-mode='dark'] [class*='following_feed--sectionHeader'],
[data-theme-mode='dark']
[class*='discover_creators--discoverCreatorsLargeHeader'],
[data-theme-mode='dark'] [class*='detail_view--_name'] {
color: var(--dark-text-primary);
}

[data-theme-mode='dark'] [class*='community_hub_landing--categoryDescription'],
[data-theme-mode='dark'] [class*='following_feed--sectionHeaderSubtext'],
[data-theme-mode='dark']
[class*='discover_creators--discoverCreatorsLargeSubheader'] {
color: var(--dark-text-secondary);
}

[data-theme-mode='dark'] [class*='community_hub_landing--tabLink--'] {
color: var(--dark-text-secondary);
}

[data-theme-mode='dark'] [class*='community_hub_landing--tabLink--']:hover,
[data-theme-mode='dark'] [class*='community_hub_landing--selected--'] {
color: var(--dark-text-primary);
}

[data-theme-mode='dark'] [class*='community_hub_landing--resourceTypeViewBar'] {
border-top-color: var(--dark-border-secondary);
}

[data-theme-mode='dark']
[class*='community_hub_view_bar--stickyHeaderIsSticky'] {
border-bottom-color: var(--dark-border-secondary);
}

[data-theme-mode='dark'] [class*='category_pills--categoryPill'] {
border: 1px solid var(--dark-border-primary);
}
[data-theme-mode='dark'] [class*='community_hub_view_bar--viewBar'] {
background-color: var(--dark-bg-canvas);
}

[data-theme-mode='dark'] [class*='basic_form--btn'] {
color: var(--dark-text-primary);
border: 2px solid var(--dark-border-primary);
}
[data-theme-mode='dark'] [class*='detail_view--subheader'],
[data-theme-mode='dark'] [class*='detail_view--shareLinkIcon'],
[data-theme-mode='dark'] [class*='detail_view--shareLinkText'],
[data-theme-mode='dark'] [class*='hub_file_detail_view--remixesSeeAllLink'] {
color: var(--dark-text-primary);
fill: currentColor;
}
[data-theme-mode='dark'] [class*='tags_list--tag--'] {
color: var(--dark-text-primary);
border: 1px solid var(--dark-border-primary);
}
[data-theme-mode='dark'] [class*='detail_view--reportSection'] {
color: var(--dark-text-secondary);
}

[data-theme-mode='dark'] .ql-editor blockquote,
[data-theme-mode='dark'] .ql-editor h1,
[data-theme-mode='dark'] .ql-editor h2,
[data-theme-mode='dark'] .ql-editor ol,
[data-theme-mode='dark'] .ql-editor p,
[data-theme-mode='dark'] .ql-editor pre,
[data-theme-mode='dark'] .ql-editor ul {
color: var(--dark-text-primary);
}

/* search page */
[data-theme-mode='dark']
[class*='community_hub_landing--_communityHubContentBackground'] {
background-color: var(--dark-bg-canvas);
}
[data-theme-mode='dark'] [class*='search--searchIcon'] {
color: var(--dark-text-primary);
fill: currentColor;
}
[data-theme-mode='dark'] input {
background-color: var(--dark-bg-canvas) !important;
color: var(--dark-text-primary) !important;
}
[data-theme-mode='dark'] [class*='search_model_toggle--tabCountUnhighlighted'],
[data-theme-mode='dark'] [class*='search_results_view--emptyStateText'] {
color: var(--dark-text-primary);
}
[data-theme-mode='dark'] [class*='search_scope_toggle--selected'] {
background-color: var(--dark-bg-primary);
}

[data-theme-mode='dark']
[class*='tile_sort_filter--dropdownContainerDisabled'] {
color: var(--dark-text-secondary);
fill: currentColor;
}
/* team page */
[data-theme-mode='dark'] [class*='folder_list_card--folderCard'] {
border: 1px solid var(--dark-border-secondary);
Expand All @@ -162,6 +273,7 @@ body[data-theme-mode='dark'] {

[data-theme-mode='dark'] [class*='upgrade_section--sidebarDivider'] {
color: var(--dark-border-secondary);
background-color: var(--dark-border-secondary);
}

/* recent page */
Expand All @@ -185,6 +297,12 @@ body[data-theme-mode='dark'] {
fill: currentColor !important;
}

[data-theme-mode='dark'] [class*='search_view_bar--searchModelToggles'],
[data-theme-mode='dark'] [class*='search_view_bar--searchParameters'],
[data-theme-mode='dark'] [class*='tiles_view--listHeaderContainer'] {
background-color: var(--dark-bg-canvas);
}

/* drafts page */
[data-theme-mode='dark'] [class*='left_panel--panelContainer'],
[data-theme-mode='dark'] [class*='pages_panel--objectPanelContent'] {
Expand Down Expand Up @@ -278,7 +396,7 @@ body[data-theme-mode='dark'] {

[data-theme-mode='dark']
[class*='object_row--row'][class*='object_row--selected']:not([class*='object_row--disabled']) {
background-color: var(--dark-bg-primary);
background-color: var(--dark-bg-primary) !important;
}

[data-theme-mode='dark']
Expand Down Expand Up @@ -319,29 +437,16 @@ body[data-theme-mode='dark'] {
[class*='object_row--row'][class*='object_row--symbol'][class*='object_row--parentSelected'],
[data-theme-mode='dark']
[class*='object_row--row'][class*='object_row--symbolChild'][class*='object_row--parentSelected'] {
background-color: var(--dark-bg-primary);
}

[data-theme-mode='dark']
[class*='object_row--row'][class*='object_row--instance'][class*='object_row--selected'],
[data-theme-mode='dark']
[class*='object_row--row'][class*='object_row--instanceChild'][class*='object_row--selected'],
[data-theme-mode='dark']
[class*='object_row--row'][class*='object_row--stateGroup'][class*='object_row--selected'],
[data-theme-mode='dark']
[class*='object_row--row'][class*='object_row--symbol'][class*='object_row--selected'],
[data-theme-mode='dark']
[class*='object_row--row'][class*='object_row--symbolChild'][class*='object_row--selected'] {
background-color: var(--dark-bg-primary);
background-color: var(--dark-bg-primary) !important;
}

/* oooops! has error */
[dark-theme-mode='dark']
[class*='object_row--row'][class*='object_row--instance'][class*='object_row--topLevel'][class*='object_row--selected'],
[class*='object_row--row--'][class*='object_row--instance--'][class*='object_row--topLevel--'][class*='object_row--selected--'],
[dark-theme-mode='dark']
[class*='object_row--row'][class*='object_row--stateGroup'][class*='object_row--topLevel'][class*='object_row--selected'],
[class*='object_row--row--'][class*='object_row--stateGroup--'][class*='object_row--topLevel--'][class*='object_row--selected--'],
[dark-theme-mode='dark']
[class*='object_row--row'][class*='object_row--symbol'][class*='object_row--topLevel'][class*='object_row--selected'] {
[class*='object_row--row--'][class*='object_row--symbol--'][class*='object_row--topLevel--'][class*='object_row--selected--'] {
background-color: var(--dark-bg-primary) !important;
}

Expand Down Expand Up @@ -382,6 +487,42 @@ body[data-theme-mode='dark'] {
background-color: var(--dark-bg-primary);
}

[data-theme-mode='dark']
[class*='pages_panel--pageRow--'][class*='pages_panel--hoverByMouse']:hover,
[data-theme-mode='dark']
[class*='pages_panel--pageRow--'][class*='pages_panel--hoverState'] {
background-color: var(--dark-bg-primary);
}

[data-theme-mode='dark'] [class*='footer_banner--container'],
[data-theme-mode='dark'] [class*='footer_banner--banner'] {
background-color: var(--dark-bg-primary);
color: var(--dark-text-primary);
}

[data-theme-mode='dark'] [class*='auth_modal--modal'] {
background-color: var(--dark-bg-canvas);
color: var(--dark-text-primary);
}

[data-theme-mode='dark'] [class*='landing_form--googleButton--'] {
background-color: var(--dark-bg-canvas);
color: var(--dark-text-primary);
border: 1px solid var(--dark-border-primary);
}

[data-theme-mode='dark'] [class*='landing_form--googleButton--']:hover {
background-color: var(--dark-bg-primary);
}

[data-theme-mode='dark'] [class*='sign_in_and_up--orBlock'] {
color: var(--dark-text-secondary);
}

[data-theme-mode='dark'] [class*='auth_view--footerText'] {
color: var(--dark-text-secondary);
}

[data-theme-mode='dark']
[class*='select--container']:hover
[class*='select--input']:not([class*='select--inputDisabled'])
Expand All @@ -400,6 +541,16 @@ body[data-theme-mode='dark'] {
fill: currentColor;
}

[data-theme-mode='dark'] [class*='style_icon--image'] {
color: var(--dark-text-primary);
fill: currentColor;
}

[data-theme-mode='dark'] [class*='component_tiles--sectionHeader'] {
color: var(--dark-text-primary);
fill: currentColor;
}

/* canvas */
[data-theme-mode='dark'] [class*='fullscreen_view--page'],
[data-theme-mode='dark'] #fullscreen-root .container-view,
Expand Down
Binary file added images/logo16.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed images/logo192.png
View file
Binary file not shown.
0 images/logo.png → images/logo32.png
View file
File renamed without changes
Binary file added images/logo48.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed images/logo64.png
View file
Binary file not shown.
19 changes: 14 additions & 5 deletions manifest.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,13 @@
"version": "1.0.4",
"manifest_version": 2,
"browser_action": {
"default_icon": "images/logo.png",
"default_popup": "html/popup.html"
"default_popup": "html/popup.html",
"default_icon": {
"16": "images/logo16.png",
"32": "images/logo32.png",
"48": "images/logo48.png",
"128": "images/logo128.png"
}
},
"background": {
"scripts": [
Expand All @@ -17,6 +22,9 @@
"matches": [
"https://*.figma.com/*"
],
"exclude_globs": [
"https://*.figma.com"
],
"js": [
"js/theme.js"
],
Expand All @@ -30,8 +38,9 @@
"storage"
],
"icons": {
"16": "images/logo64.png",
"48": "images/logo128.png",
"128": "images/logo192.png"
"16": "images/logo16.png",
"32": "images/logo32.png",
"48": "images/logo48.png",
"128": "images/logo128.png"
}
}

0 comments on commit 483593d

Please sign in to comment.