diff --git a/app/lib/frontend/templates/views/pkg/title_content.dart b/app/lib/frontend/templates/views/pkg/title_content.dart index 05caf90569..337025d843 100644 --- a/app/lib/frontend/templates/views/pkg/title_content.dart +++ b/app/lib/frontend/templates/views/pkg/title_content.dart @@ -20,7 +20,11 @@ d.Node copyIcon({required String package, required String version}) { classes: ['pkg-page-title-copy'], children: [ d.img( - classes: ['pkg-page-title-copy-icon', 'filter-invert-on-dark'], + classes: [ + 'pub-monochrome-icon', + 'pkg-page-title-copy-icon', + 'filter-invert-on-dark', + ], attributes: { 'data-copy-content': '$package: ^$version', 'data-ga-click-event': 'copy-package-version', diff --git a/app/test/frontend/golden/my_packages.html b/app/test/frontend/golden/my_packages.html index 04bac707d8..ba74e47f8b 100644 --- a/app/test/frontend/golden/my_packages.html +++ b/app/test/frontend/golden/my_packages.html @@ -185,7 +185,7 @@

user

oxygen - copy "oxygen: ^1.2.0" to clipboard + copy "oxygen: ^1.2.0" to clipboard
oxygen: ^1.2.0 copied to clipboard @@ -268,7 +268,7 @@

neon - copy "neon: ^1.0.0" to clipboard + copy "neon: ^1.0.0" to clipboard
neon: ^1.0.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_activity_log_page.html b/app/test/frontend/golden/pkg_activity_log_page.html index ea9e6aa88c..4c02e7efa6 100644 --- a/app/test/frontend/golden/pkg_activity_log_page.html +++ b/app/test/frontend/golden/pkg_activity_log_page.html @@ -143,7 +143,7 @@

oxygen 1.2.0 - copy "oxygen: ^1.2.0" to clipboard + copy "oxygen: ^1.2.0" to clipboard
oxygen: ^1.2.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_admin_page.html b/app/test/frontend/golden/pkg_admin_page.html index ffe711c135..8b424d50fe 100644 --- a/app/test/frontend/golden/pkg_admin_page.html +++ b/app/test/frontend/golden/pkg_admin_page.html @@ -143,7 +143,7 @@

oxygen 1.2.0 - copy "oxygen: ^1.2.0" to clipboard + copy "oxygen: ^1.2.0" to clipboard
oxygen: ^1.2.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_changelog_page.html b/app/test/frontend/golden/pkg_changelog_page.html index 6a4cc53adc..5001ba0d6e 100644 --- a/app/test/frontend/golden/pkg_changelog_page.html +++ b/app/test/frontend/golden/pkg_changelog_page.html @@ -117,7 +117,7 @@

oxygen 1.2.0 - copy "oxygen: ^1.2.0" to clipboard + copy "oxygen: ^1.2.0" to clipboard
oxygen: ^1.2.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_example_page.html b/app/test/frontend/golden/pkg_example_page.html index 1fb8363185..9a4eb851f5 100644 --- a/app/test/frontend/golden/pkg_example_page.html +++ b/app/test/frontend/golden/pkg_example_page.html @@ -117,7 +117,7 @@

oxygen 1.2.0 - copy "oxygen: ^1.2.0" to clipboard + copy "oxygen: ^1.2.0" to clipboard
oxygen: ^1.2.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_index_page.html b/app/test/frontend/golden/pkg_index_page.html index b5505a6feb..d7f9ae5454 100644 --- a/app/test/frontend/golden/pkg_index_page.html +++ b/app/test/frontend/golden/pkg_index_page.html @@ -452,7 +452,7 @@

oxygen - copy "oxygen: ^1.2.0" to clipboard + copy "oxygen: ^1.2.0" to clipboard
oxygen: ^1.2.0 copied to clipboard @@ -535,7 +535,7 @@

flutter_titanium - copy "flutter_titanium: ^1.10.0" to clipboard + copy "flutter_titanium: ^1.10.0" to clipboard
flutter_titanium: ^1.10.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_install_page.html b/app/test/frontend/golden/pkg_install_page.html index a54056c78e..ff3fab4765 100644 --- a/app/test/frontend/golden/pkg_install_page.html +++ b/app/test/frontend/golden/pkg_install_page.html @@ -117,7 +117,7 @@

oxygen 1.2.0 - copy "oxygen: ^1.2.0" to clipboard + copy "oxygen: ^1.2.0" to clipboard
oxygen: ^1.2.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_score_page.html b/app/test/frontend/golden/pkg_score_page.html index b1b3014289..343b746815 100644 --- a/app/test/frontend/golden/pkg_score_page.html +++ b/app/test/frontend/golden/pkg_score_page.html @@ -117,7 +117,7 @@

oxygen 1.2.0 - copy "oxygen: ^1.2.0" to clipboard + copy "oxygen: ^1.2.0" to clipboard
oxygen: ^1.2.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html b/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html index b1b3014289..343b746815 100644 --- a/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html +++ b/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html @@ -117,7 +117,7 @@

oxygen 1.2.0 - copy "oxygen: ^1.2.0" to clipboard + copy "oxygen: ^1.2.0" to clipboard
oxygen: ^1.2.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_show_page.html b/app/test/frontend/golden/pkg_show_page.html index c29d9019da..d2778cbd8a 100644 --- a/app/test/frontend/golden/pkg_show_page.html +++ b/app/test/frontend/golden/pkg_show_page.html @@ -117,7 +117,7 @@

oxygen 1.2.0 - copy "oxygen: ^1.2.0" to clipboard + copy "oxygen: ^1.2.0" to clipboard
oxygen: ^1.2.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_show_page_discontinued.html b/app/test/frontend/golden/pkg_show_page_discontinued.html index db4d74ee6d..5d2c85b33d 100644 --- a/app/test/frontend/golden/pkg_show_page_discontinued.html +++ b/app/test/frontend/golden/pkg_show_page_discontinued.html @@ -117,7 +117,7 @@

pkg 1.0.0 - copy "pkg: ^1.0.0" to clipboard + copy "pkg: ^1.0.0" to clipboard
pkg: ^1.0.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_show_page_flutter_plugin.html b/app/test/frontend/golden/pkg_show_page_flutter_plugin.html index b6d4d99872..6654e2111c 100644 --- a/app/test/frontend/golden/pkg_show_page_flutter_plugin.html +++ b/app/test/frontend/golden/pkg_show_page_flutter_plugin.html @@ -117,7 +117,7 @@

flutter_titanium 1.10.0 - copy "flutter_titanium: ^1.10.0" to clipboard + copy "flutter_titanium: ^1.10.0" to clipboard
flutter_titanium: ^1.10.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_show_page_publisher.html b/app/test/frontend/golden/pkg_show_page_publisher.html index 5634d37cbd..35fae69518 100644 --- a/app/test/frontend/golden/pkg_show_page_publisher.html +++ b/app/test/frontend/golden/pkg_show_page_publisher.html @@ -117,7 +117,7 @@

neon 1.0.0 - copy "neon: ^1.0.0" to clipboard + copy "neon: ^1.0.0" to clipboard
neon: ^1.0.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_show_page_retracted.html b/app/test/frontend/golden/pkg_show_page_retracted.html index 6ad3e1da11..59ad15fa80 100644 --- a/app/test/frontend/golden/pkg_show_page_retracted.html +++ b/app/test/frontend/golden/pkg_show_page_retracted.html @@ -117,7 +117,7 @@

pkg 1.0.0 - copy "pkg: ^1.0.0" to clipboard + copy "pkg: ^1.0.0" to clipboard
pkg: ^1.0.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html b/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html index 4259597f49..72573267fe 100644 --- a/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html +++ b/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html @@ -117,7 +117,7 @@

pkg 2.0.0 - copy "pkg: ^2.0.0" to clipboard + copy "pkg: ^2.0.0" to clipboard
pkg: ^2.0.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_show_version_page.html b/app/test/frontend/golden/pkg_show_version_page.html index b7a780faea..925aaa83ff 100644 --- a/app/test/frontend/golden/pkg_show_version_page.html +++ b/app/test/frontend/golden/pkg_show_version_page.html @@ -117,7 +117,7 @@

oxygen 1.2.0 - copy "oxygen: ^1.2.0" to clipboard + copy "oxygen: ^1.2.0" to clipboard
oxygen: ^1.2.0 copied to clipboard diff --git a/app/test/frontend/golden/pkg_versions_page.html b/app/test/frontend/golden/pkg_versions_page.html index fd156baf35..bf035cd074 100644 --- a/app/test/frontend/golden/pkg_versions_page.html +++ b/app/test/frontend/golden/pkg_versions_page.html @@ -117,7 +117,7 @@

oxygen 1.2.0 - copy "oxygen: ^1.2.0" to clipboard + copy "oxygen: ^1.2.0" to clipboard
oxygen: ^1.2.0 copied to clipboard diff --git a/app/test/frontend/golden/publisher_packages_page.html b/app/test/frontend/golden/publisher_packages_page.html index 43c1c872d3..3398cb3eaa 100644 --- a/app/test/frontend/golden/publisher_packages_page.html +++ b/app/test/frontend/golden/publisher_packages_page.html @@ -187,7 +187,7 @@

example.com

neon - copy "neon: ^1.0.0" to clipboard + copy "neon: ^1.0.0" to clipboard
neon: ^1.0.0 copied to clipboard @@ -268,7 +268,7 @@

flutter_titanium - copy "flutter_titanium: ^1.10.0" to clipboard + copy "flutter_titanium: ^1.10.0" to clipboard
flutter_titanium: ^1.10.0 copied to clipboard diff --git a/app/test/frontend/golden/publisher_unlisted_packages_page.html b/app/test/frontend/golden/publisher_unlisted_packages_page.html index 4bd113dc5e..630e7e0bd3 100644 --- a/app/test/frontend/golden/publisher_unlisted_packages_page.html +++ b/app/test/frontend/golden/publisher_unlisted_packages_page.html @@ -193,7 +193,7 @@

example.com

neon - copy "neon: ^1.0.0" to clipboard + copy "neon: ^1.0.0" to clipboard
neon: ^1.0.0 copied to clipboard @@ -274,7 +274,7 @@

flutter_titanium - copy "flutter_titanium: ^1.10.0" to clipboard + copy "flutter_titanium: ^1.10.0" to clipboard
flutter_titanium: ^1.10.0 copied to clipboard diff --git a/app/test/frontend/golden/search_page.html b/app/test/frontend/golden/search_page.html index 18a050b236..cf9724d6ab 100644 --- a/app/test/frontend/golden/search_page.html +++ b/app/test/frontend/golden/search_page.html @@ -434,7 +434,7 @@

oxygen - copy "oxygen: ^1.2.0" to clipboard + copy "oxygen: ^1.2.0" to clipboard
oxygen: ^1.2.0 copied to clipboard @@ -528,7 +528,7 @@

flutter_titanium - copy "flutter_titanium: ^1.10.0" to clipboard + copy "flutter_titanium: ^1.10.0" to clipboard
flutter_titanium: ^1.10.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen.html b/app/test/task/testdata/goldens/packages/oxygen.html index 21963a32d0..15eeb9e8c9 100644 --- a/app/test/task/testdata/goldens/packages/oxygen.html +++ b/app/test/task/testdata/goldens/packages/oxygen.html @@ -117,7 +117,7 @@

oxygen 2.0.0 - copy "oxygen: ^2.0.0" to clipboard + copy "oxygen: ^2.0.0" to clipboard
oxygen: ^2.0.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen/changelog.html b/app/test/task/testdata/goldens/packages/oxygen/changelog.html index c3204a9c57..4a5140ed8f 100644 --- a/app/test/task/testdata/goldens/packages/oxygen/changelog.html +++ b/app/test/task/testdata/goldens/packages/oxygen/changelog.html @@ -117,7 +117,7 @@

oxygen 2.0.0 - copy "oxygen: ^2.0.0" to clipboard + copy "oxygen: ^2.0.0" to clipboard
oxygen: ^2.0.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen/example.html b/app/test/task/testdata/goldens/packages/oxygen/example.html index 60b20d882b..1aa2997b9c 100644 --- a/app/test/task/testdata/goldens/packages/oxygen/example.html +++ b/app/test/task/testdata/goldens/packages/oxygen/example.html @@ -117,7 +117,7 @@

oxygen 2.0.0 - copy "oxygen: ^2.0.0" to clipboard + copy "oxygen: ^2.0.0" to clipboard
oxygen: ^2.0.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen/install.html b/app/test/task/testdata/goldens/packages/oxygen/install.html index c5e78da254..4b38b88d44 100644 --- a/app/test/task/testdata/goldens/packages/oxygen/install.html +++ b/app/test/task/testdata/goldens/packages/oxygen/install.html @@ -117,7 +117,7 @@

oxygen 2.0.0 - copy "oxygen: ^2.0.0" to clipboard + copy "oxygen: ^2.0.0" to clipboard
oxygen: ^2.0.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen/license.html b/app/test/task/testdata/goldens/packages/oxygen/license.html index 9412786505..b3f4e29d5c 100644 --- a/app/test/task/testdata/goldens/packages/oxygen/license.html +++ b/app/test/task/testdata/goldens/packages/oxygen/license.html @@ -117,7 +117,7 @@

oxygen 2.0.0 - copy "oxygen: ^2.0.0" to clipboard + copy "oxygen: ^2.0.0" to clipboard
oxygen: ^2.0.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen/score.html b/app/test/task/testdata/goldens/packages/oxygen/score.html index ad37a7fc7d..ad608a7a5e 100644 --- a/app/test/task/testdata/goldens/packages/oxygen/score.html +++ b/app/test/task/testdata/goldens/packages/oxygen/score.html @@ -117,7 +117,7 @@

oxygen 2.0.0 - copy "oxygen: ^2.0.0" to clipboard + copy "oxygen: ^2.0.0" to clipboard
oxygen: ^2.0.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions.html b/app/test/task/testdata/goldens/packages/oxygen/versions.html index 42fb6fb2f1..6de2f95a10 100644 --- a/app/test/task/testdata/goldens/packages/oxygen/versions.html +++ b/app/test/task/testdata/goldens/packages/oxygen/versions.html @@ -117,7 +117,7 @@

oxygen 2.0.0 - copy "oxygen: ^2.0.0" to clipboard + copy "oxygen: ^2.0.0" to clipboard
oxygen: ^2.0.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html index dfde73a8a5..4961a1119c 100644 --- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html +++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html @@ -117,7 +117,7 @@

oxygen 1.0.0 - copy "oxygen: ^1.0.0" to clipboard + copy "oxygen: ^1.0.0" to clipboard
oxygen: ^1.0.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html index 21338c8db2..ac25c069b2 100644 --- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html +++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html @@ -117,7 +117,7 @@

oxygen 1.0.0 - copy "oxygen: ^1.0.0" to clipboard + copy "oxygen: ^1.0.0" to clipboard
oxygen: ^1.0.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html index 6c7ed7c80a..0beced7657 100644 --- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html +++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html @@ -117,7 +117,7 @@

oxygen 1.0.0 - copy "oxygen: ^1.0.0" to clipboard + copy "oxygen: ^1.0.0" to clipboard
oxygen: ^1.0.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html index d29c9cbf4b..55fe401bf2 100644 --- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html +++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html @@ -117,7 +117,7 @@

oxygen 1.0.0 - copy "oxygen: ^1.0.0" to clipboard + copy "oxygen: ^1.0.0" to clipboard
oxygen: ^1.0.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html index d2c77eba97..ce791d2ef4 100644 --- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html +++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html @@ -117,7 +117,7 @@

oxygen 1.0.0 - copy "oxygen: ^1.0.0" to clipboard + copy "oxygen: ^1.0.0" to clipboard
oxygen: ^1.0.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html index 66ca9eed5b..d644eb6787 100644 --- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html +++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html @@ -117,7 +117,7 @@

oxygen 1.0.0 - copy "oxygen: ^1.0.0" to clipboard + copy "oxygen: ^1.0.0" to clipboard
oxygen: ^1.0.0 copied to clipboard diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html b/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html index 21963a32d0..15eeb9e8c9 100644 --- a/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html +++ b/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html @@ -117,7 +117,7 @@

oxygen 2.0.0 - copy "oxygen: ^2.0.0" to clipboard + copy "oxygen: ^2.0.0" to clipboard
oxygen: ^2.0.0 copied to clipboard diff --git a/pkg/web_css/lib/src/_base.scss b/pkg/web_css/lib/src/_base.scss index e0aa8d8733..b7f46294ea 100644 --- a/pkg/web_css/lib/src/_base.scss +++ b/pkg/web_css/lib/src/_base.scss @@ -98,10 +98,12 @@ button { // not work with monochrome images, as the linear transformation // will keep the pixels with rgb(0,0,0) the same. .pub-monochrome-icon { - opacity: 0.6; + opacity: var(--pub-monochrome-opacity-initial); + transition: opacity 0.3s; + &:focus, a:hover & { - opacity: 1; + opacity: var(--pub-monochrome-opacity-hover); } } diff --git a/pkg/web_css/lib/src/_pkg.scss b/pkg/web_css/lib/src/_pkg.scss index 15332b88e7..dd6380efa4 100644 --- a/pkg/web_css/lib/src/_pkg.scss +++ b/pkg/web_css/lib/src/_pkg.scss @@ -461,12 +461,13 @@ width: 20px; height: 20px; cursor: pointer; - opacity: 0.1; - transition: opacity 0.3s; - &:focus, + // Lower contrast than the regular monochrome icon rules. + --pub-monochrome-opacity-initial: 0.3; + --pub-monochrome-opacity-hover: 0.7; + h1.title:hover & { - opacity: 0.5; + opacity: var(--pub-monochrome-opacity-hover); } } diff --git a/pkg/web_css/lib/src/_variables.scss b/pkg/web_css/lib/src/_variables.scss index 3b24150304..bc230508f1 100644 --- a/pkg/web_css/lib/src/_variables.scss +++ b/pkg/web_css/lib/src/_variables.scss @@ -92,6 +92,10 @@ --pub-downloads-chart-color-bg-4:rgb(154, 103, 0, 0.3); --pub-downloads-chart-color-5: #12a4af; --pub-downloads-chart-color-bg-5: rgb(18, 164, 175, 0.3); + + // Opacity values used to display monochrome icons. + --pub-monochrome-opacity-initial: 0.6; + --pub-monochrome-opacity-hover: 1.0; } /// Variables that are specific to the light theme.