Skylar K. Osler,
Audrey V. Conner,
Molly E. McFadden
and
Maxwell J. Robb
*
Division of Chemistry and Chemical Engineering, California Institute of Technology, Pasadena, California 91125, USA. E-mail: mrobb@caltech.edu
First published on 29th September 2025
Multimodal mechanophores are important targets for the design of complex stress-sensing materials due to their multicolor mechanochromic properties, which potentially enable discrete visual outputs under varying levels of stress and/or strain. We have developed a novel 3H-bis-naphthopyran mechanophore that imbues solid polymeric materials with force-dependent colorimetric sensing capabilities. Polydimethylsiloxane (PDMS) elastomers incorporating a 3H-bis-naphthopyran crosslinker were synthesized and deformed under uniaxial tension. The relative distribution of two distinctly colored merocyanine dyes is systematically biased under varying levels of applied stress and/or strain, resulting in the appearance of distinct coloration, which is characterized by pronounced changes in visible absorption spectra. This work demonstrates that judiciously designed bis-naphthopyran mechanophores can function as force sensors that visually report on the magnitude of applied force in elastomeric materials.
Naphthopyran mechanophores undergo a ring-opening reaction to generate highly colored merocyanine dyes in response to mechanical force.12 Mechanochemical activation of naphthopyran derivatives has been achieved using ultrasonication in solution,13–16 and in bulk materials under tensile and compressive stress.4,13–15,17 We have been particularly interested in multimodal naphthopyran mechanophores that contain multiple pyran reactive sites, as these molecules provide access to distinct states that are coupled to unique absorption properties, and therefore visual signals.18 Multimodal bis-naphthopyran19,20 and naphthodipyran21 mechanophores exhibit multicolor mechanochromism in solution-phase ultrasonication experiments, displaying varying coloration as a function of force or the duration of ultrasound exposure, respectively. However, multicolor mechanochromism from naphthopyran mechanophores has not been achieved to date in bulk materials. In a few examples, stress and/or strain-dependent multicolor mechanochromism has been demonstrated in bulk materials that incorporate two distinct mechanophores.22–25 These dual mechanophore systems typically capitalize on either the unique mechanical properties within different regions of multi-material networks or polymer blends, and/or the distinct reversion behavior of the mechanophores to achieve a multicolor response. Significantly, demonstrations of gradient multicolor mechanochromism from a single mechanophore in bulk materials are so far limited to non-covalent systems. Sommer and coworkers reported the torsional spring mechanophore, which exhibits subtle but well-defined changes in absorption wavelength as a function of applied stress.26,27 Mechanophores that display stress-dependent changes in fluorescence emission have also been described; however, they require irradiation with UV light for detection and are not easily observable by the naked eye.28–30 Polymeric materials that incorporate multimodal naphthopyrans are theoretically capable of distinguishing between varying mechanical loads through discreet visual signals and remain a highly desirable research target in the field of polymer mechanochemistry.
We previously reported a 3H-bis-naphthopyran mechanophore that combines two naphthopyran subunits linked to a central thiophene ring (Scheme 1).19 Photochemical or mechanochemical activation of this 3H-naphthopyran compound generates interconverting mono- and bis-merocyanine isomers that display yellow and purple coloration, respectively. Whereas photochemical activation with UV light promotes sequential ring-opening reactions to generate mono-merocyanine and then bis-merocyanine dyes,31–33 ultrasound-induced mechanochemical activation results in the generation of the purple-colored bis-merocyanine dye directly from the fully ring-closed bis-naphthopyran.19 Under these conditions, the yellow-colored mono-merocyanine product is generated exclusively from the thermal cycloreversion of the bis-merocyanine. Force-dependent multicolor mechanochromism in solution is achieved via a dynamic equilibrium that is established by the relative rates of force-induced ring-opening and thermal cycloreversion; the position of this equilibrium depends on the magnitude of force applied to the mechanophore, which is dictated by the length of the attached polymer chain.19,34 Unfortunately, incorporating this particular bis-naphthopyran mechanophore into bulk materials results in significant background coloration and has impeded research toward successful solid-state applications in our laboratory.
To assess the mechanochemical reactivity of the novel 3H-bis-naphthopyran compound, we performed preliminary density functional theory (DFT) calculations using the constrained geometries simulate external force (CoGEF) method38,39 on a truncated model at the B3LYP/6-31G* level of theory (Fig. 1). The 3H-bis-naphthopyran molecule is predicted to undergo a single ring-opening reaction to generate the mono-merocyanine product at a maximum rupture force (Fmax) of 4.2 nN. Further mechanical elongation is predicted to facilitate the second ring-opening reaction at a rupture force of 4.5 nN to generate the bis-merocyanine product. While data for the (R,S) diastereomer are shown in Fig. 1, the (S,S) diastereomer is also predicted to undergo similar sequential ring-opening reactions (Fig. S1). The calculated Fmax values, which provide a relative measure of the force sensitivity of a mechanophore,38 are comparable to the Fmax values calculated for our previously studied 3H-bis-naphthopyran mechanophore.19
We initially performed solution phase photoirradiation experiments to understand the absorption changes that accompany the ring-opening reactions of the novel 3H-bis-naphthopyran mechanophore. With the ultimate goal of incorporating the mechanophore into PDMS elastomers via standard hydrosilylation chemistry (vide infra),40 we synthesized small molecule 3H-bis-naphthopyran crosslinker BNP functionalized with terminal vinyl groups (Fig. 2a). A solution of BNP (8 μg mL−1 in THF, 30 mM BHT) was irradiated with UV light (l = 311 nm) for 15 min at −78 °C and ultraviolet–visible (UV-vis) absorption spectra were acquired using a spectrometer equipped with a cryostat to characterize merocyanine accumulation (Fig. 2b, see the SI for details). The results are consistent with previous studies that demonstrate sequential ring-opening reactions under UV light for bis-naphthopyran derivatives.19,31–33 At early irradiation times, the absorption spectrum is dominated by a feature with an absorption maximum at ∼480 nm, consistent with the initial generation of the yellow-colored mono-merocyanine species. Extended photoirradiation causes the accumulated mono-merocyanine to undergo a second ring-opening reaction to generate the bis-merocyanine product, which is accompanied by a bathochromic expansion in the absorption spectrum and the emergence of an optical feature with an absorption maximum at ∼560 nm, consistent with the extended conjugation of the bis-merocyanine dye. To provide additional insight into the relative rates of mono- and bis-merocyanine formation, the absorbance at characteristic wavelengths of 450 nm and 625 nm was monitored over the course of the photoirradiation experiment (Fig. 2c). Monitoring at 625 nm allows for the selective detection of the bis-merocyanine species. The absorbance at 450 nm increases rapidly at early irradiation times and approaches a plateau, while the absorbance at 625 nm increases slowly early in the experiment and then steadily increases during prolonged exposure to UV light. Importantly, the ratio of absorbance values at 625 nm and 450 nm increases over the duration of the photoirradiation experiment, reflecting the changing distribution of mono- and bis-merocyanine products (Fig. 2d). We note that the photochemically generated mono-merocyanine and bis-merocyanine dyes are stable at −78 °C in solution; however, thermal reversion is observed at 20 °C (Fig. S2). Photoirradiation of BNP at 20 °C does not result in the accumulation of any significant amount of the bis-merocyanine dye, presumably due to rapid thermal reversion at elevated temperatures (Fig. S3).32
To investigate the mechanochemical reactivity of the 3H-bis-naphthopyran mechanophore in bulk materials, we incorporated BNP (∼0.8 wt% loading) into PDMS elastomers via Pt-catalyzed hydrosilylation40 to yield BNP-PDMS. Uniaxial tension was applied to samples of BNP-PDMS using a load frame while in-line UV-vis absorption measurements were recorded to monitor the strain-dependent changes in absorption (Fig. 3a, see SI for details). The absorbance values at 450 nm and 625 nm were monitored during tensile experiments to investigate how the relative populations of mono-merocyanine and bis-merocyanine products vary as a function of mechanical loading (Fig. 3b). At low strain values, the absorption spectrum is dominated by shorter wavelength features (400–550 nm), consistent with a merocyanine population that is enriched in the yellow-colored mono-merocyanine species. As the strain is increased, absorption at longer wavelengths (>550 nm) increases monotonically, indicating that the bis-merocyanine species is accumulating at increasing concentrations with higher mechanical loading. The relative population of merocyanine species is increasingly biased toward the bis-merocyanine product at higher strain values, which is reflected in the ratio of the absorbance values at 625 nm and 450 nm over the course of the tensile loading experiment (Fig. 3c). Photographs of a separate sample of BNP-PDMS that was subjected to identical uniaxial tensile loading illustrate the force-dependent variation in color that results from the varying composition of merocyanine species at discrete strain values (Fig. 3d and S4). We note that these results do not necessarily distinguish between two potential activation pathways whereby the bis-merocyanine species is generated either directly from the bis-naphthopyran mechanophore, or by the mechanochemical activation of intermediate mono-merocyanine species in a stepwise process. Ongoing work in our group is focused on understanding the mechanism of activation of multimodal naphthopyran mechanophores.
The reproducibility of the strain-dependent multicolor mechanochromic response of PDMS elastomers incorporating the 3H-bis-naphthopyran mechanophore was investigated by performing similar tensile loading experiments on three separate samples of BNP-PDMS (Fig. S5). In each case, increasing strain is accompanied by a bathochromic expansion in the overall absorption spectrum. Accumulation of the yellow-colored mono-merocyanine product is consistently favored at low strain, whereas increasing concentration of the purple-colored merocyanine dye is observed with increasing tensile loading. We also performed replicate tensile loading experiments on a single sample to investigate the repeatability of the force-sensing performance. A specimen of BNP-PDMS was subjected to uniaxial tension to a strain of 120% and then allowed to relax in the dark for 1 h. The sample was then subjected to a second tensile loading, which revealed nearly identical changes in absorption as a function of strain (Fig. S5). Together, these results demonstrate that elastomers incorporating the 3H-bis-naphthopyran molecular force sensor exhibit reproducible and repeatable changes in color in response to varying mechanical loads. To confirm the mechanical origin of the observed behavior, a control PDMS network (Control-PDMS) incorporating a 3H-bis-naphthopyran mechanophore functionalized with a single terminal alkene group (∼0.8 wt% loading) was synthesized and subjected to uniaxial tension (see SI for details). As expected, deformation of Control-PDMS under uniaxial tension does not result in any strain-dependent changes in color; critically, the ratio of absorbance at 625 nm and 450 nm remains constant over the course of the tensile loading experiment (Fig. S6 and S7). This result demonstrates that the generation of mono- and bis-merocyanine dyes observed upon tensile loading of BNP-PDMS requires force to be transduced across the 3H-bis-naphthopyran crosslinkers.
To further interrogate the multicolor mechanochromic behavior of the bis-naphthopyran mechanophore, a sample of BNP-PDMS was loaded to a constant strain and absorption spectra were recorded continuously to characterize the time-dependent changes in merocyanine distribution (Fig. S8). The specimen was first loaded to 90% strain and held in tension for 1 h. An increase in the overall visible absorption is observed during this period at constant strain; the ratio of the absorbance at 625 and 450 nm increases asymptotically to approach a constant value, consistent with an enrichment in the relative population of the bis-merocyanine species. Upon further increasing the strain of the sample to 120%, a similar increase in absorption is observed with the ratio of the absorbance at 625 and 450 nm again increasing to achieve a new plateau value, suggesting another shift in the equilibrium to favor additional accumulation of the bis-merocyanine species. Merocyanine reversion is not observed to any significant extent while the specimen is maintained in tension, even upon photoirradiation with white light, which is routinely used to facilitate the reversion of naphthopyran-derived merocyanine dyes (Fig. S9).12 The mechanochemical activation of bis-naphthopyran in bulk materials therefore contrasts the previously observed solution-phase behavior, wherein ultrasound-induced mechanical activation of bis-naphthopyran rapidly establishes a dynamic equilibrium between mono- and bis-merocyanine products that results from competing rates of bis-merocyanine formation and thermal reversion.19 Notably, attenuation of the absorption spectrum occurs rapidly after a sample of BNP-PDMS maintained at 90% strain is relaxed to its original length, reflecting the transience of the merocyanine products in the absence of an applied force of tension (Fig. S10).
Similar to the solution-phase results presented earlier, the differences between the photochemical and mechanochemical reactivity of the 3H-bis-naphthopyran mechanophore are readily apparent in PDMS materials. A sample of BNP-PDMS was irradiated with UV light (λ = 311 nm) for 300 s at room temperature and absorption spectra were acquired to monitor merocyanine accumulation (Fig. 4a). The absorption spectrum is dominated by a peak with a maximum at ∼480 nm that increases in intensity with longer exposure to UV light, indicating that the distribution of photochemically generated merocyanine species strongly favors the mono-merocyanine product. Photoirradiation does not result in any significant accumulation of the bis-merocyanine product due to fast thermal reversion at room temperature, even in the solid state.19,32 We note that photodegradation and an overall decrease in visible absorption was observed upon extended UV photoirradiation (Fig. S11). The photochromic behavior of BNP-PDMS contrasts strongly with the mechanochromic properties of the material, which exhibits significant absorption at wavelengths up to ∼700 nm upon mechanical loading to 135% strain. These differences in the merocyanine dye composition generated with either UV light or mechanical loading are readily observable by the naked eye (Fig. 4b). Samples of BNP-PDMS appear red-orange in color after exposure to UV light, whereas BNP-PDMS samples loaded in tension appear purple-red, consistent with the longer wavelength absorption observed spectroscopically that accompanies bis-merocyanine formation.
This journal is © The Royal Society of Chemistry 2025 |